.mcontainer:before, .mcontainer:after, .row:before, .row:after {display: table; content: " ";}
.mcontainer:after, .row:after {clear: both;}
.row {margin-left: -15px; margin-right: -15px;}
.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 851px) {
  .column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11 {float: left;}
  .column-1 {width: 8.333333333333332%;}
  .column-2 {width: 16.666666666666664%;}
  .column-3 {width: 25%;}
  .column-4 {width: 33.33333333333333%;}
  .column-5 {width: 41.66666666666667%;}
  .column-6 {width: 50%;}
  .column-7 {width: 58.333333333333336%;}
  .column-8 {width: 66.66666666666666%;}
  .column-9 {width: 75%;}
  .column-10 {width: 83.33333333333334%;}
  .column-11 {width: 91.66666666666666%;}
  .column-12 {width: 100%;}
  .column-push-0 {left: auto;}
  .column-push-1 {left: 8.333333333333332%;}
  .column-push-2 {left: 16.666666666666664%;}
  .column-push-3 {left: 25%;}
  .column-push-4 {left: 33.33333333333333%;}
  .column-push-5 {left: 41.66666666666667%;}
  .column-push-6 {left: 50%;}
  .column-push-7 {left: 58.333333333333336%;}
  .column-push-8 {left: 66.66666666666666%;}
  .column-push-9 {left: 75%;}
  .column-push-10 {left: 83.33333333333334%;}
  .column-push-11 {left: 91.66666666666666%;}
  .column-pull-0 {right: auto;}
  .column-pull-1 {right: 8.333333333333332%;}
  .column-pull-2 {right: 16.666666666666664%;}
  .column-pull-3 {right: 25%;}
  .column-pull-4 {right: 33.33333333333333%;}
  .column-pull-5 {right: 41.66666666666667%;}
  .column-pull-6 {right: 50%;}
  .column-pull-7 {right: 58.333333333333336%;}
  .column-pull-8 {right: 66.66666666666666%;}
  .column-pull-9 {right: 75%;}
  .column-pull-10 {right: 83.33333333333334%;}
  .column-pull-11 {right: 91.66666666666666%;}
  .column-offset-0 {margin-left: 0;}
  .column-offset-1 {margin-left: 8.333333333333332%;}
  .column-offset-2 {margin-left: 16.666666666666664%;}
  .column-offset-3 {margin-left: 25%;}
  .column-offset-4 {margin-left: 33.33333333333333%;}
  .column-offset-5 {margin-left: 41.66666666666667%;}
  .column-offset-6 {margin-left: 50%;}
  .column-offset-7 {margin-left: 58.333333333333336%;}
  .column-offset-8 {margin-left: 66.66666666666666%;}
  .column-offset-9 {margin-left: 75%;}
  .column-offset-10 {margin-left: 83.33333333333334%;}
  .column-offset-11 {margin-left: 91.66666666666666%;}
}

.slider {height: 500px;}
.slider li {background-position: 50% 0; background-size: cover; height: 100%;}
.slider-text {background: rgba(0, 0, 0, 0.2); padding: 10px; position: absolute; top: 400px; left: 15px;}
#slider1_container {overflow: hidden; position: relative; width: 100% !important; height: 500px;}

.loading-section {position: absolute; top: 0px; left: 0px;}
.loading-overlay {background-color: #000; display: block; filter: alpha(opacity=70); opacity: 0.7; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.loading-icon {background: url(/img/loading.gif) no-repeat center center; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}

.slides-container {cursor: move; overflow: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 500px;}

.news-text {background: #131313; padding: 15px 75px;}
.news-text a {color: #fff; text-decoration: none;}
.news-text a:hover {color: #ccc; text-decoration: underline;}
.news-heading {color: #ffb330; font-size:16px; font-weight: 700;}

.carousel {padding: 5px 75px;}
.carousel img {display: block; width: 100%; max-width: 100%; height: auto; opacity: 0.5; transition: all 0.5s ease 0s;}
.carousel img:hover {opacity: 1; transition: all 0.5s ease 0s;}

.homestory-item {height: 260px; position: relative;}

.homestory-bg {background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; opacity: 0.5; transition: all 0.5s ease 0s; width: 100%; height: 100%;}
.homestory-item {border-top: 2px solid #555;}
.homestory-item:last-child {border-bottom: 2px solid #555;}
.homestory-item:hover .homestory-bg {opacity: 1; transition: all 0.5s ease 0s;}
.homestory-link {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.homestory-text {max-width: 100%; position: absolute; top: 25%; left: 5%;}
.homestory-text.right {left: auto; right: 5%;}
/*.product-story img {border-top: 2px solid #555; display: block; max-width: 100%; height: auto; opacity: 0.5; transition: all 0.5s ease 0s;}
.product-story img:hover {opacity: 1; transition: all 0.5s ease 0s;}
.product-story a:last-child img {border-bottom: 2px solid #555;}*/

/* .evga-home {max-width: 1680px; margin: auto;} */

.slick-slider {overflow: hidden;}
.slider-image {background-position: center center; background-repeat: no-repeat; background-size: auto 100%; cursor: move; position: relative; width: 100%; height: 450px;}
.slider-image a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.slider-image-text {max-width: 100%; position: absolute;}
.slider-image-text.x-left {left: 5%;}
.slider-image-text.x-center {left: 0; right: 0; margin-left: auto; margin-right: auto;}
.slider-image-text.x-right {right: 5%;}
.slider-image-text.y-center {top: 0; bottom: 0; margin-top: auto; margin-bottom: auto;}
.slider-image-text.y-top-5 {top: 5%;}
.slider-image-text.y-top-10 {top: 10%;}
.slider-image-text.y-top-20 {top: 20%;}
.slider-image-text.y-top-30 {top: 30%;}
.slider-image-text.y-top-40 {top: 40%;}
.slider-image-text.y-top-50 {top: 50%;}
.slider-image-text.y-top-60 {top: 60%;}
.slider-image-text.y-top-70 {top: 70%;}
.slider-image-text.y-top-80 {top: 80%;}
.slider-image-text.y-bottom-5 {bottom: 5%;}
.slider-image-text.y-bottom-10 {bottom: 10%;}
.slider-image-text.y-bottom-20 {bottom: 20%;}
.slider-image-text.y-bottom-30 {bottom: 30%;}
.slider-image-text.y-bottom-40 {bottom: 40%;}
.slider-image-text.y-bottom-50 {bottom: 50%;}
.slider-image-text.y-bottom-60 {bottom: 60%;}
.slider-image-text.y-bottom-70 {bottom: 70%;}
.slider-image-text.y-bottom-80 {bottom: 80%;}
.slider-image-text.x-middle {margin: auto; left: 0; right: 0;}
.slick-arrow {cursor: pointer; display: block; margin-top: 0; overflow: hidden; position: absolute; top: 0; width: 100px; height: 100%; z-index: 999;}
.slick-nav {background: url(/img/a21.png) no-repeat; margin-top: -35px; position: absolute; top: 50%; width: 55px; height: 55px;}
.slick-prevarrow {left: 0;}
.slick-nextarrow {right: 0;}
.slick-prevarrow .slick-nav {background-position: -3px -33px; left: 5px;}
.slick-nextarrow .slick-nav {background-position: -63px -33px; right: 5px;}
.slick-prevarrow:hover .slick-nav {background-position: -123px -33px;}
.slick-nextarrow:hover .slick-nav {background-position: -183px -33px;}


.slick-dots {display: block; list-style: none; padding: 0; position: absolute; bottom: 25px; text-align: center; width: 100%; margin: 10px 0;}
.slick-dots li {cursor: pointer; display: inline-block; margin: 0 5px; padding: 0; position: relative; width: 20px; height: 20px;}
.slick-dots li button {background: url(/img/b21.png) no-repeat -5px -5px; border: 0; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 5px; width: 20px; height: 20px;}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}
.slick-dots li button:before {font-size: 0; line-height: 35px; position: absolute; top: 0; left: 0; text-align: center; width: 35px; height: 35px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button {background-position: -65px -5px; color: #fff;}

/* Story */
.sub-nav {background: #3E3E3E; border-bottom: 2px solid #DADADA; overflow: hidden; padding: 1px; position: relative;}
.sub-nav .evga-logo-box {line-height: 50px; padding: 0 15px; visibility: hidden;}
.subnav-main {float: left; margin: 0; overflow: hidden; width: 65%; list-style-type: none;}
.subnav-main li {border-right: 1px solid #2B2B2B; color: #838383; cursor: pointer; float: left; font-size:15px; font-weight: 700; margin: 0; padding: 15px; text-transform: uppercase;}
.subnav-main li:first-child {border-left: 1px solid #2B2B2B;}
.subnav-main .nav-active {background: #2C2A2B; border-top: 2px solid #fff; color: #fff;}
.sub-nav .home-icon {height: 30px; max-width: none; vertical-align: middle; width: 123px;}
.sub-nav .dropdown {display: none; position: absolute; top: 50%; right: 25px; margin-top: -16px;}
.sub-nav {z-index:999; }
.is-sticky .sub-nav {overflow: visible; width: 100%;}
.is-sticky .sub-nav .evga-logo-box {visibility: visible;}
.is-sticky .dropdown {display: block;}

.subicon {background: url("/img/story/subMenu-icon.png") no-repeat; cursor: pointer; display: block; width: 34px; height: 35px;}
.subicon:hover {background-position: 0 -35px;}
.dropdown-subnav {background: #333; border: 1px solid #555; display: none; font-size: 12px; font-weight: 700; margin-top: 20px; position: absolute; top: 100%; right: -5px; text-align: right; width: 200px;}
.dropdown-subnav ul {border-bottom: 5px solid #ccc; list-style: none; margin: 0; padding: 10px;}
.dropdown-subnav li {padding: 5px 0; text-transform: uppercase;}
.dropdown-open .dropdown-subnav {display: block;}
.arrow-box {background: #333; border-top: 1px solid #555; border-right: 1px solid #555; position: absolute; top: -10px; right: 10px; transform: rotate(-45deg); width: 20px; height: 20px;}

.main-story img {max-width: 100%; height: auto;}
.main-story .gallery-section img {max-width: initial; width: 100%;}

.conceptstory-bg {background-position: center center; background-repeat: no-repeat; /*background-size: cover;*/ display: block; opacity: 0.5; transition: all 0.5s ease 0s; width: 100%; height: 100%;}
.conceptstory-item {height: 622px; position: relative;}
.conceptstory-item:last-child {border-bottom: none;}
.conceptstory-item:hover .conceptstory-bg {opacity: 1; transition: all 0.5s ease 0s;}
.conceptstory-link {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.conceptstory-text {position: absolute; top: 25%; left: 9%;}
.conceptstory-text.right {left: auto; right: 6%;}
.conceptstory-text p {color: #fff; margin-top: 5px; max-width: 400px;}

.seespec-link {background: rgba(100, 103, 106, 0.5); display: block; max-width: 250px; padding: 5px 10px; text-align: center;}
.conceptstory-text a  {color:rgb(255,255,255); text-decoration:none; font-size:15px; }
.conceptstory-text a:hover  {color:#ffb330; }

.features-block {margin: 4px auto; max-width: 1542px;}
.features-block .row {margin: 0 0 4px 0;}
.features-block .row > div {padding: 0 2px;}
.conceptstory-feature {background-position: center center; background-repeat: no-repeat; border: 1px solid #323232; height: 434px; opacity: 0.5; position: relative; transition: all 0.5s ease 0s;}
.conceptstory-feature:hover {opacity: 1;}
.csf-text {position: absolute; left: 30px; bottom: 7%; max-width: 75%;}
.csf-text.right {left: auto; right: 30px;}
.csf-header {border-bottom: 1px solid #888; margin-bottom: 15px;}
.full .csf-text {max-width: 33%;}

.gallery-section {margin-bottom: 10px;}
.slick-slider-storygallery {border-top: 1px solid #555; border-bottom: 1px solid #555; padding: 0 41px; position:relative;}
.slick-slider-storygallery .slick-slide {border-left: 1px solid #555; border-right: 1px solid #555; margin-right: -1px; position: relative;}
.slick-slider-storygallery span { font-size: 15px; font-weight: 500; text-transform: uppercase; margin:15px 10px 0 20px; position:absolute; width: 85%;}
.slick-arrow.gallery {background: rgba(51, 51, 51, 0.4); transition: all 0.3s ease 0s; width: 40px;}
.slick-arrow.gallery:hover {background: rgba(51, 51, 51, 0.8);}
.gallery-nav {display: block; margin-top: -20px; position: absolute; top: 50%; width: 41px; height: 41px;}
.slick-prevarrow .gallery-nav {background: url("/img/story/nav.png") no-repeat 0 0; left: 5px;}
.slick-nextarrow .gallery-nav {background: url("/img/story/nav.png") no-repeat 0 -41px; right: 0;}

.gallery-popup .fancybox-skin {background: #363636; border-radius: 0;}
.gallery-popup .fancybox-title {font-size:14px; color: #fff; font-weight: 400; margin-bottom: 10px; padding-top: 0;}

.products-section {background: #fff; border-top: 2px solid #F1F1F1; padding: 40px 20px;}
.products-section p {color: #000; margin-top: 10px;}
.products-inner {margin: auto; max-width: 1400px;}
.products-group {list-style: none; margin-top: 40px; overflow: hidden;}
.products-group li {float: left; margin-right: 1%; width: 24.25%;}
.products-group li:last-child {margin-right: 0;}

.story-video {border: 2px solid #fff; display: block; margin: 25px 0; width: 250px; height: 150px;}

.productstory-header {height: 466px; position: relative;}
.productstory-bg {background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100%;}
/*.productstory-text-header {position: absolute; width:50%; min-height:25%; top: 40%; right:0; padding:1%; background-color:rgba(0  ,0  ,0  ,0.3);}*/
.productstory-text-header {position: absolute; width:35%; min-height:25%; top: 45%; right:0; padding:1%; background-color:rgba(0  ,0  ,0  ,0.5);}
.productstory-text { margin-left:10px; width:90%; font-size:0.9em; line-height:1.4em; padding-right:5%; }
.productstory-text2 { width:90%; font-size:0.9em; line-height:1.4em; padding-right:5%; }

.techstory .productstory-text-header {background: none; padding: 0; top: 25%;}
.tech-heading {display: block; margin-bottom: 30px; margin-left: -90px;}
.tech-subheading {margin-left: 0px;}
.techstory p {color: #fff; margin-top: 15px; max-width: 450px;}

.acxstory-item {height: 856px;}
.acxstory-item .conceptstory-text {top: 5%;}


@media (max-width: 1000px)
{
  .clearfix {margin-top: 0px;}
  
  .csf-text { max-width: 98%;}
  /* Concept page */
}
@media (max-width: 900px)
{
  .slider-image-text {display: block; margin: auto; position: relative; top: 0% !important; left: 0 !important; right: 0 !important; text-align: center; max-width: 98%;}
  .slider-image-text:first-of-type {padding-top: 15%;}
  .slider-image-text.hide {display: none !important;}
  .news-text .column-3 {margin-bottom: 10px;}
  .carousel img {margin: 10px auto;}
  
  .homestory-bg.graphics-card {background-position: 40% 0;}
  .homestory-bg.motherboards {background-position: 15% 0;}
  .homestory-bg.power-supply {background-position: 75% 50%;}
  /*.product-story img {overflow: hidden; width: 1600px; height: 261px;}*/  
  
  .conceptstory-text {top: 20%; left: 5% !important; right: auto !important; width: 90%;}
  .story-video {display: block; margin: 25px auto;}
  .seespec-link {max-width: 100%;}
  
  .productstory-text-header {top: 35%; left: 5%; right: auto !important; width: 90%; padding:2%; }
  .products-group li {margin-right: 0; margin-bottom: 5px; text-align: center; width: 100%;}
  
  .full .csf-text { max-width: 75%; left:10px; }
  .csf-text  { left:10px;}
  /* Concept page */
}
@media (max-width: 800px)
{
  .sticky-wrapper {display: none;}
  .homestory-text {left: 2.5%; right: 2.5%; max-width: 95%;}
}


/* Login style on Home website*/

#regbar,#regbar2 {

  background-color: rgba(26, 26, 26, 0.8);
}

#navthing,#navthing2 {
  position:absolute;
  font-size:11px; 
  top: 0;
  right: 3.1%;
  z-index:9999;
}

#navthing h2,#navthing2 h2{
  padding: 0px;
  color: #cccccc;
  text-align:right;
  font-size: 13px;
  font-weight: 400;
  padding: 34px 0px 10px 10px;
}

fieldset {
  border: none;
}

#wrap .login,#wrap2 .login  {
  position: relative;
  width: 120px;
  display: none;
  z-index:9980;
  top:20x; 
  right:0;
}


/*.arrow-up {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #736e71;
  right: 4%;
  position: absolute;
  top: -9px;
}*/

.formholder {
  background: rgba(26, 26, 26, 0.8);
  width: 120px;
  border-radius: 3px;
  padding-top: 0;
  border: 1px solid #736e71;
  font-size:12px; 
}

.formholder input[type="email"]:focus, .formholder input[type="password"]:focus {
  outline: none;
  box-shadow: 0 0 1px 1px #1abc9c;
}
.formholder input[type="submit"] {
  background: #4a4a4a;
  padding: 3px;
  font-size: 12px;
  display: block;
  width: 100%;
  border: none;
  color: #fff;
  border-radius: 2px;
  border: 1px solid #736e71;
  cursor:pointer;
}
.formholder input[type="submit"]:hover {
  background: #986700 ;
  border:1px solid #f5ac2f;
}

.randompad {
  padding: 13px;
}

.orange {
  color: #ffb330;
}

.footer-social { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); margin-top: 20px; vertical-align: middle; line-height: 10px; }
.footer-icons { margin-top: 10px; }

@media (min-width:1921px)
{
	.news-text { max-width: 1920px; margin: auto; }
	.carousel { max-width: 1920px; margin: auto; }
	.product-story { max-width: 1920px; margin: auto; }
}

@media (max-width: 1299px)
{
  #navthing h2,.login,.formholder,.arrow-up  { display: none; }
  #navthing2 h2,.login,.formholder,.arrow-up  { display: none; }
}