/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}




/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

html { font: 15px/1.833333333333333 'Montserrat', 'HelveticaNeue', 'Helvetica-Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

body {
    font-size: 15px;
	font-size: 1rem;
	line-height: 1.666666666666667;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-black-webfont.eot');
    src: url('fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('fonts/montserrat-black-webfont.woff') format('woff'),
         url('fonts/montserrat-black-webfont.ttf') format('truetype'),
         url('fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'Montsterrat';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-light-webfont.eot');
    src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html body .serif,
html body .sansSerif { 
    font-family: 'Montserrat', 'HelveticaNeue', 'Helvetica-Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}



.wrapper {
    width: 90%;
    margin: 0 5%;
}

.header-container { background: rgba(0,0,0,.06); }
.lt-ie9 .header-container,
.lt-ie9 .main-container { background: url(../img/transWhiteBG.png) 0 0; }


.title {
    color: #222;
}

header nav ul {
    margin: 0;
    padding: 0;
}

header nav a {
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;

    text-align: center;
    text-decoration: none;
    font-weight: normal;

    color: #7e7e7e;
}

:not(.touch) header nav a:hover {
    color: #222;
}
header nav select { float: right; margin-top: 35px; display: none; }
#sidebar select { display: none; }

#headerLogo { width: 210px; display: block; position: relative; }
#headerLogo img { width: 100%; }
#tagline { position: absolute; left: 0; bottom: 15px; width: auto; text-align: center; }
#tagline p { margin: 0; padding: 0; }


/* ==============
    MOBILE: Main
   ============== */
.interior .main {     
    padding: 0 0 60px 0;        
}



/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/*----- Font size classes -----*/

/* Extra Small (10px/.6666666667em) */
.xs { font-size: 10px; font-size: .666666666666666667rem; }

/* Small (12.5px/.833333333333333em) */
.sm { font-size: 12.5px; font-size: .833333333333333333rem; }

/* Normal (15px/1em) */
.norm {	font-size: 15px; font-size: 1rem; }

/* Medium (17.5px/1.16666666666667em) */
.med { font-size: 17.5px; font-size: 1.16666666666667rem; }

/* Large (22.5px/1.5em) */
.lg { font-size: 22.5px; font-size: 1.5rem; }

/* Larger (27.5/1.83333333333em) */
.lgr { font-size: 27.5px; font-size: 1.833333333333333rem; }

/* Extra Large (30px/2em) */
.xl { font-size: 30px; font-size: 2rem; }

/* Medium Extra Large (37.5/2.5em) */
.mxl { font-size: 37.5px; font-size: 2.5rem; }

/* Double Extra Large (45px/3em) */
.xxl { font-size: 45px; font-size: 3rem; }

/* Triple Extra Large (52.5px/3.5em) */
.xxxl { font-size: 52.5px; font-size: 3.5rem; }

/* Quadruple Extra Large (67.5px/4.5em) */
.xxxxl { font-size: 60px; font-size: 4rem; letter-spacing: -.05em; }

#sidebar.norm ul li a {
    font-size: 13px;
    font-size: .83333333333333333333rem;
}


/* Headings */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', 'HelveticaNeue', 'Helvetica-Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
}
.banner { font-weight: 800; font-size: 4.5em; line-height: .888888888888889; text-transform: uppercase;
	      letter-spacing: -.05em; }
.html5Video.banner { letter-spacing: normal; }
.lt-ie9 .banner { font-weight: bold; }
h1 { font-weight: 300; letter-spacing: -.05em; }
h2 strong,
.fourFifthsNarr h2 { 
    font-weight: normal !important;
    letter-spacing: -.025em;
    line-height: 1.166667;
    margin-bottom: 18px;
}
.boxHeading { margin: 0 0 10px 0; padding: 15px; line-height: 1; }
p { margin: 0; font-weight: 300; }
td,
.fourFifthsNarr ul li,
.fourFifthsNarr > div { font-weight: 300; }


/* Font weights */
.light { font-weight: 300; }
.reg { font-weight: 400; }
.semi { font-weight: 600; }
.bold { font-weight: 700; }
.xbold { font-weight: 800; }


/* Font decorations */
.txtShadowSm { text-shadow: 0 1px 1px rgba(0,0,0,.33); }
.txtShadowLg { text-shadow: 0 2px 2px rgba(0,0,0,.33); }



/*----- Design classes -----*/

/* Corners */
.corner0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.corner5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.corner10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.corner15 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.no-borderradius .corner10,
.no-borderradius .corner15 { behavior: url(/PIE.htc); position: relative; }

/* Transparency */
.opacity50 {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* Netscape */
	-moz-opacity: 0.5;
	/* Safari 1.x */
	-khtml-opacity: 0.5;
	/* Good browsers */
	opacity: 0.5;
}
.opacity75 {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	/* Netscape */
	-moz-opacity: 0.75;
	/* Safari 1.x */
	-khtml-opacity: 0.75;
	/* Good browsers */
	opacity: 0.75;
}

/* Colors */
.dkBlue { color: #1c476f; }
.dkBlueBG { background: #1c476f; }
.blue { color: #0a5cad; }
.blueBG { background: #0a5cad; }
.blueBG-transparent-60 { background: rgba(6,92,173, .6); }
.blueBG-transparent-75 { background: rgba(6,92,173, .75); }
.orange { color: #e4821b; }
.orangeBG { background: #e4821b; }
.orangeBG-transparent-60 { background: rgba(227,129,26, .6); }
.orangeBG-transparent-75 { background: rgba(227,129,26, .75); }
.ltOrange { color: #edd3b8; }
.ltOrangeBG { background: #edd3b8; }
.yellow { color: #DEBD20; }
.yellowBG { background: #DEBD20; }
.yellowBG-transparent-60 { background: rgba(222,189,32, .6); }
.yellowBG-transparent-75 { background: rgba(222,189,32, .75); }
.green {  color: #7cbe31; }
.greenBG { background: #7cbe31; }
.greenBG-transparent-60 { background: rgba(124,190,49, .6); }
.greenBG-transparent-75 { background: rgba(124,190,49, .75); }
.dkGreen { color: #4aa138; }
.dkGreenBG { background: #4aa138; }
.white { color: #fff; }
.whiteBG { background: #fff; }
.black { color: #222; }
.trueBlack { color: #000; }


/* Gradients */
.blueGr { background: #5f7e9a; /* Old browsers */
background: -moz-linear-gradient(top,  #5f7e9a 33%, #3e5a74 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#5f7e9a), color-stop(100%,#3e5a74)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5f7e9a 33%,#3e5a74 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5f7e9a 33%,#3e5a74 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5f7e9a 33%,#3e5a74 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5f7e9a 33%,#3e5a74 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f7e9a', endColorstr='#3e5a74',GradientType=0 ); /* IE6-9 */
}
.greenGr {background: #85c17a; /* Old browsers */
background: -moz-linear-gradient(top,  #85c17a 33%, #4aa138 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#85c17a), color-stop(100%,#4aa138)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #85c17a 33%,#4aa138 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #85c17a 33%,#4aa138 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #85c17a 33%,#4aa138 100%); /* IE10+ */
background: linear-gradient(to bottom,  #85c17a 33%,#4aa138 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c17a', endColorstr='#4aa138',GradientType=0 ); /* IE6-9 */
}
.orangeGr {background: #e9a24a; /* Old browsers */
background: -moz-linear-gradient(top,  #e9a24a 33%, #ef7f17 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#e9a24a), color-stop(100%,#ef7f17)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e9a24a 33%,#ef7f17 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e9a24a 33%,#ef7f17 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e9a24a 33%,#ef7f17 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e9a24a 33%,#ef7f17 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9a24a', endColorstr='#ef7f17',GradientType=0 ); /* IE6-9 */
}
.opacityMask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.90); zoom: 1; }
.lt-ie9 .opacityMask { background: url(../img/transWhiteBG.png) 0 0; }


/*----- Structural styles -----*/

/* Page-level structure */
.wrapper {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.twoFifteenths, .oneTwelfth, .oneEighth, .oneSeventh,
.oneSixth, .oneFifth, .oneFifthNarr, 
.oneFourth, .oneThird, .oneThirdNarr,
.twoThirdsNarr, .oneHalf,
.fiveTwelfths, .twoFifths, .threeEighths, .threeFifths,
.threeFourths, .fourFifthsNarr,
.oneFourthNarr, .threeFourthsNarr
.twoThirds, .fiveSixths { 
	float: left;
}
.oneTwelfth { width: 5.921052631578947%; }
.twoFifteenths { width: 7.73333333333333%; }
.oneEighth { width: 10.197368421052632%; }
.threeEighths { width: 35.855263157894738%; }
.fiveEighths { width: 61.513157894736842%; }
.oneSeventh { width: 11.285714285714286%; }
.oneSixth { width: 14.21568627451%; }
.oneFifth { width: 17.894736842105263%; }
.oneFifthNarr { width: 15.294117647059%; }
.twoFifths { width: 38.421052631578947%; }
.threeFifths { width: 58.947368421052631%; }
.fourFifths { width: 79.473684210526315%; }
.fourFifthsNarr { width: 78.823529411765%; }
.oneFourth { width: 22.794117647059%; }
.oneFourthNarr { width: 20.588235294118%; }
.oneThird { width: 31.372549019608%; }
.oneThirdNarr { width: 29.411764705882%; }
.oneHalf { width: 48.529411764706%; }
.threeFourths { width: 74.264705882353%; }
.threeFourthsNarr { width: 73.529411764706%; }
.fiveTwelfths { width: 40.131578947368421%; }
.sevenTwelfths { width: 57.236842105263158%; }
.twoThirds { width: 65.789473684210526%; }
.twoThirdsNarr { width: 64.705882352941%; }
.fiveSixths { width: 82.894736842105263%; }
.col { margin-left: 2.941176470588%; }
.colx2 { margin-left: 5.882352941177%; }

.header-container { position: absolute; top: 0; width: 100%; }
.main-container { position: relative; width: 100%; }




/* Forms styles */

.main-container .main form > div,
.main-container .main form > fieldset > div,
.main-container .main form div.clearfix { margin-bottom: 15px; }
form legend { display: none; }
.main-container .main label,
body .hs-form-field label { text-align: right; margin-right: 3.731343283582%; line-height: 1.83333333333333em; float: left; display: inline-block; }
body .hs-form-field label { width: 25%; font-family: 'open-sans', Helvetica, sans-serif; }
.main-container .main label.required:after { content: '\00a0*'; color: #e4821b; }
.hs-form-required { color: #e4821b; }
body .hs-form-field { overflow: hidden; }
body .hs-form-field div.input { float: left; display: inline-block; }
.main-container .main input[type="text"],
.main-container .main input[type="password"],
.main-container .main input[type="email"],
.main-container .main textarea { border: 0; height: 1.83333333333333em; line-height: 100%; background: rgba(0,0,0,.08);
		   font-family: 'open-sans', 'Open Sans', Verdana, sans-serif; padding: 0 5px;
		   font-weight: 300; float: left; display: inline-block; }
.main-container .main .hs-form-field .input { width: 70%; }
.main-container .main .hs-form-field input { width: 90%; }
.lt-ie9 .main-container .main input[type="text"],
.lt-ie9 .main-container .main input[type="password"],
.lt-ie9 .main-container .main textarea { background: url(../img/transBlackBGLt.png) 0 0 !important; line-height: 28px; }
.main-container .main input[type="password"] { letter-spacing: .25em; }
.main-container .main textarea { height: 3.66666666666667em; }
.main-container .main input[type="checkbox"] { display: none; }
.main-container .main label.checkbox, span.checkbox { display: inline-block; float: left; cursor: pointer; } 
.main-container .main span.checkbox { width: 27px; height: 0; overflow: hidden; padding-top: 27px; background: url(../img/checkboxBG.png) -27px 0 no-repeat;
	 			margin-right: 10px; }
.main-container .main input[type="checkbox"]:checked + label span,
.main-container .main input[type="checkbox"]:checked + input[type="hidden"] ~ label.checkbox span { background-position: 0 0; }
#btnContainer { padding-left: 21.641791044776%; }
.hs_submit { padding-left: 28.75%; }
#btnContainer input,
.hs_submit input { border: 0; color: #fff; background: #e4821b; height: 1.83333333333333em; line-height: 100%; }
.hs_submit input { font-family: 'open-sans', Helvetica, sans-serif; }



/* Tools styles */
#topToolsNBtns { position: absolute; overflow: hidden; right: 0; top: 0; }
.tools { background: #97ce50; height: 23px; margin: 0; padding: 0 10px; position: absolute; right: 0; overflow: hidden;}
#topToolsNBtns .tools { position: static; float: right; display: inline-block; margin-right: 15px; }
#footerTools { position: absolute; right: 0; top: -40px; overflow: hidden; display: none; }
#footerTools .tools.btm { position: static; float: right; display: inline-block; margin-right: 15px; }
.tools.top { right: 138px; }
.tools #loginForm,
.tools #loginFormTop,
.tools #supportBtn,
.tools #supportBtnTop,
.tools #searchForm,
.tools #searchFormTop { position: relative; top: 3px; }
.tools #searchForm,
.tools #searchFormTop { padding-left: 5px; }
.tools > a { width: 13px; height: 0; padding-top: 13px; float: left; display: inline-block; overflow: hidden; margin: 4px 5px 0 5px;
			  /* Netscape */
			  -moz-opacity: 0.75;

			  /* Safari 1.x */
			  -khtml-opacity: 0.75;

			  /* Good browsers */
			  opacity: 0.75;
			}

.tools > a:first-child { margin-left: 0; }
.tools #shareBtns,
.tools #shareBtnsTop, .tools > div a, .tools > div p { white-space: nowrap; }
.tools > .search { margin-right: 0; }
.supportBtn, .demoBtn, .loginBtn, .careerBtn { height: 23px; position: static; float: right; display: inline-block; padding: 0 10px;  }
.demoBtn, .supportBtn, .careerBtn { margin-left: 15px; }
.supportBtn a, .demoBtn a, .loginBtn a, .careerBtn a { line-height: 23px; text-decoration: none; margin: 0; padding: 0; display: block; /* Netscape */
	-moz-opacity: 0.75;

	/* Safari 1.x */
	-khtml-opacity: 0.75;

	/* Good browsers */
	opacity: 0.75;
    font-weight: normal; }
.loginBtn a {
    float: left;
}
.loginBtn a:last-child {
    margin-left: 10px; 
}
:not(.touch) .tools > a.on,
:not(.touch) .tools > a:hover,
:not(.touch) .supportBtn a:hover,
:not(.touch) .demoBtn a:hover,
:not(.touch) .loginBtn a:hover,
:not(.touch) .careerBtn a:hover { /* IE 8 */
			  /* Netscape */
			  -moz-opacity: 1;

			  /* Safari 1.x */
			  -khtml-opacity: 1;

			  /* Good browsers */
			  opacity: 1;
			}
.login { background: url(../img/loginIcon.png) 0 1px no-repeat; }
.share { background: url(../img/shareIcon.png) 0 0 no-repeat; }
.share + div { overflow: hidden; }
.fb, .tw, .em { width: 16px; height: 0; overflow: hidden; display: inline-block; float: left; padding-top: 16px; margin: 3px 3px 0 3px; }
.fb { background: url(../img/fbIcon.png) 0 0; }
.tw { background: url(../img/twIcon.png) 0 0; }
.em { background: url(../img/emIcon.png) 0 0; width: 21px; }
.search { background: url(../img/searchIcon.png) 0 0 no-repeat; }
.support { background: url(../img/helpIcon.png) 0 0 no-repeat; }
.tools > a + div { display: none; float: left; overflow: hidden; position: relative; }
#searchForm { margin-left: 5px; }
.tools form { float: left; display: inline-block; overflow: hidden; }
.tools form > div { display: inline-block; float: left; overflow: hidden; position: relative; margin: 0; padding: 0; }
.tools form label { position: absolute; left: 5px; top: 2px; z-index: 10; color: #b4b4b4; }
.tools form input[type="text"],
.tools form input[type="password"] { background: #fff; border: 0; width: 90px; margin-right: 5px;
	 								 position: relative; top: -3px; z-index: 1; outline: none; height: 14px; }
.tools form input[type="submit"] { background: rgba(0,0,0,.33); border: none; position: relative; top: -3px; height: 16px;
	 							   margin: 0; padding: 0 5px; line-height: 16px; }
.lt-ie9 .tools form input[type="submit"] { background: #648935; }



/*----- Landing Page styles -----*/

/* Slider styles and overrides */
/*body .ls-fullwidth { background: #fff; }
body .ls-fullwidth .ls-nav-prev { background: url(../img/l-Arrow.png) 0 0 no-repeat;
				height: 83px; top: 31%; left: 0; }
body .ls-fullwidth .ls-nav-next { background: url(../img/r-Arrow.png) 0 0 no-repeat;
				height: 83px; top: 31%; right: 0; }
body #layerslider-container-fw .ls-fullwidth .ls-nav-next,
body #layerslider-container-fw .ls-fullwidth .ls-nav-prev,
body #layerslider-container-fw .ls-fullwidth .ls-nav-next:hover,
body #layerslider-container-fw .ls-fullwidth .ls-nav-prev:hover { background-position: 0 0; }
#ajaxLoader { position: absolute; top: 33%; left: 50%; margin: -33px 0 0 -33px; }
.banner { min-height: 200px; }
.bannerBtn { padding: 5px 10px; text-decoration: none; }
.bgChevron img, .watermarkChevron img, .productFamily img, .nameTagHand img { width: 100%; }
.nameTagHand { display: none !important; }
#dashboardVidCont { position: absolute; left: 395px; top: 50px; }
#dashboardVidCont img { position: absolute; top: 0; left: 0; cursor: pointer; }
body .vidMask img { width: 100%; }*/
/*#dashboardVidCont video { display: none; }*/

#hero-container {
    background: url(../img/hero-bg.jpg) 50% 100% no-repeat;
    background-size: 100% auto;
    overflow: visible;
}
#hero {
    padding-top: 134px;
    height: 720px;
    min-height: 720px;
    max-height: 720px;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
}
#tablet-trio {
    width: 100%;
    position: absolute;
    z-index: 999;
    bottom: -130px;
}
#tablet-trio img {
    display: block;
    width: 100%;
    height: auto;
}
#hero h1 { line-height: 1; }
#hero h3 {
    font-size: 21px;
    font-size: 1.4rem;
    color: #7e7e7e;
    margin-top: 13px;
    font-weight: 300;
    line-height: 1.166667;
}
#hero #product-buttons {
    margin-top: 45px;
}


#hero #product-buttons a {
    line-height: 1;
    font-size: 15px;
    font-size: 1rem;
    line-height: 1.1666666667;
    text-decoration: none;
    box-sizing: border-box;
    padding: 20px 10px 20px 97px;
    color: rgba(255,255,255,.75);
    position: relative;
}
#hero #product-buttons a:before {
    position: absolute;
    content: '';
    display: block;
    width: 61px;
    height: 48px;
    top: 50%;
    margin-top: -24px;
    left: 18px;
    opacity: .75;
    background-size: 100% auto;
}
#hero #product-buttons a.relationship-management:before {
    background: url(/themes/stratuslive/img/relationship-management.svg) 50% 50% no-repeat;
}
#hero #product-buttons a.business-intelligence:before {
    background: url(/themes/stratuslive/img/business-intelligence.svg) 50% 50% no-repeat;
}
#hero #product-buttons a.enterprise-marketing:before {
    background: url(/themes/stratuslive/img/enterprise-marketing.svg) 50% 50% no-repeat;
}
#hero #product-buttons a.online-fundraising:before {
    background: url(/themes/stratuslive/img/online-fundraising.svg) 50% 50% no-repeat;
}
:not(.touch) #hero #product-buttons a.relationship-management:hover,
#hero #product-buttons a.relationship-management:active,
#hero #product-buttons a.relationship-management:focus {
    background-color: #7CBE31;
    color: #fff;
}

:not(.touch) #hero #product-buttons a.business-intelligence:hover,
#hero #product-buttons a.business-intelligenceactive,
#hero #product-buttons a.business-intelligence:focus {
    background-color: #DEBD20;
    color: #fff;
}

:not(.touch) #hero #product-buttons a.enterprise-marketing:hover,
#hero #product-buttons a.enterprise-marketing:active,
#hero #product-buttons a.enterprise-marketing:focus {
    background-color: #065CAD;
    color: #fff;
}

:not(.touch) #hero #product-buttons a.online-fundraising:hover,
#hero #product-buttons a.online-fundraising:active,
#hero #product-buttons a.online-fundraising:focus {
    background-color: #E3811A;
    color: #fff;
}
:not(.touch) #hero #product-buttons a:hover:before {
    opacity: 1;
}


/* Box columns */
.boxCol-container {
    width: 100%;
    display: inline-block;
    background: rgba(0,0,0,.06);
    padding: 170px 0 60px 0;
}
.boxCol { min-height: 339px; color: #fff; position: relative; }
.boxCol h2 { text-align: center; letter-spacing: -.025em; font-size: 20px; font-size: 1.3333333rem; font-weight: bold; }
.boxCol p { font-size: 1em; line-height: 1.5; display: block; }
.boxCol p:last-child { padding: 0 15px 15px 15px; }
.boxCol a { color: #fff; }
.boxCol a:hover { text-decoration: none; color: #fdffc9; }
.boxCol a.img { position: relative; display: block; clear: both;  }
.boxCol.blueGr a.img { width: 55%; height: auto; margin: 0 auto; margin-top: -5px; }
.boxCol.greenGr a.img { width: 50%; height: auto; margin: 0 auto; margin-top: 20px; margin-bottom: 15px; }
.boxCol.orangeGr a.img { width: 50%; height: auto; margin: 0 auto; margin-top: 25px; margin-bottom: -23px; }
.boxCol a.img img { width: 100%; height: auto; }
.boxHeading { }

/* Webinar ads */
.webinar-ad-wrapper {
	overflow: hidden;
	display: block;
	clear: both;
    padding: 60px 0 60px 0;
}
/*.webinar-ad {
	width: 50%;
	float: left;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 15px;
}*/
.webinar-ad img {
	width: 100%;
	height: auto;
}
/*.webinar-ad + .webinar-ad {
	padding-right: 0;
	padding-left: 15px;
}*/





/*----- Interior page styles -----*/

.header-container.interior { background: rgba(0,0,0,.05); position: static; }
.lt-ie9 .header-container.interior { background: url(../img/transBlackBGLt.png) 0 0; }
.interior .oneFifthNarr {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

.main-container.interior { margin-top: 60px; }
.main-container.interior ul,
.main-container.interior p { margin: 0 0 2em 0; }
.main-container.interior a:not(.white) { color: #1c476f; }
.main-container.interior #sidebar a { text-decoration: none; }
.section-nav, .section-nav-close { display: none; }
.section-nav span { display: inline-block; }
.section-nav span:first-letter { text-transform: capitalize; }
.main-container footer a:not(.white),
.main-container.interior footer a:not(.white) { color: #222; }
:not(.touch) .main-container.interior a:not(.white):hover { color: #e4821b; text-decoration: none; }
.main-container.interior ul:last-child,
.main-container.interior p:last-child { margin-bottom: 0; }
.main-container.interior ul li { margin-bottom: 1.2em; }
.watermark { position: absolute; top: 15px; left: 50%; margin-left: -665px; }
.callOut { float: right; width: 33%; padding: 15px;
	 	   margin: 0 0 15px 3.75%; position: relative; }
.callOut > *:not(.opacityMask) { position: relative; }
.main-container.interior .callOut p { margin-bottom: 1em; }
.callOut ul { padding: 0 0 0 20px; }
.callOut li { line-height: 1.33333333; margin-bottom: 15px; }
.main-container.interior .callOut li:last-child { margin-bottom: 0; }
.newsAnn { padding-left: 7.462686567164%; background: url(../img/newsItemBG.png) 0 0 no-repeat;
	       margin-bottom: 45px; }
.html5Video.banner .vjs-poster { position: absolute; top: 0; left: 0; }
.html5Video.banner .video-js { width: 100%; padding-top: 56.25%; }
.html5Video.banner .vjs-fullscreen { padding-top: 0; }
.html5video + .html5Video { clear: right; }


/* Sidebar Tools */
.sidebarTools { padding: 6% 0; margin-top: .33em; overflow: hidden; }
.sidebarTools > a { float: left; display: inline-block; margin: 0 8.230769230769%;
					text-align: center; overflow: hidden; height: 30px; }

.sidebarTools > a img { width: 100%; }
.pdf { width: 14.461538461538%; }
.demo { width: 17.461538461538%; }
a.video { width: 17.461538461538%; }


.pdfDrawer, .demoDrawer, .videoDrawer { display: none; background: #edd3b8; position: relative; zoom: 1; }
.pdfDrawer > div, .demoDrawer > div, .videoDrawer > div { padding: 10px; }
.lbLink { float: left; display: inline-block; margin: 0 5px 0 0; }
.txtVLink { display: block; padding: 0 0 5px 0; }

.overlayMask { position: absolute; width: 100%; height: 100%; top: 0; left: 0;
			  display: none; z-index: 8999; background: rgba(0,0,0,.85); }
.lt-ie9 .overlayMask { background: url(../img/transBlackBG.png) 0 0; }
/*
.vidOverlay > div { position: relative; width: 640px; height: 358px;
	 				top: 50%; left: 50%; margin: -179px 0 0 -320px; }
*/
.vidOverlay { position: absolute; width: 640px; height: 358px;
			  top: 50%; left: 50%; margin: -179px 0 0 -320px; }
.vidOverlay .vidClose { display: block; height: 0; width: 15px; padding-top: 15px; background: url(../img/vidCloseBG.png) 0 0 no-repeat; position: absolute;
					 cursor: pointer; overflow: hidden; text-decoration: none; z-index: 9999; top: 0; right: 2px; }
.vidOverlay .vidClose:hover { background-position: 0 -15px; }


/* Sidebar Nav */

.section-nav { display: none; }
#sidebar ul { margin: 0; padding: 49px 0 0 0; list-style-type: none; }

#sidebar ul li { margin-bottom: 27px; text-align: left; line-height: 1.2; }
#sidebar ul li a { color: #000; display: block; }
#sidebar ul li hr { display: none; }
#sidebar ul li:not(:first-child) h3 { padding: 1.5em 0 0 0; }
#sidebar > ul > .dropdown > ul { padding-top: 15px; }
#sidebar > ul > .dropdown > ul > li { padding-top: 15px; }
#sidebar > ul > .dropdown > ul > li > a { padding-left: 10px; }
#sidebar > ul > .dropdown > ul ul { padding-top: 8px; }
#sidebar > ul > .dropdown > ul > li > ul > li > a {
    padding-left: 20px;
    line-height: 1;
    position: relative;
    font-size: 11px;
    font-size: .73333333rem;
}
#sidebar > ul > .dropdown > ul > li > ul > li > a:before {
    position: absolute;
    left: 10px;
    content: '-';
}
#sidebar ul .dropdown ul li { margin-bottom: 8px; }



/*----- Video Library Styles -----*/

div#playerWrapper					{   width: 100% !important;
	 									background-color: #303030;
	 									padding: 15px 0;
										text-align: center;
										position: relative;
										display: none;
										margin-bottom: 60px !important; }
/*#playerTitle						{ 	height: 31px; }*/
span#playCloseBtn					{   position: absolute;
										top: 15px;
										right: 15px;
										height: 0;
										width: 25px;
										padding-top: 25px;
										overflow: hidden;
										background: url(../img/playCloseBtn.png) top center no-repeat;
										cursor: pointer;
										display: block; }
h1#vidPageHeading					{   width: 50%;
	 									margin-right: 0;
										padding-right: 0;
										float: left;
										display: inline-block; }
div#vidSearchBar					{ 	color: #333;
										float: right;
										display: inline-block;
										overflow: hidden;
										width: 50%;
										margin-top: -64px; }
div#vidSearchBar form				{ 	float: right;
	 									display: inline-block; }
a#vidSearchBtn						{ 	height: 0;
										padding-top: 19px;
										float: left;
										display: inline-block;
										overflow: hidden;
										width: 19px;
										margin: 4px 15px 0 5px;
										background: url(../img/vidSearchBtn.png) top center no-repeat; }
a#resetBtn							{   float: left;
										display: inline-block;
										padding: 0 5px;
										text-decoration: none;
										margin-top: 1px;
										position: relative; }
div#vidSearchBar p					{   float: right;
										display: inline-block;
										color:#fff; 
									    margin-right: 15px;     
									    background-image:url('../img/arrowR.gif');
									    background-position:right center;
									    background-repeat:no-repeat;
									    padding: 3px 18px 3px 7px;
									    -moz-border-radius: 4px 0 0 4px;
									    -webkit-border-radius: 4px 0 0 4px;
										border-radius: 4px 0 0 4px;
										behavior: url(/PIE.htc);
										width: auto;
										text-align: right !important; }
div#vidSearchBar input				{ 	border-color: #333;
										float: left;
										display: inline-block; }
div#vidSearchBar input.text:focus	{   outline: none; }
div#player							{   width: 710px;
	 									height: 400px;
	 								    margin: 0 auto; }
div#xml_wrapper						{   clear: both;
										dislay: block;
										overflow: hidden; }
ul#xml_nav							{   list-style-type: none;
										clear: both;
										dislay: block;
										overflow: hidden;
										height: 55px;
										padding-top: 3px;
										position: relative;
										margin: 0;
										font-size: 133%; }
ul#xml_nav li						{   float: left;
	 									display: inline-block;
									    margin: 0 6px; }
ul#xml_nav li:nth-child(1)			{   margin-left: 0; }
ul#xml_nav li a						{ 	padding: 3px 6px;
	 									display: block;
										text-decoration: none; }
ul#xml_nav li a span				{   display: block; }
ul#xml_nav li a.on					{   background: #dc8b16;
									    color: #fff;
									    text-decoration: none;
									 	-moz-border-radius: 7px 7px 0 0;
										-webkit-border-radius:  7px 7px 0 0;
										border-radius:  7px 7px 0 0;
										behavior: url(/PIE.htc);
										position: relative; }
ul#xml_nav li ul					{ 	overflow: hidden;
										padding: 0;
										margin: 0;
										position: absolute;
										width: 100%;
										border-top: 1px solid #ccc;
										top: 24px;
										left: 0;
										font-size: 75%;
										height: 18px; 
										padding-top: 3px; }
ul#xml_nav li ul li a.on			{ 	background: #dc8b16;
										color: #fff;
										text-decoration: none;
										-moz-border-radius: 10px; 
										-webkit-border-radius:  10px; 
										border-radius: 10px;
										behavior: url(/PIE.htc);
										position: relative; }

ul#xml_nav li ul li					{ 	/* IE 8 */
										-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

										/* IE 5-7 */
										filter: alpha(opacity=0);

										/* Netscape */
										-moz-opacity: 0;

										/* Safari 1.x */
										-khtml-opacity: 0;

										/* Good browsers */
										opacity: 0; }

div#vidList							{   position: relative;
										top: -9px;
										width: 100%; }
div.vidPairWrapper					{ 	display: block;
	 									overflow: hidden;
										width: 100%;
										min-height: 126px; }
div.vidItem							{   float: left;
										display: inline-block;
										padding: 25px 0 0 0;
										width: 50%;
										position: relative; }
div.thumb							{   height: 78px;
										width: 30%;
										float: left;
										display: inline-block;
								 	}
div.thumb a							{   display: block;
										position: relative;
										text-decoration: none;
										border: 1px solid #ccc;
										width: 85%; }
div.thumb img						{   width: 100%; }
div.thumb a span.playIcon			{ 	display: block; 
										position: absolute;
										top: 50%;
										left: 50%;
										font-size: 20px;
										width: 20px;
										margin: -18px 0 0 -8px;
										padding: 0;
										color: #333;
										/* IE 8 */
										-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

										/* IE 5-7 */
										filter: alpha(opacity=0);

										/* Netscape */
										-moz-opacity: 0;

										/* Safari 1.x */
										-khtml-opacity: 0;

										/* Good browsers */
										opacity: 0;}
div.descr							{   width: 60%;
										float: left;
										display: inline-block;
										color: #333; }
span.vidDate, span.vidTag			{   line-height: 1.5; 
										font-weight: bold; 
										display: inline-block;
										margin-right: 15px; }
span.vidTag							{ 	display: block; }
.main-container.interior p.vidDescr	{   line-height: 1.5;
										height: 14px;
										white-space: nowrap;
										overflow: hidden;
										text-overflow: ellipsis;
										width: 85%;
										float: left;
										display: inline-block;
										margin-left: 5px;
										margin-bottom: 0; }
.main-container.interior p.vidDescr.expanded					{   height: auto;
										overflow: visible;
										white-space: normal; }
span.expander						{   width: 11px;
										height: 11px;
										background: url(../img/expand.png);
										float: left;
										display: inline-block;
										cursor: pointer;
										position: relative;
										top: 3px;
										margin-right: 5px; }
span.expander.minus					{ 	background: url(../img/contract.png); }
span.vidTime						{   position: absolute;
										display: block;
										zoom: 1;
	 									left: 5px;
	 									bottom: 5px;
										background: rgba(0,0,0,.65);
										padding: 3px;
										line-height: 1;
										color: #fff; }
.lt-ie9 span.vidTime				{   background: #444; }
span.loaderSm						{	height: 22px;
										width: 22px;
										display: block;
										position: absolute;
										top:50%;
										left:50%;
										margin: -11px 0 0 -11px; }
span.loaderLg						{   height: 66px;
										width: 66px;
										display: block;
										position: absolute;
										top:50%;
										left:50%;
										margin: -33px 0 0 -33px; }
#playerWrapper #player				{   position: relative;
	 									width: 710px !important;
										height: 400px !important;
										margin: 15px auto; }








/* VideoJS skin overrides */
.vjs-seek-handle { background: #fff !important; }
/*.vjs-current-time-display,
.vjs-remaining-time-display { font-family: 'open-sans', 'Open Sans', Verdana, sans-serif !important; 
							  font-weight: 300; }*/


/* Video Hero */
.videoHero {
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,.9);
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	filter: alpha(opacity=0);
}
.videoHero.is-on {
	display: block;
	z-index: 100;
	visibility: inherit;
	opacity: 1;
	filter: alpha(opacity=1);
	-webkit-transform: translate3d(0px, 0px, 0px);
}



/*----- Footer styles -----*/
.footer-container { background: #f1f1f1; margin-top: 30px; color: #222; }
.interior .footer-container { margin-top: 120px; }
footer.wrapper { padding: 30px 0; position: relative; overflow: visible; }
footer ul:not(.latest-twitter-list) { list-style-type: none; margin: 0 !important; padding: 0 0 15px 0; }
footer ul li:first-child { font-weight: 600; font-size: .833333333333em; }
footer ul li:not(:first-child) { font-weight: 400; font-size: .66666666667em; }
footer ul li { margin-bottom: 10px; line-height: 1.25}
footer ul li a,
.interior footer ul li a { text-decoration: none; }
footer ul li a:hover,
.interior footer ul li a:hover { text-decoration: underline; }
footer > a { position: absolute; top: -40px; left: 0; display: block; height: 0;
	 		 width: 135px; height: 28px; }
footer > a img { width: 100%; }
footer .tools { top: -40px; }
#footerWidget {  }
#footerWidgetWrapper { padding: 16px; overflow: hidden; }
#footerWidgetWrapper text br { display: none; }
#footerCol-container { overflow: hidden; }
#footerWidget .latest-twitter-follow-link a { font-weight: 700; }
#footerWidget .latest-twitter-follow-link a:not(:hover) { text-decoration: none; }
#footerWidget .latest-twitter-list { list-style-type: none; margin: 15px 0 0 0; padding: 0; }
#footerWidget .latest-twitter-list li { padding-left: 45px; font-size: .83333333333rem; font-weight: normal; 
										position: relative; margin-bottom: 15px; }
#footerWidget .latest-twitter-list li:last-child { margin-bottom: 0; }
#footerWidget .latest-twitter-list li > img { position: absolute; top: 0; left: 5px; }
#footerWidget a:not(:first-child) { color: #0a5cad; }
.latest-twitter-timestamp { font-size: .6666666667rem; margin-top: 5px; }



/* Orchard overrides */

.message-Error { display: none; }
.main-container.interior p.search-summary { float: right; display: inline-block; margin: -90px 0 0 0; font-style: normal; }
.main-container.interior p.search-summary em { font-weight: 700; font-style: normal; }
.main-container.interior ul.pager,
.main-container.interior #searchResultsList ul,
.main-container.interior #searchPager ul,
.main-container.interior ul.tagCloud { margin: 0; padding: 0; list-style-type: none; }
.main-container.interior ul.pager li,
.main-container.interior #searchPager ul li { float: left; display: inline-block; margin-left: 15px; }

.main-container.interior #searchResultsList .newsAnn { background: none; padding-left: 0; }
.main-container.interior #searchResultsList .newsAnn h3 { font-size: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 5px; }
.main-container.interior #searchResultsList .newsAnn h3 a {   }
.main-container.interior #searchResultsList .newsAnn p { font-size: .833333333em; font-family: 'open-sans', 'Helvetica Neue', Helvetica, Arial, Tahoma, Verdana, sans-serif; margin-bottom: 10px; }
.main-container.interior #searchResultsList .newsAnn p span.dateLine { display: none; }
.main-container.interior ul.pager li a,
.main-container.interior #searchPager a,
.main-container.interior #searchPager span { font-family: 'open-sans', 'Helvetica Neue', Helvetica, Arial, Tahoma, Verdana, sans-serif; padding-right: 10px; }



/* ClickDimensions Overrides */
.clickdform table td { padding: 0 !important; }
#clickdimensionsForm, #clickdimensionsForm table { width: 100% !important; }
#clickdimensionsForm colgroup { display: none; }
#clickdimensionsForm tr td:not(:first-child),
#clickdimensionsForm tr:nth-child(1),
#clickdimensionsForm tr:nth-child(2) { display: none !important; }
#clickdimensionsForm, #clickdimensionsForm .maxSize1 {
    font-family: 'Montserrat', 'HelveticaNeue', 'Helvetica-Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 1rem !important;
    line-height: 1;
    vertical-align:middle;
    padding-top: 5px;
    display:block;
}
#clickdimensionsForm span.maxSize1 { padding-right: 30px; padding-top: 0; line-height: 28px; max-width: inherit; }
#clickdimensionsForm tr:nth-child(2n+1),
#clickdimensionsForm tr:nth-child(2n+2) { float: left; display: inline-block; max-width: inherit !important; box-sizing: border-box; min-height: 28px; }
#clickdimensionsForm tr:nth-child(2n+1) { width: 33% !important; text-align: right; }
#clickdimensionsForm tr:nth-child(2n+1) .maxSize1 { text-align: right; }
#clickdimensionsForm tr:nth-child(2n+2) { width: 67% !important; height: 45px; }
#clickdimensionsForm tr:nth-child(2n+1) td:first-child,
#clickdimensionsForm tr:nth-child(2n+2) td:first-child { min-width: inherit !important; display: block; }
#clickdimensionsForm tr:nth-child(2n+1) td:first-child { width: 100% !important; vertical-align:middle; }
.lt-ie10 #clickdimensionsForm tr:nth-child(2n+1) td:first-child { width: 200px !important; }
#clickdimensionsForm tr:nth-child(2n+2) td:first-child { height: 100%; width: 100% !important; display: block; }
#clickdimensionsForm tr:nth-child(2n+2) td:first-child input[style].maxSize1,
.abNominationFormContainer textarea.maxSize1 { font-family: 'open-sans', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Tahoma, Verdana, sans-serif !important; padding-top: 0 !important; line-height: 28px; width: 50% !important; max-width: 332px; }
.abNominationFormContainer textarea.maxSize1 { line-height: 20px !important; }
.abNominationFormContainer tr:nth-child(18) { height: auto; min-height: 100px !important; }
#clickdimensionsForm select { 
    height: 28px; 
    font-size: 1rem; 
    line-height: 28px; 
    -webkit-appearance: none; 
    -moz-appearance: window;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
    width: 50% !important; 
    border: 0; 
    padding: 0 5px !important; 
    margin-right: -25px; 
    background: rgba(0,0,0,.08);
    cursor: pointer; 
    box-sizing: content-box; 
    position: relative;
    max-width: 332px;
}
.lt-ie10 #clickdimensionsForm select { min-width: 200px; width: 200px !important; max-width: 200px; }
#clickdimensionsForm .selectBoxWrapper { position: relative; }
#clickdimensionsForm .selectBoxWrapper:before {
    font-family: FontAwesome;
    content: '\f150';
    position: absolute;
    top: 0;
    left: 48%;
    width: 30px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
}
.lt-ie10 #clickdimensionsForm .selectBoxWrapper:before { content: ''; }
@-moz-document url-prefix() {
    #clickdimensionsForm select { width: 100% !important; box-sizing: border-box; }

    .selectBoxWrapper {
        background: rgba(0,0,0,.08);
        max-width: 332px;
    }

    #clickdimensionsForm .selectBoxWrapper:before {
        left: auto !important;
        right: 0px !important;
    }
}
#clickdimensionsForm .requiredStar { color: #e4821b; margin-left: 5px; padding: 0; }
#clickdimensionsForm #btnSubmit { border: 0;
color: #fff !important;
background-color: #e4821b !important;
height: 1.83333333333333em;
line-height: 100%;
font-size: 1rem !important;
font-weight: 100;
position: relative;
right: -66px; }

#clickdimensionsForm .responsiveCell { display: block; width: 100%; }
#clickdimensionsForm .responsiveCell .minSize1 { margin-top: 0; padding-top: 0;  }
.clickdform .responsiveCell div.alignBottom { 
    float: left;
    display: inline-block;
    width: 40%;
    text-align: right;
}
.clickdform .responsiveCell .clear { display: none !important; }
.responsiveRow > div[style="text-align:right;"] { text-align: left !important; position: relative; }
.responsiveRow > div[style="text-align:right;"] .buttonContainer { margin-right: 0 !important; }
#clickdimensionsForm .responsiveRow > div[style="text-align:right;"] #btnSubmit { position: absolute; right: auto; left: 40%; }


/* ==========================================================================
   Media Queries
   ========================================================================== */


@media only screen and (min-width: 1140px) {

/* ===============
    Full Width: Menu
   =============== */

    #headerLogo { width: 210px; display: block; }
    nav:not(#sidebar) ul { padding-top: 37px !important; }


/* ===============
    Full Width: main
   =============== */

    .wrapper {
        width: 1020px; /* 1140px with 60px margins/padding on the sides */
        margin: 0 auto;
    }
}




@media only screen and (min-width: 1024px) and (max-width: 1139px) {

    /* ============
        Tablet landscape to small desktop: Menu
       ============ */
        html body header nav ul { padding-top: 30px !important; font-size: .666666667em !important; }




    /* ============
        Tablet landscape to small desktop: Main
       ============ */

/*  .main-container { margin-top: -300px; }
    .main-container .main { padding-top: 45px; }
    .boxCol { margin-bottom: 50px; }*/
    #vidSearchTerms { width: 90px; }


    /* Tablet landscape to small desktop: Slider */

    .banner, .bannerSub, .bannerBtn { left: 50px !important; }
    .banner { width: 285px !important; }
    .bannerSub { width: 330px !important; }
    #dashboardVidCont { left: 90px; top: -20px; }
}





@media only screen and (min-width: 320px) and (max-width: 1139px) {
    
    body .ls-fullwidth .ls-nav-prev,
    body .ls-fullwidth .ls-nav-next { width: 20px; height: 42px; }
    body .ls-fullwidth .ls-nav-prev { background: url(../img/l-ArrowSm.png) 0 0 no-repeat; }
    body .ls-fullwidth .ls-nav-next { background: url(../img/r-ArrowSm.png) 0 0 no-repeat; }
    
}





@media only screen and (max-width: 1092px) {
    #hero h1 { font-size: 53px; font-size: 3.5rem; }
    #hero #product-buttons a { padding-left: 75px; font-size: 13px; font-size: .8333333rem; }
    #hero #product-buttons a:before { width: 45px; height: 36px; left: 15px; margin-top: -18px; }
}





@media only screen and (min-width: 768px) and (max-width: 1024px) {

/* ====================
   Tablet: CSS3 Effects
   ==================== */



/* ============
    Tablet: Menu
   ============ */

    #headerLogo { width: 210px; display: block; }
    header nav ul { font-size: .67em !important; }
    header nav ul li a { padding: 0 10px; }
    body header nav ul li:first-child a {
        padding-left: 0;
    }

    body header nav ul li:last-child a {
        padding-right: 0;
    }

/* ============
    Tablet: Main
   ============ */

/*  .main-container { margin-top: -190px; }
    .main-container .main { padding-top: 45px; }
    .boxCol { margin-bottom: 45px; }*/

    #hero { height: 660px; min-height: 660px; max-height: 660px; }
    #hero #product-buttons a:before { width: 45px; height: 36px; left: 10px; } 
    
    body .main form label.oneFifth { width: 25%; }
    body .main form input[type="text"],
    body .main form textarea { width: 60%; }
    body #btnContainer { padding-left: 28.5%; }
    div#vidSearchBar { display: none; }
    span#playCloseBtn { top: 5px; right: 5px; z-index: 9999; }
    

/* Tablet: Slider */

    .banner, .bannerSub, .bannerBtn { left: 45px !important; }
    /*
    .banner { top: 18.8333333333333% !important; }
    .bannerSub { top: 46.666666666667% !important; }
    .bannerBtn { top: 57.5% !important; }
    */
    .banner { margin-top: 30px !important; }
    .bannerSub { width: 255px !important; font-size: .83333333333333em !important; margin-top: 25px !important; }
    .bannerBtn { margin-top: 45px !important; font-size: .8333333333333em !important; }
    .fgChevron { top: 100px !important; }
    body .ls-fullwidth .ls-nav-prev,
    body .ls-fullwidth .ls-nav-next { top: 38%; }
    body #dashboardVidCont { width: 960px; height: 540px; left: 10px; top: -50px; }
    body #dashboardVidCont video { width: 100%; height: 100%; }


}



@media only screen and (max-width: 899px) {
    #hero #product-buttons a { padding-left: 60px; }
    #hero #product-buttons a:before { width: 38px; height: 30px; margin-top: -15px; }
}




@media only screen and (max-width: 865px) {
        nav:not(#sidebar) ul { display: none; }
    nav:not(#sidebar) select { display: block; }
}



@media only screen and (max-width: 835px) {
    #hero { height: 600px; min-height: 600px; max-height: 600px; }
    #hero h1 { font-size: 38px; font-size: 2.5rem; }
    #hero h3 { font-size: 18px; font-size: 1.16666667rem; }
    #hero #product-buttons a { text-align: center; padding-left: 20px; }
    #hero #product-buttons a:before { left: 20px; }
    #hero #product-buttons .oneFourth { width: 50%; }
    #hero #product-buttons .oneFourth.col { margin-left: 0; }

    .clickdform .responsiveCell div.alignBottom {
    display: block;
    width: 100%;
    text-align: left;
}
.clickdform .responsiveCell .clear + .minSize1,
.clickdform .responsiveCell .clear + .minSize1 input[type="text"] { width: 100% !important; min-width: 100%; display: block; overflow: hidden; }
#clickdimensionsForm .responsiveRow > div[style="text-align:right;"] #btnSubmit { left: 0; }
}





@media only screen and (max-width: 768px) {

    .boxCol { min-height: 366px; }
    .boxCol:first-child h2 { padding-left: 10%; padding-right: 10%; }
    
    #clickdimensionsForm tr:nth-child(2n+1),
    #clickdimensionsForm tr:nth-child(2n+2) {
        width: 45% !important;
    }
    #clickdimensionsForm tr:nth-child(2n+2) td:first-child input[style].maxSize1 {
        width: 100% !important;
        max-width: inherit;
    }
    
}






@media only screen and (min-width: 600px) and (max-width: 767px) {

/* ====================
    Tablet portrait: CSS3 Effects
   ==================== */



/* ============
    Tablet portrait: Menu
   ============ */

    #headerLogo { width: 160px; display: block; margin-top: 0; }
    .tools.top { top: 0; }

    body nav a { padding: 0 10px; }
    nav ul li { margin-top: 0; }
    body header nav ul li a.sm { font-size: .666666666667em; }
    


/* ============
    Tablet portrait: Main
   ============ */

/*  .main-container { margin-top: -90px; }
    .main-container .main { padding-top: 30px; }
    .boxCol { margin-bottom: 30px; }*/
    
    /* Interior */
    body .oneFifthNarr { width: 25%; }
    body .fourFifthsNarr { width: 69%; margin-left: 6%; }
    body .newsAnn { padding-left: 13%; }
    body .newsAnn h3 { font-size: 1.5em; }
    
    body .main form label.oneFifth { width: 30%; }
    body .main form input[type="text"],
    body .main form textarea { width: 55%; }
    body #btnContainer { padding-left: 33.5%; }
    .boxCol p { margin: 0; padding: 0 10px 10px 10px; }
    html body .boxCol.blueGr a.img,
    html body .boxCol.greenGr a.img,
    html body .boxCol.orangeGr a.img { width: 100%; text-align: center; float: none; margin-bottom: 15px; }
    .boxCol.greenGr a.img { display: block; margin-top: -15px; height: 185px; overflow: hidden; }
    .boxCol.orangeGr a.img { position: relative; top: 0; margin-bottom: 0 !important; }
    .boxCol a.img img { margin: 0 auto; }
    
    
    
/* Demo & Training Videos */    
    div#playerWrapper { height: 303px; padding-top: 30px; }
    div#playerWrapper #player { width: 100% !important; height: 100% !important; }
    .video-js { width: 100% !important; height: 100% !important; }
    span#playCloseBtn { top: 5px; right: 5px; z-index: 9999; }
    div#vidSearchBar { display: none; }
    div.vidPairWrapper > div { width: 100%; margin-bottom: 45px; }


/* Tablet portrait: Slider */

    body .ls-fullwidth .ls-nav-prev,
    body .ls-fullwidth .ls-nav-next { width: 20px; height: 42px; top: 40% !important; }
    body .ls-fullwidth .ls-nav-prev { background: url(../img/l-ArrowSm.png) 0 0 no-repeat; }
    body .ls-fullwidth .ls-nav-next { background: url(../img/r-ArrowSm.png) 0 0 no-repeat; }
    .banner, .bannerSub, .bannerBtn { left: 30px !important; margin-top: }
    .banner { margin-top: 30px !important; }
    .bannerSub { width: 165px !important; font-size: .83333333333333em !important; margin-top: 25px !important; }
    .bannerBtn { margin-top: 95px !important; font-size: .8333333333333em !important; }
    .bgChevron { top: -75px !important; }
    .productFamily { top: 140px !important; margin-left: 10px; }
    body #dashboardVidCont { width: 800px; height: 450px; left: 0px; top: 60px; }
    body #dashboardVidCont video { width: 100%; height: 100%; }
}




@media only screen and (max-width: 699px) {
    #tablet-trio { bottom: -110px; }
    #hero #product-buttons a { padding-left: 10px; }
    #hero #product-buttons a:before { display: none; }
}






@media only screen and (min-width: 600px) {

   nav {
    
   }

    header nav ul { 
        float: right;
        overflow: hidden;
        padding-top: 30px;
    }
    
    header nav ul li {
        float: left;
        /*margin: 27px 0 0 0;*/
    }

    header nav a {
        display: block;
        padding: 0 15px;
        margin: 0;
        height: 30px;
        line-height: 30px;
    }

    body header nav li:first-child a {
        padding-left: 0;
    }

    body header nav li:last-child a {
        padding-right: 0;
    }

    header img { float: left; padding: 25px 0; }
    
    
    

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    header nav ul li {
        display: inline-block;
    }

    .oldie header nav a {
        margin: 0 0.7%;
    }

    .oldie header nav li:first-child a {
        margin-left: 0;
    }
    
    .oldie header nav li:last-child a {
        margin-right: 0;
    }

}





@media only screen and (min-width: 600px) and (max-width: 640px) {
    body .vidOverlay,
    body .video-js { width: 500px !important; height: 280px !important; left: 50%; margin-left: -250px; }
}





@media only screen and (min-width: 479px) and (max-width: 599px) {
    .boxCol.orangeGr + div > p { font-size: .83333333333333333em !important; -webkit-text-size-adjust: 100%; }
    .boxCol.orangeGr + div div { margin: 0 0 15px 15px; }
}



@media only screen and (max-width: 599px) {
        .webinar-ad-wrapper .oneHalf,
    .webindar-ad-wrapper .oneHalf.col {
        padding: 0;
        float: none;
        display: block;
        width: 100% !important;
        margin: 0;
    }

    .webinar-ad-wrapper .oneHalf + .oneHalf {
        margin-top: 23px;
    }

        .html5Video.banner {
        height: auto;
        width: 100% !important;
        max-height: inherit !important;
        top: auto !important;
        left: auto !important;
        display: block;
    }

        .main-container.interior { margin-top: 0; }



    #footerCol-container .oneHalf.col {
        overflow: hidden;
        padding-bottom: 30px;
    }

    footer ul li a { font-size: 8px; font-size: .5rem; }
}






@media only screen and (min-width: 320px) and (max-width: 599px) {

/* ===================
	Phone & Small Tablet: Menu
   ===================
*/
	.header-container { height: 90px; }
    .header-container > .wrapper { height: 100%; overflow: visible; }
	#headerLogo { 
        width: 135px;
        display: inline-block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
	header nav ul { display: none; }
	header nav select { display: inline-block; margin: -15px 0 10px 0; }
	header .tools.top { top: 0; right: 0; }
	#topToolsNBtns .tools.top { margin-right: 0; }
	header .supportBtn,
	header .demoBtn,
    header .careerBtn { display: none; }
	/* #tagline { left: -35px; top: 40px; font-size: .5em; height: 15px; } */
	#tagline { display: none; }
	.fourFifthsNarr select { float: right; display: inline-block; position: relative; top: 6px; width: 105px; margin-left: 15px; }
	#userNameOrEmail, #userNameOrEmail1, #password, #password1 { width: 88px; }
	.mobileNav { width: 100px; position: absolute; top: 70px; right: 0; }

/* ===================
	Phone & Small Tablet: Slider
   ===================
*/




	#layerslider-container-fw { margin-top: 80px !important; }
	#layerslider { height: 300px !important; }
	.banner, .bannerSub { width: 80% !important; text-align: center !important; left: 10% !important; }
	.banner { font-size: 8em; top: 5px !important; max-height: 100px; }
	.bannerSub { font-size: 3.25em; top: 120px !important; }
	.bannerBtn { font-size: 1em; top: 210px !important; width: 90% !important; left: 5% !important; display: inline-block !important;
				 text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.bannerBtn i { display: none; }
	.watermarkChevron, .bgChevron { display: none !important; }
	/* .l2-s1.productFamily { top: 85px !important; width: 80% !important; left: 10% !important; } 
	.l1-s1.nameTagHand { display: block !important; top: 70px !important; width: 80% !important; left: 10% !important; } */
	.productFamily img { display: none; }
	.nameTagHand img { display: none; } 
	/* .l3-s1:last-child { width: 100% !important; left: 0 !important; } */
	/* body #dashboardVidCont { width: 250px; height: 141px; left: 50% !important; margin: 15px 0 0 -125px; } */
	body #dashboardVidCont { display: none; }
	body .vidMask,
	body .vidMask img { display: none; }
	body #dashboardVidCont video { width: 250px; height: 141px; }
	#footerTools .tools.btm { display: none; }



/* ===================
	Phone & Small Tablet: Main
   ===================
*/

	.main-container { /*margin-top: -30px; font-size: .666666666667em; */}
	.main.wrapper { /*padding-top: 5%;*/ overflow: visible; }
	body .main-container .main label { font-size: 85%; height: 30px; line-height: 30px; }
	body .main-container .main input[type="text"],
	body .main-container .main input[type="submit"] { height: 30px; line-height: 30px; }
	.boxCol { width: 100%; }
	.boxCol:not(:last-child) { margin-bottom: 5%; }
	div.boxCol.oneThirdNarr.colx2 { margin-left: 0 !important; }
	.boxCol h2 { font-size: 2.5em; }
	.boxCol p { font-size: 1.5em; }
	.boxCol.orangeGr + div > div { float: right; width: 50%; }
	
	
	/* Interior */
	.watermark { display: none; }
	.interior #headerLogo { width: 135px; display: block; }
    html, body {
    overflow-x: hidden;
    overflow-y: scroll;
}
	.interior .main {
        padding-top: 45px;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
}
	body .interior .oneFifthNarr { 
        -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
        -ms-flex-order: 2;              /* TWEENER - IE 10 */
        -webkit-order: 2;
        order: 2;
        float: none;
        margin: 0;
        display: block;
        width: 75vw;
        height: 100vh;
        position: fixed;
        left: 100vw;
        top: 0px;
        z-index: 999999;
        -webkit-transition:all .5s ease-in-out;
        -moz-transition:all .5s ease-in-out;
        -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
        background: rgba(225,129,42,.95);
        box-sizing: border-box;
        padding: 0;
    }
    body .interior .oneFifthNarr .sidebarTools { display: none; }
    body .interior.business-intelligence-webinar .oneFifthNarr { display: none; width: 0; overflow: hidden; }
    .section-nav {
        display: block;
        position: absolute;
        right: 0;
        bottom: -18px;
        font-size: 10px;
        font-size: .66666667rem;
        text-decoration: none;
        text-align: left;
        z-index: 99999;
    }
    .header-container.interior.business-intelligence-webinar .section-nav {
        display: none !important;
    }
    .section-nav i {
        margin-right: 5px;
        color: #E1812A;
    }
    body .interior .oneFifthNarr .section-nav-close {
        display: block;
        position: absolute;
        top: 6px;
        right: 15px;
        color: rgba(255,255,255,.75);
        font-size: 18px;
        font-size: 1.1666667rem;
    }
    .business-intelligence-webinar h2 a { display: block; }
    .business-intelligence-webinar h2 a img {
        width: 100% !important;
        max-width: 441px !important;
        height: auto !important;
    }


#sidebar ul .dropdown ul li { margin-bottom: 8px; }

    :not(.touch) body .interior .oneFifthNarr .section-nav-close:hover,
    .touch body .interior .oneFifthNarr .section-nav-close:active { color: #fff; }
    body .interior .oneFifthNarr #sidebar > ul { padding: 15px; }
    body .interior .oneFifthNarr #sidebar > ul > li,
    body .interior .oneFifthNarr #sidebar > ul > li > ul > li {
        text-align: left;
        margin-bottom: 8px;
        padding-top: 0;
    }
    body .interior .oneFifthNarr #sidebar > ul > li > a,
    body .interior .oneFifthNarr #sidebar > ul > li.dropdown > a,
    body .interior .oneFifthNarr #sidebar > ul > li.dropdown > ul > li > a,
    body .interior .oneFifthNarr #sidebar > ul > li.dropdown > ul > li.dropdown > a { padding-left: 10px; }
    body .interior .oneFifthNarr #sidebar > ul > li a {
        color: #fff;
        font-size: 10px;
        font-size: .66667rem;
        text-align: left;
    }
    body .interior .oneFifthNarr #sidebar > ul > li > ul li.dropdown { margin: 8px 0; }
    body .interior .oneFifthNarr #sidebar li.dropdown ul { padding-top: 0; }
    body .interior .oneFifthNarr #sidebar > ul > li > ul li.dropdown ul {
        margin-top: 8px;
    }
    body .interior .oneFifthNarr #sidebar > ul > li > ul li.dropdown ul li {
        margin-bottom: 2px;
        background: rgba(0,0,0,.075);
        padding: 3px 15px;
        margin-left: -15px;
        margin-right: -15px;
    }
    body .interior .oneFifthNarr #sidebar > ul > li > ul li.dropdown ul a { 
        font-size: 8px;
        font-size: .5rem;
        padding-left: 20px;
        line-height: 1;
    }

	body .interior .fourFifthsNarr {
        width: 100%;
        height: auto;
        margin: 0 auto;
        -webkit-box-ordinal-group: 1;  
        -moz-box-ordinal-group: 1;     
        -ms-flex-order: 1;     
        -webkit-order: 1; 
        order: 1;
        float: none;
        display: block;
    }
	body .interior .fourFifthsNarr h1 { font-size: 2.5em; }
	body .interior .fourFifthsNarr h2 { font-size: 1em; }
	body .newsAnn { padding-left: 10%; }
	body .newsAnn h3 { font-size: 1.5em; }
	body .main form label.oneFifth { width: 30%; }
	body .main form input[type="text"],
	body .main form textarea { width: 55%; }
	body #btnContainer { padding-left: 33.5%; }
	
	
/* ==================
	Phone & Small Tablet: Training & Demo Videos
   ==================
*/

div#vidSearchBar { display: none; }
div.vidPairWrapper > div { width: 100%; }
div#playerWrapper { height: 250px; padding: 0; }
div#playerWrapper #player { width: 100% !important; height: 100% !important; }
.video-js { width: 100% !important; height: 100% !important; }
span#playCloseBtn { top: 5px; right: 5px; z-index: 9999; }
	
	
	
	
	/* ===================
		Phone & Small Tablet: Footer
	   ===================
	*/
	
	#footerWidget { display: none; }
	#footerCol-container > .oneHalf { width: 100% !important; }
	#footerCol-container > .oneHalf .oneHalf + .oneHalf { text-align: right; }
	#footerCol-container .oneSixth { display: none; }
	#footerCol-container { padding-bottom: 45px; }
	footer .login + div, footer .support + div, footer .search + div { padding-top: 4px; }
	footer #footerCol-container > .oneHalf:first-child { width: 100%; position: absolute; bottom: 15px; }
	footer #footerCol-container > div.oneHalf.col { width: 100%; margin-left: 0; display: block; float: none; }
	
}






@media only screen and (max-width: 479px) {

    #hero #product-buttons a span { width: 65%; display: inline-block; }
    #tablet-trio { bottom: -80px; }

    .boxCol-container { padding-top: 135px; }
    .boxCol h2 { font-size: 18px; font-size: 1.166667rem; }

	#clickdimensionsForm tr:nth-child(2n+1),
	#clickdimensionsForm tr:nth-child(2n+2) {
		width: 95% !important;
	}
	#clickdimensionsForm tr:nth-child(2n+1) .maxSize1 { text-align: left; }
	#clickdimensionsForm span.maxSize1 { padding-right: 0; }
	#clickdimensionsForm tr:last-child td { text-align: left !important; }
	#clickdimensionsForm #btnSubmit { left: 0; right: auto; }



    #footerTools { display: none; }

}






@media only screen and (max-width: 410px) and (max-height: 640px) {
    #hero-container { background-size: auto 90%; }
    #hero { height: 100vh; min-height: inherit; max-height: inherit; }
    #hero #product-buttons { margin-left: -6%; margin-right: -6%; position: absolute; bottom: 0; }
    #hero #product-buttons a { height: 20vh; padding: 0; }
    #hero #product-buttons a:before { width: 45px; height: 36px; top: 23px; left: 50%; margin-left: -22px; margin-top: 0; display: block; }
    #hero #product-buttons a span { 
        position: relative;
        top: 58%;
        display: inline-block;
        width: 70%;
    }
    #tablet-trio { display: none; }
    .boxCol-container { padding-top: 60px; }
    .boxCol h2 { font-size: 18px; font-size: 1.166667rem; }
}





@media only screen and (max-width: 410px) and (max-height: 568px) {
    #hero #product-buttons a { height: 16.666667vh !important; }
    #hero #product-buttons a span { top: 55%; }
    #hero #product-buttons a:before { width: 30px; height: 24px; top: 15px; left: 50%; margin-left: -15px; margin-top: 0; display: block; }
}













/* ==========================================================================
   Helper classes
   ========================================================================== */


/* Special type style classes */
.caps { text-transform: uppercase; }
.txtShadowHardUp { text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.95); }
.txtShadowHardDn { text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.25); }
.innerShadowSoftDn { -moz-box-shadow: inset 1px 3px 8px rgba(0,0,0,0.33); -webkit-box-shadow: inset 1px 3px 8px rgba(0,0,0,0.33); box-shadow: inset 1px 3px 8px rgba(0,0,0,0.33); }
.no-boxshadow input.text, .no-boxshadow a.selectBox { background: transparent url(images/fieldBG.png) 0 0 no-repeat !important; }
.btmMar0 { margin-bottom: 0; }
.btmMar5 { margin-bottom: 5px !important; }
.btmMar10 { margin-bottom: 10px !important; }
.btmMar15 { margin-bottom: 15px !important; }
.btmMar30 { margin-bottom: 30px !important; }
.btmMar45 { margin-bottom: 45px !important; }
.btmMar60 { margin-bottom: 60px !important; }
.topMar5 { margin-top: 5px !important; }
.topMar15 { margin-top: 15px !important; }
.topMar30 { margin-top: 30px !important; }
.topMar45 { margin-top: 45px !important; }
.topMar60 { margin-top: 60px !important; }
.topMar75 { margin-top: 75px !important; }
.topMar90 { margin-top: 90px !important; }
.center { text-align: center; }
.txtL { text-align: left; }
.txtR { text-align: right; }
.txtC { text-align: center; }
.floatL { float: left; }
.center { margin: 0 auto; }
.floatR { float: right; }
.inlineB { display: inline-block; }
.inline { display: inline; }
.leading1 { line-height: 1 !important; }
.light { font-weight: 300 !important; }
.bold { font-weight: bold; }
.ital { font-style: italic; }
.sBold { font-weight: 500 !important; }
.noBold { font-weight: normal; }
.plainUl { list-style-type: none; margin: 0; padding: 0; }
.xBold { font-weight: 900 !important; }
.kerned { letter-spacing: -.05em; }
.hide { display: none; }

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



/* ==========================================================================
   Print styles
   ========================================================================== */

@media only print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }
	
	.interior .oneFifthNarr,
	header nav, #topToolsNBtns,
	footer #footerWidget,
	footer #footerCol-container > .oneHalf.col,
	#footerTools, .watermark {
		 display: none !important;
	 }
	 
	 header.wrapper { overflow: visible; }
	 footer.wrapper { padding-top: 0; }
	 #headerLogo { top: 0; }
	 #tagline { bottom: -20px; }
	 
	.interior .fourFifthsNarr { width: 100%; margin-left: 0; }
	

	/*
	a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }*/

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 1.5cm 0;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}