/*NVIDIA CUSTOM CSS */
html {
    width: 100% !important;
    overflow: auto!important;
    overflow-x: hidden !important
}
#MFG {
    top: -30px !important;
}
#newsTicker {
    top: -30px !important;
}
#subFeatures {
    top: 0px !important;
    float: none !important
}
#footer {
    top: 0px!important;
}
.global-footer__copyright {
    font-family: 'NVIDIA';
}
#nav li ul.nav li {
    background: rgba(0, 0, 0, 0) url("/content/includes/images/nv-nav/item-bg-no-grad-white.png") no-repeat scroll 0 0 !important;
    /*background: #fff;*/
    float: left;
    height: 40px;
    line-height: 40px;
    text-transform: none;
    width: 100%;
    font-size: 14px !important;
    color: #000 !important;
    padding: 0 15px !important;
}
.subFeatureHeader2 h2 {
    line-height: 24px !important;
}
#nav li:hover, #nav li.menu-active {
    background-color: transparent !important;
}
/*
#nav li ul.nav li:hover{
	background: #fff !important;
}*/
.nav.first > li > a {
    color: #000 !important;
    padding-top: 2px;
}
.nav.sub > li > a {
    padding-top: 2px;
}
.nav.sub a {
    color: #000 !important;
}
.nav.first > li > div.title {
    color: #000 !important;
}
.nav.sub > li > a:hover {
    color: #76b900 !important;
}
.page-footer__social {
    font-family: 'NVIDIA';
}
.global-footer__links > li {
    font-family: 'NVIDIA';
}
.navigation .global-nav .sub-brand-nav .sub-brand-nav-container {
    height: 66px!important;
}
.navigation .global-nav .sub-brand-nav {
    height: 66px!important;
}
#nav li ul.nav li ul.nav li ul.nav {
    float: left;
    display: none;
    top: 0;
    left: 100%;
}
/*.first li ul.nav li .title {
    color: #000;
}*/

#nav li ul.nav li ul.nav li ul.nav li a {
    text-decoration: none !important;
}
#nav li ul.nav li ul.nav li ul.nav li {
    text-transform: uppercase !important;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	#nav li ul.nav li ul.nav{
		width:105%;
	}
}*/
#nav li ul.nav li ul.nav li:hover ul.nav, #nav li ul.nav li ul.nav li.menu-active ul.nav {
    display: block;
}
#nav li ul.nav li ul.nav li ul.nav li a:hover {
    text-decoration: none !important;
}
#nav li ul.nav li ul.nav li:hover, #nav li ul.nav li ul.nav li:hover a, #nav li ul.nav li ul.nav li.menu-active, #nav li ul.nav li ul.nav li.menu-active a {
    text-decoration: none !important;
}
/*#mfgImages img {
    display: block;
    height: 540px;
    left: 470px;
    margin: 0 auto;
    position: absolute;
    width: 980px;
}*/

#mfgImages {
    width: 100%;
    margin: 0 auto;
}
#mfgImages img {
    /* display: block; */
    display: none !important;
    height: 540px;
    left: auto;
    margin: 0 auto;
    position: absolute;
    width: 980px;
}
#mfg1 > img {
    display: none !important;
}
/*#mfgImages #mfg1{

	background-image: url('http://www.nvidia.com/docs/IO/133992/GTC17-WMFG-NVcom-980x540-2-A.jpg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 540px;


}*/
#mfgImages #mfg1 {
    background-image: url('/content/includes/images/nv-nav/enterprise-WMFG-SFG-2560x540-u-kr.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}
#mfgImages #mfg2 {
    background-image: url('/content/includes/images/nv-nav/gtc-tw-18-jensen-keynote-wmfg-2560x540-u-kr.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}
#mfgImages #mfg3 {
    background-image: url('/content/includes/images/nv-nav/ai-solution-banner-wmfg-2560x580-kr.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}
#mfgImages #mfg4 {
    background-image: url('/content/includes/images/nv-nav/trt-4-gtc-developer-wmfg-2560x580-kr.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}
/*
#mfgImages #mfg1{

	background-image: url('/content/includes/images/nv-nav/Computex-Keynote-NV-WMFG-2560x580-u.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;


}*/

#newsTickerContent h3 {
    font-family: 'NVIDIA';
}
#newsTickerHeadline h2 {
    font-family: 'NVIDIA';
}
/*#mfgImages #mfg4 {
    background-image: url('/content/includes/images/nv-nav/SATURNV-NV-WMFG-2560x580-u-kr.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}
#mfgImages #mfg3{
	background-image: url('/content/includes/images/nv-nav/Toyota-NV-WMFG-2560x580-u-A.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;


}

#mfgImages #mfg4 {
	background-image: url('/content/includes/images/nv-nav/nvidia-maxq-wmfg-2560x580-r1.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}*/
#nav li ul.nav li a:hover {
    color: #76b900 !important;
}
/*#newsTickerContent{left: 473px;}
#newsTickerHeadline{left: 470px}
*/
#newsTickerContent {
    left: 10px;
}
#newsTickerHeadline {
    left: 0px
}
/*#mfgSelector{left: auto; right: 30px;}*/

#mfgSelector {
    margin: 0 auto;
    right: 0;
}
#leftBar {
    display: none!important;
}
/*
.subFeatureContent{border: none !important;}
.subFeatureHeader{border:none !important;}
.subFeatureHeader2{border:none !important;}
*/
#footer a {
    color: #cccccc;
}
a:hover {
    text-decoration: none!important;
}
#navbar-2012 {
    min-width: 1280px;
}
#nav li {
    color: #000 !important;
    text-decoration: none;
}
#nav div.arrow, #nav li:hover ul.nav div.arrow, #nav li.menu-active ul.nav div.arrow {
    height: 40px;
}
#nav li.top {
    margin-right: 15px;
    margin-top: 6px;
}
#nav {
    font-family: 'NVIDIA' !important;
    font-size: 16px !important;
    margin: 0;
}
#navbar-2012 {
    margin-top: 0;
}
#navbar-2012 > ul {
    font-family: 'NVIDIA';
}
#nav li ul.nav li div.arrow {
    background: rgba(0, 0, 0, 0) url("/content/includes/menu-arrow-right-black.png") no-repeat scroll center center !important;
    height: 40px !important;
}
#nav li ul.nav li:hover div.arrow, #nav li ul.nav li.menu-active div.arrow {
    background: url('/content/includes/redesign2010/masthead/2012/images/menu-arrow-right-green.png') no-repeat center !important;
    height: 40px;
}
#nav div.title {
    text-transform: uppercase !important;
}
#redmenu {
    color: red !important
}
#footer > #rateThisPageFooter-button {
    padding-right: 25px;
    padding-top: 25px;
}
.subFeatureContent {
    font-family: 'NVIDIA' !important;
}
.subFeatureHeader h2 {
    font-family: 'NVIDIA' !important;
    padding: 5px 3px 4px 8px
}
.subFeatureContent a {
    font-size: 12px !important;
}
#rateThisPage-button:hover, #rateThisPageFooter-button:hover {
    color: #76b900;
}
.page-footer-link-set__links {
    font-family: 'NVIDIA';
}
.page-footer-link-set__title {
    font-family: 'NVIDIA';
}
#nav li ul.nav.first::before {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 17px 15px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: 30px;
    top: -14px;
    transform: rotate(360deg);
    width: 0;
}
.disableoverflow {
    overflow: hidden !important;
}
.dropdown-overlay.show {
    display: block;
}
.dropdown-overlay.hide {
    display: none;
}
.footer {
    border-top: medium none !important;
    top: 0 !important;
    width: 100% !important;
}
.page-footer-link-set__links a {
    color: #76b900 !important;
}
/*.page-footer__links > .page-footer-link-set{width: 45% !important}*/

.page-footer__social {
    float: right;
    width: 100%
}
.page-footer-link-set__links {
    float: left;
    margin-bottom: 50px;
    margin-top: 10px;
    padding: 0;
    /*width: 100% ;*/
    width: 256px;
}
.page-footer-link-set__links.ftlrt > li {
    padding-left: 40px;
}
a {
    text-decoration: none !important
}
.nav.first > li > a:hover {
    color: #76b900!important;
}
.nav.first > li > div.title:hover {
    color: #76b900 !important;
}
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-badge {
    padding: 6px 0px 6px 1px !important;
    height: auto !important;
}
.nav-header-list > li:nth-child(4) > .nav-cart-link {
    display: none !important;
}
.page-footer {
    max-width: 940px !important
}
.page-footer__links > .page-footer-link-set {
    width: 20% !important
}
.page-footer__social__link .socialIcon {
    width: 26px!important;
    height: 30px!important;
}
.page-footer__social__link {
    width: 22px!important;
    margin-right: 15px!important;
}
.global-footer {
    max-width: 1250px !important
}
.page-footer__social {
    width: 37% !important;
}
.subscribe-container {
    width: 56% !important
}
/*Search CSS */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/content/includes/material-icons/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(/content/includes/material-icons/MaterialIcons-Regular.woff2) format('woff2'), url(/content/includes/material-icons/MaterialIcons-Regular.woff) format('woff'), url(/content/includes/material-icons/MaterialIcons-Regular.ttf) format('truetype');
}
#search-nv {
    width: 300px;
    margin-top: 8px;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}
.searchbox {
    position: relative;
    min-width: 50px;
    width: 0%;
    height: 50px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.searchbox-input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: #dcddd8;
    width: 100%;
    height: 25px;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 14px;
    color: #000;
    box-shadow: none !important;
}
.searchbox-input::-webkit-input-placeholder {
 color: #000;
}
.searchbox-input:-moz-placeholder {
 color: #000;
}
.searchbox-input::-moz-placeholder {
 color: #000;
}
.searchbox-input:-ms-input-placeholder {
 color: #000;
}
.searchbox-icon, .searchbox-submit {
    width: 50px;
    height: 25px;
    display: block;
    position: absolute;
    top: 0;
    font-family: verdana;
    font-size: 0px;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #ccc;
    background: #fff;
    background-image: url('ic_search_black_24dp_2x.png')
}
/*.searchbox-icon{background-image: url('ic_search_black_24dp_2x.png')}*/

.searchbox-open {
    width: 100%;
}
/*END OF Search */


/*SUBSCRIBE */
.subscribe-container {
    display: inline-block;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    width: 65%;
}
.subscribe-container .center-content {
    height: 50px;
    margin: 0 auto;
    max-width: 675px;
}
.subscribe-logo {
    display: inline-block;
    float: left;
    position: relative;
    top: 7px;
    width: 50px;
}
.subscribe-text {
    color: white;
    display: inline-block;
    float: left;
    font-size: 21px;
    line-height: 1;
    margin-left: 30px;
    position: relative;
    top: 16px;
    font-family: 'NVIDIA';
}
.subscribe-container .button {
    display: inline-block;
    float: left;
    margin-left: 30px;
    margin-top: 5px
}
.text-right {
    text-align: right;
}
.link-btn .btn {
    padding: 14px 14px 10px;
    cursor: pointer;
    color: #fff !important;
    font-family: 'NVIDIA';
}
.link-btn {
    color: #fff;
    font: normal 18px/1 NVIDIA;
    text-align: center;
    text-transform: uppercase;
}
.link-btn:hover {
    color: #fff !important;
}
.brand-green {
    background-color: #76b900;
}
.brand-green:hover {
    background-color: #76d300;
}
.leftBar-item {
    display: none !important
}
/*End of Subscribe */


/*Overlay Visual Navigation CSS */

#newsTicker #newsTickerGradient {
    display: none;
}
.dropdown-overlay {
    background-color: #333;
    display: block;
    height: 450px;
    position: fixed;
    width: 100%;
    z-index: 99;
    display: none;
    overflow: auto !important;
}
.whitemenu {
    color: #fff !important
}
.fp .fp-container-floated label {
    font-family: 'NVIDIA' !important;
}
.popup-content .popup-body {
    font-family: 'NVIDIA' !important;
}
.nvbutton {
    font-family: 'NVIDIA' !important;
}
.fp .required {
    font-family: 'NVIDIA' !important;
}
.dropdown-overlay.dropdown-shown {
    display: block;
}
.popup-content .popup-header {
    font-family: 'NVIDIA';
}
.dropdown-overlay .container {
    max-width: 1450px;
    display: block;
    margin: 0 auto;
    /*    border: 1px solid;*/
    margin-top: 20px;
    height: 380px;
}
.left-container {
    float: left;
    padding-left: 30px;
    width: 850px;
}
.row1 {
    position: relative;
    width: 850px;
    height: 160px;
    margin-top: 30px;
}
.row2 {
    position: absolute;
    width: 850px;
    height: 160px;
    margin-top: 40px;
}
.thumb-desc {
    color: #fff;
    font-family: 'NVIDIA';
    padding-top: 5px;
    text-align: left;
    font-size: 16px;
}
.thumb-desc a {
    color: #fff;
    text-decoration: none;
}
.dropdown-overlay h2 {
    font-size: 16px;
    color: #666;
    font-family: 'NVIDIA';
}
.num1 {
    width: 180px;
    float: left;
    margin-right: 30px;
    margin-top: 30px;
}
.num2 {
    width: 180px;
    float: left;
    margin-right: 30px;
    margin-top: 30px;
}
.visible-tab {
    display: none;
}
.divider {
    border-left: 1px solid #bdbdbd;
    float: left;
    height: 405px;
    position: relative;
    margin-top: 3px;
}
.right-container {
    float: left;
    padding-left: 30px;
    font-family: 'NVIDIA';
    font-size: 16px;
    color: #fff;
    width: 400px;
}
ul.left-list {
    list-style: outside none none;
    padding: 0;
    width: 210px;
    float: left;
    margin-top: 30px;
}
ul.left-list li {
    list-style: outside none none;
    padding-top: 15px;
}
.left-list > li:first-child {
    padding-top: 0;
}
ul.right-list {
    list-style: outside none none;
    padding: 0;
    width: 190px;
    float: right;
    margin-top: 30px;
    padding-bottom: 30px !important
}
ul.right-list li {
    list-style: outside none none;
    padding-top: 15px;
}
.right-list > li:first-child {
    padding-top: 0;
}
.right-list > li:first-child {
    padding-top: 0;
}
.left-list a {
    color: #fff !important;
}
.right-list a {
    color: #fff !important;
}
.left-list a:hover {
    color: #fff !important;
}
.right-list a :hover {
    color: #fff !important;
}
.navigation .global-nav .nav-header-container .brand-container .brand-link {
    float: left
}
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-badge {
    top: 10px !important
}
/* CUSTOM ARROW */

#nav li:first-child ul.nav.first::before {
    left: 50px;
}
#nav li:nth-child(2) ul.nav.first::before {
    left: 50px
}
#nav li:nth-child(3) ul.nav.first::before {
    left: 67px;
}
#nav li:nth-child(5) ul.nav.first::before {
    left: 67px;
}
#nav li:nth-child(7) ul.nav.first::before {
    left: 88px;
}
.Container {
    width: 100%;
}

@media screen and (min-width:1025px) and (max-width:1315px) {
.left-container {
    padding-left: 80px !important;
}
.right-container {
    width: 400px;
}
ul.left-list {
    width: 210px;
}
ul.right-list {
    width: 190px;
    float: left !important
}
.visible-tab {
    display: block;
}
.dropdown-overlay {
    height: 100% !important;
}
.divider {
    display: none;
}
.right-container {
    border-top: 1px solid #bdbdbd;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 30px;
    width: 95%;
    padding-left: 0px;
    margin-top: 30px;
}
}

@media screen and (min-width:765px) and (max-width:1024px) {
#box {
    padding-top: 0px !important;
}
.Container {
    width: 980px;
}
body {
    margin-top: 0px !important;
}
/*body{margin-top: 0px!important}*/
	/*.navigation .global-nav .sub-brand-nav{width: 980px}*/
.page-footer__social {
    width: 100% !important;
}
.subscribe-container {
    width: 100% !important;
    padding-bottom: 30px;
}
.navigation .global-nav .nav-header-container .nav-tools-container {
    margin-right: 100px !important;
    float: right !important
}
.navigation .global-nav .nav-header {
    z-index: 0!important;
}
.navigation .global-nav {
    width: 100% !important
}
#mfgImages img {
    left: 0px;
    width: 100%;
}
.navigation .global-nav {
    width: 100% !important;
    position: relative !important;
}
.navigation .global-nav .sub-brand-nav .sub-brand-nav-container {
    max-width: 940px !important
}
#navbar-2012 {
    min-width: 900px !important;
    max-width: 940px !important
}
.page-footer__links > .page-footer-link-set {
    text-align: left;
}
.page-footer-link-set__links {
    width: 256px
}
.page-footer__links > .page-footer-link-set {
    width: 20% !important;
    padding-right: 3% !important;
}
.page-footer-link-set__title {
    font-size: 22px;
}
.page-footer__links > .page-footer-link-set:nth-child(2n) {
    padding-left: 3% !important
}
.navigation .global-nav .nav-header-container {
    max-width: 940px !important;
}
.navigation .global-nav .nav-header {
    width: 980px;
}
#mfgImages {
    width: 100%;
    margin: 0 auto;
}
#mfgImages #mfg1 {
    width: 980px !important
}
#mfgImages #mfg2 {
    width: 980px !important
}
#mfgImages #mfg3 {
    width: 980px !important
}
#mfgImages #mfg4 {
    width: 980px !important
}
#newsTicker {
    width: 980px !important
}
.left-container {
    padding-left: 80px !important;
}
.right-container {
    width: 400px;
}
ul.left-list {
    width: 210px;
}
ul.right-list {
    width: 190px;
    float: left !important
}
#newsTickerHeadline {
    left: 10px;
}
#newsTickerContent {
    left: 20px;
}
/*.navigation .global-nav .nav-header{width:980px !important;} */
/*
.navigation .global-nav{position:relative !important;top:0;}
*/

.visible-tab {
    display: block;
}
.dropdown-overlay {
    height: 100% !important;
}
.divider {
    display: none;
}
.right-container {
    border-top: 1px solid #bdbdbd;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 30px;
    width: 95%;
    padding-left: 50px;
    margin-top: 30px;
    padding-bottom: 30px !important;
}
/*.left-container{height:420px; width: 480px;}

	.row1{width:530px}

.num1 img {
    width: 100px;
}

.num1{width:100px;}
.num2{width: 100px;margin-left: 15px;}
.divider{display:block;}

.num2 img {
    width: 100px;
}
*/
}

@media screen and (min-width:320px) and (max-width:764px) {
#box {
    padding-top: 110px;
}
.Container {
    width: 980px;
}
body {
    margin-top: 0px !important;
}
/*body{margin-top: 0px!important}*/
	/*.navigation .global-nav .sub-brand-nav{width: 980px}*/
.page-footer__social {
    width: 100% !important;
}
.subscribe-container {
    width: 100% !important;
    padding-bottom: 30px;
}
.navigation .global-nav .nav-header-container .nav-tools-container {
    margin-right: 100px !important;
    float: right !important
}
.navigation .global-nav .nav-header {
    z-index: 0!important;
}
.navigation .global-nav {
    width: 100% !important
}
#mfgImages img {
    left: 0px;
    width: 100%;
}
/*	.navigation .global-nav{width:100% !important; position: relative !important;}*/
.navigation .global-nav {
    width: 980px !important;
    position: fixed !important;
}
.navigation .global-nav .sub-brand-nav .sub-brand-nav-container {
    max-width: 940px !important
}
#navbar-2012 {
    min-width: 900px !important;
    max-width: 940px !important
}
.page-footer__links > .page-footer-link-set {
    text-align: left;
}
.page-footer-link-set__links {
    width: 256px
}
.page-footer__links > .page-footer-link-set {
    width: 20% !important;
    padding-right: 3% !important;
}
.page-footer-link-set__title {
    font-size: 22px;
}
.page-footer__links > .page-footer-link-set:nth-child(2n) {
    padding-left: 3% !important
}
#newsTickerHeadline {
    left: 10px;
}
#newsTickerContent {
    left: 20px;
}
/*.navigation .global-nav .nav-header{width:980px !important;} */
/*
.navigation .global-nav{position:relative !important;top:0;}
*/



.navigation .global-nav .nav-header-container {
    max-width: 940px !important;
}
.navigation .global-nav .nav-header {
    width: 980px;
}
#mfgImages {
    width: 100%;
    margin: 0 auto;
}
#mfgImages #mfg1 {
    width: 980px !important
}
#mfgImages #mfg2 {
    width: 980px !important
}
#mfgImages #mfg3 {
    width: 980px !important
}
#mfgImages #mfg4 {
    width: 980px !important
}
#newsTicker {
    width: 980px !important
}
.page-footer__links > .page-footer-link-set {
    padding-right: 2% !important;
    width: 18% !important
}
.page-footer-link-set__links > li {
    width: 100% !important;
}
.page-footer-link-set__links {
    width: 180px !important
}
.num2 {
    float: left !important;
    margin-right: 30px !important;
    margin-top: 30px !important;
    width: 100% !important;
}
.num1 {
    float: left !important;
    margin-right: 30px!important;
    margin-top: 30px!important;
    text-align: right!important;
    width: 100%!important;
}
.thumb-desc {
    color: #fff!important;
    font-family: 'NVIDIA' !important;
    font-size: 16px!important;
    padding-top: 5px!important;
    text-align: right!important;
}
.left-container {
    width: auto;
    padding-right: 30px !important;
}
.dropdown-overlay h2 {
    text-align: right !important
}
.right-container {
    width: 97%!important;
    margin-top: 30px;
    border-top: 1px solid #bdbdbd;
    padding-top: 30px;
    padding-left: 0px;
    padding-right: 30px;
}
ul.left-list {
    width: 100%!important;
}
ul.right-list {
    width: 100%!important;
}
ul.left-list {
    list-style: outside none none;
    text-align: right!important;
}
ul.right-list {
    list-style: outside none none;
    text-align: right !important;
}
.visible-tab {
    display: none!important;
}
.num1 img {
    display: none!important;
}
.num2 img {
    display: none !important;
}
.divider {
    display: none !important;
}
.dropdown-overlay {
    height: 100%;
}
ul.right-list {
    padding: 0 0 90px;
}
}
#rateThisPage-button, #rateThisPageFooter-button {
    font-family: 'NVIDIA'
}

@media screen and (min-width:1025px) and (max-width:1280px) {
#mfgImages img {
    left: auto;
}
#newsTickerHeadline {
    left: 0;
}
#newsTickerContent {
    left: 10px;
}
}

@media screen and (min-width:1281px) and (max-width:1610px) {
#mfgImages img {
    left: auto
}
#newsTickerHeadline {
    left: 0;
}
#newsTickerContent {
    left: 10px;
}
}
#box {
    padding-top: 120px;
}

@media(min-width:2600px) {
#mfgImages #mfg1 {
    background-size: contain !important
}
}
/*End of NVIDIA Custom CSS */




.kmjVideoContainer, .ytVideoContainer {
    height: 100%;
    width: 100%;
    overflow: hidden
}
.videoCTA .center {
    text-align: center
}
.videoCTA .right {
    text-align: right
}
.vvideoCTA .center {
    text-align: left
}
.cartLayout .cart_white, .navigation .cart_white, .cartLayout .cart_white .cart__checkout-button, .navigation .cart_white .cart__checkout-button, .cartLayout .cart_white .cart-item, .navigation .cart_white .cart-item, .cartLayout .cart_black, .navigation .cart_black, .cartLayout .cart_black .cart__checkout-button, .navigation .cart_black .cart__checkout-button, .cartLayout .cart_black .cart-item, .navigation .cart_black .cart-item {
    box-sizing: border-box
}
.cartLayout .cart_white:before, .navigation .cart_white:before, .cartLayout .cart_white .cart__checkout-button:before, .navigation .cart_white .cart__checkout-button:before, .cartLayout .cart_white .cart-item:before, .navigation .cart_white .cart-item:before, .cartLayout .cart_black:before, .navigation .cart_black:before, .cartLayout .cart_black .cart__checkout-button:before, .navigation .cart_black .cart__checkout-button:before, .cartLayout .cart_black .cart-item:before, .navigation .cart_black .cart-item:before, .cartLayout .cart_white:after, .navigation .cart_white:after, .cartLayout .cart_white .cart__checkout-button:after, .navigation .cart_white .cart__checkout-button:after, .cartLayout .cart_white .cart-item:after, .navigation .cart_white .cart-item:after, .cartLayout .cart_black:after, .navigation .cart_black:after, .cartLayout .cart_black .cart__checkout-button:after, .navigation .cart_black .cart__checkout-button:after, .cartLayout .cart_black .cart-item:after, .navigation .cart_black .cart-item:after {
    box-sizing: inherit
}
.cartLayout .cart_white .cart-item, .navigation .cart_white .cart-item, .cartLayout .cart_black .cart-item, .navigation .cart_black .cart-item {
*zoom:1
}
.cartLayout .cart_white .cart-item:before, .navigation .cart_white .cart-item:before, .cartLayout .cart_black .cart-item:before, .navigation .cart_black .cart-item:before, .cartLayout .cart_white .cart-item:after, .navigation .cart_white .cart-item:after, .cartLayout .cart_black .cart-item:after, .navigation .cart_black .cart-item:after {
    content: " ";
    display: table
}
.cartLayout .cart_white .cart-item:after, .navigation .cart_white .cart-item:after, .cartLayout .cart_black .cart-item:after, .navigation .cart_black .cart-item:after {
    clear: both
}
.sectionWrapper {
    position: relative
}
.sectionWrapper .cf:after {
    content: "";
    display: table;
    clear: both
}
.sectionWrapper .general-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1280px;
    width: 100%
}
.sectionWrapper .general-container::before, .sectionWrapper .general-container::after {
    content: " ";
    display: table
}
.sectionWrapper .general-container::after {
    clear: both
}
.sectionWrapper h2 {
    padding: 15px 0 15px 0;
    margin: 0
}

@media screen and (min-width:768px) and (max-width:1024px) {
.sectionWrapper h2 {
    padding: 15px 0 15px 0
}
}

@media screen and (min-width:1025px) {
.sectionWrapper h2 {
    padding: 15px 0 15px 0
}
}
.sectionWrapper h3, .sectionWrapper p {
    padding: 15px 0 15px 0;
    margin: 0
}

@media screen and (min-width:768px) and (max-width:1024px) {
.sectionWrapper h3, .sectionWrapper p {
    padding: 15px 0 15px 0
}
}

@media screen and (min-width:1025px) {
.sectionWrapper h3, .sectionWrapper p {
    padding: 15px 0 15px 0
}
}
.sectionWrapper .background-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}
.sectionWrapper .full-width {
    width: 100%
}
.sectionWrapper .full-width .general-container {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%
}
.sectionWrapper .full-width .general-container .row .column .sectionWrapper .general-container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1280px;
    width: 100%
}
.sectionWrapper .full-width .general-container .row .column .sectionWrapper .full-width .general-container {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%
}
.disabled {
    background: #e0e0e0 none repeat scroll 0 0;
    color: #747474
}
.link-btn-disabled {
    text-decoration: none;
    text-align: center;
    display: inline-block;
    min-width: 50px;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    font: bold 18px/1 "NVIDIA'
}
.link-btn-disabled .btn {
    padding: 15px
}
.padlock {
    margin-right: 5px;
    max-width: 12px;
    width: 100%
}
.js-out-of-stock {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'NVIDIA';
    line-height: 24px;
    margin-top: 8px
}
.js-out-of-stock p {
    margin: 0
}
.js-in-stock {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'NVIDIA';
    line-height: 24px
}
.js-in-stock p {
    margin: 0
}
.cartLayout #cart>ul, .navigation #cart>ul {
    padding-left: 0
}
.cartLayout .cart-section, .navigation .cart-section {
    position: absolute;
    right: 0;
    top: 23px;
    z-index: 9999
}
.cartLayout .cart-main-section, .navigation .cart-main-section {
    display: inline-block
}
.cartLayout .cart-blocker, .navigation .cart-blocker {
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    display: none
}
.cartLayout .cart-blocker.cart-blocker--shown, .navigation .cart-blocker.cart-blocker--shown {
    display: block
}
.cartLayout .cart-counter, .navigation .cart-counter {
    border-right: medium none
}
.cartLayout .nv-button, .navigation .nv-button {
    background-color: #76b900;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
    padding: 15px 25px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    transition: background-color .2s ease 0
}
.cartLayout .cart_white, .navigation .cart_white {
    background: #fff;
    z-index: 10;
    padding: 30px;
    width: 515px;
    top: 70px;
    display: none;
    box-shadow: 0 0 15px rgba(0,0,0,0.5)
}
.cartLayout .cart_white:before, .navigation .cart_white:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 22px solid #fff;
    position: absolute;
    top: 9px;
    right: 20px
}
.cartLayout .cart_white .cart__empty, .navigation .cart_white .cart__empty {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: #000
}
.cartLayout .cart_white .cart__close, .navigation .cart_white .cart__close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    float: right;
    position: relative
}
.cartLayout .cart_white .cart__close:before, .navigation .cart_white .cart__close:before {
    position: absolute;
    content: '';
    width: 29px;
    height: 2px;
    left: 0;
    top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #666;
    display: block;
    border-radius: 10px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ie-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.cartLayout .cart_white .cart__close:after, .navigation .cart_white .cart__close:after {
    position: absolute;
    content: '';
    width: 29px;
    height: 2px;
    left: 0;
    top: 9px;
    background-color: #666;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ie-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.cartLayout .cart_white .cart__close:hover:before, .navigation .cart_white .cart__close:hover:before {
    background-color: #666
}
.cartLayout .cart_white .cart__close:hover:after, .navigation .cart_white .cart__close:hover:after {
    background-color: #666
}
.cartLayout .cart_white .cart__title, .navigation .cart_white .cart__title {
    font-family: GeForce;
    font-weight: lighter;
    font-size: 32px;
    line-height: 32px;
    color: #76b900;
    text-transform: uppercase
}
.cartLayout .cart_white .cart__items li, .navigation .cart_white .cart__items li {
    padding: 20px 0 20px 0;
    list-style: outside none none
}
.cartLayout .cart_white .cart__promotions, .navigation .cart_white .cart__promotions {
    margin-top: 10px;
    border-bottom: 2px solid #eee
}
.cartLayout .cart_white .cart_desc, .navigation .cart_white .cart_desc {
    padding-left: 10px;
    vertical-align: top;
    font-family: 'NVIDIA';
    font-weight: normal;
    font-size: 16px
}
.cartLayout .cart_white .cart_bundle_link, .navigation .cart_white .cart_bundle_link {
    float: right;
    text-transform: uppercase;
    font-family: 'NVIDIA';
    font-weight: normal;
    font-size: 16px;
    color: #000;
    text-decoration: none
}
.cartLayout .cart_white .cart__total, .navigation .cart_white .cart__total {
    font-family: 'NVIDIA';
    font-weight: bold;
    font-size: 26px;
    line-height: 32px;
    padding: 13px 0 22px 0;
    text-align: right;
    color: #1a1a1a
}
.cartLayout .cart_white .cart__checkout-button, .navigation .cart_white .cart__checkout-button {
    width: 100%;
    margin-bottom: 30px
}
.cartLayout .cart_white .cart__continue-shopping, .navigation .cart_white .cart__continue-shopping {
    color: #76b900;
    display: block;
    text-align: center;
    text-transform: uppercase
}

@media(max-width:766px) {
.cartLayout .cart_white, .navigation .cart_white {
    top: 0 !important;
    right: 0 !important;
    width: 100%
}
.cartLayout .cart_white .cart__items, .navigation .cart_white .cart__items {
    top: 60px;
    bottom: 110px;
    padding-right: 10px;
    overflow-y: auto
}
.cartLayout .cart_white .cart__details, .navigation .cart_white .cart__details {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px)
}
}
.cartLayout .cart_white.cart--shown, .navigation .cart_white.cart--shown {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    bottom: 0;
    overflow-y: auto
}

@media(min-width:767px) and (max-width:1023px) {
.cartLayout .cart_white, .navigation .cart_white {
    right: 38px;
    top: 75px;
    position: absolute;
    width: 515px
}
.cartLayout .cart_white:before, .navigation .cart_white:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 22px solid #fff;
    position: absolute;
    top: -22px;
    right: 20px
}
}

@media(max-width:1023px) {
.cartLayout .cart_white, .navigation .cart_white {
    top: 0;
    position: fixed;
    padding: 30px 15px
}
.cartLayout .cart_white .cart__title, .navigation .cart_white .cart__title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0
}
.cartLayout .cart_white .cart__total, .navigation .cart_white .cart__total {
    line-height: 30px;
    font-size: 22px;
    padding: 10px 0 25px 0
}
}
.cartLayout .cart_white .quantity-selector__dec, .cartLayout .cart_white .quantity-selector__inc, .navigation .cart_white .quantity-selector__dec, .navigation .cart_white .quantity-selector__inc {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 2px
}

@media(max-width:1023px) {
.cartLayout .cart_white .quantity-selector__dec, .cartLayout .cart_white .quantity-selector__inc, .navigation .cart_white .quantity-selector__dec, .navigation .cart_white .quantity-selector__inc {
    width: 12px;
    height: 12px
}
}
.cartLayout .cart_white .quantity-selector__dec:before, .cartLayout .cart_white .quantity-selector__inc:before, .navigation .cart_white .quantity-selector__dec:before, .navigation .cart_white .quantity-selector__inc:before {
    border-color: transparent #666 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    right: 0;
    width: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ie-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

@media(max-width:1023px) {
.cartLayout .cart_white .quantity-selector__dec:before, .cartLayout .cart_white .quantity-selector__inc:before, .navigation .cart_white .quantity-selector__dec:before, .navigation .cart_white .quantity-selector__inc:before {
    border-width: 8px
}
}
.cartLayout .cart_white .quantity-selector__dec:hover:before, .cartLayout .cart_white .quantity-selector__inc:hover:before, .navigation .cart_white .quantity-selector__dec:hover:before, .navigation .cart_white .quantity-selector__inc:hover:before {
    border-color: transparent #666 transparent transparent
}
.cartLayout .cart_white .quantity-selector__dec.disabled, .cartLayout .cart_white .disabled.quantity-selector__inc, .navigation .cart_white .quantity-selector__dec.disabled, .navigation .cart_white .disabled.quantity-selector__inc {
    opacity: .5;
    cursor: default
}
.cartLayout .cart_white .quantity-selector__inc, .navigation .cart_white .quantity-selector__inc {
    margin-left: 4px
}
.cartLayout .cart_white .quantity-selector__inc:before, .navigation .cart_white .quantity-selector__inc:before {
    border-color: transparent transparent transparent #666
}
.cartLayout .cart_white .quantity-selector__inc:hover:before, .navigation .cart_white .quantity-selector__inc:hover:before {
    border-color: transparent transparent transparent #666
}
.cartLayout .cart_white .quantity-selector__inc.disabled, .navigation .cart_white .quantity-selector__inc.disabled {
    opacity: .5;
    cursor: default
}
.cartLayout .cart_white .cart-item, .navigation .cart_white .cart-item {
    width: 100%
}
.cartLayout .cart_white .cart-item .cart-item__quantity-selector, .navigation .cart_white .cart-item .cart-item__quantity-selector {
    float: left;
    width: 60px;
    color: #656565
}
.cartLayout .cart_white .cart-item .cart-item__name, .navigation .cart_white .cart-item .cart-item__name {
    font-family: 'NVIDIA';
    font-weight: bold;
    font-size: 16px;
    color: #000;
    float: left;
    line-height: 20px;
    max-width: 314px
}
.cartLayout .cart_white .cart-item .cart-item__name .decimal-price, .navigation .cart_white .cart-item .cart-item__name .decimal-price {
    top: -0.5em;
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
.cartLayout .cart_white .cart-item .cart-item__sub-name, .navigation .cart_white .cart-item .cart-item__sub-name {
    font-size: 24px;
    color: #656565
}
.cartLayout .cart_white .cart-item .cart-item__price, .navigation .cart_white .cart-item .cart-item__price {
    font-family: 'NVIDIA';
    font-weight: bold;
    font-size: 16px;
    color: #1a1a1a;
    text-align: right;
    float: right;
    line-height: 24px
}
.cartLayout .cart_white .cart-item .cart-item__remove, .navigation .cart_white .cart-item .cart-item__remove {
    width: 100%;
    max-width: 100px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #76b900;
    float: left;
    font-size: 12px;
    font-family: 'NVIDIA';
    font-weight: lighter
}
.cartLayout .cart_white .cart-item .cart-item__remove:before, .navigation .cart_white .cart-item .cart-item__remove:before {
    position: absolute;
    width: 14px;
    height: 2px;
    left: 0;
    top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #666;
    display: block;
    border-radius: 10px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ie-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.cartLayout .cart_white .cart-item .cart-item__remove:after, .navigation .cart_white .cart-item .cart-item__remove:after {
    position: absolute;
    width: 14px;
    height: 2px;
    left: 0;
    top: 9px;
    background-color: #666;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ie-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.cartLayout .cart_white .cart-item .cart-item__remove:hover:before, .navigation .cart_white .cart-item .cart-item__remove:hover:before {
    background-color: #666
}
.cartLayout .cart_white .cart-item .cart-item__remove:hover:after, .navigation .cart_white .cart-item .cart-item__remove:hover:after {
    background-color: #666
}
.cartLayout .cart_white .cart-item .cart-item__product-limit-reached, .navigation .cart_white .cart-item .cart-item__product-limit-reached {
    clear: both;
    padding-top: 10px;
    color: #76b900
}

@media(max-width:1023px) {
.cartLayout .cart_white .cart-item .cart-item__name, .navigation .cart_white .cart-item .cart-item__name {
    font-size: 18px;
    margin-left: 15px;
    margin-bottom: 15px
}
.cartLayout .cart_white .cart-item .cart-item__price, .navigation .cart_white .cart-item .cart-item__price {
    clear: both;
    float: none
}
}
.cartLayout .cart_black, .navigation .cart_black {
    background: #1a1a1a;
    z-index: 10;
    padding: 30px;
    width: 515px;
    top: 70px;
    display: none;
    box-shadow: 0 0 15px rgba(0,0,0,0.5)
}
.cartLayout .cart_black:before, .navigation .cart_black:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 22px solid #1a1a1a;
    position: absolute;
    top: 9px;
    right: 20px
}
.cartLayout .cart_black .cart__empty, .navigation .cart_black .cart__empty {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: #fff
}
.cartLayout .cart_black .cart__close, .navigation .cart_black .cart__close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    float: right;
    position: relative
}
.cartLayout .cart_black .cart__close:before, .navigation .cart_black .cart__close:before {
    position: absolute;
    content: '';
    width: 29px;
    height: 2px;
    left: 0;
    top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #666;
    display: block;
    border-radius: 10px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ie-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.cartLayout .cart_black .cart__close:after, .navigation .cart_black .cart__close:after {
    position: absolute;
    content: '';
    width: 29px;
    height: 2px;
    left: 0;
    top: 9px;
    background-color: #666;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ie-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.cartLayout .cart_black .cart__close:hover:before, .navigation .cart_black .cart__close:hover:before {
    background-color: #666
}
.cartLayout .cart_black .cart__close:hover:after, .navigation .cart_black .cart__close:hover:after {
    background-color: #666
}
.cartLayout .cart_black .cart__title, .navigation .cart_black .cart__title {
    font-family: GeForce;
    font-weight: lighter;
    font-size: 32px;
    line-height: 32px;
    color: #76b900;
    text-transform: uppercase
}
.cartLayout .cart_black .cart__items li, .navigation .cart_black .cart__items li {
    padding: 20px 0 20px 0;
    list-style: outside none none
}
.cartLayout .cart_black .cart__promotions, .navigation .cart_black .cart__promotions {
    margin-top: 10px;
    border-bottom: 2px solid #eee
}
.cartLayout .cart_black .cart_desc, .navigation .cart_black .cart_desc {
    padding-left: 10px;
    vertical-align: top;
    font-family: 'NVIDIA';
    font-weight: normal;
    font-size: 16px;
    color: #eee
}
.cartLayout .cart_black .cart_bundle_link, .navigation .cart_black .cart_bundle_link {
    float: right;
    text-transform: uppercase;
    font-family: 'NVIDIA';
    font-weight: normal;
    font-size: 16px;
    color: #eee;
    text-decoration: none
}
.cartLayout .cart_black .cart__total, .navigation .cart_black .cart__total {
    font-family: 'NVIDIA';
    font-weight: bold;
    font-size: 26px;
    line-height: 32px;
    padding: 27px 0 22px 0;
    text-align: right;
    color: #fff
}
.cartLayout .cart_black .cart__checkout-button, .navigation .cart_black .cart__checkout-button {
    width: 100%;
    margin-bottom: 30px
}
.cartLayout .cart_black .cart__continue-shopping, .navigation .cart_black .cart__continue-shopping {
    color: #76b900;
    display: block;
    text-align: center;
    text-transform: uppercase
}

@media(max-width:766px) {
.cartLayout .cart_black, .navigation .cart_black {
    top: 0 !important;
    right: 0 !important;
    width: 100%
}
.cartLayout .cart_black .cart__items, .navigation .cart_black .cart__items {
    top: 60px;
    bottom: 110px;
    padding-right: 10px;
    overflow-y: auto
}
.cartLayout .cart_black .cart__details, .navigation .cart_black .cart__details {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px)
}
}
.cartLayout .cart_black.cart--shown, .navigation .cart_black.cart--shown {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    bottom: 0;
    overflow-y: auto
}

@media(min-width:767px) and (max-width:1023px) {
.cartLayout .cart_black, .navigation .cart_black {
    right: 38px;
    top: 75px;
    position: absolute;
    width: 515px
}
.cartLayout .cart_black:before, .navigation .cart_black:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 22px solid #1a1a1a;
    position: absolute;
    top: -22px;
    right: 20px
}
}

@media(max-width:1023px) {
.cartLayout .cart_black, .navigation .cart_black {
    top: 70px;
    position: fixed;
    padding: 30px 15px
}
.cartLayout .cart_black .cart__title, .navigation .cart_black .cart__title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0
}
.cartLayout .cart_black .cart__total, .navigation .cart_black .cart__total {
    line-height: 30px;
    font-size: 22px;
    padding: 27px 0 25px 0
}
}
.cartLayout .cart_black .quantity-selector__dec, .cartLayout .cart_black .quantity-selector__inc, .navigation .cart_black .quantity-selector__dec, .navigation .cart_black .quantity-selector__inc {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 2px
}

@media(max-width:1023px) {
.cartLayout .cart_black .quantity-selector__dec, .cartLayout .cart_black .quantity-selector__inc, .navigation .cart_black .quantity-selector__dec, .navigation .cart_black .quantity-selector__inc {
    width: 12px;
    height: 12px
}
}
.cartLayout .cart_black .quantity-selector__dec:before, .cartLayout .cart_black .quantity-selector__inc:before, .navigation .cart_black .quantity-selector__dec:before, .navigation .cart_black .quantity-selector__inc:before {
    border-color: transparent #666 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    right: 0;
    width: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ie-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

@media(max-width:1023px) {
.cartLayout .cart_black .quantity-selector__dec:before, .cartLayout .cart_black .quantity-selector__inc:before, .navigation .cart_black .quantity-selector__dec:before, .navigation .cart_black .quantity-selector__inc:before {
    border-width: 8px
}
}
.cartLayout .cart_black .quantity-selector__dec:hover:before, .cartLayout .cart_black .quantity-selector__inc:hover:before, .navigation .cart_black .quantity-selector__dec:hover:before, .navigation .cart_black .quantity-selector__inc:hover:before {
    border-color: transparent #666 transparent transparent
}
.cartLayout .cart_black .quantity-selector__dec.disabled, .cartLayout .cart_black .disabled.quantity-selector__inc, .navigation .cart_black .quantity-selector__dec.disabled, .navigation .cart_black .disabled.quantity-selector__inc {
    opacity: .5;
    cursor: default
}
.cartLayout .cart_black .quantity-selector__inc, .navigation .cart_black .quantity-selector__inc {
    margin-left: 4px
}
.cartLayout .cart_black .quantity-selector__inc:before, .navigation .cart_black .quantity-selector__inc:before {
    border-color: transparent transparent transparent #666
}
.cartLayout .cart_black .quantity-selector__inc:hover:before, .navigation .cart_black .quantity-selector__inc:hover:before {
    border-color: transparent transparent transparent #666
}
.cartLayout .cart_black .quantity-selector__inc.disabled, .navigation .cart_black .quantity-selector__inc.disabled {
    opacity: .5;
    cursor: default
}
.cartLayout .cart_black .cart-item, .navigation .cart_black .cart-item {
    width: 100%
}
.cartLayout .cart_black .cart-item .cart-item__quantity-selector, .navigation .cart_black .cart-item .cart-item__quantity-selector {
    float: left;
    width: 60px;
    color: #eee
}
.cartLayout .cart_black .cart-item .cart-item__name, .navigation .cart_black .cart-item .cart-item__name {
    font-family: 'NVIDIA';
    font-weight: bold;
    font-size: 16px;
    color: #eee;
    float: left;
    max-width: 314px;
    line-height: 20px
}
.cartLayout .cart_black .cart-item .cart-item__name .decimal-price, .navigation .cart_black .cart-item .cart-item__name .decimal-price {
    top: -0.5em;
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
.cartLayout .cart_black .cart-item .cart-item__sub-name, .navigation .cart_black .cart-item .cart-item__sub-name {
    font-size: 24px;
    color: #656565
}
.cartLayout .cart_black .cart-item .cart-item__price, .navigation .cart_black .cart-item .cart-item__price {
    font-family: 'NVIDIA';
    font-weight: bold;
    font-size: 16px;
    color: #eee;
    text-align: right;
    float: right;
    line-height: 24px
}
.cartLayout .cart_black .cart-item .cart-item__remove, .navigation .cart_black .cart-item .cart-item__remove {
    width: 100%;
    max-width: 100px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #76b900;
    float: left;
    font-size: 12px;
    font-family: 'NVIDIA';
    font-weight: lighter
}
.cartLayout .cart_black .cart-item .cart-item__remove:before, .navigation .cart_black .cart-item .cart-item__remove:before {
    position: absolute;
    width: 14px;
    height: 2px;
    left: 0;
    top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #666;
    display: block;
    border-radius: 10px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ie-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.cartLayout .cart_black .cart-item .cart-item__remove:after, .navigation .cart_black .cart-item .cart-item__remove:after {
    position: absolute;
    width: 14px;
    height: 2px;
    left: 0;
    top: 9px;
    background-color: #666;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ie-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.cartLayout .cart_black .cart-item .cart-item__remove:hover:before, .navigation .cart_black .cart-item .cart-item__remove:hover:before {
    background-color: #666
}
.cartLayout .cart_black .cart-item .cart-item__remove:hover:after, .navigation .cart_black .cart-item .cart-item__remove:hover:after {
    background-color: #666
}
.cartLayout .cart_black .cart-item .cart-item__product-limit-reached, .navigation .cart_black .cart-item .cart-item__product-limit-reached {
    clear: both;
    padding-top: 10px;
    color: #76b900
}

@media(max-width:1023px) {
.cartLayout .cart_black .cart-item .cart-item__name, .navigation .cart_black .cart-item .cart-item__name {
    font-size: 18px;
    margin-left: 15px;
    margin-bottom: 15px
}
.cartLayout .cart_black .cart-item .cart-item__price, .navigation .cart_black .cart-item .cart-item__price {
    clear: both;
    float: none
}
}
.heroBanner .columnLayout {
    background: 0
}
.columnLayout {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}
.columnLayout .column-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}
.columnLayout .column-container .column:first-child .horizontal-divider {
    border-top: 0
}

@media screen and (max-width:767px) {
.columnLayout .column-container .column .horizontal-divider {
    border-top: 2px solid #eee;
    width: 200%;
    margin-left: -50%
}
}
.columnLayout .column-container .column:first-child .hpascal-divider {
    border-top: 0
}

@media screen and (max-width:767px) {
.columnLayout .column-container .column .hpascal-divider {
    border-top: 1px solid #616161;
    width: 200%;
    margin-left: -50%
}
}
.columnLayout .column-container .column:first-child .hshield-divider {
    border-top: 0
}

@media screen and (max-width:767px) {
.columnLayout .column-container .column .hshield-divider {
    border-top: 2px solid #eee;
    width: 200%;
    margin-left: -50%
}
}
.columnLayout .row .multi-btn {
    padding: 0 5px 0 0 !important;
    width: auto
}
.columnLayout .divider {
    display: none
}
.columnLayout .divider.component-horizontal-divider {
    display: block;
    width: 200%;
    margin-left: -50%;
    border-top: 2px solid #eee
}
.columnLayout .divider.pascal-divider {
    display: block;
    width: 200%;
    margin-left: -50%;
    border-top: 1px solid #616161
}
.columnLayout .divider.shield-divider {
    display: block;
    width: 200%;
    margin-left: -50%;
    border-top: 2px solid #eee
}
.columnLayout .column-container.full-width {
    max-width: none
}
.columnLayout .column-container.full-width .row .column {
    background-size: cover;
    background-position: center center;
    padding: 45px 30px;
    min-height: 360px
}

@media screen and (min-width:768px) and (max-width:1024px) {
.columnLayout .column-container.full-width .row .column {
    min-height: 300px
}
}

@media screen and (max-width:767px) {
.columnLayout .column-container.full-width .row .column {
    min-height: 300px;
    padding: 30px 15px
}
}
.columnLayout .column-container.full-width .row .column.left-column {
    background-position: center center
}

@media(min-width:1281px) {
.columnLayout .column-container.full-width .row .column.left-column {
    background-position: right center
}
}
.columnLayout .column-container.full-width .row .column.right-column {
    background-position: center center
}

@media(min-width:1281px) {
.columnLayout .column-container.full-width .row .column.right-column {
    background-position: left center
}
}

@media screen and (min-width:1281px) {
.columnLayout .column-container.full-width .column-1 {
    float: right;
    width: 610px;
    max-width: 100%
}
}

@media screen and (min-width:1281px) {
.columnLayout .column-container.full-width .column-2 {
    float: left;
    width: 610px;
    max-width: 100%
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.columnLayout .column .textcomp .general-container {
    Margin: 0 auto
}
}
.columnLayout .row {
    width: 100%
}
.columnLayout .row.vertical-divider .column:not(:first-child) {
    border-left: 2px solid #eee
}

@media screen and (max-width:767px) {
.columnLayout .row.vertical-divider .column:not(:first-child) {
    border-left: 0
}
}
.columnLayout .row.vpascal-divider .column:not(:first-child) {
    border-left: 1px solid #616161
}

@media screen and (max-width:767px) {
.columnLayout .row.vpascal-divider .column:not(:first-child) {
    border-left: 0
}
}
.columnLayout .row.vshield-divider .column:not(:first-child) {
    border-left: 2px solid #eee
}

@media screen and (max-width:767px) {
.columnLayout .row.vshield-divider .column:not(:first-child) {
    border-left: 0
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.columnLayout .row.single-col-tablet .medium-6 {
    width: 100%
}
}
.columnLayout .row::before, .columnLayout .row::after {
    content: '';
    display: table
}
.columnLayout .row .column {
    float: left;
    min-height: 2px;
    padding: 0 15px;
    margin: 0;
    position: relative;
    background-size: inherit;
    background-repeat: no-repeat
}
.columnLayout .row .column.gallery {
    padding: 0
}
.columnLayout .mob-stack-RL .column {
    float: right
}
.textcomp .general-container-text {
    margin: 0 auto
}

@media screen and (min-width:768px) and (max-width:1024px) {
.textcomp .general-container-text {
    max-width: 640px
}
}

@media screen and (min-width:1025px) and (max-width:1280px) {
.textcomp .general-container-text {
    max-width: 800px
}
}

@media screen and (min-width:1281px) {
.textcomp .general-container-text {
    max-width: 845px
}
}
.textcomp .general-container-text.full-width {
    max-width: 1280px
}
.textcomp .general-container-text.tablet-width {
    max-width: 1024px
}

@media screen and (min-width:768px) and (max-width:1024px) {
.textcomp .general-container-text.tablet-width {
    max-width: 767px
}
}

@media screen and (min-width:1025px) and (max-width:1280px) {
.textcomp .general-container-text.tablet-width {
    max-width: 845px
}
}
.textcomp p {
    padding: 10px 0;
    margin: 0
}
.textcomp h2 {
    padding: 10px 0;
    margin: 0
}
.textcomp h1 {
    padding: 7px 0;
    margin: 0
}
.textcomp h3 {
    padding: 12px 0;
    margin: 0
}
.textcomp .title.showquotes::before {
    content: "\201C";
    font-size: 72px;
    font-family: "NVIDIA', Helvetica, Arial;
    color: #bdbdbd;
    vertical-align: sub
}

@media screen and (max-width:1024px) {
.textcomp .title.showquotes::before {
    font-size: 54px
}
}
.textcomp .title.showquotes::after {
    content: "\201C";
    font-size: 72px;
    font-family: "NVIDIA', Helvetica, Arial;
    color: #bdbdbd;
    display: inline-block;
    vertical-align: baseline;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width:1024px) {
.textcomp .title.showquotes::after {
    font-size: 54px
}
}
.textcomp .description .showquotes::before {
    content: "\201C";
    font-size: 72px;
    font-family: "NVIDIA', Helvetica, Arial;
    color: #bdbdbd;
    vertical-align: sub
}

@media screen and (max-width:1024px) {
.textcomp .description .showquotes::before {
    font-size: 54px
}
}
.textcomp .description .showquotes::after {
    content: "\201C";
    font-size: 72px;
    font-family: "NVIDIA', Helvetica, Arial;
    color: #bdbdbd;
    display: inline-block;
    vertical-align: baseline;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width:1024px) {
.textcomp .description .showquotes::after {
    font-size: 54px
}
}

@media screen and (max-width:767px) {
.textcomp .text-button {
    text-align: center
}
}

@media screen and (max-width:767px) {
.button .text-left.mobile-align-center, .button .text-right.mobile-align-center {
    text-align: center
}
}
.button .price.js-product-price {
    font-weight: bold;
    font-size: 32px;
    line-height: 32px;
    font-family: "NVIDIA';
    padding-bottom: 21px
}
.button .priceSpiderButton {
    display: inline-block
}
.button .priceSpiderButton .ps-widget {
    background: 0
}

@media screen and (min-width:768px) and (max-width:1024px) {
.button .priceSpiderButton .ps-widget {
    width: 100%;
    min-width: 160px;
    max-width: 260px
}
}

@media screen and (max-width:767px) {
.button .priceSpiderButton .ps-widget {
    width: 100%;
    min-width: 160px;
    max-width: 260px
}
}
.button .priceSpiderButton .ps-widget span {
    color: #76b900;
    font: normal 18px/32px "NVIDIA';
    text-transform: none
}
.button .priceSpiderButton .ps-widget.ps-disabled {
    display: none !important
}
.button .priceSpiderButton.large-text-link .ps-widget span {
    font-family: 'NVIDIA', Arial, Sans-Serif;
    font-size: 24px
}

@media(max-width:767px) {
.button .priceSpiderButton.large-text-link .ps-widget span {
    font-size: 18px
}
}

@media(min-width:768px) and (max-width:1024px) {
.button .priceSpiderButton.large-text-link .ps-widget span {
    font-size: 21px
}
}
.button .package {
    display: inline-block;
    float: none
}
.button .package-icon .btn {
    padding-left: 30px;
    padding-top: 3px;
    line-height: 14px
}
.button .info-icon .btn {
    padding-left: 30px;
    padding-top: 3px;
    line-height: 14px
}
.button .video-icon .btn {
    padding-left: 50px;
    padding-top: 13px;
    line-height: 14px
}
.button .package-icon {
    background-image: url("clientlibs_base/images/see-whats-new.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px
}
.button .info-icon {
    background-image: url("clientlibs_base/images/see-full-specs.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px
}
.button .video-icon {
    background-image: url("clientlibs_base/images/video-icon.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 40px
}
body[data-edit-mode='true'] .button .priceSpiderButton .ps-widget.ps-disabled {
    display: block !important
}
.productTile .general-container {
    margin-left: auto;
    margin-right: auto;
    padding: 30px
}
.productTile .general-container::before, .productTile .general-container::after {
    content: " ";
    display: table
}
.productTile .general-container::after {
    clear: both
}
.productTile .general-container.image-top {
    display: table
}

@media screen and (max-width:1024px) {
.productTile .general-container {
    max-width: 640px;
    padding-right: 15px;
    padding-left: 15px
}
}

@media screen and (min-width:1025px) and (max-width:1280px) {
.productTile .general-container {
    max-width: 800px
}
}

@media screen and (min-width:1281px) {
.productTile .general-container {
    max-width: 1200px
}
}
.productTile h2 {
    padding: 0;
    margin: 0
}

@media screen and (min-width:768px) and (max-width:1024px) {
.productTile h2 {
    padding: 0
}
}

@media screen and (min-width:1025px) {
.productTile h2 {
    padding: 0
}
}
.productTile h3 {
    margin: 0
}
.productTile h4 {
    margin: 0
}

@media screen and (max-width:1024px) {
.productTile .text-container {
    float: none;
    width: 100%
}
}

@media screen and (min-width:1025px) and (max-width:1280px) {
.productTile .text-container {
    float: right;
    width: 25%
}
}

@media screen and (min-width:1281px) {
.productTile .text-container {
    float: right;
    width: 40%
}
}
.productTile .text-container .headingWrapper .part1 {
    display: inline;
    font-weight: bold
}
.productTile .text-container .headingWrapper .part2 {
    display: inline;
    font-weight: normal
}
.productTile .text-container .section-sub-heading {
    text-transform: uppercase;
    padding: 7.5px 0 26.1px 0;
    font-family: 'NVIDIA'
}

@media screen and (min-width:768px) and (max-width:1024px) {
.productTile .text-container .section-sub-heading {
    padding: 7.5px 0 26.1px 0
}
}

@media screen and (min-width:1025px) {
.productTile .text-container .section-sub-heading {
    padding: 7.5px 0 26.1px 0
}
}
.productTile .text-container .priceWrapper {
    text-align: center
}
.productTile .shipping {
    display: none
}
.productTile .free-shipping {
    padding: 15px 0
}
.productTile .shipping.free-shipping {
    display: table;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    font-family: 'NVIDIA'
}
.productTile .parnter-container {
    padding: 0
}

@media screen and (min-width:1025px) {
.productTile .producttile-align .image-container {
    float: none
}
}
.productTile .producttile-align .image-container .responsive-image {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto
}

@media screen and (min-width:767px) and (max-width:1024px) {
.productTile .producttile-align .image-container .responsive-image {
    max-width: 295px
}
}

@media screen and (min-width:1025px) and (max-width:1280px) {
.productTile .producttile-align .image-container .responsive-image {
    max-width: 515px
}
}

@media screen and (min-width:1281px) {
.productTile .producttile-align .image-container .responsive-image {
    max-width: 625px
}
}

@media screen and (min-width:1025px) {
.productTile .image-container {
    float: left
}
}
.productTile .image-container .responsive-image {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto
}

@media screen and (max-width:767px) {
.productTile .image-container .responsive-image {
    padding-top: 30px
}
}

@media screen and (min-width:767px) and (max-width:1024px) {
.productTile .image-container .responsive-image {
    max-width: 295px;
    padding-top: 30px
}
}

@media screen and (min-width:1025px) and (max-width:1280px) {
.productTile .image-container .responsive-image {
    max-width: 515px
}
}

@media screen and (min-width:1281px) {
.productTile .image-container .responsive-image {
    max-width: 625px
}
}
.productTile .image-container .specs-container .specifications.current {
    padding-bottom: 15px
}
.productTile .image-container .specs-container .specifications .specifications-img {
    float: left;
    padding-right: 5px;
    display: none
}
.productTile .image-container .specs-container .specifications .specifications-fullspecs.button.parbase {
    float: right;
    font-family: 'NVIDIA';
    font-weight: bold
}
.productTile .image-container .specs-container .specifications .specifications-inside.button.parbase {
    float: right;
    font-family: 'NVIDIA';
    font-weight: bold
}

@media screen and (max-width:1024px) {
.productTile .image-container .specs-container .specifications {
    float: none;
    display: table;
    margin-right: auto;
    margin-left: auto
}
}

@media screen and (min-width:1025px) {
.productTile .image-container .specs-container .specifications {
    float: right;
    padding-left: 20px
}
}
.large-3 .productTile .text-container, .large-4 .productTile .text-container, .large-6 .productTile .text-container {
    float: none;
    width: 100%
}
.large-3 .productTile .text-container.image-top, .large-4 .productTile .text-container.image-top, .large-6 .productTile .text-container.image-top {
    display: table-footer-group
}

@media screen and (min-width:1025px) {
.large-6 .productTile .image-container .responsive-image {
    max-width: 405px;
    padding-top: 30px
}
}

@media screen and (min-width:1025px) {
.large-4 .productTile .image-container .responsive-image {
    max-width: 295px;
    padding-top: 30px
}
}
.large-3 .productTile .image-container .specs-container .specifications {
    padding-bottom: 10px
}
.large-3 .productTile .image-container, .large-4 .productTile .image-container, .large-6 .productTile .image-container {
    float: none
}
.large-3 .productTile .image-container.image-top, .large-4 .productTile .image-container.image-top, .large-6 .productTile .image-container.image-top {
    display: table-header-group
}

@media screen and (max-width:1024px) {
.large-3 .productTile .image-container .responsive-image, .large-4 .productTile .image-container .responsive-image, .large-6 .productTile .image-container .responsive-image {
    max-width: 295px;
    padding-top: 30px
}
}
.large-3 .productTile .image-container .specs-container .specifications, .large-4 .productTile .image-container .specs-container .specifications, .large-6 .productTile .image-container .specs-container .specifications {
    float: none;
    display: table;
    margin-right: auto;
    margin-left: auto
}
.medium-6 .productTile .image-container {
    float: none
}

@media screen and (max-width:1024px) {
.medium-6 .productTile .image-container .responsive-image {
    max-width: 295px;
    padding-top: 30px
}
}
.medium-6 .productTile .image-container .specs-container .specifications {
    float: none;
    display: table;
    margin-right: auto;
    margin-left: auto
}
.medium-12.small-12 .productTile .image-container {
    float: none
}

@media screen and (max-width:1024px) {
.medium-12.small-12 .productTile .image-container .responsive-image {
    max-width: 295px;
    padding-top: 30px
}
}
.medium-12.small-12 .productTile .image-container .specs-container .specifications {
    float: none;
    display: table;
    margin-right: auto;
    margin-left: auto
}
.tabcomp .general-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px
}
.tabcomp .general-container::before, .tabcomp .general-container::after {
    content: " ";
    display: table
}
.tabcomp .general-container::after {
    clear: both
}

@media screen and (max-width:1024px) {
.tabcomp .general-container {
    max-width: 640px;
    padding-right: 0;
    padding-left: 0
}
}

@media screen and (min-width:1025px) and (max-width:1280px) {
.tabcomp .general-container {
    max-width: 800px
}
}

@media screen and (min-width:1281px) {
.tabcomp .general-container {
    max-width: 1280px
}
}
.tabcomp #tab-container {
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (max-width:767px) {
.tabcomp .p-t-30.mob-p-t-15, .tabcomp .p-t-0.mob-p-t-15, .tabcomp .p-t-45.mob-p-t-15, .tabcomp .p-t-60.mob-p-t-15 {
    padding-top: 15px
}
}

@media screen and (max-width:767px) {
.tabcomp .p-b-30.mob-p-b-15, .tabcomp .p-b-0.mob-p-b-15, .tabcomp .p-b-45.mob-p-b-15, .tabcomp .p-b-60.mob-p-b-15 {
    padding-bottom: 15px
}
}
.tabcomp h2 {
    margin: 0
}
.tabcomp .tabHeadingWrapper {
    text-align: center;
    padding: 0 0 30px 0
}

@media screen and (min-width:768px) and (max-width:1024px) {
.tabcomp .tabHeadingWrapper {
    padding: 0 0 30px 0
}
}

@media screen and (min-width:1025px) {
.tabcomp .tabHeadingWrapper {
    padding: 0 0 30px 0
}
}

@media screen and (max-width:768px) {
.tabcomp .tabHeadingWrapper {
    padding: 0 0 15px 0
}
}

@media screen and (max-width:768px) and (min-width:768px) and (max-width:1024px) {
.tabcomp .tabHeadingWrapper {
    padding: 0
}
}

@media screen and (max-width:768px) and (min-width:1025px) {
.tabcomp .tabHeadingWrapper {
    padding: 0
}
}
.tabcomp .tabs-wrapper {
    display: table;
    margin: 0 auto
}

@media screen and (max-width:767px) {
.tabcomp .tabs-wrapper {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative
}
}
.tabcomp ul.tabs {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

@media screen and (max-width:767px) {
.tabcomp ul.tabs {
    overflow: scroll;
    overflow-y: hidden;
    width: 100%;
    list-style-position: inside;
    left: 0;
    right: 0;
    white-space: nowrap;
    float: left
}
}

@media screen and (max-width:767px) {
.tabcomp ul.tabs li:first-child {
    margin-left: 35%
}
}

@media screen and (min-width:768px) {
.tabcomp ul.tabs li:first-child {
    margin-left: 0
}
}

@media screen and (max-width:767px) {
.tabcomp ul.tabs li:last-child {
    margin-right: 35%
}
}
.tabcomp ul.tabs li.current {
    border-bottom: 2px solid #76b900
}
.tabcomp ul.tabs li {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin-left: 30px
}

@media screen and (max-width:767px) {
.tabcomp ul.tabs li {
    margin-left: 15px;
    overflow: hidden
}
}
.tabcomp .tab-content {
    display: none;
    margin: 0 auto;
    left: -9999px;
    position: absolute
}
.tabcomp .tab-content.current {
    display: block;
    left: 0;
    position: relative
}
.tabcomp .tab-content.current.horizontal-divider {
    border-bottom: 2px solid #bbb
}
.navigation .back-to-top {
    display: none
}

@media screen and (min-width:1025px) {
.navigation .back-to-top {
    position: fixed;
    bottom: 0;
    right: 30px;
    display: block;
    height: 50px;
    width: 50px;
    opacity: .5
}
}

@media(max-width:1024px) {
.navigation #Layer_1 {
    display: none
}
}
.navigation .cart-counter {
    cursor: pointer
}
.navigation a {
    text-decoration: none
}
.navigation a:active, .navigation a:hover, .navigation a:focus, .navigation a:visited {
    text-decoration: none
}
.navigation #sub-brand-logo {
    height: 18px;
    transition: all .5s
}

@media screen and (min-width:1025px) {
.navigation #sub-brand-logo {
    height: 20px
}
}
.navigation .global-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    min-width: 320px;
    display: block;
    font-size: 16px;
    transition: all .5s
}
.navigation .global-nav.pull-up {
    top: -44px
}
.navigation .global-nav .nav-header {
    height: 44px;
    background-color: #fff;
    z-index: 999;
    margin: 0;
    padding: 0;
    width: 100%
}
.navigation .global-nav .nav-header::before {
    content: " ";
    display: table
}
.navigation .global-nav .nav-header-container {
    position: relative;
    top: 0;
    transition: all .5s;
    width: 100%;
    height: 44px;
    margin: 0 auto;
    padding: 0 15px
}

@media screen and (min-width:768px) and (max-width:1280px) {
.navigation .global-nav .nav-header-container {
    padding: 0 30px
}
}

@media screen and (min-width:1281px) {
.navigation .global-nav .nav-header-container {
    max-width: 1280px;
    padding: 0
}
}
.navigation .global-nav .nav-header-container .brand-container {
    width: 135px;
    float: left;
    height: 44px
}
.navigation .global-nav .nav-header-container .brand-container .brand-link {
    width: 110px;
    height: 44px;
    display: inline-block;
    background: url("https://www.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/NVIDIA-Logo.svg") no-repeat center center
}
.navigation .global-nav .nav-header-container .brand-container .dropdown-arrow {
    cursor: pointer;
    background: transparent url("https://www.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/icon-expand-white.png") no-repeat 0 15px;
    background-size: contain;
    width: 20px;
    height: 44px;
    display: inline-block
}
.navigation .global-nav .nav-header-container .brand-container .dropdown-arrow.dropdown-expanded {
    background: url("https://www.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/icon-expand-green.png") no-repeat 0 15px;
    background-size: contain
}
.navigation .global-nav .nav-header-container .nav-tools-container {
    float: right;
    height: 100%
}
.navigation .global-nav .nav-header-container .nav-tools-container::before {
    content: " ";
    display: table
}
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list {
    position: relative;
    height: 44px;
    width: auto;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 20px;
    list-style: none;
    margin: 0
}
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item {
    float: left;
    position: relative;
    padding-left: 15px
}

@media screen and (min-width:768px) {
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item {
    padding-left: 30px
}
}
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item:first-child {
    padding-left: 0
}
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-search-link {
    display: inline-block;
    height: 40px;
    width: 20px;
    background: url("https://www.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/Search.svg") no-repeat center center;
    position: relative;
    top: 2px
}
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-cart-link {
    display: inline-block;
    height: 40px;
    width: 20px;
    background: url("https://www.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/shopping-cart.svg") no-repeat center center;
    position: relative;
    top: 2px
}
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-profile-link {
    display: inline-block;
    height: 40px;
    position: relative;
    top: 2px
}
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-profile-logo {
    display: inline-block;
    background: url("https://www.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/images/profile.png") no-repeat center center;
    height: 40px;
    width: 20px
}
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-profile-text {
    display: inline-block;
    text-transform: uppercase;
    color: #000;
    height: 40px;
    width: 62px;
    padding: 11px 0 0 5px
}

@media(max-width:767px) {
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-profile-text {
    display: none
}
}
.navigation .global-nav .nav-header-container .nav-tools-container .nav-header-list .nav-header-item .nav-badge {
    color: #fff;
    background-color: #76b900;
    font-size: 10px;
    border-radius: 50%;
    position: relative;
    top: -14px;
    padding: 6px 1px 1px 1px;
    min-width: 21px;
    height: 21px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    line-height: 1
}
.navigation .global-nav .global-menu-overlay {
    transition: visibility 0, opacity .5s linear;
    -webkit-transition: visibility 0, opacity .5s linear;
    min-width: 320px;
    position: fixed;
    top: 44px;
    width: 100%;
    height: auto;
    background-color: #333;
    overflow: auto;
    z-index: 1200
}

@media screen and (max-width:1024px) {
.navigation .global-nav .global-menu-overlay {
    height: 100vh
}
}
.navigation .global-nav .global-menu-overlay .menu-container {
    color: #fff;
    margin: 0 auto
}

@media screen and (min-width:1281px) {
.navigation .global-nav .global-menu-overlay .menu-container {
    max-width: 1280px
}
}

@media screen and (min-width:1281px) {
.navigation .global-nav .global-menu-overlay .menu-container .xl-4 .nav-section-title {
    padding-left: 30px
}
}
.navigation .global-nav .global-menu-overlay .menu-container .nav-section-title {
    width: 100%;
    padding: 30px 0 0 0;
    margin: 0
}
.navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text {
    font-weight: bold;
    font-size: 16px;
    font-family: "NVIDIA';
    color: #666;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: left
}

@media screen and (max-width:767px) {
.navigation .global-nav .global-menu-overlay .menu-container .nav-section-title .body-text {
    text-align: right
}
}
.navigation .global-nav .global-menu-overlay .menu-container .global-nav-item {
    display: inline-block;
    width: 209px;
    padding: 30px 30px 30px 0;
    color: #eee;
    font: normal 16px/1 "NVIDIA', Helvetica, Arial
}

@media screen and (max-width:767px) {
.navigation .global-nav .global-menu-overlay .menu-container .global-nav-item {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-bottom: 15px;
    padding-top: 15px
}
}
.navigation .global-nav .global-menu-overlay .menu-container .global-nav-item:hover .global-nav-title {
    color: #76b900 !important
}
.navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}
.navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-image {
    width: 100%;
    margin: 0;
    max-height: 102px
}

@media screen and (max-width:767px) {
.navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-image {
    display: none
}
}
.navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title {
    color: #eee;
    font: normal 16px/1.8 "NVIDIA', Helvetica, Arial;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    transition: color .5s
}

@media screen and (max-width:767px) {
.navigation .global-nav .global-menu-overlay .menu-container .global-nav-item .global-nav-link .global-nav-title {
    font-size: 24px;
    line-height: 1;
    text-align: right
}
}
.navigation .global-nav .global-menu-overlay .menu-container .nav-other-links {
    display: inline-block;
    float: left;
    list-style: none;
    color: #fff;
    font-family: 'NVIDIA', Helvetica, Arial;
    text-transform: uppercase;
    font-size: 16px;
    padding-left: 0;
    margin: 0;
    line-height: 1
}

@media screen and (min-width:1281px) {
.navigation .global-nav .global-menu-overlay .menu-container .nav-other-links {
    padding-left: 30px
}
}

@media screen and (min-width:1025px) and (max-width:1280px) {
.navigation .global-nav .global-menu-overlay .menu-container .nav-other-links {
    padding-left: 0
}
}

@media screen and (min-width:768px) {
.navigation .global-nav .global-menu-overlay .menu-container .nav-other-links:last-child {
    padding-left: 30px
}
}

@media screen and (max-width:767px) {
.navigation .global-nav .global-menu-overlay .menu-container .nav-other-links {
    display: block;
    text-align: right;
    float: none;
    padding-left: 0
}
}
.navigation .global-nav .global-menu-overlay .menu-container .nav-other-links .other-links-element {
    padding-top: 15px;
    padding-bottom: 15px
}

@media screen and (min-width:768px) {
.navigation .global-nav .global-menu-overlay .menu-container .nav-other-links .other-links-element:first-child {
    padding-top: 30px
}
}
.navigation .global-nav .global-menu-overlay .menu-container .nav-other-links .global-nav-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    transition: color .5s
}
.navigation .global-nav .global-menu-overlay .menu-container .nav-other-links .global-nav-link:hover {
    color: #76b900
}
.navigation .global-nav .global-menu-overlay .menu-container .overlay-padding {
    padding: 0 15px
}

@media screen and (min-width:768px) and (max-width:1280px) {
.navigation .global-nav .global-menu-overlay .menu-container .overlay-padding {
    padding: 0 30px
}
}

@media screen and (min-width:1281px) {
.navigation .global-nav .global-menu-overlay .menu-container .overlay-padding {
    padding: 0
}
}
.navigation .global-nav .sub-brand-nav {
    background: #000;
    height: 46px;
    width: 100%
}

@media only screen and (min-width:1025px) {
.navigation .global-nav .sub-brand-nav {
    height: 66px
}
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container {
    height: 100vh;
    width: 100%;
    position: relative;
    top: -1px;
    background-color: black;
    z-index: 1000;
    overflow-y: auto;
    transition: all .5s;
    padding: 0 15px 90px 15px;
    text-align: right
}

@media screen and (min-width:768px) {
.navigation .global-nav .sub-brand-nav .mobile-menu-container {
    padding-left: 30px;
    padding-right: 30px
}
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list:last-child {
    padding-bottom: 90px
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item {
    margin: 0;
    padding: 15px 0
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item.category-item {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #616161
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item.category-item:not(:first-child) {
    border-top: 1px solid #616161
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item.category-item .brand-nav-list:last-child {
    padding-bottom: 0
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item.sub-item:last-child {
    padding-bottom: 0
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item.regular-size {
    font-size: 16px
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item .brand-nav-link {
    color: #eee;
    transition: color .5s
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item .brand-nav-link:hover {
    color: #76b900
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item .brand-nav-link.category-link {
    color: #666
}
.navigation .global-nav .sub-brand-nav .mobile-menu-container .brand-nav-list .brand-nav-item .brand-nav-link.category-link:hover {
    color: #666
}
.navigation .global-nav .sub-brand-nav .sub-brand-nav-container {
    transition: all .5s;
    height: 46px;
    max-width: 980px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%
}

@media screen and (min-width:768px) and (max-width:1024px) {
.navigation .global-nav .sub-brand-nav .sub-brand-nav-container {
    padding: 0 30px
}
}

@media screen and (min-width:1025px) and (max-width:1280px) {
.navigation .global-nav .sub-brand-nav .sub-brand-nav-container {
    padding: 0 30px;
    height: 66px
}
}

@media screen and (min-width:1281px) {
.navigation .global-nav .sub-brand-nav .sub-brand-nav-container {
    padding: 0;
    height: 66px
}
}
.navigation .global-nav .sub-brand-nav .brand-nav-left {
    position: relative;
    float: left;
    height: 46px;
    width: auto;
    margin: 0;
    padding: 0;
    display: inline-block;
    z-index: 550;
    overflow: hidden;
    overflow: visible;
    transition: opacity .25s ease-in
}

@media screen and (min-width:1025px) {
.navigation .global-nav .sub-brand-nav .brand-nav-left {
    height: 66px
}
}
.navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    cursor: default;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 12px
}

@media screen and (min-width:1025px) {
.navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand {
    padding-top: 11px;
    padding-bottom: 15px
}
}
.navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name {
    color: #fff;
    font: bold 28px/1 "NVIDIA';
    transition: all .5s;
    text-transform: uppercase
}

@media screen and (min-width:1025px) {
.navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name {
    font-size: 42px
}
}

@media screen and (min-width:1025px) {
.navigation .global-nav .sub-brand-nav .brand-nav-left #sub-brand .sub-brand-name span {
    font-size: 36px;
    line-height: 50px
}
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item {
    display: none;
    position: relative;
    margin-left: 30px
}

@media screen and (min-width:1025px) {
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item {
    display: inline-block;
    padding: 0 0 15px 0;
    top: 0;
    width: auto
}
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item.global-item {
    top: 31px
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item.global-item:first-child {
    margin-left: 0
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:hover .sub-brand-link {
    color: #76b900
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:hover .sub-brand-link .ic-arrow-dropdown {
    background: url("clientlibs_base/images/ic_arrow_drop_down_48px_green.svg") no-repeat;
    background-size: contain
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:hover .sub-brand-link .more-dropdown {
    background: url("clientlibs_base/images/More-selected.svg") no-repeat
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:hover .dropdown-menu {
    display: block
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .sub-brand-link {
    color: #fff;
    text-transform: uppercase;
    transition: all .5s;
    cursor: pointer
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .sub-brand-link .ic-arrow-dropdown {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 10px;
    top: 3px;
    margin-left: 3px;
    transition: all .5s;
    background: url("clientlibs_base/images/ic_arrow_drop_down_48px.svg") no-repeat;
    background-size: contain
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .sub-brand-link .more-dropdown {
    transition: all .5s;
    position: relative;
    display: inline-block;
    width: 22px;
    height: 10px;
    background: url("clientlibs_base/images/More.svg") no-repeat
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu {
    position: absolute;
    top: 80%;
    right: -41px;
    z-index: 1000;
    display: none;
    float: left;
    max-width: 240px;
    min-width: 100px;
    padding: 20px 30px;
    margin: 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175)
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu.bullet::before {
    width: 0;
    height: 0;
    content: '';
    display: inline-block;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    -webkit-transform: rotate(360deg);
    border-width: 0 17px 15px;
    border-bottom-color: #ccc;
    border-bottom-color: #fff;
    top: -10px;
    right: 30px
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu a, .navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu span {
    color: #000;
    display: block;
    width: 100%;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
    transition: all .5s
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu a:hover {
    color: #76b900
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item .dropdown-menu .more-sub-items {
    padding-left: 10px;
    line-height: 1;
    font-size: 14px;
    list-style: none;
    position: relative;
    top: -5px
}
.navigation .global-nav .sub-brand-nav .brand-nav-left .sub-brand-item:last-child .bullet::before {
    right: 34px
}
.navigation .global-nav .sub-brand-nav .brand-nav-right {
    display: inline-block;
    height: 46px;
    float: right
}

@media screen and (min-width:1025px) {
.navigation .global-nav .sub-brand-nav .brand-nav-right {
    display: none
}
}
.navigation .global-nav .sub-brand-nav .brand-nav-right .ic-menu {
    display: inline-block;
    width: 30px;
    height: 46px;
    background: url("clientlibs_base/images/icon-menu-sm-white.svg") no-repeat center center
}
.navigation .global-nav .sub-brand-nav .brand-nav-right .ic-menu.ic-menu-green {
    background: url("clientlibs_base/images/icon-menu-sm-green.svg") no-repeat center center
}
.navigation .global-nav .subnav {
    position: fixed;
    width: 100%;
    height: 36px;
    top: 89px;
    left: 0;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #1a1a1a;
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,0.8);
    box-shadow: 0 0 16px 0 rgba(0,0,0,0.8);
    overflow: hidden;
    transition: all .5s;
    z-index: 500;
    opacity: .9
}
.navigation .global-nav .subnav.pull-up {
    top: 46px
}

@media only screen and (min-width:1025px) {
.navigation .global-nav .subnav.pull-up {
    top: 65px
}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
.navigation .global-nav .subnav {
    height: 55px
}
}

@media only screen and (min-width:1025px) {
.navigation .global-nav .subnav {
    height: 70px;
    top: 109px
}
}
.navigation .global-nav .subnav .subnav-container {
    height: 36px;
    max-width: 1280px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0 0 0 15px;
    width: 100%
}

@media screen and (min-width:768px) and (max-width:1024px) {
.navigation .global-nav .subnav .subnav-container {
    padding: 0 0 0 30px;
    height: 55px
}
}

@media screen and (min-width:1025px) and (max-width:1280px) {
.navigation .global-nav .subnav .subnav-container {
    padding: 0 30px;
    height: 70px
}
}

@media screen and (min-width:1281px) {
.navigation .global-nav .subnav .subnav-container {
    padding: 0;
    height: 70px
}
}
.navigation .global-nav .subnav .subnav-container #subnav-menu {
    position: absolute;
    float: right;
    width: 100%;
    height: 80vh;
    top: 50px;
    left: 0;
    z-index: 105;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    overflow-y: auto
}

@media screen and (max-width:1024px) and (orientation:landscape) {
.navigation .global-nav .subnav .subnav-container #subnav-menu {
    height: 55vh
}
}
.navigation .global-nav .subnav .subnav-container #subnav-menu span {
    position: relative;
    padding: 0;
    margin: 30px auto;
    display: block
}
.navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button {
    color: #ccc;
    font: normal 24px/1 "NVIDIA';
    position: relative;
    display: block;
    text-transform: uppercase
}
.navigation .global-nav .subnav .subnav-container #subnav-menu .scrollmenu-button:hover {
    color: #fff
}
.navigation .global-nav .subnav .subnav-container #subnav-menu .enhanced {
    font-weight: bold;
    color: #76b900
}
.navigation .global-nav .subnav .subnav-container .subnav-left {
    position: relative;
    left: 0;
    padding: 0;
    height: 35px;
    width: auto;
    display: inline-block;
    transition: all .5s
}

@media screen and (min-width:768px) and (max-width:1024px) {
.navigation .global-nav .subnav .subnav-container .subnav-left {
    transition: none;
    height: 55px
}
}

@media screen and (min-width:1025px) {
.navigation .global-nav .subnav .subnav-container .subnav-left {
    position: relative;
    top: 0;
    left: 0;
    height: 70px;
    margin: 0;
    transition: none
}
}
.navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category {
    transition: all .5s;
    position: relative;
    top: 8px;
    left: 0;
    color: #eee;
    font: 600 14px/14px "NVIDIA', Arial, Sans-Serif;
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) and (max-width:1024px) {
.navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category {
    left: 0;
    top: 14px;
    font-size: 20px;
    line-height: 20px
}
}

@media screen and (min-width:1025px) {
.navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category {
    left: 0;
    top: 25px;
    font-size: 20px;
    line-height: 20px
}
}
.navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category #sub-btn0 {
    color: #eee
}
.navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category #sub-btn0 span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px
}

@media screen and (max-width:767px) {
.navigation .global-nav .subnav .subnav-container .subnav-left .subnav-category #sub-btn0 span {
    max-width: 100px
}
}
.navigation .global-nav .subnav .subnav-container .subnav-right {
    margin-top: 0;
    margin-right: 0;
    padding: 0;
    transition: all .6s;
    display: inline-block
}

@media screen and (min-width:768px) and (max-width:1024px) {
.navigation .global-nav .subnav .subnav-container .subnav-right {
    height: 55px;
    transition: all .6s
}
}

@media screen and (min-width:1025px) {
.navigation .global-nav .subnav .subnav-container .subnav-right {
    position: relative;
    height: 70px;
    top: 0;
    right: 0;
    transition: all .6s
}
}
.navigation .global-nav .subnav .subnav-container .subnav-right #center-expand {
    position: absolute;
    left: 50%;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    width: 24px;
    height: 24px;
    top: 5px;
    display: inline-block
}
.navigation .global-nav .subnav .subnav-container .subnav-right #center-expand .ic-expand {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    left: -12px;
    top: 2px;
    background: url("clientlibs_base/images/icon-expand-white.svg") no-repeat;
    background-size: cover;
    cursor: pointer
}

@media screen and (min-width:768px) and (max-width:1024px) {
.navigation .global-nav .subnav .subnav-container .subnav-right #center-expand .ic-expand {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    top: 10px;
    margin-bottom: 0;
    margin-right: 5px
}
}

@media screen and (min-width:1025px) {
.navigation .global-nav .subnav .subnav-container .subnav-right #center-expand .ic-expand {
    display: none
}
}
.navigation .global-nav .subnav .subnav-container .subnav-right #center-expand .ic-expand-green {
    background: url("clientlibs_base/images/icon-expand-green.svg") no-repeat
}
.navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list {
    height: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left
}
.navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element {
    height: 100%;
    margin: 0;
    padding: 0 15px;
    display: inline-block;
    float: left;
    transition: all .25s
}
.navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element:last-child() {
    padding-right: 0
}
.navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element.selected {
    border-bottom: 3px solid #76b900
}

@media screen and (max-width:1024px) {
.navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element {
    display: none;
    padding-right: 0
}
}
.navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element.persisting {
    display: inline-block
}
.navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link {
    margin-top: 28px;
    margin-bottom: 28px;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #ccc;
    transition: color .5s
}
.navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link:hover {
    color: #fff
}
.navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link.cta {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #76b900;
    font-weight: bold;
    color: white
}

@media screen and (min-width:768px) and (max-width:1024px) {
.navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link.cta {
    margin-top: 8px;
    margin-bottom: 8px
}
}

@media screen and (min-width:1025px) {
.navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link.cta {
    margin-top: 16px
}
}
.navigation .global-nav .subnav .subnav-container .subnav-right .breadcrumb-list .breadcrumb-element .breadcrumb-link.cta span {
    display: inline-block;
    padding: 12px
}
.navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted {
    position: relative;
    height: 42px;
    margin: 0;
    right: 0;
    top: 12px;
    transform: translateY(-10%);
    font-family: 'NVIDIA';
    font-weight: normal;
    font-size: 14px;
    color: #ccc;
    border-width: 3px;
    border-bottom: 3px #1a1a1a solid;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    transition: none
}

@media screen and (min-width:1025px) {
.navigation .global-nav .subnav .subnav-container .subnav-right .subnav-buttons-persisted {
    position: relative;
    height: 42px;
    margin: 0;
    margin-left: 30px;
    right: 0;
    top: 5px
}
}
.row {
    width: 100%
}
.row::before, .row::after {
    content: '';
    display: table
}
.row .column {
    float: left;
    min-height: 2px;
    padding: 0;
    margin: 0;
    position: relative
}

@media screen and (max-width:767px) {
.row .small-12 {
    width: 100%
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.row .medium-12 {
    width: 100%
}
}

@media screen and (min-width:1025px) and (max-width:1280px) {
.row .large-12 {
    width: 100%
}
}
.row .xl-8:after {
    content: '';
    width: 100%;
    position: absolute;
    top: 100%;
    right: 0;
    border-top: 1px solid #616161
}

@media screen and (min-width:1281px) {
.row .xl-8:after {
    border-left: 1px solid #616161;
    top: 30px;
    height: 85%;
    height: calc(100% - 60px);
    width: 0
}
}

@media screen and (min-width:1281px) {
.row .xl-8 {
    width: 66.66667%
}
}

@media screen and (min-width:1281px) {
.row .xl-4 {
    width: 33.33333%
}
}
.page-footer-wrapper {
    background: #000
}
.page-footer {
    background: #000;
    max-width: 1280px;
    margin: 0 auto;
    padding: 60px 30px;
    padding-bottom: 30px
}
.page-footer::before, .page-footer::after {
    content: " ";
    display: table
}
.page-footer::after {
    clear: both
}

@media(min-width:768px) and (max-width:1024px) {
.page-footer {
    padding: 60px;
    padding-bottom: 30px
}
}

@media(max-width:767px) {
.page-footer {
    padding: 30px
}
}

@media(min-width:1281px) {
.page-footer {
    padding: 60px 0
}
}
.page-footer__links {
    font-size: 0;
    line-height: 0
}
.page-footer__links>.page-footer-link-set {
    vertical-align: top;
    display: inline-block;
    width: 20%;
    padding-right: 5%
}

/*.page-footer__links>.page-footer-link-set:nth-child(3n+3){padding-right:0}*/
@media(min-width:768px) and (max-width:1024px) {
.page-footer__links>.page-footer-link-set {
    width: 50%
}
.page-footer__links>.page-footer-link-set:nth-child(3n+3) {
    padding-right: 5%
}
.page-footer__links>.page-footer-link-set:nth-child(even) {
    padding-right: 0
}
}

@media(max-width:767px) {
.page-footer__links>.page-footer-link-set {
    padding-right: 0;
    width: 100%
}
}
.page-footer__subscribe {
    display: inline-block;
    width: 66%
}

@media(max-width:1024px) {
.page-footer__subscribe {
    float: none;
    width: 100%;
    margin-bottom: 50px
}
}

@media(min-width:1025px) and (max-width:1280px) {
.page-footer__subscribe {
    width: 100%;
    height: 50px
}
}

@media(min-width:1281px) {
.page-footer__subscribe {
    height: 50px
}
}
.page-footer__social {
    display: inline-block;
    width: 33%;
    text-align: right
}

@media(max-width:1024px) {
.page-footer__social {
    float: none;
    width: 100%;
    text-align: center
}
}

@media(min-width:1025px) and (max-width:1280px) {
.page-footer__social {
    float: none;
    width: 100%;
    text-align: center
}
}
.page-footer__social__label {
    font-size: 16px;
    color: #747474;
    display: inline-block;
    margin-right: 20px;
    height: 45px;
    vertical-align: top;
    padding-top: 12px
}

@media(max-width:767px) {
.page-footer__social__label {
    display: block;
    float: none;
    text-align: center;
    margin-bottom: 25px;
    margin-right: 0;
    height: auto
}
}
.page-footer__social__link {
    text-decoration: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 18px
}
.page-footer__social__link.facebook {
    margin-right: 10px
}
.page-footer__social__link>svg {
    width: 40px;
    height: 40px;
    margin-right: 20px
}
.page-footer__social__link .socialIcon {
    height: 40px;
    width: 40px;
    opacity: .5;
    border: 0;
}
.page-footer__social__link .socialIcon:hover {
    opacity: 1
}
.page-footer__social__link>svg:last-child {
    margin-right: 0
}
.page-footer__social__link:last-child {
    margin-right: 0
}
.page-footer__social__link>svg>path {
    fill: #CCC
}
.page-footer-link-set__title {
    font-size: 24px;
    line-height: 26px;
    text-align: left;
    padding-bottom: 12px;
    font-weight: bold;
    color: #eee;
    border-bottom: 1px solid #747474
}

@media(max-width:767px) {
.page-footer-link-set__title {
    font-size: 16px;
    line-height: 30px;
    text-align: center
}
}
.page-footer-link-set__links {
    padding: 0;
    margin-bottom: 50px;
    margin-top: 10px
}

@media(max-width:767px) {
.page-footer-link-set__links {
    padding: 0 15px;
    margin-bottom: 30px
}
}
.page-footer-link-set__links>li {
    margin-right: 25px;
    display: block;
    margin-bottom: 5px
}

@media(max-width:767px) {
.page-footer-link-set__links>li {
    display: inline-block;
    margin-bottom: 15px
}
}
.page-footer-link-set__links>li>a {
    font-size: 16px;
    line-height: 30px;
    color: #76b900;
    text-decoration: none
}
.global-footer-container {
    width: 100%;
    background-color: #fff
}
.global-footer {
    padding: 30px;
    background: #fff;
    max-width: 1280px;
    margin: 0 auto
}

@media(max-width:767px) {
.global-footer {
    padding: 15px
}
}
.global-footer__logo {
    width: 110px;
    height: 20px;
    margin: 0 auto;
    display: block;
    float: left;
    margin-bottom: 15px
}

@media(max-width:767px) {
.global-footer__logo {
    float: none
}
}
.global-footer__region {
    height: 20px;
    text-align: center;
    float: right;
    margin-bottom: 20px
}

@media(max-width:767px) {
.global-footer__region {
    float: none;
    margin-bottom: 10px
}
}
.global-footer__region__icon {
    margin-right: 15px;
    max-height: 14px;
    border: 0
}
.global-footer__region__label {
    font-weight: bold;
    font-size: 17px;
    line-height: 25px;
    color: #CCC
}
.global-footer__links {
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
    margin-bottom: 4px
}

@media(max-width:767px) {
.global-footer__links {
    margin-bottom: 0;
    text-align: center
}
}
.global-footer__links>li {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    margin-right: 5px
}
.global-footer__links>li:after {
    position: absolute;
    content: " ";
    top: 6px;
    right: 0;
    height: 14px;
    width: 1px;
    background: #e3e3e3
}
.global-footer__links>li:last-child {
    padding-right: 0;
    margin-right: 0
}
.global-footer__links>li:last-child:after {
    display: none
}
.global-footer__links>li>a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: #ccc
}
.global-footer__copyright {
    font-size: 12px;
    line-height: 16px;
    color: #ccc;
    clear: both
}
.aem-AuthorLayer-Edit .global-footer, .aem-AuthorLayer-Preview .global-footer {
    min-height: 300px
}
#cookiePolicy-layer {
    background: #3c3c3c none repeat scroll 0 0;
    border-top: 2px solid #76b900;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 5
}
#cookiePolicy-layer .messageContainer {
    color: #fff;
    float: left;
    text-align: center
}
#cookiePolicy-layer p {
    margin: 1em;
    text-align: center
}
#cookiePolicy-layer .green-box-bttn {
    background-color: #76b900;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 1em;
    font-weight: bold;
    height: 100%;
    letter-spacing: 1px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 6%
}
#cookiePolicy-layer .green-box-bttn span {
    display: inline-block;
    vertical-align: middle
}
#cookiePolicy-layer a {
    color: #76b900;
    text-decoration: none
}

@media screen and (min-width:641px) and (max-width:1024px) {
#cookiePolicy-layer {
    height: 77px
}
#cookiePolicy-layer .messageContainer {
    line-height: 77px;
    width: 79%
}
#cookiePolicy-layer .messageContainer p {
    display: inline-block;
    line-height: 1.4em;
    vertical-align: middle
}
#cookiePolicy-layer .green-box-bttn {
    line-height: 77px;
    width: 15%
}
}

@media screen and (min-width:320px) and (max-width:640px) {
#cookiePolicy-layer {
    height: 60px
}
#cookiePolicy-layer .messageContainer {
    line-height: 60px;
    width: 74%
}
#cookiePolicy-layer .messageContainer p {
    display: inline-block;
    font-size: .6em;
    line-height: 1.2em;
    margin: .5em 1em;
    vertical-align: middle
}
#cookiePolicy-layer .green-box-bttn {
    font-size: .6em;
    line-height: 60px;
    width: 20%
}
}

@media screen and (min-width:1024px) {
#cookiePolicy-layer {
    height: 54px
}
#cookiePolicy-layer .messageContainer {
    line-height: 54px;
    width: 84%
}
#cookiePolicy-layer .messageContainer p {
    display: inline-block;
    line-height: 1.4em;
    vertical-align: middle
}
#cookiePolicy-layer .green-box-bttn {
    line-height: 54px;
    width: 10%
}
}
.shieldApps .cf:after {
    content: "";
    display: table;
    clear: both
}
.shieldApps #apps-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 320px;
    z-index: 1
}
.shieldApps #apps-container.dark:before {
    content: ' ';
    background: black;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

@media(max-width:920px) {
.shieldApps #apps-container #sort+.ui-selectmenu-button, .shieldApps #apps-container #genre+.ui-selectmenu-button {
    width: 47% !important
}
}
.shieldApps #apps-container .ui-selectmenu-button span.ui-selectmenu-text {
    background-color: #212121
}
.shieldApps #apps-container .ui-state-default {
    background-color: transparent
}
.shieldApps #apps {
    padding: 0;
    height: 100%
}
.shieldApps #apps .swiper-masthead {
    height: 600px;
    opacity: 0
}
.shieldApps #apps .swiper-masthead .swiper-container .swiper-slide:before {
    background: linear-gradient(transparent, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.5));
    background: linear-gradient(transparent, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.5));
    background: linear-gradient(transparent, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.5));
    background: linear-gradient(transparent, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.5))
}
.shieldApps #apps .swiper-masthead .swiper-pagination {
    bottom: 60px
}
.shieldApps #apps .swiper-masthead video {
    position: absolute;
    top: 0;
    z-index: -1
}
.shieldApps #apps .swiper-masthead .store-slide-info {
    width: 38%;
    left: 57%;
    top: 62%
}

@media(min-width:920px) and (max-width:920px) {
.shieldApps #apps .swiper-masthead .store-slide-info {
    font-size: 12px;
    line-height: 14px
}
}

@media(max-width:920px) {
.shieldApps #apps .swiper-masthead .store-slide-info {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10%;
    left: 0
}
.shieldApps #apps .swiper-masthead .store-slide-info .caption {
    line-height: 20px
}
}
.shieldApps #apps .swiper-masthead .apps-tabs {
    position: absolute;
    bottom: 0;
    z-index: 1
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs {
    width: 100%
}

@media(min-width:920px) {
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs {
    max-width: 720px;
    left: 0;
    right: 0;
    margin: 0 auto
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs.col-group.col-3 .col-1 {
    font-size: 16px;
    width: 49% !important;
    margin-right: .33%
}
}

@media(max-width:920px) {
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs {
    background: #000
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs.col-group.col-3 {
    font-size: 0
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs.col-group.col-3 .col-1 {
    font-size: 16px;
    width: 49% !important
}
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item {
    background: black;
    border: 0 solid #000;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px
}

@media(max-width:920px) {
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item {
    padding-top: 15px;
    padding-bottom: 15px
}
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item .tabicon {
    width: 30px;
    height: 25px;
    display: inline-block;
    vertical-align: middle
}

@media(max-width:920px) {
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item .tabicon {
    display: none
}
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item .tabicon.android {
    background: url("clientlibs-all/images/games/game-icons.png") no-repeat;
    background-position: 0 0;
    background-size: auto 200%
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item .tabicon.gamestream {
    background: url("clientlibs-all/images/games/game-icons.png") no-repeat;
    background-position: -30px 0;
    background-size: auto 200%
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item .tabicon.grid {
    background: url("clientlibs-all/images/games/game-icons.png") no-repeat;
    background-position: -60px 0;
    background-size: auto 200%
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item .label {
    display: inline-block;
    vertical-align: middle
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item.active {
    background: #000
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item.active, .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item:hover {
    color: #76b900
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item.active .tabicon.android, .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item:hover .tabicon.android {
    background-position: 0 -25px
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item.active .tabicon.gamestream, .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item:hover .tabicon.gamestream {
    background-position: -30px -25px
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item.active .tabicon.grid, .shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item:hover .tabicon.grid {
    background-position: -60px -25px
}
.shieldApps #apps .swiper-masthead .apps-tabs.navigation-tabs .col>.navigation-tabs-item:after {
    display: none
}
.shieldApps #apps section.sort {
    text-align: right;
    margin: 30px auto;
    max-width: 1280px;
    font-size: 0;
    padding-right: 5px;
    width: 90%
}

@media(max-width:920px) {
.shieldApps #apps section.sort {
    text-align: left;
    margin-top: 20px;
    padding-right: 5px;
    width: 100%
}
}
.shieldApps #apps section.sort .label {
    text-transform: uppercase;
    color: gray;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .5px;
    margin-top: -34px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em
}

@media(max-width:920px) {
.shieldApps #apps section.sort .label {
    display: block;
    margin: 5px 15px
}
}
.shieldApps #apps section.sort select {
    display: none
}
.shieldApps #apps section.apps-list {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto 36px
}

@media(max-width:920px) {
.shieldApps #apps section.apps-list {
    width: auto;
    left: 15px;
    right: 15px
}
}
.shieldApps #apps section.apps-list ul.app-boxes {
    padding: 0;
    font-size: 0;
    line-height: 0;
    display: inline-block
}
.shieldApps #apps section.apps-list ul.app-boxes li {
    float: left;
    margin: 0 5px 20px 5px;
    position: relative;
    line-height: 0
}
.shieldApps #apps section.apps-list ul.app-boxes li.active {
    display: block
}
.shieldApps #apps section.apps-list ul.app-boxes li .app {
    background: #141414;
    left: 0;
    right: 0
}

@media screen and (min-width:768px) {
.shieldApps #apps section.apps-list ul.app-boxes li {
    height: auto;
    width: 33.33%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 0
}
.shieldApps #apps section.apps-list ul.app-boxes li .app {
    left: 5px;
    right: 5px
}
}

@media screen and (min-width:768px) and (max-width:1280px) {
.shieldApps #apps section.apps-list ul.app-boxes li {
    height: auto;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px
}
.shieldApps #apps section.apps-list ul.app-boxes li .app {
    left: 5px;
    right: 5px
}
.shieldApps #apps section.apps-list ul.app-boxes li:nth-child(2n) {
    padding-right: 15px;
    padding-left: 10px
}
.shieldApps #apps section.apps-list ul.app-boxes li:nth-child(2n+1) {
    padding-left: 15px;
    padding-right: 10px
}
}

@media screen and (max-width:767px) {
.shieldApps #apps section.apps-list ul.app-boxes li {
    height: auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
}
.shieldApps #apps section.apps-list ul.app-boxes li .app {
    left: 5px;
    right: 5px
}
}
.shieldApps #apps section.apps-list ul.app-boxes li a {
    outline: 0;
    text-decoration: none;
    position: relative
}
.shieldApps #apps section.apps-list ul.app-boxes li .banner {
    width: 100%;
    height: auto;
    background-color: #000
}
.shieldApps #apps section.apps-list ul.app-boxes li .banner img {
    width: 100%
}

@media(max-width:920px) {
.shieldApps #apps section.apps-list ul.app-boxes li .banner {
    width: 100%;
    height: auto
}
}
.shieldApps #apps section.apps-list ul.app-boxes li .info {
    margin: 15px 20px 0;
    font-size: 16px;
    letter-spacing: .5px;
    padding-bottom: 10px;
    line-height: 30px
}

@media(max-width:920px) {
.shieldApps #apps section.apps-list ul.app-boxes li .info {
    margin-top: 17px;
    margin-left: 12px;
    margin-right: 10px
}
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .title {
    color: white;
    font-size: 16px;
    line-height: 24px;
    min-height: 40px;
    margin-bottom: 10px
}

@media(max-width:920px) {
.shieldApps #apps section.apps-list ul.app-boxes li .info .title {
    font-size: 16px;
    line-height: 24px;
    min-height: 48px;
    margin-bottom: 5px
}
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating {
    float: left
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating {
    display: inline-block;
    width: 80px;
    height: 12px;
    background: url("clientlibs-all/images/star-rating-bg.png") no-repeat;
    background-size: 80px 12px
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating {
    width: 0;
    height: 12px;
    background: url("clientlibs-all/images/star-rating.png") no-repeat;
    background-size: 80px 12px
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating05 {
    width: 6px
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating1 {
    width: 15px
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating15 {
    width: 23px
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating2 {
    width: 29px
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating25 {
    width: 40px
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating3 {
    width: 50px
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating35 {
    width: 56px
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating4 {
    width: 68px
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating45 {
    width: 74px
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .star-rating .rating.rating5 {
    width: 80px
}

@media(max-width:920px) {
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: left
}
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-price {
    float: right
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-price .price {
    font-size: 18px;
    line-height: 17px;
    color: #bfbfbf;
    font-weight: bold
}

@media(max-width:920px) {
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-price .price {
    font-size: 14px;
    line-height: 14px
}
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-price .price .currency {
    display: inline;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 4px
}

@media(max-width:920px) {
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-price .price .currency {
    margin-right: 2px
}
}
.shieldApps #apps section.apps-list ul.app-boxes li.gamestream-game .game .info .game-rating, .shieldApps #apps section.apps-list ul.app-boxes li.gamestream-game .game .info .game-price {
    display: none
}
.shieldApps #apps section.apps-loading {
    text-align: center
}
.shieldApps #apps section.apps-loading .loadImageWrapper {
    display: none
}
.shieldApps #apps section.apps-loading .loadImageWrapper img {
    margin: 20px auto
}
.shieldApps #apps section.apps-loading.active .loadImageWrapper {
    display: block
}
.shieldApps #apps section.apps-abstract {
    text-align: center;
    width: 35%;
    color: #76b900;
    margin: 50px auto 0;
    font-size: 1.75em;
    text-transform: uppercase;
    font-family: "GeForce", Helvetica, Arial;
    font-weight: bold
}

@media(max-width:920px) {
.shieldApps #apps section.apps-abstract {
    width: 75%
}
}
.shieldApps #apps .more-bttn {
    cursor: pointer;
    color: #bfbfbf;
    line-height: 34px;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    height: 34px;
    vertical-align: bottom;
    padding: 0 1.5em
}
.shieldApps #apps .more-bttn:after {
    content: " ";
    position: relative;
    display: inline-block;
    right: -1em;
    top: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #fff
}
.shieldApps #apps .more-bttn.active {
    color: #76b900
}
.shieldApps #apps .more-bttn.active:after {
    top: 0;
    border-width: 8px 6px 0 6px;
    border-color: #76b900 transparent transparent transparent
}
.shieldApps #apps .expanded-filters {
    display: none;
    margin-top: 15px
}

@media(max-width:920px) {
.shieldApps #apps .expanded-filters {
    margin-top: 10px
}
}
.shieldApps .no-apps-results {
    display: none;
    width: 90%;
    text-align: center;
    margin: 0 auto;
    color: gray;
    font-size: 1.5em;
    padding: 1.5em
}
.shieldApps #apps section.apps-list ul.app-boxes li .info .app-rating .onlyShield {
    color: #76b900
}
.shieldApps .included, .shieldApps .price {
    font-family: "NVIDIA', Helvetica, Arial;
    text-transform: uppercase;
    color: #666
}
.shieldApps #sort-button:before {
    content: " ";
    position: absolute;
    display: inline-block;
    right: 16px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent
}
.shieldApps #genre-button:before {
    content: " ";
    position: absolute;
    display: inline-block;
    right: 16px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent
}
.shieldApps #device-button:before {
    content: " ";
    position: absolute;
    display: inline-block;
    right: 12px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent
}
.shieldApps #grid-button:before {
    content: " ";
    position: absolute;
    display: inline-block;
    right: 12px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent
}
.shieldApps #controllers-button:before {
    content: " ";
    position: absolute;
    display: inline-block;
    right: 12px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent
}
.shieldApps #ratings-button:before {
    content: " ";
    position: absolute;
    display: inline-block;
    right: 12px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent
}
.shieldApps #free-button:before {
    content: " ";
    position: absolute;
    display: inline-block;
    right: 16px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent
}
.shieldApps #coming_soon-button:before {
    content: " ";
    position: absolute;
    display: inline-block;
    right: 12px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent
}
.shieldApps #bundle-button:before {
    content: " ";
    position: absolute;
    display: inline-block;
    right: 12px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent
}

@media(max-width:920px) {
.shieldApps #bundle-button:before {
    right: 26px
}
}
.shieldGames #games section.sort {
    text-align: right;
    margin: 15px auto 30px;
    max-width: 1280px;
    font-size: 0;
    padding-right: 10px;
    width: 100%
}

@media screen and (max-width:1024px) {
.shieldGames #games section.sort {
    text-align: left;
    margin-top: 20px;
    padding-right: 0
}
}
.shieldGames #games section.sort select {
    display: none
}
.shieldGames #games .ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    border-radius: 2px;
    width: 175px !important;
    margin-top: 10px !important
}

@media screen and (max-width:1024px) {
.shieldGames #games .ui-selectmenu-button {
    width: 50% !important
}
}
.shieldGames #games .ui-selectmenu-button span.ui-selectmenu-text {
    background-color: #141414;
    color: #fff;
    font-family: "NVIDIA', Helvetica, Arial;
    font-size: 12px;
    padding: 10px 15px 8px 15px;
    text-transform: uppercase;
    text-align: left;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.shieldGames #games .ui-selectmenu-button .ui-icon {
    width: 16px;
    height: 16px;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}
.shieldGames #games .ui-selectmenu-button span.ui-icon {
    right: .5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    background-image: none
}
.shieldGames #games .ui-selectmenu-button .ui-icon-triangle-1-s {
    display: none;
    background-position: -64px -16px
}
.shieldGames #games #sort+.ui-selectmenu-button, .shieldGames #games #free+.ui-selectmenu-button, .shieldGames #games #device+.ui-selectmenu-button, .shieldGames #games #genre+.ui-selectmenu-button, .shieldGames #games #grid+.ui-selectmenu-button, .shieldGames #games #ratings+.ui-selectmenu-button, .shieldGames #games #coming_soon+.ui-selectmenu-button, .shieldGames #games #controllers+.ui-selectmenu-button, .shieldGames #games #bundle+.ui-selectmenu-button, .shieldGames #games #gfntype+.ui-selectmenu-button {
    padding-right: 5px !important;
    padding-left: 15px !important;
    margin: 0
}
.shieldGames #games #sort-button:after, .shieldGames #games #device-button:after, .shieldGames #games #coming_soon-button:after, .shieldGames #games #grid-button:after, .shieldGames #games #ratings-button:after, .shieldGames #games #controllers-button:after, .shieldGames #games #free-button:after, .shieldGames #games #genre-button:after, .shieldGames #games #bundle-button:after, .shieldGames #games #gfntype-button:after {
    content: " ";
    position: absolute;
    display: inline-block;
    right: 16px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent
}
.shieldGames #games #sort-button.active:after, .shieldGames #games #device-button.active:after, .shieldGames #games #coming_soon-button.active:after, .shieldGames #games #grid-button.active:after, .shieldGames #games #ratings-button.active:after, .shieldGames #games #controllers-button.active:after, .shieldGames #games #free-button.active:after, .shieldGames #games #genre-button.active:after, .shieldGames #games #bundle-button.active:after, .shieldGames #games #gfntype-button.active:after {
    top: 14px;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent
}
.shieldGames #games #sort-menu li, .shieldGames #games #device-menu li, .shieldGames #games #coming_soon-menu li, .shieldGames #games #grid-menu li, .shieldGames #games #ratings-menu li, .shieldGames #games #controllers-menu li, .shieldGames #games #free-menu li, .shieldGames #games #genre-menu li, .shieldGames #games #bundle-menu li, .shieldGames #games #gfntype-menu li {
    margin: 0 5px 0 15px !important
}
.shieldGames #games #sort-menu .ui-menu-item, .shieldGames #games #device-menu .ui-menu-item, .shieldGames #games #coming_soon-menu .ui-menu-item, .shieldGames #games #grid-menu .ui-menu-item, .shieldGames #games #ratings-menu .ui-menu-item, .shieldGames #games #controllers-menu .ui-menu-item, .shieldGames #games #free-menu .ui-menu-item, .shieldGames #games #genre-menu .ui-menu-item, .shieldGames #games #bundle-menu .ui-menu-item, .shieldGames #games #gfntype-menu .ui-menu-item {
    font-family: "NVIDIA', Helvetica, Arial;
    text-transform: capitalize;
    position: relative;
    margin: 0;
    padding: 6px 8px 13px 15px !important;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
    min-height: 0;
    background-color: #141414 !important;
    background-image: none !important;
    border: medium none !important;
    width: auto !important
}
.shieldGames #games #sort-menu .ui-state-hover, .shieldGames #games #sort-menu .ui-state-focus, .shieldGames #games #device-menu .ui-state-hover, .shieldGames #games #device-menu .ui-state-focus, .shieldGames #games #coming_soon-menu .ui-state-hover, .shieldGames #games #coming_soon-menu .ui-state-focus, .shieldGames #games #grid-menu .ui-state-hover, .shieldGames #games #grid-menu .ui-state-focus, .shieldGames #games #ratings-menu .ui-state-hover, .shieldGames #games #ratings-menu .ui-state-focus, .shieldGames #games #controllers-menu .ui-state-hover, .shieldGames #games #controllers-menu .ui-state-focus, .shieldGames #games #free-menu .ui-state-hover, .shieldGames #games #free-menu .ui-state-focus, .shieldGames #games #genre-menu .ui-state-hover, .shieldGames #games #genre-menu .ui-state-focus, .shieldGames #games #bundle-menu .ui-state-hover, .shieldGames #games #bundle-menu .ui-state-focus, .shieldGames #games #gfntype-menu .ui-state-hover, .shieldGames #games #gfntype-menu .ui-state-focus {
    color: #fff !important
}
.shieldGames #games .more-bttn {
    cursor: pointer;
    color: #bfbfbf;
    line-height: 34px;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    height: 34px;
    vertical-align: bottom;
    padding: 0 1.5em
}
.shieldGames #games .more-bttn.active {
    color: #76b900
}
.shieldGames #games .more-bttn:after {
    content: " ";
    position: relative;
    display: inline-block;
    right: -1em;
    top: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #76b900
}
.shieldGames #games .more-bttn.active:after {
    top: 0;
    border-width: 8px 6px 0 6px;
    border-color: #76b900 transparent transparent transparent
}
.shieldGames #games .expanded-filters {
    display: none;
    margin-top: 15px
}
.shieldGames #games section.games-list {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto
}
.shieldGames #games section.games-list ul.game-boxes {
    font-size: 0;
    line-height: 0;
    padding: 0
}

@media screen and (min-width:768px) and (max-width:1280px) {
.shieldGames #games section.games-list ul.game-boxes li:nth-child(2n+1) {
    padding-left: 15px;
    padding-right: 10px
}
}

@media screen and (min-width:768px) and (max-width:1280px) {
.shieldGames #games section.games-list ul.game-boxes li:nth-child(2n) {
    padding-right: 15px;
    padding-left: 10px
}
}
.shieldGames #games section.games-list ul.game-boxes li {
    float: left;
    margin: 0 10px 20px 5px;
    position: relative
}

@media screen and (max-width:767px) {
.shieldGames #games section.games-list ul.game-boxes li {
    height: auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 15px;
    padding-left: 15px
}
}

@media screen and (min-width:768px) and (max-width:1280px) {
.shieldGames #games section.games-list ul.game-boxes li {
    height: auto;
    width: 50%;
    margin-left: 0;
    margin-right: 0
}
}

@media screen and (min-width:1281px) {
.shieldGames #games section.games-list ul.game-boxes li {
    height: auto;
    width: 33.33%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px
}
}
.shieldGames #games section.games-list ul.game-boxes li .game {
    background: #141414
}
.shieldGames #games section.games-list ul.game-boxes li a {
    outline: 0;
    text-decoration: none;
    position: relative
}
.shieldGames #games section.games-list ul.game-boxes li .banner {
    width: 100%;
    height: auto;
    background-color: #000
}
.shieldGames #games section.games-list ul.game-boxes li .banner img {
    width: 100%
}
.shieldGames #games section.games-list ul.game-boxes li .info {
    margin: 15px 20px 0;
    font-size: 16px;
    letter-spacing: .5px;
    padding-bottom: 10px;
    line-height: 30px
}
.shieldGames #games section.games-list ul.game-boxes li .info .title {
    color: white;
    font-size: 16px;
    line-height: 24px;
    min-height: 40px;
    margin-bottom: 10px
}
.shieldGames #games section.games-list ul.game-boxes li .info .grid-game-price .included, .shieldGames #games section.games-list ul.game-boxes li .info .grid-game-price .price {
    text-transform: uppercase;
    color: #666
}
.shieldGames #games section.games-list ul.game-boxes li .info .game-rating {
    float: left
}

@media screen and (max-width:1024px) {
.shieldGames #games section.games-list ul.game-boxes li .info .game-rating .onlyShield {
    font-size: 12px
}
}
.shieldGames #games section.games-list ul.game-boxes li .info .game-price {
    float: right
}
.shieldGames #games section.games-list ul.game-boxes li .info .game-price .price {
    font-size: 18px;
    color: #bfbfbf;
    font-weight: bold
}

@media screen and (max-width:1024px) {
.shieldGames #games section.games-list ul.game-boxes li .info .game-price .price {
    font-size: 14px
}
}
.shieldGames #games section.games-list section.games-loading {
    text-align: center
}
.shieldGames #games section.games-list section.games-loading .loadImageWrapper {
    display: none
}
.shieldGames #games section.games-list section.games-loading.active .loadImageWrapper {
    display: block
}
.shieldGames #games section.games-list .btn-more {
    border: 0;
    background: 0;
    color: #fff;
    font: bold 18px/1 "NVIDIA'
}
.shieldGames #games section.games-list .btn-more .txt-more {
    min-width: 0;
    cursor: pointer;
    padding: 15px
}
.shieldGames #games section.games-list .load-more {
    text-align: center;
    display: block;
    width: 220px;
    margin: 0 auto
}
.shieldGames #games section.games-list .load-more .btn {
    display: inline-block;
    text-align: center;
    background-color: #76b900;
    color: #fff;
    margin: 0 auto;
    margin-top: 25px
}

@media screen and (max-width:1024px) {
.shieldGames #games section.games-list .load-more .btn {
    margin-top: 10px
}
}
.shieldGames .cf:after {
    content: "";
    display: table;
    clear: both
}
.shieldGames .no-games-results {
    display: none;
    width: 90%;
    text-align: center;
    margin: 0 auto;
    color: gray;
    font-size: 1.5em;
    padding: 1.5em
}
.heroBanner .slider-container {
    width: 100%
}
.heroBanner .slider-container input {
    display: none
}
.heroBanner .slider-container .overflow {
    width: 100%;
    overflow: hidden
}
.heroBanner .slider-container #slides {
    width: 100%;
    margin: 0 auto;
    position: relative
}
.heroBanner .slider-container #slides .video-container {
    position: absolute;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    text-align: center
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .video-container {
    display: none
}
}
.heroBanner .slider-container #slides .video-container {
    position: absolute;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    text-align: center;
    overflow: hidden
}
.heroBanner .slider-container #slides .video-container video {
    display: inline-block;
    width: 100%;
    height: auto;
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    overflow: hidden
}
.heroBanner .slider-container #slides .video-container video.wt-100 {
    width: 100%
}
.heroBanner .slider-container #slides .video-container video.wt-auto {
    width: auto
}
.heroBanner .slider-container #slides .video-container video.ht-100 {
    height: 100%
}
.heroBanner .slider-container #slides .video-container video.ht-auto {
    height: auto
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .video-container {
    display: none
}
}
.heroBanner .slider-container #slides .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000
}
.heroBanner .slider-container #slides .info {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    text-align: left;
    height: 0;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info {
    padding: 0 15px
}
}

@media screen and (min-width:1281px) {
.heroBanner .slider-container #slides .info {
    padding: 0
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info .content-table, .heroBanner .slider-container #slides .info .content-table-left {
    height: auto
}
}
.heroBanner .slider-container #slides .info.twocolinfobar .content-table {
    width: 50%;
    float: right
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info.twocolinfobar .content-table {
    width: 100%
}
}
.heroBanner .slider-container #slides .info.twocolinfobar .content-table-left {
    width: 50%;
    float: left;
    text-align: center;
    z-index: 2;
    position: relative
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info.twocolinfobar .content-table-left {
    width: 100%
}
}
.heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-40 {
    width: 60%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-40 {
    width: 100%
}
}
.heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-50 {
    width: 50%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-50 {
    width: 100%
}
}
.heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-60 {
    width: 40%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-60 {
    width: 100%
}
}
.heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-70 {
    width: 30%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info.twocolinfobar .content-table-left.wid-70 {
    width: 100%
}
}
.heroBanner .slider-container #slides .info.text-on-right {
    text-align: right
}
.heroBanner .slider-container #slides .info.text-on-right .content-table {
    float: right
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info.text-on-right .content-table {
    left: 0;
    padding: 0
}
}
.heroBanner .slider-container #slides .info.text-on-center {
    text-align: center
}
.heroBanner .slider-container #slides .info.text-on-center .content-table {
    margin: 0 auto
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info.text-on-center .content-table {
    left: 0;
    padding: 0
}
}
.heroBanner .slider-container #slides .info.text-on-left .content-table {
    float: left
}
.heroBanner .slider-container #slides .info.text-on-left .content-table-left {
    float: right
}
.heroBanner .slider-container #slides .info .content-table {
    width: 35%;
    position: relative;
    z-index: 2
}
.heroBanner .slider-container #slides .info .content-table .textcomp .general-container {
    word-break: break-word
}
.heroBanner .slider-container #slides .info .content-table.v-top .content-cell {
    vertical-align: top;
    padding-top: 10px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info .content-table.v-top .content-cell {
    padding-top: 5px
}
}
.heroBanner .slider-container #slides .info .content-table.v-bottom .content-cell {
    vertical-align: bottom;
    padding-bottom: 10px
}
.heroBanner .slider-container #slides .info .content-table.wid-40 {
    width: 40%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info .content-table.wid-40 {
    width: 100%
}
}
.heroBanner .slider-container #slides .info .content-table.wid-50 {
    width: 50%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info .content-table.wid-50 {
    width: 100%
}
}
.heroBanner .slider-container #slides .info .content-table.wid-60 {
    width: 60%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info .content-table.wid-60 {
    width: 100%
}
}
.heroBanner .slider-container #slides .info .content-table.wid-70 {
    width: 70%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info .content-table.wid-70 {
    width: 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .info .content-table {
    width: 100%
}
}
.heroBanner .slider-container #slides .info .column-container {
    background: 0
}
.heroBanner .slider-container #slides .info .column-container .row .column {
    padding: 0 15px 0 0
}
.heroBanner .slider-container #slides .info .column-container .general-container {
    padding: 0
}
.heroBanner .slider-container #slides .info .sectionWrapper {
    background: 0
}
.heroBanner .slider-container #slides .ht-200 .info {
    width: 100%
}
.heroBanner .slider-container #slides .ht-200 .info .content-table {
    width: 70%;
    max-width: 845px
}
.heroBanner .slider-container #slides .ht-200 .info .content-table.wid-40 {
    width: 40%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .ht-200 .info .content-table.wid-40 {
    width: 100%
}
}
.heroBanner .slider-container #slides .ht-200 .info .content-table.wid-50 {
    width: 50%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .ht-200 .info .content-table.wid-50 {
    width: 100%
}
}
.heroBanner .slider-container #slides .ht-200 .info .content-table.wid-60 {
    width: 60%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .ht-200 .info .content-table.wid-60 {
    width: 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .ht-200 .info .content-table {
    width: 100%;
    left: 0
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides .ht-200 .info .content-table .textcomp .general-container {
    max-width: 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides .ht-200 .info .content-table .textcomp .general-container {
    max-width: 100%
}
}
.heroBanner .slider-container #slides .content-table, .heroBanner .slider-container #slides .content-table-left {
    display: table;
    height: 100%;
    width: 100%
}
.heroBanner .slider-container #slides .content-cell {
    display: table-cell;
    vertical-align: middle
}
.heroBanner .slider-container #slides .inner {
    width: 100%
}
.heroBanner .slider-container #slides article {
    opacity: 0;
    -webkit-transition: opacity 0;
    -moz-transition: opacity 0;
    -ie-transition: opacity 0;
    -o-transition: opacity 0;
    transition: opacity 0;
    line-height: 0
}
.heroBanner .slider-container #controls {
    float: left;
    width: 100%;
    max-width: 1680px;
    margin-top: -17%
}
.heroBanner .slider-container #controls.control-ht-200 {
    margin-top: -8%
}
.heroBanner .slider-container #controls label {
    width: 30px;
    height: 40px;
    opacity: .3;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ie-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}
.heroBanner .slider-container #controls label:hover {
    opacity: .8
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #controls {
    margin-top: -17.5%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #controls {
    display: none
}
}
.heroBanner .slider-container .controls {
    max-width: 1280px;
    margin: 0 auto
}
.heroBanner .slider-container .controls #active {
    bottom: 5%;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    z-index: 10
}
.heroBanner .slider-container .controls #active label {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background-color: #666;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ie-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: none
}
.heroBanner .slider-container .controls #active label:hover {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(2) {
    position: relative;
    float: right;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(2):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 32px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(2):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(2):hover:before {
    right: 16px
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(2):hover:after {
    right: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(2):before {
    left: 8px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(2):after {
    left: 8px;
    width: 20px
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(2):hover:before {
    left: 10px
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(2):hover:after {
    left: 10px
}
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(5) {
    position: relative;
    float: left;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(5):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 32px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(5):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(5):hover:before {
    left: 16px
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(5):hover:after {
    left: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(5):before {
    left: 2px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(5):after {
    left: 2px;
    width: 20px
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(5):hover:before {
    left: 0
}
.heroBanner .slider-container #slide1:checked ~ #slides #controls label:nth-child(5):hover:after {
    left: 0
}
}
.heroBanner .slider-container #slide1:checked ~ #slides #active label:nth-child(1) {
    background-color: #76b900
}
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1) {
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -ie-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1) .overlay {
    height: 100%
}
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).bcg-contain {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).ht-580 {
    height: 580px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).ht-580 {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).ht-580 {
    height: 440px
}
}
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).ht-770 {
    height: 770px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).ht-770 {
    height: 550px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).ht-770 {
    height: 550px
}
}
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).ht-460 {
    height: 460px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).ht-460 {
    height: 420px
}
}
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).ht-200 {
    height: 280px;
    padding: 0
}
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).ht-200 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).ht-300 {
    height: 300px;
    padding: 0
}
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1).ht-300 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1) .info {
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1) .info {
    margin-top: 0
}
}
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1) .slider-cta {
    display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01@2x.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01-mob.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media screen and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01-mob@2x.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides article:nth-child(1) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(3) {
    position: relative;
    float: right;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(3):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 32px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(3):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(3):hover:before {
    right: 16px
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(3):hover:after {
    right: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(3):before {
    left: 8px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(3):after {
    left: 8px;
    width: 20px
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(3):hover:before {
    left: 10px
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(3):hover:after {
    left: 10px
}
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(1) {
    position: relative;
    float: left;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(1):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 32px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(1):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(1):hover:before {
    left: 16px
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(1):hover:after {
    left: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(1):before {
    left: 2px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(1):after {
    left: 2px;
    width: 20px
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(1):hover:before {
    left: 0
}
.heroBanner .slider-container #slide2:checked ~ #slides #controls label:nth-child(1):hover:after {
    left: 0
}
}
.heroBanner .slider-container #slide2:checked ~ #slides #active label:nth-child(2) {
    background-color: #76b900
}
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2) {
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -ie-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2) .overlay {
    height: 100%
}
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).bcg-contain {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).ht-580 {
    height: 580px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).ht-580 {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).ht-580 {
    height: 440px
}
}
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).ht-770 {
    height: 770px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).ht-770 {
    height: 550px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).ht-770 {
    height: 550px
}
}
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).ht-460 {
    height: 460px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).ht-460 {
    height: 420px
}
}
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).ht-200 {
    height: 280px;
    padding: 0
}
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).ht-200 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).ht-300 {
    height: 300px;
    padding: 0
}
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2).ht-300 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2) .info {
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2) .info {
    margin-top: 0
}
}
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2) .slider-cta {
    display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02@2x.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02-mob.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media screen and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02-mob@2x.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides article:nth-child(2) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(4) {
    position: relative;
    float: right;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(4):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 32px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(4):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(4):hover:before {
    right: 16px
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(4):hover:after {
    right: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(4):before {
    left: 8px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(4):after {
    left: 8px;
    width: 20px
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(4):hover:before {
    left: 10px
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(4):hover:after {
    left: 10px
}
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(2) {
    position: relative;
    float: left;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(2):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 32px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(2):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(2):hover:before {
    left: 16px
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(2):hover:after {
    left: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(2):before {
    left: 2px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(2):after {
    left: 2px;
    width: 20px
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(2):hover:before {
    left: 0
}
.heroBanner .slider-container #slide3:checked ~ #slides #controls label:nth-child(2):hover:after {
    left: 0
}
}
.heroBanner .slider-container #slide3:checked ~ #slides #active label:nth-child(3) {
    background-color: #76b900
}
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3) {
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -ie-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3) .overlay {
    height: 100%
}
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).bcg-contain {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).ht-580 {
    height: 580px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).ht-580 {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).ht-580 {
    height: 440px
}
}
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).ht-770 {
    height: 770px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).ht-770 {
    height: 550px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).ht-770 {
    height: 550px
}
}
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).ht-460 {
    height: 460px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).ht-460 {
    height: 420px
}
}
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).ht-200 {
    height: 280px;
    padding: 0
}
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).ht-200 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).ht-300 {
    height: 300px;
    padding: 0
}
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3).ht-300 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3) .info {
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3) .info {
    margin-top: 0
}
}
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3) .slider-cta {
    display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03@2x.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03-mob.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media screen and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03-mob@2x.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides article:nth-child(3) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(5) {
    position: relative;
    float: right;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(5):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 32px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(5):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(5):hover:before {
    right: 16px
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(5):hover:after {
    right: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(5):before {
    left: 8px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(5):after {
    left: 8px;
    width: 20px
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(5):hover:before {
    left: 10px
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(5):hover:after {
    left: 10px
}
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(3) {
    position: relative;
    float: left;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(3):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 32px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(3):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(3):hover:before {
    left: 16px
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(3):hover:after {
    left: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(3):before {
    left: 2px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(3):after {
    left: 2px;
    width: 20px
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(3):hover:before {
    left: 0
}
.heroBanner .slider-container #slide4:checked ~ #slides #controls label:nth-child(3):hover:after {
    left: 0
}
}
.heroBanner .slider-container #slide4:checked ~ #slides #active label:nth-child(4) {
    background-color: #76b900
}
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4) {
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -ie-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4) .overlay {
    height: 100%
}
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).bcg-contain {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).ht-580 {
    height: 580px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).ht-580 {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).ht-580 {
    height: 440px
}
}
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).ht-770 {
    height: 770px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).ht-770 {
    height: 550px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).ht-770 {
    height: 550px
}
}
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).ht-460 {
    height: 460px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).ht-460 {
    height: 420px
}
}
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).ht-200 {
    height: 280px;
    padding: 0
}
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).ht-200 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).ht-300 {
    height: 300px;
    padding: 0
}
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4).ht-300 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4) .info {
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4) .info {
    margin-top: 0
}
}
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4) .slider-cta {
    display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04@2x.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04-mob.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media screen and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04-mob@2x.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides article:nth-child(4) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(6) {
    position: relative;
    float: right;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(6):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 32px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(6):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(6):hover:before {
    right: 16px
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(6):hover:after {
    right: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(6):before {
    left: 8px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(6):after {
    left: 8px;
    width: 20px
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(6):hover:before {
    left: 10px
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(6):hover:after {
    left: 10px
}
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(4) {
    position: relative;
    float: left;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(4):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 32px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(4):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(4):hover:before {
    left: 16px
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(4):hover:after {
    left: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(4):before {
    left: 2px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(4):after {
    left: 2px;
    width: 20px
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(4):hover:before {
    left: 0
}
.heroBanner .slider-container #slide5:checked ~ #slides #controls label:nth-child(4):hover:after {
    left: 0
}
}
.heroBanner .slider-container #slide5:checked ~ #slides #active label:nth-child(5) {
    background-color: #76b900
}
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5) {
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -ie-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5) .overlay {
    height: 100%
}
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).bcg-contain {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).ht-580 {
    height: 580px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).ht-580 {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).ht-580 {
    height: 440px
}
}
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).ht-770 {
    height: 770px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).ht-770 {
    height: 550px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).ht-770 {
    height: 550px
}
}
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).ht-460 {
    height: 460px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).ht-460 {
    height: 420px
}
}
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).ht-200 {
    height: 280px;
    padding: 0
}
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).ht-200 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).ht-300 {
    height: 300px;
    padding: 0
}
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5).ht-300 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5) .info {
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5) .info {
    margin-top: 0
}
}
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5) .slider-cta {
    display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05@2x.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05-mob.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media screen and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05-mob@2x.jpg");
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-top: 0
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides article:nth-child(5) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container.one-item #slide1:checked ~ #slides #controls label:nth-child(2) {
    display: none
}
.heroBanner .slider-container.one-item #slide1:checked ~ #slides #active {
    display: none
}
.heroBanner .slider-container.two-items #slide1:checked ~ #slides #controls label:nth-child(2) {
    display: none
}
.heroBanner .slider-container.two-items #slide2:checked ~ #slides #controls label:nth-child(1) {
    display: none
}
.heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3) {
    position: relative;
    float: left;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 32px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):hover:before {
    left: 16px
}
.heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):hover:after {
    left: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):before {
    left: 2px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):after {
    left: 2px;
    width: 20px
}
.heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):hover:before {
    left: 0
}
.heroBanner .slider-container.three-items #slide1:checked ~ #slides #controls label:nth-child(3):hover:after {
    left: 0
}
}
.heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1) {
    position: relative;
    float: right;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 32px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):hover:before {
    right: 16px
}
.heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):hover:after {
    right: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):before {
    left: 8px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):after {
    left: 8px;
    width: 20px
}
.heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):hover:before {
    left: 10px
}
.heroBanner .slider-container.three-items #slide3:checked ~ #slides #controls label:nth-child(1):hover:after {
    left: 10px
}
}
.heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4) {
    position: relative;
    float: left;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 32px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):hover:before {
    left: 16px
}
.heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):hover:after {
    left: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):before {
    left: 2px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):after {
    left: 2px;
    width: 20px
}
.heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):hover:before {
    left: 0
}
.heroBanner .slider-container.four-items #slide1:checked ~ #slides #controls label:nth-child(4):hover:after {
    left: 0
}
}
.heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1) {
    position: relative;
    float: right;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 32px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):hover:before {
    right: 16px
}
.heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):hover:after {
    right: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):before {
    left: 8px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):after {
    left: 8px;
    width: 20px
}
.heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):hover:before {
    left: 10px
}
.heroBanner .slider-container.four-items #slide4:checked ~ #slides #controls label:nth-child(1):hover:after {
    left: 10px
}
}
.heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5) {
    position: relative;
    float: left;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 32px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: left .4s;
    -moz-transition: left .4s;
    -ie-transition: left .4s;
    -o-transition: left .4s;
    transition: left .4s
}
.heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):hover:before {
    left: 16px
}
.heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):hover:after {
    left: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):before {
    left: 2px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):after {
    left: 2px;
    width: 20px
}
.heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):hover:before {
    left: 0
}
.heroBanner .slider-container.five-items #slide1:checked ~ #slides #controls label:nth-child(5):hover:after {
    left: 0
}
}
.heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1) {
    position: relative;
    float: right;
    display: block;
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 32px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    right: 20px;
    top: 15px;
    background-color: #76b900;
    display: block;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    -ie-transition: right .4s;
    -o-transition: right .4s;
    transition: right .4s
}
.heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):hover:before {
    right: 16px
}
.heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):hover:after {
    right: 16px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):before {
    left: 8px;
    width: 20px;
    top: 28px
}
.heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):after {
    left: 8px;
    width: 20px
}
.heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):hover:before {
    left: 10px
}
.heroBanner .slider-container.five-items #slide5:checked ~ #slides #controls label:nth-child(1):hover:after {
    left: 10px
}
}
.heroBanner .editmodeparsys {
    margin: 10px 0
}
.heroBanner .editmodeparsys .info {
    width: 100%;
    max-width: 1280px;
    text-align: center;
    margin: 0 auto
}
.heroBanner .editmodeparsys .info .content-table-left {
    width: 49%;
    display: inline-block;
    vertical-align: top
}
.heroBanner .editmodeparsys .info .content-table {
    width: 49%;
    display: inline-block;
    vertical-align: top
}
.heroBanner {
    position: relative
}

@media screen and (max-width:767px) {
.heroBanner .background-white .shift-down-vw .column .color-white {
    color: black
}
.heroBanner .background-black .shift-down-vw .column .color-black {
    color: white
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .background-white .shift-down-tablet .column .color-white {
    color: black
}
.heroBanner .background-black .shift-down-tablet .column .color-black {
    color: white
}
}
.heroBanner .slider-container {
    width: 100%
}
.heroBanner .slider-container input {
    display: none
}
.heroBanner .slider-container .overflow {
    width: 100%;
    overflow: hidden
}
.heroBanner .slider-container #slides1 {
    width: 100%;
    margin: 0 auto;
    position: relative
}
.heroBanner .slider-container #slides1 .video-container {
    position: absolute;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    text-align: center;
    overflow: hidden
}
.heroBanner .slider-container #slides1 .video-container video {
    display: inline-block;
    width: 100%;
    height: auto;
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    overflow: hidden
}
.heroBanner .slider-container #slides1 .video-container video.wt-100 {
    width: 100%
}
.heroBanner .slider-container #slides1 .video-container video.wt-auto {
    width: auto
}
.heroBanner .slider-container #slides1 .video-container video.ht-100 {
    height: 100%
}
.heroBanner .slider-container #slides1 .video-container video.ht-auto {
    height: auto
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .video-container {
    display: none
}
}
.heroBanner .slider-container #slides1 .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000
}
.heroBanner .slider-container #slides1 .info {
    color: #fff;
    opacity: 0;
    text-align: left;
    height: 100%;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info {
    padding: 0 15px
}
}

@media screen and (min-width:1281px) {
.heroBanner .slider-container #slides1 .info {
    padding: 0
}
}
.heroBanner .slider-container #slides1 .info.twocolinfobar .content-table {
    width: 50%;
    float: right
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info.twocolinfobar .content-table {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left {
    width: 50%;
    float: left;
    text-align: center;
    z-index: 2;
    position: relative
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-40 {
    width: 60%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-40 {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-50 {
    width: 50%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-50 {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-60 {
    width: 40%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-60 {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-70 {
    width: 30%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info.twocolinfobar .content-table-left.wid-70 {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .info.text-on-right {
    left: auto;
    right: 6%;
    text-align: right
}
.heroBanner .slider-container #slides1 .info.text-on-right .content-table {
    position: relative;
    float: right
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info.text-on-right .content-table {
    left: 0
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1 .info.text-on-right .content-table {
    left: 0
}
}
.heroBanner .slider-container #slides1 .info.text-on-center {
    text-align: center;
    left: 10%;
    right: 10%
}
.heroBanner .slider-container #slides1 .info.text-on-center .content-table {
    position: relative;
    margin: 0 auto
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info.text-on-center .content-table {
    left: 0;
    padding: 0 15px
}
}
.heroBanner .slider-container #slides1 .info.text-on-center.twocolinfobar .content-table {
    left: 0
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1 .info.text-on-center.twocolinfobar .content-table {
    left: 0
}
}
.heroBanner .slider-container #slides1 .info.text-on-left .content-table {
    float: left
}
.heroBanner .slider-container #slides1 .info.text-on-left .content-table-left {
    float: right
}
.heroBanner .slider-container #slides1 .info .content-table {
    width: 35%;
    position: relative;
    z-index: 2
}
.heroBanner .slider-container #slides1 .info .content-table .textcomp .general-container {
    word-break: break-word
}
.heroBanner .slider-container #slides1 .info .content-table.v-top .content-cell {
    vertical-align: top;
    padding-top: 30px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info .content-table.v-top .content-cell {
    padding-top: 15px
}
}
.heroBanner .slider-container #slides1 .info .content-table.v-bottom .content-cell {
    vertical-align: bottom
}
.heroBanner .slider-container #slides1 .info .content-table.wid-40 {
    width: 40%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info .content-table.wid-40 {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .info .content-table.wid-50 {
    width: 50%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info .content-table.wid-50 {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .info .content-table.wid-60 {
    width: 60%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info .content-table.wid-60 {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .info .content-table.wid-70 {
    width: 70%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info .content-table.wid-70 {
    width: 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .info .content-table {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .info .column-container {
    background: 0
}
.heroBanner .slider-container #slides1 .info .column-container .row .column {
    padding: 0 15px 0 0
}
.heroBanner .slider-container #slides1 .info .column-container .general-container {
    padding: 0
}
.heroBanner .slider-container #slides1 .info .sectionWrapper {
    background: 0
}
.heroBanner .slider-container #slides1 .ht-200 .info {
    width: 100%
}
.heroBanner .slider-container #slides1 .ht-200 .info .content-table {
    width: 70%
}
.heroBanner .slider-container #slides1 .ht-200 .info .content-table .textcomp .general-container {
    word-break: break-word
}
.heroBanner .slider-container #slides1 .ht-200 .info .content-table.v-top .content-cell {
    vertical-align: top;
    padding-top: 30px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .ht-200 .info .content-table.v-top .content-cell {
    padding-top: 15px
}
}
.heroBanner .slider-container #slides1 .ht-200 .info .content-table.v-bottom .content-cell {
    vertical-align: bottom
}
.heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-40 {
    width: 40%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-40 {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-50 {
    width: 50%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-50 {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-60 {
    width: 60%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-60 {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-70 {
    width: 70%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .ht-200 .info .content-table.wid-70 {
    width: 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .ht-200 .info .content-table {
    width: 100%
}
}
.heroBanner .slider-container #slides1 .content-table, .heroBanner .slider-container #slides1 .content-table-left {
    display: table;
    height: 100%;
    width: 100%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1 .content-table, .heroBanner .slider-container #slides1 .content-table-left {
    height: auto
}
}
.heroBanner .slider-container #slides1 .content-cell {
    display: table-cell;
    vertical-align: middle
}
.heroBanner .slider-container #slides1 .inner {
    width: 100%
}
.heroBanner .slider-container #slides1 article {
    opacity: 0;
    -webkit-transition: opacity 0;
    -moz-transition: opacity 0;
    -ie-transition: opacity 0;
    -o-transition: opacity 0;
    transition: opacity 0;
    line-height: 0
}
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) {
    opacity: 1;
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -ie-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-580 {
    height: 580px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-580 {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-580 {
    height: 440px
}
}
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-770 {
    height: 770px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-770 {
    height: 550px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-770 {
    height: 550px
}
}
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-200 {
    height: 280px;
    padding: 0
}
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-200 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-300 {
    height: 300px;
    padding: 0
}
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-300 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-460 {
    height: 460px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1).ht-460 {
    height: 420px
}
}
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: -28.9881%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) .info {
    margin-top: 0
}
}
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) .slider-cta {
    display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01@2x.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01-mob.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media screen and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-01-mob@2x.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide1:checked ~ #slides1 article:nth-child(1) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) {
    opacity: 1;
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -ie-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-580 {
    height: 580px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-580 {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-580 {
    height: 440px
}
}
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-770 {
    height: 770px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-770 {
    height: 550px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-770 {
    height: 550px
}
}
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-200 {
    height: 280px;
    padding: 0
}
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-200 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-300 {
    height: 300px;
    padding: 0
}
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-300 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-460 {
    height: 460px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2).ht-460 {
    height: 420px
}
}
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: -28.9881%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) .info {
    margin-top: 0
}
}
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) .slider-cta {
    display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02@2x.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02-mob.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media screen and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-02-mob@2x.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide2:checked ~ #slides1 article:nth-child(2) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) {
    opacity: 1;
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -ie-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-580 {
    height: 580px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-580 {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-580 {
    height: 440px
}
}
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-770 {
    height: 770px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-770 {
    height: 550px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-770 {
    height: 550px
}
}
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-200 {
    height: 280px;
    padding: 0
}
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-200 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-300 {
    height: 300px;
    padding: 0
}
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-300 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-460 {
    height: 460px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3).ht-460 {
    height: 420px
}
}
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: -28.9881%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) .info {
    margin-top: 0
}
}
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) .slider-cta {
    display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03@2x.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03-mob.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media screen and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-03-mob@2x.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide3:checked ~ #slides1 article:nth-child(3) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) {
    opacity: 1;
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -ie-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-580 {
    height: 580px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-580 {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-580 {
    height: 440px
}
}
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-770 {
    height: 770px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-770 {
    height: 550px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-770 {
    height: 550px
}
}
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-200 {
    height: 280px;
    padding: 0
}
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-200 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-300 {
    height: 300px;
    padding: 0
}
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-300 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-460 {
    height: 460px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4).ht-460 {
    height: 420px
}
}
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: -28.9881%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) .info {
    margin-top: 0
}
}
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) .slider-cta {
    display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04@2x.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04-mob.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media screen and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-04-mob@2x.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide4:checked ~ #slides1 article:nth-child(4) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) {
    opacity: 1;
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -ie-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-580 {
    height: 580px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-580 {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-580 {
    height: 440px
}
}
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-770 {
    height: 770px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-770 {
    height: 550px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-770 {
    height: 550px
}
}
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-200 {
    height: 280px;
    padding: 0
}
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-200 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-300 {
    height: 300px;
    padding: 0
}
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-300 .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: 0
}
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-460 {
    height: 460px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5).ht-460 {
    height: 420px
}
}
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) .info {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .8s;
    -moz-transition: opacity 1s ease-out .8s;
    -ie-transition: opacity 1s ease-out .8s;
    -o-transition: opacity 1s ease-out .8s;
    transition: opacity 1s ease-out .8s;
    margin-top: -28.9881%
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) .info {
    margin-top: 0
}
}
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) .slider-cta {
    display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05@2x.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05-mob.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media screen and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) {
    background-image: image-url("clientlibs-all/css/sassCSSCompiler/images/slider/slide-05-mob@2x.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28.9881%
}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px) and (max-width:767px), only screen and (min-device-pixel-ratio:2) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:192dpi) and (max-width:767px) and (max-width:767px), only screen and (min-resolution:2dppx) and (max-width:767px) and (max-width:767px) {
.heroBanner .slider-container #slide5:checked ~ #slides1 article:nth-child(5) {
    padding-top: 0;
    height: 200px;
    background-position: 50% 0;
    background-size: auto 100%
}
}
.heroBanner .slider-container #slides1.singleSlideBanner article {
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%
}
.heroBanner .slider-container #slides1.singleSlideBanner article.bcg-contain {
    max-width: 1280px;
    margin: 0 auto
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1.singleSlideBanner article {
    padding-top: 0;
    background-position: center center;
    background-size: cover
}
}
.heroBanner .slider-container #slides1.singleSlideBanner .info {
    opacity: 1
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 {
    height: 580px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 {
    height: 440px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .overlay {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 {
    height: 440px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .overlay {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .video-container {
    max-height: 440px
}
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .column .general-container .button {
    width: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .column .general-container .videoComponent {
    width: auto;
    display: inline-block;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .column .general-container .productTile .button {
    width: 100%;
    padding: 0
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .column .general-container .productTile .parnter-container {
    display: none
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .column .general-container .productTile .image-container {
    display: none
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw {
    padding-top: 440px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .content-table {
    width: 100%;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .content-table .textcomp .general-container {
    padding-top: 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-vw .content-table-left {
    height: 100%;
    width: 100%
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-tablet {
    padding-top: 440px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-tablet .content-table {
    width: 100%;
    padding: 0 15px;
    margin-top: 15px;
    position: static
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-tablet .content-table .textcomp .general-container {
    padding-top: 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-tablet .content-table-left {
    height: 100%;
    width: 50%
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-580 .info.shift-down-tablet.twocolinfobar .content-table {
    width: 50%
}
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 {
    height: 770px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 {
    height: 550px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .overlay {
    height: 550px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 {
    height: 550px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .overlay {
    height: 550px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .video-container {
    max-height: 550px
}
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .column .general-container .button {
    width: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .column .general-container .videoComponent {
    width: auto;
    display: inline-block;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .column .general-container .productTile .button {
    width: 100%;
    padding: 0
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .column .general-container .productTile .parnter-container {
    display: none
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .column .general-container .productTile .image-container {
    display: none
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw {
    padding-top: 550px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .content-table {
    width: 100%;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .content-table .textcomp .general-container {
    padding-top: 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-vw .content-table-left {
    height: 100%;
    width: 100%
}
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .column .general-container .button {
    width: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .column .general-container .videoComponent {
    width: auto;
    display: inline-block;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .column .general-container .productTile .button {
    width: 100%;
    padding: 0
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .column .general-container .productTile .parnter-container {
    display: none
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .column .general-container .productTile .image-container {
    display: none
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet {
    padding-top: 550px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .content-table {
    width: 100%;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-770 .info.shift-down-tablet .content-table-left {
    height: 100%;
    width: 100%
}
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 {
    height: 280px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .overlay {
    height: 280px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .column .general-container .button {
    width: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .column .general-container .videoComponent {
    width: auto;
    display: inline-block;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .column .general-container .productTile .button {
    width: 100%;
    padding: 0
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .column .general-container .productTile .parnter-container {
    display: none
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .column .general-container .productTile .image-container {
    display: none
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw {
    padding-top: 280px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .content-table {
    width: 100%;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .content-table .textcomp .general-container {
    padding-top: 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-vw .content-table-left {
    height: 100%;
    width: 100%
}
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .column .general-container .button {
    width: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .column .general-container .videoComponent {
    width: auto;
    display: inline-block;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .column .general-container .productTile .button {
    width: 100%;
    padding: 0
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .column .general-container .productTile .parnter-container {
    display: none
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .column .general-container .productTile .image-container {
    display: none
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet {
    padding-top: 280px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .content-table {
    width: 100%
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .content-table .textcomp .general-container {
    padding-top: 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-200 .info.shift-down-tablet .content-table-left {
    height: 100%;
    width: 100%
}
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 {
    height: 300px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .overlay {
    height: 300px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .column .general-container .button {
    width: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .column .general-container .videoComponent {
    width: auto;
    display: inline-block;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .column .general-container .productTile .button {
    width: 100%;
    padding: 0
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .column .general-container .productTile .parnter-container {
    display: none
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .column .general-container .productTile .image-container {
    display: none
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw {
    padding-top: 300px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .content-table {
    width: 100%;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .content-table .textcomp .general-container {
    padding-top: 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-vw .content-table-left {
    height: 100%;
    width: 100%
}
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .column .general-container .button {
    width: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .column .general-container .videoComponent {
    width: auto;
    display: inline-block;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .column .general-container .productTile .button {
    width: 100%;
    padding: 0
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .column .general-container .productTile .parnter-container {
    display: none
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .column .general-container .productTile .image-container {
    display: none
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet {
    padding-top: 300px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .overlay {
    height: 300px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .content-table {
    width: 100%
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .content-table .textcomp .general-container {
    padding-top: 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-300 .info.shift-down-tablet .content-table-left {
    height: 100%;
    width: 100%
}
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 {
    height: 460px
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 {
    height: 420px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .overlay {
    height: 420px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 {
    height: 440px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .overlay {
    height: 440px
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .video-container {
    max-height: 440px
}
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .column .general-container .button {
    width: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .column .general-container .videoComponent {
    width: auto;
    display: inline-block;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .column .general-container .productTile .button {
    width: 100%;
    padding: 0
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .column .general-container .productTile .parnter-container {
    display: none
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .column .general-container .productTile .image-container {
    display: none
}

@media screen and (max-width:767px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw {
    padding-top: 420px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .content-table {
    width: 100%;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .content-table .textcomp .general-container {
    padding-top: 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-vw .content-table-left {
    height: 100%;
    width: 100%
}
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .column .general-container .button {
    width: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .column .general-container .videoComponent {
    width: auto;
    display: inline-block;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .column .general-container .productTile .button {
    width: 100%;
    padding: 0
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .column .general-container .productTile .parnter-container {
    display: none
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .column .general-container .productTile .image-container {
    display: none
}

@media screen and (min-width:768px) and (max-width:1024px) {
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet {
    padding-top: 440px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .content-table {
    width: 100%;
    padding: 0 15px
}
.heroBanner .slider-container #slides1.singleSlideBanner .ht-460 .info.shift-down-tablet .content-table-left {
    height: 100%;
    width: 100%
}
}
.heroBanner .editmodeparsys .info {
    width: 100%;
    max-width: 1280px;
    text-align: center;
    margin: 0 auto
}
.heroBanner .editmodeparsys .info .content-table-left {
    width: 49%;
    display: inline-block;
    vertical-align: top
}
.heroBanner .editmodeparsys .info .content-table {
    width: 49%;
    display: inline-block;
    vertical-align: top
}
.videoComponent .vid-container {
    max-width: 100%;
    margin: 0 auto
}
.videoComponent .vid-container.text-right {
    float: right
}

@media screen and (max-width:767px) {
.videoComponent .vid-container.text-right {
    float: none
}
}
.videoComponent .vid-container.text-left {
    float: left
}

@media screen and (max-width:767px) {
.videoComponent .vid-container.text-left {
    float: none
}
}
.videoComponent .vid-container.pos-absolute {
    width: auto;
    left: 0;
    top: 0
}
.videoComponent .vid-container .youtube-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}
.videoComponent .vid-container .youtube-container iframe, .videoComponent .vid-container .youtube-container object, .videoComponent .vid-container .youtube-container embed {
    border: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.videoComponent .vid-container .youku-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}
.videoComponent .vid-container .youku-container iframe, .videoComponent .vid-container .youku-container object, .videoComponent .vid-container .youku-container embed {
    border: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.videoComponent .watchvideo {
    cursor: pointer;
    cursor: hand
}
.videoComponent .watchvideo svg {
    width: 99.88px
}
.videoComponent .watchvideo svg .cls-1 {
    fill: #fff;
    fill-rule: evenodd;
    opacity: .6
}
.videoComponent .watchvideo .icon-text-pos {
    padding-top: 15px
}
.videoComponent .watchvideo.small-icon svg {
    width: 40px;
    height: 40px
}
.videoComponent .watchvideo.small-icon svg .cls-1 {
    fill: #76b900;
    fill-rule: evenodd;
    opacity: 1
}
.videoComponent .watchvideo.small-icon .icon-text-pos {
    vertical-align: top;
    padding-top: 0;
    line-height: 40px;
    display: inline-block
}
.videoComponent .watchvideo.small-icon .icon-text-pos .icon-text {
    color: #76b900
}
#cboxLoadedContent .youtube-border {
    background-color: #000
}
.social-feed {
    margin-bottom: 60px
}
.social-feed__widget {
    margin-bottom: 30px;
    border-bottom: 1px solid #CCC
}

@media(max-width:767px) {
.social-feed__widget {
    margin-bottom: 10px
}
}
.social-feed-networks {
    font-family: 'NVIDIA', Helvetica, Arial
}
.social-feed-networks__label {
    display: inline-block;
    width: 30%;
    margin-right: 3%;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    color: #CCC;
    text-transform: uppercase
}

@media(max-width:767px) {
.social-feed-networks__label {
    display: block;
    width: 100%;
    margin-bottom: 15px
}
}
.social-feed-networks__list {
    display: inline-block;
    width: 67%;
    vertical-align: middle;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media(max-width:767px) {
.social-feed-networks__list {
    display: block;
    width: 100%
}
}
.social-feed-networks__list li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}
.social-feed-networks__list li:last-child {
    margin-right: 0
}
.social-feed-networks__list li img {
    width: 25px;
    height: 20px;
    fill: #767676;
    vertical-align: middle
}
.social-feed-networks__list li img.social-feed-networks__list__slide-share {
    width: 80px;
    height: 21px
}
.news-feed {
    width: 100%
}
.news-feed__not-available {
    text-align: center;
    padding: 20px;
    display: none
}
.news-feed__loading {
    -webkit-animation-name: rotateThis;
    animation-name: rotateThis;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    width: 100px;
    height: 100px;
    display: none;
    opacity: .8;
    margin: 0 auto
}
.news-feed__loading__visable {
    display: block
}
.news-feed__loading div {
    width: 18px;
    height: 18px;
    background: #000;
    position: absolute;
    top: 40px;
    left: 40px;
    border-radius: 20px
}
.news-feed__loading .bar1 {
    -webkit-transform: rotate(0) translate(0, -30px);
    transform: rotate(0) translate(0, -30px);
    opacity: .12
}
.news-feed__loading .bar2 {
    -webkit-transform: rotate(45deg) translate(0, -30px);
    transform: rotate(45deg) translate(0, -30px);
    opacity: .25
}
.news-feed__loading .bar3 {
    -webkit-transform: rotate(90deg) translate(0, -30px);
    transform: rotate(90deg) translate(0, -30px);
    opacity: .37
}
.news-feed__loading .bar4 {
    -webkit-transform: rotate(135deg) translate(0, -30px);
    transform: rotate(135deg) translate(0, -30px);
    opacity: .50
}
.news-feed__loading .bar5 {
    -webkit-transform: rotate(180deg) translate(0, -30px);
    transform: rotate(180deg) translate(0, -30px);
    opacity: .62
}
.news-feed__loading .bar6 {
    -webkit-transform: rotate(225deg) translate(0, -30px);
    transform: rotate(225deg) translate(0, -30px);
    opacity: .75
}
.news-feed__loading .bar7 {
    -webkit-transform: rotate(270deg) translate(0, -30px);
    transform: rotate(270deg) translate(0, -30px);
    opacity: .87
}
.news-feed__loading .bar8 {
    -webkit-transform: rotate(315deg) translate(0, -30px);
    transform: rotate(315deg) translate(0, -30px);
    opacity: 1
}
@keyframes rotateThis {
from {
-webkit-transform:scale(0.5) rotate(0);
transform:scale(0.5) rotate(0)
}
to {
-webkit-transform:scale(0.5) rotate(360deg);
transform:scale(0.5) rotate(360deg)
}
}
.latest-news {
    font-family: 'NVIDIA', Helvetica, Arial;
    margin-bottom: 30px
}
.latest-news__items {
    border-bottom: 1px solid #CCC;
    margin-bottom: 30px
}
.latest-news--large .latest-news__item {
    display: inline-block;
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 15px;
    vertical-align: top
}

@media(min-width:768px) and (max-width:1024px) {
.latest-news--large .latest-news__item {
    width: calc((100% - 25px) / 2);
    margin-right: 25px
}
}

@media(max-width:767px) {
.latest-news--large .latest-news__item {
    display: block;
    width: 100%
}
}

@media(min-width:1025px) and (max-width:1280px) {
.latest-news--large .latest-news__item:nth-child(3n+3) {
    margin-right: 0
}
}

@media(min-width:1281px) {
.latest-news--large .latest-news__item:nth-child(3n+3) {
    margin-right: 0
}
}

@media(min-width:768px) and (max-width:1024px) {
.latest-news--large .latest-news__item:nth-child(even) {
    margin-right: 0
}
}
.latest-news--large .latest-news__item__key-visual {
    width: 100%;
    margin-bottom: 15px
}
.latest-news--large .latest-news__item__key-visual>a>img {
    width: 100%
}
.latest-news--large .latest-news__item__body {
    display: block
}
.latest-news--large .latest-news__item__body__title {
    color: #76b900;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 9px
}
.latest-news--large .latest-news__item__body__date {
    display: none
}
.latest-news--large .latest-news__item__body__description {
    font-size: 16px;
    color: #000;
    line-height: 24px
}
.latest-news--large .latest-news__item__body__description>a {
    color: #76b900
}

@media(max-width:767px) {
.latest-news--small {
    margin-bottom: 25px
}
}
.latest-news--small .latest-news__item {
    margin-bottom: 25px;
    text-align: left
}
.latest-news--small .latest-news__item__key-visual {
    width: 188px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: top
}
.latest-news--small .latest-news__item__key-visual>a>img {
    width: 100%
}

@media(max-width:767px) {
.latest-news--small .latest-news__item__key-visual {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
}
}
.latest-news--small .latest-news__item__body {
    width: calc(100% - 188px - 35px);
    display: inline-block;
    vertical-align: top
}

@media(max-width:767px) {
.latest-news--small .latest-news__item__body {
    width: 100% !important;
    margin-bottom: 9px;
    text-align: left
}
}
.latest-news--small .latest-news__item__body__title {
    color: #000;
    font-weight: bold;
    font-size: 16px;
    line-height: 1em;
    margin-bottom: 9px
}
.latest-news--small .latest-news__item__body__title a:link, .latest-news--small .latest-news__item__body__title a:visited {
    color: #000
}
.latest-news--small .latest-news__item__body__title a:hover {
    color: #76b900
}

@media(max-width:767px) {
.latest-news--small .latest-news__item__body__title {
    text-align: left;
    margin-bottom: 9px
}
}
.latest-news--small .latest-news__item__body__date {
    display: block;
    color: #CCC;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 9px
}

@media(max-width:767px) {
.latest-news--small .latest-news__item__body__date {
    text-align: left;
    margin-bottom: 9px
}
}
.latest-news--small .latest-news__item__body__description {
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: 24px
}
.latest-news--small .latest-news__item__body__description>a {
    color: #76b900
}
.latest-news__see-all {
    text-transform: uppercase;
    font-weight: bold
}
.countrySelector ul.country-list {
    list-style: outside none none;
    margin: 0;
    padding: 0
}
.countrySelector .countryset {
    display: inline-block
}
.countrySelector .countryflag {
    float: left;
    margin: 0 14px 0 0
}
.countrySelector .country-list>li {
    margin-bottom: 25px
}
.countrySelector .country-list span {
    text-transform: uppercase;
    position: relative;
    top: -4px
}
.countrySelector .usa {
    background-image: url("clientlibs_base/images/country-selector/us.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .canada {
    background-image: url("clientlibs_base/images/country-selector/ca.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .uk {
    background-image: url("clientlibs_base/images/country-selector/uk.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .cz {
    background-image: url("clientlibs_base/images/country-selector/cz.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .dk {
    background-image: url("clientlibs_base/images/country-selector/dk.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .fi {
    background-image: url("clientlibs_base/images/country-selector/fi.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .fr {
    background-image: url("clientlibs_base/images/country-selector/fr.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .de {
    background-image: url("clientlibs_base/images/country-selector/de.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .it {
    background-image: url("clientlibs_base/images/country-selector/it.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .ne {
    background-image: url("clientlibs_base/images/country-selector/nl.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .no {
    background-image: url("clientlibs_base/images/country-selector/no.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .pl {
    background-image: url("clientlibs_base/images/country-selector/po.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .ru {
    background-image: url("clientlibs_base/images/country-selector/ru.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .es {
    background-image: url("clientlibs_base/images/country-selector/es.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .se {
    background-image: url("clientlibs_base/images/country-selector/se.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .jp {
    background-image: url("clientlibs_base/images/country-selector/jp.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}
.countrySelector .kr {
    background-image: url("clientlibs_base/images/country-selector/ko.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 30px
}

@media screen and (max-width:767px) {
.countrySelector .mob-p-t-0 {
    padding-top: 0
}
}
.hatch-product {
    text-align: center;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}
.hatch-product__retailers {
    text-align: center
}
.hatch-product__retailers__retailer {
    display: inline-block;
    vertical-align: middle;
    min-width: 200px;
    padding: 20px
}
.hatch-product__retailers__retailer>a {
    font-size: .7em;
    color: gray;
    text-transform: uppercase
}
.hatch-product__not-available {
    text-align: center;
    display: none;
    padding: 20px
}
.loader-container {
    background-color: #fff;
    opacity: .8
}
.hatch-product__loading {
    -webkit-animation-name: rotateThis;
    animation-name: rotateThis;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    width: 100px;
    height: 100px;
    display: inline-block;
    opacity: .8;
    display: none
}
.hatch-product__loading__visable {
    display: inline-block
}
.hatch-product__loading div {
    width: 18px;
    height: 18px;
    background: #000;
    position: absolute;
    top: 40px;
    left: 40px;
    border-radius: 20px
}
.hatch-product__loading .bar1 {
    -webkit-transform: rotate(0) translate(0, -30px);
    transform: rotate(0) translate(0, -30px);
    opacity: .12
}
.hatch-product__loading .bar2 {
    -webkit-transform: rotate(45deg) translate(0, -30px);
    transform: rotate(45deg) translate(0, -30px);
    opacity: .25
}
.hatch-product__loading .bar3 {
    -webkit-transform: rotate(90deg) translate(0, -30px);
    transform: rotate(90deg) translate(0, -30px);
    opacity: .37
}
.hatch-product__loading .bar4 {
    -webkit-transform: rotate(135deg) translate(0, -30px);
    transform: rotate(135deg) translate(0, -30px);
    opacity: .50
}
.hatch-product__loading .bar5 {
    -webkit-transform: rotate(180deg) translate(0, -30px);
    transform: rotate(180deg) translate(0, -30px);
    opacity: .62
}
.hatch-product__loading .bar6 {
    -webkit-transform: rotate(225deg) translate(0, -30px);
    transform: rotate(225deg) translate(0, -30px);
    opacity: .75
}
.hatch-product__loading .bar7 {
    -webkit-transform: rotate(270deg) translate(0, -30px);
    transform: rotate(270deg) translate(0, -30px);
    opacity: .87
}
.hatch-product__loading .bar8 {
    -webkit-transform: rotate(315deg) translate(0, -30px);
    transform: rotate(315deg) translate(0, -30px);
    opacity: 1
}
@keyframes rotateThis {
from {
-webkit-transform:scale(0.5) rotate(0);
transform:scale(0.5) rotate(0)
}
to {
-webkit-transform:scale(0.5) rotate(360deg);
transform:scale(0.5) rotate(360deg)
}
}
.columnTiles {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}
.columnTiles .column-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}
.columnTiles .row {
    width: 100%
}
.columnTiles .row::before, .columnTiles .row::after {
    content: '';
    display: table
}

@media screen and (min-width:768px) and (max-width:1024px) {
.columnTiles .row.single-col-tablet .medium-6 {
    width: 100%
}
}
.columnTiles .row .column {
    float: left;
    min-height: 2px;
    margin: 0;
    padding: 0 7.5px;
    position: relative;
    background-size: inherit;
    background-repeat: no-repeat
}
.columnTiles .row .column .left-column, .columnTiles .row .column .right-column, .columnTiles .row .column .threecolumn-1, .columnTiles .row .column .threecolumn-2, .columnTiles .row .column .threecolumn-3 {
    padding: 0 7.5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

@media screen and (max-width:767px) {
.columnTiles .row .column .left-column, .columnTiles .row .column .right-column, .columnTiles .row .column .threecolumn-1, .columnTiles .row .column .threecolumn-2, .columnTiles .row .column .threecolumn-3 {
    padding: 0 15px
}
}

@media screen and (max-width:1024px) {
.columnTiles .row .column .left-column.mob-m-t-30, .columnTiles .row .column .right-column.mob-m-t-30, .columnTiles .row .column .threecolumn-1.mob-m-t-30, .columnTiles .row .column .threecolumn-2.mob-m-t-30, .columnTiles .row .column .threecolumn-3.mob-m-t-30 {
    margin-top: 30px
}
}

@media screen and (max-width:1024px) {
.columnTiles .row .column .left-column.mob-m-b-30, .columnTiles .row .column .right-column.mob-m-b-30, .columnTiles .row .column .threecolumn-1.mob-m-b-30, .columnTiles .row .column .threecolumn-2.mob-m-b-30, .columnTiles .row .column .threecolumn-3.mob-m-b-30 {
    margin-bottom: 30px
}
}
.columnTiles .row .column .left-column .content-table, .columnTiles .row .column .right-column .content-table, .columnTiles .row .column .threecolumn-1 .content-table, .columnTiles .row .column .threecolumn-2 .content-table, .columnTiles .row .column .threecolumn-3 .content-table {
    display: table;
    width: 100%;
    height: 100%
}
.columnTiles .row .column .left-column .content-table .content-cell.v-top, .columnTiles .row .column .right-column .content-table .content-cell.v-top, .columnTiles .row .column .threecolumn-1 .content-table .content-cell.v-top, .columnTiles .row .column .threecolumn-2 .content-table .content-cell.v-top, .columnTiles .row .column .threecolumn-3 .content-table .content-cell.v-top {
    display: table-cell;
    vertical-align: top
}
.columnTiles .row .column .left-column .content-table .content-cell.v-middle, .columnTiles .row .column .right-column .content-table .content-cell.v-middle, .columnTiles .row .column .threecolumn-1 .content-table .content-cell.v-middle, .columnTiles .row .column .threecolumn-2 .content-table .content-cell.v-middle, .columnTiles .row .column .threecolumn-3 .content-table .content-cell.v-middle {
    display: table-cell;
    vertical-align: middle
}
.columnTiles .row .column .left-column .content-table .content-cell.v-bottom, .columnTiles .row .column .right-column .content-table .content-cell.v-bottom, .columnTiles .row .column .threecolumn-1 .content-table .content-cell.v-bottom, .columnTiles .row .column .threecolumn-2 .content-table .content-cell.v-bottom, .columnTiles .row .column .threecolumn-3 .content-table .content-cell.v-bottom {
    display: table-cell;
    vertical-align: bottom
}

@media screen and (max-width:767px) {
.columnTiles .row .column {
    padding: 0
}
}
.di-house-product {
    display: none
}
.di-house-product__price {
    font-weight: bold;
    font-size: 32px;
    line-height: 32px;
    font-family: "NVIDIA';
    padding-bottom: 21px
}
.di-house-product__stock-status {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'NVIDIA';
    line-height: 24px
}
.di-house-product--ready {
    display: block
}
.di-house-product--out-of-stock .link-btn {
    background: #CCC !important;
    border: 1px solid #CCC !important
}
.di-house-product--out-of-stock .link-btn:hover {
    background: #CCC !important;
    border: 1px solid #CCC !important
}
.image .responsive-image.img-border {
    border: 1px solid #616161
}
.image .imgwidth {
    margin: 0 auto
}
.image .imgwidth .svg-cls {
    margin: 0 auto
}
.image .imgwidth .svg-cls .svg-zoom {
    float: right
}
.image .imgwidth .svg-cls .svg-zoom .zoom {
    display: none
}
.image .imgwidth .svg-cls .svg-zoom .zoom.zoom-icon {
    height: 25px;
    width: 30px;
    display: block;
    margin-right: 22px;
    margin-top: -50px;
    position: relative
}
.buttonRow .float-none {
    float: none
}
.buttonRow .float-left {
    float: left
}
.buttonRow .float-right {
    float: right
}
.buttonRow .buttonrow {
    display: inline-block
}
.buttonRow .btn-container {
    float: left;
    padding: 0 5px 0 0;
    width: auto
}
/*!# sourceMappingURL=nvidiaGDC/clientlibs-all/css/allComponents.css.map */