@charset "utf-8";
/****************************************/
/* GLOBAL FONTS && FRAMEWORK FIX */
@import url('../../../../global/ms_framework.css');

/* Carousel Slide Fade */
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/


.carousel-fade .carousel-inner .item {opacity: 0;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/* Carousel Slide Fade END */

/* Search Override */
#bSearch{z-index:5;}
#bTopcategories{z-index:6;}


/* Navigation Override */
#box_categories .hidden-xs nav a:after {    
  content:"" !important;display:block;margin-top:-8px;position:absolute;right:10px;
  width:0;height:0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;  
  border-top: 8px solid #0effbb;
}

.cat_level_0 li a:not(.nosub){color:#000;text-transform: uppercase;font-family:opensans_bold !important;}
.cat_level_0 li a.nosub:not(.active){color:#888 !important; }
.cat_level_0 li a.nosub:not(.active):after {border:none !important;}


p.categories{background:#141414;margin-bottom:0;border-bottom:1px solid #434343;padding-bottom:10px;}
p.categories a{color:#fff;}
.cat_level_0 li a.active{color:#434343;}
.cat_level_0 li a.active:after{color: #fff;}

#box_categories .hidden-xs nav{background:#141414;margin-top:0;padding-bottom:15px;}
#box_categories .hidden-xs nav a{color:#EEE;}
#box_categories .hidden-xs nav a:hover{background:#333;}
#box_categories .hidden-xs nav a:before{content:"";}
#box_categories .hidden-xs nav a:after{font-family: 'Glyphicons Regular';content: "\00a0\E602";color: #fff;display:none;}
#box_categories .hidden-xs nav .cat_level_0 a{padding-left:1em;}
#box_categories .hidden-xs nav .cat_level_1 a{padding-left:1.5em;}
#box_categories .hidden-xs nav .cat_level_2 a{padding-left:2em;}
#box_categories .hidden-xs nav .cat_level_3 a{padding-left:2.5em;}
#box_categories .hidden-xs nav .cat_level_4 a{padding-left:3em;}
#box_categories .hidden-xs nav .nosub.active{background:#00a073;color:#0effbb;}/* aktive Endkategorie */ 


/* Breadcrumbs*/
#bBreadcrumb ol.breadcrumb li{font-family:Roboto_Condensed_Bold;}
#bBreadcrumb ol.breadcrumb li:last-child a{color:#212121;font-weight:bold;}


/* Schriften überschreiben */
#mainCol h1, p.categories{font-family:Roboto_Condensed_Bold;}
/*p.categories a:before{content: "Republic of Gamers";}*/
#mainCol h1:before{display:block;content: url('images/asrock_small.png');}
#box_categories .hidden-xs nav, #box_categories .hidden-xs nav a, #mainCol{font-family:Roboto_Condensed_Regular;}

/* Shop-Artikelhintergrund */
.surround-shop .show-background:before{display:none;} /* white content frame */
.surround-shop #mainCol{background:#fff;}
#bProducts .phover{padding:2em;}

@media (min-width: 980px){#bProducts .p {width: 32.5%;}  }
@media (min-width: 1680px){#bProducts .p {width: 19.7%;} }

#bProducts .p {border:1px solid #eee;margin-bottom:0;margin-top:-1px;}

.products-paging{padding:1em !important;}

.current-category-description p{margin:1em;}
.p{padding:.5em;}

/* Sonstiges */
#bSquareBanner{margin-top:1em;}
#bTopmarken{display:none;} 


@media (min-width:980px){
  p.categories{padding-bottom:19px;padding-top:20px;}
  /* Pfeil rechts bei aktiver Kategorie */
  #box_categories .hidden-xs nav .nosub.active:after{display:block;position:absolute;content:" ";width: 0;height: 0;border-style: solid;border-width: 28px 0 0 40px;border-color: transparent transparent transparent #00a073;margin-top:-21px;z-index:10;}    
  /* Pfeilposition */
  #box_categories .hidden-xs nav .cat_level_1 .nosub.active:after{margin-right:-50px;}
  #box_categories .hidden-xs nav .cat_level_2 .nosub.active:after{margin-right:-50px;}
  #box_categories .hidden-xs nav .cat_level_3 .nosub.active:after{margin-left:-57px;}  
}

@media (min-width:1440px){
  .js-resize-1{background:#fff !important;}  
  /* glow for categories */
  #bSearch,#bTopcategories{-webkit-box-shadow: 0px 5px 27px 3px rgba(255,255,255,0.4);-moz-box-shadow: 0px 5px 27px 3px rgba(255,255,255,0.4);box-shadow: 0px 5px 27px 3px rgba(255,255,255,0.4);}  
  .header.navbar-fixed-top{border-bottom:1px solid #cecece;}
  .changeWidth hr{display:none;}
}

@media (min-width:1680px){
  .header{background:#fff;}
  footer{background:none;}
  footer{background:#222;}
  footer a, footer .h5, footer p{color:#cecece;}    
}


#thisMS .glyphicon{font-family: 'Glyphicons Regular' !important;}

/* maincontent */
#thisMS{background:#000;min-height:1200px;}

#thisMS .headerlogo{position:absolute;margin:0 30px 30px -20px;max-width:100px;}
#thisMS .header-products{position:absolute;margin:30px 30px 30px 0;max-width:350px;}
.slidein {display: none;opacity: 0.0;position: relative;margin-left: -190px;}
#thisMS .header-products.slidein{margin-left:60px;}

#thisMS hr{height:10px;margin:0 -15px 0 -15px;padding:0;background:url("images/hr.jpg");background-size:cover;background-repeat: no-repeat;border:none;}

#thisMS h2, #thisMS p.h2{font-family:Roboto_Condensed_Bold;color:#FFF;font-size:200%;text-align:center;line-height:1.1;}
#thisMS p{font-family:Roboto_Condensed_Light;color:#FFF;font-size:180%;line-height:1.2;}
#thisMS p.h3{font-family:Roboto_Condensed_Bold;color:#f5f5d1;font-size:300%;padding:1em 0;text-transform:uppercase;text-align:center;margin-top:0;}
#thisMS p.h4{font-family:Roboto_Condensed_Bold;color:#FFF;font-size:300%;text-transform:uppercase;text-align:center;}
#thisMS p.h5{font-family:Roboto_Condensed_Bold;color:#FFF;font-size:300%;text-transform:uppercase;text-align:center;}

#thisMS .ms_prod_artnr{color:#fff;text-align: center;}
#thisMS .ms_prod_prize{color:#212121;text-align:center;text-transform: uppercase;font-family:Roboto_Condensed_Bold !important;}
#thisMS .ms_prod_ust{color:#555;text-align: center;}
#thisMS .ms_button{background:#0effbb;color:#000;text-transform: uppercase;display:block !important;font-size:170%;padding:1em .5em;margin:2em;font-family:Roboto_Condensed_Bold !important;}
#thisMS .ms_button:after{content:"";}

.header-glow, .header-products{position:absolute;top:0;}

#thisMS .headerlogo{z-index:4;animation: revealcolor 1.5s ease-in-out infinite;-webkit-filter: saturate(100%);}
#thisMS .choicelogo{z-index:4;}
#thisMS .header-products{z-index:3;}
#thisMS .header-glow{z-index:1;animation: revealcolor 1.5s ease-in-out infinite;-webkit-filter: saturate(100%);-webkit-mix-blend-mode: lighten;mix-blend-mode: lighten;  /* Safari 6.0 - 9.0 */animation-delay: .5s;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	#thisMS .header-glow{display:none;}
}

@-webkit-keyframes revealcolor {
  0%, 100%  { /*-webkit-filter: saturate(none);*/-webkit-filter: saturate(100%); }
  50% { -webkit-filter: saturate(150%); }
}


#thisMS .products-title{font-size:180%;color:#fff;text-align: center;}
#thisMS .products-facts{font-size:160%;line-height:1.2;text-align: center;}

#thisMS .products-carousel{position:relative;z-index:3;margin-top:-4em;}
#thisMS .p{background:none;}
#thisMS .products-carousel-link .products-title{font-family:Roboto_Condensed_Bold;transition: all .3s ease-in-out;margin-top:10px;font-size:140%;height:38px;line-height:1;overflow:hidden;color:#262626;}
#thisMS .products-carousel-link:hover .products-title{color:#4b86ff;}
#thisMS .product-background{margin-bottom:50px;}
#thisMS .carousel-control{color :#555 !important;font-size:200%;}


#thisMS .product-img-small{position:absolute;z-index:4;transition: all .3s ease-in-out;margin-top:10px;-webkit-filter: saturate(0);width:80%;margin-left:5%;}
#thisMS .products-carousel-link:hover .product-img-small{margin-top:0;-webkit-filter: saturate(100%);width:92%;margin-left:5%;margin-top:10px;}


#thisMS .product-img-big{position:absolute;z-index:4;transition: all .3s ease-in-out;margin-top:0;-webkit-filter: saturate(0);width:82%;margin-left:9%;}
#thisMS .products-carousel-link:hover .product-img-big{margin-top:0;-webkit-filter: saturate(100%);width:88%;margin-left:6%;margin-top:-10px;}

#thisMS .p{width:100%;}

/* Herstelleraktionen */
#thisMS .thumbnail{background:transparent;border-color:#555;}
#thisMS .grow-image{margin:.5em 0;}

/* Tabs */
#shopTabs{border-bottom:0;margin-top:0;font-size:100% !important;text-align:center;background:url("images/bgnavi.jpg");background-size:cover;padding:0;margin-left:-15px;margin-right:-15px;padding:.5em 0;}
#shopTabs li{float:none !important;margin:0;display:inline-block;}
#shopTabs li.active a{border-radius:0;color:#000;background:#0effbb;border-color:#0effbb;}
#shopTabs li.active a:hover{color:#000;border-color:#0effbb;}
#shopTabs li a{margin-right:5px;border:2px solid #FFF;transition: all .3s ease-in-out;letter-spacing:2px;padding-left:20px;color:#FFF;padding-right:20px;background:transparent;font-family:Roboto_Condensed_Bold !important;text-transform:uppercase;border-radius:0;margin-bottom:.3em;}
#shopTabs li a:hover{color:#eee;border-color:#eee;}

#asrockStart{background:url("images/bgcategories.jpg");background-size:cover;background-position:0 -450px;margin:0 -15px 0 -15px;padding-bottom:3em;min-height:550px;}



/* Big Carousel with Highlight Products */
#hotdeals{background:url("images/bgtopseller.jpg");background-size:cover;margin:0 -15px 0 -15px;}
#hotdeals2{background:url("images/bgtopsellermirror.jpg");background-size:cover;margin:0 -15px 0 -15px;}
#hotdeals .banderole{position:absolute;z-index:2;}
#hotdeals2 .banderole{position:absolute;z-index:2;right:0;}
#hotdeals .product-image, #hotdeals2 .product-image{margin-top:2em;margin-bottom:2em;}
#hotdeals ol.carousel-indicators, #hotdeals2 ol.carousel-indicators{bottom:0;width:100%;margin-left:-10%;}
#hotdeals ol.carousel-indicators li, #hotdeals2 ol.carousel-indicators li{border-radius:0;padding:0 3em;margin-right:10px;background-color:#555;border:none;}
#hotdeals ol.carousel-indicators li.active, #hotdeals2 ol.carousel-indicators li.active{background-color:#ff0000;}
#hotdeals .products-title, #hotdeals2 .products-title{text-align:center;color:#FFF;margin-right:15px;font-family:Roboto_Condensed_Bold;}
#hotdeals .ms_prod_prize, #hotdeals2 .ms_prod_prize{font-size:350%;color:#0effbb;}
#hotdeals .ms_prod_ust, #hotdeals2 .ms_prod_ust{text-align:center;color:#eee;}
#hotdeals .only-text, #hotdeals2 .only-text{font-size:60%;color:#fff;}

#asrockCategories{background:url("images/bgcategories.jpg");background-size:cover;margin:0 -15px 0 -15px;padding-bottom:3em;min-height:550px;}
#asrockCategories a{display:block;background:rgba(0,0,0,.5);border:2px solid #eee;text-align: center;padding:30px;transition: all .3s ease-in-out;margin:20px;}
#asrockCategories a:hover{background:rgba(34,61,122,.5);}
#asrockCategories a span{text-transform: uppercase;display:block;color:#525252;font-family:Roboto_Condensed_Bold;font-size:150%;margin-top:20px;transition: all .3s ease-in-out;}
#asrockCategories a:hover span{color:#f5f5d1;}

#awards{background:url("images/bgcategories.jpg");background-size:cover;margin:0 -15px 0 -15px;padding-bottom:3em;min-height:550px;}

#thisMS .asrock-award-row > div{text-align:center;padding:0;}
#thisMS .asrock-award-row img{margin-top:1em;}
#thisMS .asrock-award-row a{display:block;border:1px solid #222;padding-bottom:0 !important;padding-top:.5em;margin:.5em !important;background-color:rgba(0,0,0,0.50);transition: all .3s ease-in-out;height:250px;}
#thisMS .asrock-award-row a:hover{background-color:rgba(0,0,0,1)}

#thisMS .asrock-award-row a p{padding-bottom:0 !important;margin:20px 0 0 0!important;transition: all .3s ease-in-out;font-size:130%;min-height:65px;}
#thisMS .asrock-award-row a:hover p{color:#0effbb;}

#thisMS .asrock-award-row a p:after{content: '';margin-top:20px;display: block;width: 0;height: 2px;background: #0effbb;transition: width .5s;}
#thisMS .asrock-award-row a:hover p:after{width:100%;}


/* Showroom und Neuheiten */
#thisMS .deal-area{background:url("images/bgtopseller.jpg");background-size:cover;margin:0 -15px 0 -15px;}
#thisMS .deal-area.deal-mirror{background:url("images/bgtopsellermirror.jpg");background-size:cover;margin:0 -15px 0 -15px;}
#thisMS .deal-area .product-image{margin-top:6em;margin-bottom:2em;}
#thisMS .deal-area .products-title{text-align:center;color:#FFF;margin-right:15px;margin-top:2em;font-family:Roboto_Condensed_Bold;}
#thisMS .deal-area .ms_prod_prize{font-size:350%;color:#0effbb;}
#thisMS .deal-area .ms_prod_ust{text-align:center;color:#eee;}
#thisMS .deal-area .only-text{font-size:60%;color:#fff;}


/* series */
#serien .series{background-size:cover;margin:0 -15px 0 -15px;padding-bottom:3em;padding-top:2em;border-bottom:4px solid #222;}
#serien .series .ms_button{font-size:135%;padding:.2em auto;margin:0;}
#serien .series .ms_button:hover{font-size:135%;padding:.2em auto;margin:0;background-color:#fff;color:#000;}
.aqua{background:url("images/series/aqua.jpg");}
.phantom{background:url("images/series/phantom.jpg");}
.creator{background:url("images/series/creator.jpg");}
.taichi{background:url("images/series/taichi.jpg");}
.challenger{background:url("images/series/challenger.jpg");}
.extreme{background:url("images/series/extreme.jpg");}
.steellegend{background:url("images/series/steellegend.jpg");}
.pro{background:url("images/series/formula.jpg");}
.formula{background:url("images/series/formula.jpg");}

#serien .aqua .ms_button{background-color:#61c9ff;}
#serien .phantom .ms_button{background-color:#ff0004;color:#fff;}
#serien .creator .ms_button{background-color:#1b206a;color:#fff;}
#serien .taichi .ms_button{background-color:#d29a5d;color:#fff;}
#serien .challenger .ms_button{background-color:#ffff2e;}
#serien .extreme .ms_button{background-color:#7afcff;}
#serien .steellegend .ms_button{background-color:#ff81ed;}
#serien .pro .ms_button{background-color:#b4b5b4;}
#serien .formula .ms_button{background-color:#ffffff;}


/* smaller carousel with one step - two items visible */

.carousel-actions .cloneditem-1, .carousel-actions .cloneditem-2, .carousel-actions .cloneditem-3, .carousel-actions .cloneditem-4, .carousel-actions .cloneditem-5 {display: none;}
.carousel-actions .carousel-inner > .active.left, .carousel-actions .carousel-inner > .prev {left: 0%;}
.carousel-actions .carousel-inner > .active.right, .carousel-actions .carousel-inner > .next {left: 0%;}
.carousel-actions .carousel-inner > .left, .carousel-actions .carousel-inner > .prev.right, .carousel-actions .carousel-inner > .active {left: 0;}
.carousel-actions .carousel-inner .cloneditem-1 {display: block;}		

	
@media all and (transform-3d), all and (-webkit-transform-3d) {
  .carousel-actions .carousel-inner > .item.active.right, .carousel-actions .carousel-inner > .item.next {-webkit-transform: translate3d(50%, 0, 0);transform: translate3d(50%, 0, 0);left: 0;}
  .carousel-actions .carousel-inner > .item.active.left, .carousel-actions .carousel-inner > .item.prev {-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);left: 0;}
  .carousel-actions .carousel-inner > .item.left, .carousel-actions .carousel-inner > .item.prev.right, .carousel-actions .carousel-inner > .item.active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);left: 0;}
}

@media (min-width: 980px) {
 .carousel-actions{left:0;margin-right:0;}   
 .carousel-actions .carousel-control{width:10%;}

	
	#shopTabs li{float:left;0;}
  #shopTabs{font-size:150%;}
}


@media (min-width: 1680px) {
  #shopTabs{font-size:180% !important;}
  #asrockCategories a:hover{padding:20px;}
  #asrockCategories a{margin:0;}
    
	/* carousel with one step - four items visible */  
	.carousel-actions .carousel-inner > .active.left, .carousel-actions .carousel-inner > .prev {left: -25%;}
  .carousel-actions .carousel-inner > .active.right, .carousel-actions .carousel-inner > .next {left: 25%;}
  .carousel-actions .carousel-inner > .left, .carousel-actions .carousel-inner > .prev.right, .carousel-actions .carousel-inner > .active {left: 0;}
  .carousel-actions .carousel-inner .cloneditem-2, .carousel-actions .carousel-inner .cloneditem-3 {display: block;}	  
  
  .carousel-actions{left:-15px;margin-right:-30px;} 
  .carousel-actions .carousel-control{width:10%;}  
}


/* carousel with one step - four items visible */
@media all and (min-width: 1680px) and (transform-3d), all and (min-width: 1680px) and (-webkit-transform-3d) {
  .carousel-actions .carousel-inner > .item.active.right, .carousel-actions .carousel-inner > .item.next {-webkit-transform: translate3d(25%, 0, 0);transform: translate3d(25%, 0, 0);left: 0;}
  .carousel-actions .carousel-inner > .item.active.left, .carousel-actions .carousel-inner > .item.prev {-webkit-transform: translate3d(-25%, 0, 0);transform: translate3d(-25%, 0, 0);left: 0;}
  .carousel-actions .carousel-inner > .item.left, .carousel-actions .carousel-inner > .item.prev.right, .carousel-actions .carousel-inner > .item.active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);left: 0;}  
  
  /*#thisMS .products-carousel-link:hover .product-img-small{width:92%;margin-left:-2%;}*/
}

/* product carousel styling end */