body { background-color: #222; margin-top: 55px; font-family: 'Noto Sans' !important;  overflow-y:scroll; } .background { background-color: #fff; } h1 { padding-top: 30px; } h2 { padding-top: 20px; margin-top: 15px; } h3 { padding-top: 20px; margin-top: 10px; } a { color: #922; } a:hover { color: #c33; } a:focus { color: #922; } a.no-underline:hover { text-decoration: none !important; } h1,h2,h3,h4,h5,h6 { font-family: Roboto; } h2.section { padding-bottom: 3px; color: #333; margin-top: 10px;   font-family: 'Oswald'; } h3 i { color: #a52; padding: 3px 5px; } h3.spaceless { margin-top: 0px; margin-bottom: 15px; } .lead, .lead p {font-family: roboto; font-size: 23px; line-height: 30px; padding: 0px 0px;} .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; } .relative { position: relative; } tr.vertical-align td { vertical-align: middle !important; } p { margin-left: 0px; line-height: 1.5em; } .modal { overflow-y: auto; } .modal-open { overflow: auto; } .modal-open[style] { padding-right: 0px !important; } .btn {  text-shadow: 0px 1px 1px rgba(0,0,0,0.2); } .btn-danger { background-color: #a33; border-color: #922; text-shadow: 0px 2px 2px rgba(0,0,0,0.4);} .btn-danger:hover { background-color: #c55; } .dropdown-header { font-size: 13px; } img.collaborator { width: 100%; height: auto; margin: 10px 0px 5px 0px; opacity: 0.5;} @media (min-width: 350px) { img.collaborator { width: 320px; } } .thumbnail { border: none; padding: 0px; border-radius: 0px;}  .thumbnail p { margin-bottom: 0px !important; } .thumbnail-intext { margin: 7px 10px;} .thumbnail-inline { display: inline-block; margin: 5px 0px !important; } .thumbnail-figure img { padding: 5px; background-color: #eee;} a.thumbnail-figure:hover img, .thumbnail-figure a:hover img { background-color: #ddd; } .thumbnail-figure .caption { font-size: 13px; } .under-figure { margin: 0px 20px 20px 20px; } .gui-slide { border-radius: 10px; line-height: 19px;  font-size: 14px; font-weight: bold; background-color: #fff; color: #ccc; width: 20px; height: 20px; display: inline-block; text-align: center;}  .gui-slides { background-color: #eee; padding: 0px 10px 7px 10px; color: #888; text-align: left;}  .media-list .media-object { padding: 5px; background-color: #eee; } .media-list .media-object:hover { background-color: #ddd; } .pager a {  border-radius:  5px !important; } .pager a:hover { background-color: rgba(0,0,0,0.05) !important; } .pager { padding-left: 0px; padding-right: 0px;} .support-icon {  text-align: center; margin-bottom: 20px; margin-top: 0px;  font-size: 150px; line-height: 150px; color: #ddd;  } .support-icon:hover { color: #ccc; } .cloud-head { background-color: #eee; padding: 5px 30px 25px 30px; margin: 30px 0px 10px 0px; color: #343; position: relative; } .cloud-head-triangle {  border-color:  transparent transparent #eee transparent; width: 0;  height: 0; border-style: solid; position: absolute; top: -20px; left: 0px; z-index: 5;  border-width: 0px 20px 20px 20px;  } .cloud-head h2, .cloud-head h1 { font-family: oswald; } .cloud-head .lead { margin: 15px 0px 0px 0px; font-family: roboto; } .row-indent div[class^=col]:first-child { padding-left: 25px; } .row-indent div[class^=col]:last-child { padding-right: 25px; }  .plugin-formats { padding: 10px 20px; border-top: 1px solid #eee; text-align: center; } .availability { background-color: #d83 ; margin-bottom: 20px; margin-top: 20px; color: #fff; padding: 10px 20px; } .availability a { color: #fff; margin-right: 10px; } .availability h3 { margin-top: 0px; padding-top: 15px;} .distributor .flag { height: 22px; width: 32px; background-position: 0px -5px;  margin: 5px 0px; display: inline-block; background-size: 32px 32px; box-shadow:  0px 0px 1px rgba(0,0,0,0.2); -moz-box-shadow:  0px 0px 1px rgba(0,0,0,0.2); -webkit-box-shadow:  0px 0px 1px rgba(0,0,0,0.2); }  .distributor img { width: 150px; height: auto; margin-top: 45px; } .distributor h2 { margin-top: 0px; padding-top: 10px; } address { padding-top: 10px;  } @media (min-width: 1200px) {.distributor h2{ padding-top: 30px; }  } .reviews { margin-bottom: 10px; } .reviews p.review-content:before { content: '» '; } .reviews p.review-content:after { content: ' «'; } .reviews p.review-content { font-style: italic; margin-bottom: 25px;} .award img { vertical-align: middle;   width: 100px; } .award .media-body { vertical-align: middle;  margin-left: 20px;} ul.features { margin-bottom: 20px; padding-left: 20px;} ul.features .label { font-size: 10px; padding: 0px 4px 1px 4px !important;   border-radius: 0px; background-color: #d83; vertical-align: 2px; margin: 0px 3px; } ul.features li { margin: 3px 0px; } ul.features.top { margin-bottom: 40px; margin-top: 20px;} dl.dl-horizontal dt, dl.dl-horizontal dd { margin-bottom: 7px; } dl.dl-horizontal.requirements dt, dl.dl-horizontal.requirements dd { margin-bottom: 3px; } .artist-container { width: 100%; padding-bottom: 20px; } .artist-container .links { display: inline-block; width: 400px; margin-left: 20px; } .artist-container .thumbnail { border: none !important; margin: 0px; padding: 0px; background-color: #fff;} .artist-container .caption { margin:  20px; padding: 0px; display: block;} .artist-container h4 {  margin: 0px 0px 10px 0px; color: #333; padding: 12px 15px 17px 15px; background-color: #000; color: #fff; } .artist-container h5 { padding: 10px 20px; border-bottom: 1px solid #eee; color: #444;} .artist-container img {  margin: 8px 20px; display: inline-block; border-radius: 7px !important;  } .artist-img { border-radius: 7px; } .featured-artists-container { background-color: #555; } .featured-artists { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .featured-artists-container h3 { color: #fff; }  .block-artist {  width: 100%; border: 5px solid #555; background-color: #666; border-radius: 13px;} .block-artist .icomoon { position: absolute; top: 10px; left: 10px; color: #fff; text-shadow: 1px 1px 1px #000; }  .block-artist h3, .flex-artist h3 { color:#fff; margin: 10px 15px; padding: 0px;  font-size: 18px;  line-height: 1.2em; } .block-artist .testimonial, .flex-artist .testimonial { margin: 0px 15px; margin-right: 30px; font-style:italic; color: #ccc; margin-bottom: 10px; } .block-artist a { flex-shrink: 0;line-height: 1px;}  .block-artist .thumbnail { background-color: #333; border-radius: 10px 0px 0px 10px !important;  padding: 0px ; border: none; margin: 0px !important;} .block-artist img { border-radius: 8px 0px 0px 0px; } .testimonial-division { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; align-items: flex-start; flex-direction: column; } @media (min-width: 600px) {  .testimonial-division {flex-direction: row; }  .block-artist img { border-radius: 8px 0px 0px 8px; } .block-artist .testimonial, .flex-artist .testimonial { margin-bottom: 0px; } }  @media (min-width: 1100px) { .featured-artists .fluid { width: 50% !important; } } .home-container {  height: 400px; background-repeat: no-repeat; background-position: right bottom;  border-bottom: 3px solid #fff;  } @media (min-width: 1920px) { .home-container.full-size { background-size: 100% auto; } } .home-container .row div { background-color: rgba(255,255,255,0.9);  padding: 10px 30px; } .home-container.dark .row div { background-color: rgba(220,220,220,0.9);  } .home-container.dark { background-color:  #ddd; background-position: left bottom !important;  } .home-container:last-child { border-bottom: none; }   @media (min-width: 992px) {  .home-container .lead { color: #555; } .home-container .row div { } .home-container.dark .row div {   } } .home-container .label { font-size: 17px; padding: 2px 4px 2px 8px !important; vertical-align: 6px; border-radius: 0px; background-color: #d83; position: relative; margin-right: 10px; } .home-container .label:after { position: absolute; content:""; width:0; height:0; top: 0px; right: -12px;   border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:12px solid #d83; } .lead-header { background-color: #eee; margin-bottom: 20px; } .lead-header h1 { font-family: 'Oswald';}  .footer { min-height: 250px; background-color: #222; color: #ccc; } .footer h4 { margin-top: 30px; color: #ccc;} .footer a { color: #aaa; } .footer h4 a { color: #ccc; } .footer h4 a:hover { color: #fff; } .footer a:hover { text-decoration: none; color: #ccc; } .top-page-header { font-size: 14px; background-color: #000;  } .top-page-header h1 { font-family: 'Oswald'; color: #fff; } .top-page-header-container { height: 160px; position: relative; }  .top-page-header .item {  font-size: 16px; position: absolute; bottom: 20px; left: 20px; color: #ccc;} h3.title { margin-top: 5px; } @media (min-width: 1200px) { h3.title div { float: right; } }  h4.title {  margin-top: 17px !important; line-height: 22px; } @media (min-width: 1200px) { h4.title div { float: right;  } } h2.title { margin-bottom: 20px; } @media (min-width: 1200px) { h2.title div { float: right;  } } .timeline { font-family: 'Oswald'; font-size: 18px; } .timeline a { color: #833; border-radius: 0px !important;   } .timeline li.active > a { background-color: #fff; color: #833;  } .timeline li.active > a:hover { background-color: #ddd; color: #833;} .timeline li > a:hover { background-color: #ddd;} .timeline .dropdown li.active > a { background-color: #833; color: #fff;} .timeline li.dropdown.open > a { background-color: #ccc !important; color: #833;} .quick-navi-container { position: fixed; top: 55px; z-index: 18; width: 100%;} .quick-navi { background-color: #000; top: 0px;  left: -1200px; width: 1200px; position: absolute; z-index: 3;  padding-bottom: 20px; color: #a33; height: 280px;} .quick-navi-link {  position: absolute; width: 118px;  padding: 8px 10px; text-align:center; color: #fff; background-color:  #411; box-shadow:  0px 0px 10px rgba(0,0,0,0.9); -moz-box-shadow:  0px 0px 10px rgba(0,0,0,0.9); -webkit-box-shadow:  0px 0px 10px rgba(0,0,0,0.9); -moz-box-sizing:  border-box; -webkit-box-sizing:  border-box; box-sizing:  border-box; top: 0px; left: 296px; font-family: 'Oswald'; font-size: 14px; border-radius: 0px 0px 6px 6px; z-index: 2; cursor: pointer; display: none; } @media (min-width: 1200px) { .quick-navi-link { display: block; } } .quick-navi-link:hover {background-color: #a33; color: #fff;text-decoration: none; }  .quick-navi-close {  color: #fff !important; position: absolute; top: 10px; right: 20px; } .quick-navi .list-container { min-width: 180px; height: 250px; float: left; padding: 20px 30px; border-right: 1px solid #333;  } .quick-navi .list-container:last-of-type { border: none; } .quick-navi h4 { margin: 30px 0px 10px 0px; padding: 0px; } .quick-navi h4 a { color: #fff;}  .quick-navi ul { margin: 0px 0px 0px 10px; padding: 0px; list-style: none; float: left;} .quick-navi ul.second { margin: 0px 0px 0px 30px; } .quick-navi a { color: #ccc; } .quick-navi .active a { color: #fff; } .jumbotron { padding: 30px !important; margin-top: 40px; } .jumbotron h2 { margin-top: 0px; padding-top: 20px;} .product-range { background-color: #eee; } .product-range h2 { font-family: 'Oswald' !important; margin-bottom: 20px;}  .product-list { margin-bottom: 20px; } .product-list .price { font-size: 21px; position: absolute; top: 18px; right: -8px; color: #fff; padding: 3px 15px 4px 15px; text-align: right; z-index: 2; -webkit-transform:  rotate(45deg); -moz-transform:  rotate(45deg); -o-transform:  rotate(45deg); -ms-transform:  rotate(45deg); transform:  rotate(45deg); } .product-list .triangle { position: absolute; width: 0; right: 0px; top: 0px; z-index: 1; height: 0; border-style: solid; border-width: 0 100px 100px 0; border-color: transparent #833 transparent transparent; content:""; } .product-list .triangle.triangle-orange { border-color: transparent #ca3 transparent transparent; }  .product-list .triangle.triangle-green { border-color: transparent #3c3 transparent transparent; } .product-list .thumbnail { margin: 0px; position: relative; background-color: #fff;  box-shadow:  0px 0px 3px rgba(0,0,0,0.2); -moz-box-shadow:  0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow:  0px 0px 3px rgba(0,0,0,0.2); border-radius: 0px; padding-top: 20px; width: 100%; height: 340px; padding-bottom: 45px; margin-bottom: 25px; overflow: hidden;   } .product-list img.product { height: 200px; top: 20px; width: auto; left: 0;  right: 0;  margin-left: auto;  margin-right: auto;  position: absolute; } .product-list img.logo {  position: absolute; top: 220px; left: 0px;  right: 0px;  margin-left: auto;  margin-right: auto;   height: 65px; width: auto; } .product-list .thumbnail .sticker {  position: absolute; top: 45px; right: -84px; width: 300px; background-color: #ff8000; padding: 2px 10px; text-align: center; color: #fff; font-size: 20px; -webkit-transform:  rotate(45deg); -moz-transform:  rotate(45deg); -o-transform:  rotate(45deg); -ms-transform:  rotate(45deg); transform:  rotate(45deg); } .product-list .thumbnail .caption {  position: absolute; top: 300px; left: 20px; right: 20px; } .product-list.bundle-components .thumbnail { padding-bottom: 0px; height: 480px; } .product-list .type { position: absolute; left: -40px; top: 50px; width: 150px; text-align: left; font-size: 20px; font-weight: bold; color: #888; -webkit-transform:  rotate(-90deg); -moz-transform:  rotate(-90deg); -o-transform:  rotate(-90deg); -ms-transform:  rotate(-90deg); transform:  rotate(-90deg); } .product-list .left-buttons { position: absolute; bottom: 10px; left: 10px; } .product-list .right-buttons { position: absolute; bottom: 10px; right: 10px; z-index: 10; } .logo-header {  background-color: #411; box-shadow:  0px 2px 10px rgba(0,0,0,0.5); -moz-box-shadow:  0px 2px 10px rgba(0,0,0,0.5); -webkit-box-shadow:  0px 2px 10px rgba(0,0,0,0.5);    position: relative;  padding-top: 0px; color: #fff; } .logo-header .container { padding: 40px 20px 30px 20px; } .logo-header img {  width: 80%; height: auto; } .logo-header .buttons-container {  border-top: 2px solid #fff;  color: #fff; width: 200px; margin-top: 20px; } @media (min-width: 992px) { .logo-header .col-md-8 { display: relative; height: 150px; } .logo-header .col-md-4 { position: relative; height: 150px;} .logo-header img { width: 500px; height: auto; position: absolute; bottom: 0px; left: 0px; } .logo-header .buttons-container {position: absolute; right: 0px; bottom: 0px;  border-top: none; } .logo-header .price { text-align: center !important;  font-size: 40px !important; margin-top: 0px !important;  } .logo-header .buttons-container p { text-align: center !important; margin-top: 0px !important; } } .logo-header .price { font-weight: bold; text-align: center; margin: 0px 0px 5px 0px;  font-size: 43px;  display: block; padding: 0px;} .logo-header .price small { font-size: 25px; } .logo-header .buttons-container p { text-align: left; margin: 0px; padding: 0px;  font-size: 20px;  min-height: 20px; margin-top: 10px;} .product-header {  height: 400px; background-color: #1b090a; background-position: center;  background-repeat: no-repeat;  } .product-header .container {  position:relative; height: 100%; } .upgrade_announcement_mobile { background-color: #1a1a1a; text-align: center; } .upgrade_announcement { position: absolute; left: 20px; bottom: 20px; } .bundle-boxes { background-size: 120% auto; background-repeat: no-repeat; background-position: 20px center; } @media (min-width: 768px) {  .bundle-boxes { background-size: 100% auto; background-repeat: no-repeat; background-position: center; } } @media (min-width: 992px) {  .bundle-boxes { background-size: auto; background-position: left center;} } .menu-top-background { height: 55px; background-color: #000; position: fixed; top: 0px; width: 100%; z-index: 10;  z-index: 20; border-bottom: 2px solid #fff; -moz-box-sizing:  content-box; -webkit-box-sizing:  content-box; box-sizing:  content-box; } .menu-top-background .container { padding: 0px; } @media all and (min-width: 992px) {  .menu-top-background  { border-bottom: none; } } .menu-top {  font-family: 'Oswald'; font-size: 18px; color: #eee;  z-index: 20;  background-color: #000; } .menu-top .item {  height: 55px;  line-height: 55px;  display: block; -moz-box-sizing:  content-box; -webkit-box-sizing:  content-box; box-sizing:  content-box; vertical-align: middle;  } .menu-top .text-item { padding-left: 126px; display: none;} .menu-top .text-item:hover { background-color: #a33; } .menu-top .item a { color: #eee; text-decoration: none; } .menu-top .logo {  position: relative;  border-right: none; border-bottom: 2px solid #fff;  display: block;  width: 100%; line-height: 49px; } .menu-top img.logo-vector {  margin-left: 10px;  height: 45px; width: auto;  -moz-box-sizing:  border-box; -webkit-box-sizing:  border-box; box-sizing:  border-box; } .menu-top .toggle { width: 100px; text-align: center; float: right;} .menu-top .toggle:hover { background-color: #a33; } .menu-top .cart { float: none; border-top: 2px solid #fff; }    .menu-top .cart.non-empty {background: #811;} .menu-top .cart.non-empty:hover { background-color: #a33;} .menu-top .cart span {border-left: 2px solid #fff; color: #fff; padding: 0px 0px 1px 8px; margin-left: 5px;} .menu-top .text-item.active { background-color: #411; } .menu-top .text-item.active:hover { background-color: #c33; } @media all and (min-width: 992px) {  .menu-top .cart { float: right; border-top: none; }   .menu-top .item {  display: inline-block; } .menu-top .text-item { padding: 0px 30px; } .menu-top .logo {  width: 200px; border-right: 2px solid #fff; border-bottom:none;} .menu-top .toggle {float: right;  display: none; } } @keyframes one-time-flash { from { background: #fff; } to { background: #811; } } .menu-top .flash { animation: one-time-flash 0.5s linear 0s; background: #811; } .sub-menu {  box-shadow:  0px 0px 5px rgba(0,0,0,0.3); -moz-box-shadow:  0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow:  0px 0px 5px rgba(0,0,0,0.3);  font-family: 'Oswald'; font-size: 18px;  z-index: 10; position: relative; } .sub-menu .container { padding: 0px; } .sub-menu-spacer { height: 42px; display: none;} .sub-menu-sticky { position: fixed; top: 55px;    z-index: 15; width: 100%; background-color: #fff;} .sub-menu a:hover { } .sub-menu a { color: #722; border-radius: 0px !important; } .sub-menu li.active > a { background-color: #722;  } .sub-menu li.active > a:hover {background-color: #a33;} .sub-menu li.active > a:focus { background-color: #722; } #home-carousel { position: absolute; height: auto; top: 55px; left: 0; bottom: 0; right: 0; } #home-carousel .item {  background-color: #000;  background-position: center;  height: 100%; width: 100%;  } #home-carousel .carousel-indicators { top: 20px; height: 30px;} #home-carousel .carousel-inner { height: 100%; width: 100%; } #home-carousel .container { position: relative; height: 100%; } #home-carousel .image-container  img {  position: absolute; margin: auto; bottom: 0px; top: 0px; left: 0px; z-index: 10;  width: 100%; max-height: 500px; height: auto; right: 0px; } #home-carousel .image-container {   position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 1; } @media (min-width: 992px) { #home-carousel .image-container  img { height: auto; width: auto; max-height: 100%; max-width: 100%; } {* #home-carousel .image-container { bottom: 230px; } *} } @media (min-width: 1920px) { #home-carousel .item { background-size: 100% auto;} } .headline {  position:static; background-color: #000; } @media (min-width: 992px) { .headline {  background-color: rgba(0,0,0,0.8);  position: absolute; bottom: 0px; right: 0px; height: 230px; left: 0px; z-index: 20;}  } .headline h3 { color: #fff; margin-top: 0px; } .headline h4 {color: #ddd; } .headline small { color: #ffa; } .headline p { color: #ddd; } .headline .headline-container {  margin-bottom: 20px; } @media (min-width: 992px) { .headline .headline-container {  min-height: 230px; margin-bottom: 0px; } } .featured-artists-container .btn, .headline .btn { color: #fff; background-color: rgba(0,0,0,0);  border-color: #ccc !important; } .featured-artists-container .btn:hover, .headline .btn:hover { color: #fff; background-color: rgba(255,255,255,0.2) !important;  } .carousel-social { font-size: 23px; position: absolute; top: 10px; right: 20px; z-index: 10; display: none; text-shadow: 0px 0px 13px rgba(0,0,0,0.5); } .carousel-social a { color: #fff !important; margin-right: 8px;} @media (min-width: 992px) { .carousel-social { display: block;} } .social-bar {  margin-bottom: 13px; margin-top: 20px;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; } .social-bar-item {display: inline-block; padding-right: 10px;}