#global-nav { width: 1000px; height: 112px; margin: 20px auto; color: white; font-size: 12px; font-weight: 600; position: relative; z-index: 500; font-family: "Open Sans", Helvetica, Arial, sans-serif; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#global-nav a { font-family: "Open Sans", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; }
#global-nav .border { border: 1px solid; }
#global-nav ul { list-style: none; margin: 0; padding: 0; }
#global-nav ul li { float: left; }
#global-nav #gn-main { z-index: 499; width: 100%; height: 75px; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px; }
#global-nav #gn-main ul .selected { background-color: #252525; }
#global-nav #gn-main ul li { border-bottom: 1px solid #1b1b1b; width: 101px; height: 76px; text-align: center; float: left; border-right: 1px solid #1e1e1e; background-color: rgba(46, 47, 47, 0.9); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#global-nav #gn-main ul li a { display: block; line-height: 75px; width: 100%; }
#global-nav #gn-main ul li:first-child { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; }
#global-nav #gn-main ul li:not(.selected):hover { -moz-animation: "fadeout", 0.3s; -webkit-animation: "fadeout", 0.3s; animation: "fadeout", 0.3s; }
#global-nav #gn-main ul li#logo { width: 192px; border-right: none; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px; }
#global-nav #gn-main ul li#logo img { margin-top: 19px; vertical-align: top; }
#global-nav #gn-sub { z-index: 499; width: 100%; height: 36px; background-color: rgba(65, 65, 65, 0.9); margin-right: 0; float: left; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; }
#global-nav #gn-sub .breadcrumbs, #global-nav #gn-sub .sub-menu { padding-left: 20px; }
#global-nav #gn-sub .breadcrumbs li, #global-nav #gn-sub .sub-menu li { margin-top: 9px; float: left; }
#global-nav #gn-sub .breadcrumbs li a, #global-nav #gn-sub .sub-menu li a { font-size: 13px; color: #ededed; font-weight: 600; text-decoration: none; }
#global-nav #gn-sub .sub-menu li { margin-right: 37px; margin-top: 8px; }
#global-nav #gn-sub .sub-menu li a { color: #ababab; font-weight: 400; }
#global-nav #gn-sub .sub-menu li a:hover { color: #d5d5d5; }
#global-nav #gn-sub .sub-menu li.selected a { color: #fff; font-weight: 600; }
#global-nav #gn-cart { position: relative; float: right; width: 85px; height: 36px; background: #444; border-left: 1px solid #3D3D3D; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
#global-nav #gn-cart .btn { width: 100%; height: 100%; display: block; line-height: 100%; font-size: 12px; color: #FFF; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
#global-nav #gn-cart .btn .icon { position: absolute; width: 15px; height: 13px; left: 19px; top: 11px; background-image: url(https://images.blackmagicdesign.com/media/webstore/global-nav/cart-icon.png); background-size: 15px 13px; background-repeat: no-repeat; }
#global-nav #gn-cart .btn .label { display: none; position: absolute; left: 42px; top: 12px; }
#global-nav #gn-cart .btn .count { position: absolute; display: block; width: 22px; height: 22px; left: 46px; top: 7px; line-height: 22px; font-weight: 700; text-align: center; background-color: #F75959; color: #FFF; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; }
#global-nav #gn-cart .btn div { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
#global-nav #gn-cart .btn.empty .label { display: block; }
#global-nav #gn-cart .btn.empty .count { display: none; }
#global-nav #gn-cart .btn:hover { background: #646464; cursor: pointer; }
#global-nav #gn-cart .btn.active { position: absolute; z-index: 1; background: #FFF; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#global-nav #gn-cart .btn.active .icon { background-image: url(https://images.blackmagicdesign.com/media/webstore/global-nav/cart-icon-dark.png); background-size: 15px 13px; background-repeat: no-repeat; }
#global-nav #gn-cart .btn.active .label { color: #303030; }
#global-nav #gn-cart .btn.active ~ .btn-shadow { display: block; }
#global-nav #gn-cart .btn-shadow { display: none; position: absolute; width: 100%; height: 36px; top: 0; right: 0; -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); }
#global-nav #gn-cart .content { display: none; opacity: 0; position: absolute; width: 400px; top: 36px; right: 0; background-color: #FFF; color: #000; border-top: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.3); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
#global-nav #gn-cart .content .header { padding: 24px; border-bottom: 1px solid #CCC; height: 55px; }
#global-nav #gn-cart .content .header p { font-size: 16px; margin: 0 0 12px 3px; color: #000; font-weight: 600; line-height: 16px; }
#global-nav #gn-cart .content .header p.empty { margin: 0; text-align: center; }
#global-nav #gn-cart .content .header .button.view-cart { width: 162px; color: #272727; text-align: center; position: absolute; }
#global-nav #gn-cart .content .header .button.checkout { width: 162px; position: absolute; right: 25px; top: 52px; color: #FFF; text-align: center; }
#global-nav #gn-cart .content .header .has-none { width: 42%; }
#global-nav #gn-cart .content .footer { border-top: 1px solid #CCC; padding: 24px; }
#global-nav #gn-cart .content .footer .label { font-size: 16px; font-weight: 600; color: #292929; float: left; line-height: 16px; margin: 7px 0 0 7px; }
#global-nav #gn-cart .content .footer .price { font-size: 30px; font-weight: 300; line-height: 30px; color: #292929; margin: 0; top: 0; text-align: right; }
#global-nav #gn-cart .content .footer .jp-ex-tax { display: block; font-weight: 300 !important; font-size: 67% !important; }
#global-nav #gn-cart .content .nav-help { font-size: 13px; color: #363636; font-weight: 300; border-top: 1px solid #e8e8e8; padding: 18px 10px; margin: 0 15px; display: table; width: 88%; }
#global-nav #gn-cart .content .nav-help span { display: table-cell; }
#global-nav #gn-cart .content .nav-help span:first-child { font-weight: 600; text-align: left; }
#global-nav #gn-cart .content .nav-help span:nth-child(2) { text-align: center; }
#global-nav #gn-cart .content .nav-help span:last-child { text-align: right; }
#global-nav #gn-cart .content .nav-help img { vertical-align: middle; margin-right: 5px; }
#global-nav #gn-cart .content .nav-help a { text-decoration: underline; color: #363636; }
#global-nav #gn-cart .content.empty .header p, #global-nav #gn-cart .content.empty .header a, #global-nav #gn-cart .content.empty .footer, #global-nav #gn-cart .content.empty ul { display: none; }
#global-nav #gn-cart .content.empty .header { border-bottom: 0; height: 15px; }
#global-nav #gn-cart .content.empty .header p.empty { display: block; }
#global-nav #gn-cart .notifications { position: absolute; right: 0; top: 36px; }
#global-nav #gn-cart .notifications > div > div { position: absolute; display: none; opacity: 0; right: 0; top: 10px; width: 340px; background-color: #FFF; color: #000; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.3); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
#global-nav #gn-cart .notifications > div > div .header { border-bottom: 1px solid #CCC; }
#global-nav #gn-cart .notifications > div > div .header p { font-size: 16px; padding: 24px; margin: 0; }
#global-nav #gn-cart .notifications .quantity, #global-nav #gn-cart .notifications .delete-btn { display: none; }
#global-nav #gn-cart .notifications.sticky { position: fixed; width: 100%; top: 0; left: 0; }
#global-nav #gn-cart .notifications.sticky > div { position: relative; width: 1000px; margin: 0 auto; }
#global-nav #gn-cart ul.products { min-height: 1px; max-height: 320px; overflow-y: auto; }
#global-nav #gn-cart ul.products li { position: relative; border-bottom: 1px solid #E7EEf4; height: 70px; width: 100%; }
#global-nav #gn-cart ul.products li > div { float: left; height: 70px; padding: 15px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#global-nav #gn-cart ul.products li .img { width: 90px; padding: 5px 0 0 12px; }
#global-nav #gn-cart ul.products li .desc { width: 120px; display: flex; justify-content: center; align-content: center; flex-direction: column; }
#global-nav #gn-cart ul.products li .desc h3 { font-size: 12px; font-weight: 600; line-height: 14px; color: #000; margin-bottom: 0; padding-bottom: 0; font-family: 'Open Sans', Helvetica, Arial, sans-serif !important; }
#global-nav #gn-cart ul.products li .quantity { width: 25px; margin: 0 12px; padding-top: 22px; }
#global-nav #gn-cart ul.products li .quantity input { padding: 0; text-align: center; height: 25px; font-size: 12px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
#global-nav #gn-cart ul.products li .total-price { width: 80px; text-align: right; font-weight: 400; font-size: 14px; line-height: 44px; }
#global-nav #gn-cart ul.products li .total-price .jp-ex-tax { display: block; font-weight: 300 !important; font-size: 67% !important; }
#global-nav #gn-cart ul.products li .delete-btn { position: absolute; right: 2px; top: 2px; }
#global-nav #gn-cart ul.products li .jp-ex-tax { display: block; }
#global-nav #gn-cart ul.products li:last-child { border: 0; }

.jp #global-nav #gn-cart ul.products .total-price { margin-top: 5px; line-height: 16px; }

.store .modal #popup .pop-content { padding: 0 40px; }
.store .modal #popup .pop-content a { text-decoration: none; color: #00a9ec; white-space: nowrap; }
.store .modal #popup .pop-content dl { display: table; width: 100%; margin: 0 auto; }
.store .modal #popup .pop-content h6 { position: absolute; top: 35px; left: 0; color: #00adef; font-size: 40px; font-weight: 300; margin: 0; }
.store .modal #popup .pop-content dt, .store .modal #popup .pop-content dd { position: relative; float: left; margin: 0; border-top: 1px solid #ECECEC; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.store .modal #popup .pop-content dt:first-child, .store .modal #popup .pop-content dd:first-child { border-top: 0; }
.store .modal #popup .pop-content dt { width: 40%; padding: 25px 40px 20px 50px; clear: both; }
.store .modal #popup .pop-content dt p { font-size: 14px; font-weight: 600; line-height: 22px; margin: 0; }
.store .modal #popup .pop-content dd { width: 60%; padding: 25px 0 10px 60px; }
.store .modal #popup .pop-content dd a { left: 20px; }
.store .modal #popup .pop-content dd p { font-size: 14px; line-height: 22px; margin: 0 0 15px; font-size: 14px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) { #global-nav #gn-cart .btn .icon { background-image: url(https://images.blackmagicdesign.com/media/webstore/global-nav/cart-icon@2x.png); }
  #global-nav #gn-cart .btn.active .icon { background-image: url(https://images.blackmagicdesign.com/media/webstore/global-nav/cart-icon-dark@2x.png); } }
.chinese #global-nav #gn-main ul li, .german #global-nav #gn-main ul li, .spanish #global-nav #gn-main ul li, .french #global-nav #gn-main ul li, .japanese #global-nav #gn-main ul li, .korean #global-nav #gn-main ul li, .russian #global-nav #gn-main ul li { width: 115px; }
.chinese #global-nav #gn-main ul li#logo, .german #global-nav #gn-main ul li#logo, .spanish #global-nav #gn-main ul li#logo, .french #global-nav #gn-main ul li#logo, .japanese #global-nav #gn-main ul li#logo, .korean #global-nav #gn-main ul li#logo, .russian #global-nav #gn-main ul li#logo { width: 195px; }

.storeactive #global-nav #gn-sub { width: 914px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.storeactive.japanese #global-nav #gn-sub { width: 904px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.storeactive.japanese #global-nav #gn-cart { width: 95px; }

.storeactive.japanese #global-nav #gn-cart .btn .count { left: 48px; }

.storeactive.english #global-nav #gn-main ul li { width: 91px; }
.storeactive.english #global-nav #gn-main ul li#logo { width: 181px; }

.storeactive.chinese #global-nav #gn-main ul li, .storeactive.german #global-nav #gn-main ul li, .storeactive.spanish #global-nav #gn-main ul li, .storeactive.french #global-nav #gn-main ul li, .storeactive.japanese #global-nav #gn-main ul li, .storeactive.korean #global-nav #gn-main ul li, .storeactive.russian #global-nav #gn-main ul li { width: 101px; }
.storeactive.chinese #global-nav #gn-main ul li#logo, .storeactive.german #global-nav #gn-main ul li#logo, .storeactive.spanish #global-nav #gn-main ul li#logo, .storeactive.french #global-nav #gn-main ul li#logo, .storeactive.japanese #global-nav #gn-main ul li#logo, .storeactive.korean #global-nav #gn-main ul li#logo, .storeactive.russian #global-nav #gn-main ul li#logo { width: 192px; }

.storeactive.german #global-nav #gn-main ul li:nth-child(6) { width: 112px; }
.storeactive.german #global-nav #gn-main ul li#logo { width: 181px; }

.cart-notification { z-index: 501; display: none; position: fixed; height: 130px; width: 400px; right: 10%; background-color: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); }
.cart-notification .header { height: 49px; border-bottom: 1px solid #d2d2d2; font-size: 16px; font-weight: 600; padding-left: 32px; line-height: 49px; }
.cart-notification img { margin-top: 11px; margin-left: 30px; margin-right: 20px; float: left; }
.cart-notification p.name { float: left; margin-top: 23px; width: 200px; font-weight: 600; }
.cart-notification p.price { text-align: right; width: auto; float: left; margin-top: 32px; font-weight: 600; }

.dropdown { display: table; width: 100%; max-width: 100%; }
.dropdown select { position: absolute; width: 100%; height: 100%; outline: 0; border: 0; opacity: 0; z-index: 1; cursor: pointer; _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.dropdown .wrapper { position: relative; display: block; height: 40px; margin-bottom: 14px; background-color: #F2F2F2; color: #000; border: 1px solid #EBEBEB; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.dropdown label ~ .wrapper { margin-left: 100px; }
.dropdown .wrapper:hover { cursor: pointer; border-color: #BBB; }
.dropdown .text { position: relative; display: inline-block; padding: 0 18px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 40px; color: #2d2d2e; white-space: nowrap; overflow: hidden; }
.dropdown .arrow { position: absolute; width: 11px; height: 9px; right: 20px; top: 16px; background: url(https://images.blackmagicdesign.com/media/webstore/shared/store-icons.png) no-repeat 0 -30px; }

.dropdown.style-2 label { width: 100%; font-size: 10px; color: #2e3133; text-align: center; height: 36px; font-weight: 700; text-transform: uppercase; }
.dropdown.style-2 .wrapper { display: inline-block; width: 87%; height: 42px; margin-left: 0; border-color: #B1B1B1; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); background-color: #fff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(7%, #ffffff), color-stop(8%, #f9f9f9), color-stop(100%, #f1f1f1)); background-image: -moz-linear-gradient(#ffffff 7%, #f9f9f9 8%, #f1f1f1 100%); background-image: -webkit-linear-gradient(#ffffff 7%, #f9f9f9 8%, #f1f1f1 100%); background-image: linear-gradient(#ffffff 7%, #f9f9f9 8%, #f1f1f1 100%); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.dropdown.style-2 .wrapper:hover { background: #EEE; border-color: #969696; }
.dropdown.style-2 .text { line-height: 42px; font-weight: 600; color: #000; padding: 0 20px; }
.dropdown.style-2 .arrow { background: none; width: 0; height: 0; top: 17px; border-style: solid; border-width: 9px 6px 0 6px; border-color: #4f4f4f transparent transparent transparent; }

.dropdown.disabled select { cursor: default; }
.dropdown.disabled label, .dropdown.disabled .text { color: #E6E6E6; }
.dropdown.disabled .wrapper { background: #FFF; border-color: #EBEBEB; }
.dropdown.disabled .arrow { opacity: 0.2; }

.textbox input, .textbox textarea, .textarea input, .textarea textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block; width: 100%; height: 40px; padding: 6px 15px; margin-bottom: 14px; font-size: 14px; line-height: 140%; color: #494949; background-color: #f2f2f2; border: 1px solid #EBEBEB; }
.textbox input:focus, .textbox textarea:focus, .textarea input:focus, .textarea textarea:focus { -moz-box-shadow: 0 0 4px 0 #d1d1d1; -webkit-box-shadow: 0 0 4px 0 #d1d1d1; box-shadow: 0 0 4px 0 #d1d1d1; border-color: #dbdbdb; background: white; outline: none; }
.textbox input:hover, .textbox textarea:hover, .textarea input:hover, .textarea textarea:hover { border-color: #BBB; }
.textbox label ~ .wrapper, .textbox label ~ .wrapper, .textarea label ~ .wrapper, .textarea label ~ .wrapper { margin-left: 100px; }
.textbox .wrapper, .textarea .wrapper { display: block; }

.textarea textarea { height: auto; resize: vertical; padding: 12px; }

.textbox.disabled input, .textbox.disabled textarea, .textarea.disabled input, .textarea.disabled textarea { background: #FFF; border-color: #EBEBEB; color: #E6E6E6; resize: none; }
.textbox.disabled label, .textarea.disabled label { color: #EBEBEB; }
.textbox.disabled input::-webkit-input-placeholder, .textarea.disabled input::-webkit-input-placeholder { color: #FFF; }
.textbox.disabled input:-moz-placeholder, .textarea.disabled input:-moz-placeholder { color: #FFF; }
.textbox.disabled input::-moz-placeholder, .textarea.disabled input::-moz-placeholder { color: #FFF; }
.textbox.disabled input:-ms-input-placeholder, .textarea.disabled input:-ms-input-placeholder { color: #FFF; }

.checkbox { position: relative; display: block; min-height: 30px; margin: 10px 0 10px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.checkbox label { display: inline-block; float: none; width: 100%; max-width: 100%; min-height: 30px; padding: 9px 7px 7px 22px; margin-bottom: 0; font-weight: 400; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.checkbox input { position: absolute; margin: 2px 0 0 -22px; cursor: pointer; }
.checkbox span { display: inline-block; float: none; width: 100%; max-width: 100%; min-height: 30px; padding: 9px 7px 7px 22px; margin-bottom: 0; font-weight: 400; cursor: pointer; }

.checkbox.disabled label { cursor: default; color: #EBEBEB; }
.checkbox.disabled input { opacity: 0.5; }

.textbox label, .textarea label, .dropdown label { float: left; width: 100px; height: 40px; line-height: 40px; margin: 0; font-weight: 600; font-size: 13px; }

.error input, .error textarea, .dropdown.error .wrapper { background: #fff2f2; border-color: #ee0032; }

.error label { color: #ee0032; }

.button .error-msg { display: none; position: absolute; left: 0; top: -60px; background: #ee0032; border: 1px solid #ab0025; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.error-msg { display: block; width: 100%; background: #ee0032; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 12px; font-size: 14px; font-weight: 600; }

.error-msg.active { display: block; }

.error-message { padding: 0.5em 1em; background-color: red; color: #fff; font-weight: bold; }

.tooltip { position: relative; width: 19px; height: 19px; border: 1px solid #c6c6c6; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #fff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZjlmOWY5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(8%, #ffffff), color-stop(8%, #ffffff), color-stop(9%, #f9f9f9), color-stop(100%, #f1f1f1)); background-image: -moz-linear-gradient(#ffffff 8%, #ffffff 8%, #f9f9f9 9%, #f1f1f1 100%); background-image: -webkit-linear-gradient(#ffffff 8%, #ffffff 8%, #f9f9f9 9%, #f1f1f1 100%); background-image: linear-gradient(#ffffff 8%, #ffffff 8%, #f9f9f9 9%, #f1f1f1 100%); background: #f5f5f5; cursor: pointer; }
.tooltip > span { display: block; width: 20px; text-align: center; line-height: 19px; letter-spacing: -1px; font-weight: 600; }
.tooltip > p { display: none; position: absolute; width: 200px; margin: 0; padding: 10px 14px 8px; left: -240px; top: -7px; color: #FFF; background: #4E4E4E; font-weight: 600; }
.tooltip > p > span { position: absolute; right: -9px; top: 11px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 9px; border-color: transparent transparent transparent #4e4e4e; }

.tooltip:hover p { display: block; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) { .dropdown .arrow { background-image: url(https://images.blackmagicdesign.com/media/webstore/shared/store-icons@2x.png); background-size: 175px 356px !important; } }
.button { position: relative; display: inline-block; vertical-align: top; height: 42px; padding: 0 80px; line-height: 42px; font-size: 14px; font-weight: 600; background: #00AEEF; color: #FFF; text-decoration: none; border: 1px solid #0088cf; outline: none; -webkit-font-smoothing: antialiased; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); background-color: #0099ea; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWVlZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTllYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00aeef), color-stop(100%, #0099ea)); background-image: -moz-linear-gradient(top, #00aeef, #0099ea); background-image: -webkit-linear-gradient(top, #00aeef, #0099ea); background-image: linear-gradient(to bottom, #00aeef, #0099ea); }
.button:hover { cursor: pointer; background: #0092e0; }
.button.style-1 { border-color: #2eb665; background-color: #32ba69; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzY2M3MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMyYmE2OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33cc72), color-stop(100%, #32ba69)); background-image: -moz-linear-gradient(top, #33cc72, #32ba69); background-image: -webkit-linear-gradient(top, #33cc72, #32ba69); background-image: linear-gradient(to bottom, #33cc72, #32ba69); }
.button.style-1:hover { background: #30b264; }
.button.style-1.icon-left { padding: 0 66px 0 94px; }
.button.style-1.icon-left span { position: absolute; left: 65px; top: 13px; width: 18px; height: 14px; background: url(https://images.blackmagicdesign.com/media/webstore/shared/store-icons.png) no-repeat; opacity: 0.95; }
.button.style-1.icon-left.disabled span { background-position: 0 -15px; }
.button.style-2 { height: 27px; line-height: 24px; padding: 0 18px; color: #363636; border-color: #c5c5c5; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); background-color: #fff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZjlmOWY5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(8%, #ffffff), color-stop(8%, #ffffff), color-stop(9%, #f9f9f9), color-stop(100%, #f1f1f1)); background-image: -moz-linear-gradient(#ffffff 8%, #ffffff 8%, #f9f9f9 9%, #f1f1f1 100%); background-image: -webkit-linear-gradient(#ffffff 8%, #ffffff 8%, #f9f9f9 9%, #f1f1f1 100%); background-image: linear-gradient(#ffffff 8%, #ffffff 8%, #f9f9f9 9%, #f1f1f1 100%); }
.button.style-2.print { padding: 0 40px 0 34px; }
.button.style-2.print span { position: absolute; right: 14px; top: 6px; width: 14px; height: 14px; background: url(https://images.blackmagicdesign.com/media/webstore/shared/store-icons.png) no-repeat 0 -56px; opacity: 0.85; }
.button.style-2.edit { padding: 0 40px 0 34px; }
.button.style-2.edit span { position: absolute; right: 14px; top: 5px; width: 14px; height: 14px; background: url(https://images.blackmagicdesign.com/media/webstore/shared/store-icons.png) no-repeat 0 -41px; opacity: 0.95; }
.button.style-2.disabled span { opacity: 0.2; }
.button.style-2:hover { background: #f1f1f1; }
.button.style-3 { height: 27px; line-height: 24px; padding: 0 18px; color: #FFF; border-color: #0089cd; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); background-color: #0099ea; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWVlZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTllYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00aeef), color-stop(100%, #0099ea)); background-image: -moz-linear-gradient(top, #00aeef, #0099ea); background-image: -webkit-linear-gradient(top, #00aeef, #0099ea); background-image: linear-gradient(to bottom, #00aeef, #0099ea); }
.button.style-3:hover { background: #0092e0; }
.button.style-4 { height: 27px; line-height: 24px; padding: 0 28px; color: #363636; border-color: #c5c5c5; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); background-color: #fff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZjlmOWY5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(8%, #ffffff), color-stop(8%, #ffffff), color-stop(9%, #f9f9f9), color-stop(100%, #f1f1f1)); background-image: -moz-linear-gradient(#ffffff 8%, #ffffff 8%, #f9f9f9 9%, #f1f1f1 100%); background-image: -webkit-linear-gradient(#ffffff 8%, #ffffff 8%, #f9f9f9 9%, #f1f1f1 100%); background-image: linear-gradient(#ffffff 8%, #ffffff 8%, #f9f9f9 9%, #f1f1f1 100%); }
.button.style-4:hover { background: #f1f1f1; }
.button.style-4.active { color: #FFF; border-color: #0089cd; background: #434343; border: 0; -moz-box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.75); box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.75); }
.button.style-4.active:hover { background: #333; }
.button.style-5 { height: 27px; line-height: 24px; padding: 0 18px; color: #FFF; border-color: #2eb665; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); background-color: #32ba69; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzY2M3MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMyYmE2OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33cc72), color-stop(100%, #32ba69)); background-image: -moz-linear-gradient(top, #33cc72, #32ba69); background-image: -webkit-linear-gradient(top, #33cc72, #32ba69); background-image: linear-gradient(to bottom, #33cc72, #32ba69); }
.button.style-5:hover { background: #30b264; }
.button.style-6.delete { height: 40px; width: 40px; padding: 0; background: none; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.button.style-6.delete span { position: absolute; right: 15px; top: 15px; width: 10px; height: 10px; background: url(https://images.blackmagicdesign.com/media/webstore/shared/store-icons.png) no-repeat 0 -72px; }
.button.style-6.delete:hover { opacity: 1; }
.button.style-6.delete:hover span { background-position: 0 -84px; }
.button.button.style-7 { height: 27px; line-height: 24px; padding: 0 18px; color: #FFF; border-color: #2a2a2a; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1NzU3NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM2MzYzNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #757575), color-stop(100%, #363636)); background-image: -moz-linear-gradient(top, #757575, #363636); background-image: -webkit-linear-gradient(top, #757575, #363636); background-image: linear-gradient(to bottom, #757575, #363636); }
.button.button.style-7:hover { background: #313131; }
.button.style-8 { height: 27px; line-height: 24px; padding: 0 18px; color: #FFF; border-color: #f48c00; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); background-color: #f18400; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3OWIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxODQwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f79b00), color-stop(100%, #f18400)); background-image: -moz-linear-gradient(top, #f79b00, #f18400); background-image: -webkit-linear-gradient(top, #f79b00, #f18400); background-image: linear-gradient(to bottom, #f79b00, #f18400); }
.button.style-8:hover { background: #e77e00; }
.button.disabled { color: #cacaca; border-color: #e3e3e3 !important; background: #FFF !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.button.disabled:hover { cursor: default; opacity: 1; }
.button.backorder { background: linear-gradient(to bottom, #bbbbbb, #cccccc) repeat scroll 0% 0%/100% auto #ccc; border: 1px solid #bbb; outline: medium none; box-sizing: border-box; cursor: default; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) { .button.style-1.cart span, .button.style-2.print span, .button.style-2.edit span, .button.style-6.delete span { background-image: url(https://images.blackmagicdesign.com/media/webstore/shared/store-icons@2x.png); background-size: 175px 356px !important; } }
.buttonX { position: relative; display: inline-block; vertical-align: top; height: 27px; line-height: 24px; padding: 0 18px; font-size: 14px; font-weight: 600; background: #00AEEF; color: #FFF; text-decoration: none; border: 1px solid #0088cf; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); background-color: #0099ea; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWVlZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTllYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00aeef), color-stop(100%, #0099ea)); background-image: -moz-linear-gradient(top, #00aeef, #0099ea); background-image: -webkit-linear-gradient(top, #00aeef, #0099ea); background-image: linear-gradient(to bottom, #00aeef, #0099ea); outline: none; }
.buttonX:hover { cursor: pointer; background: #0092e0; }
.buttonX.large { height: 42px; padding: 0 80px; line-height: 42px; }
.buttonX.secondary { border-color: #2eb665; background-color: #32ba69; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzY2M3MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMyYmE2OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33cc72), color-stop(100%, #32ba69)); background-image: -moz-linear-gradient(top, #33cc72, #32ba69); background-image: -webkit-linear-gradient(top, #33cc72, #32ba69); background-image: linear-gradient(to bottom, #33cc72, #32ba69); }
.buttonX.secondary:hover { background: #30b264; }
.buttonX.secondary.cart { padding: 0 66px 0 94px; }
.buttonX.secondary.cart span { position: absolute; left: 65px; top: 13px; width: 18px; height: 14px; background: url(https://images.blackmagicdesign.com/media/webstore/shared/store-icons.png) no-repeat; opacity: 0.95; }
.buttonX.secondary.cart.disabled span { background-position: 0 -15px; }
.buttonX.primary { height: 27px; line-height: 24px; padding: 0 18px; color: #363636; border-color: #c5c5c5; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); background-color: #fff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZjlmOWY5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(8%, #ffffff), color-stop(8%, #ffffff), color-stop(9%, #f9f9f9), color-stop(100%, #f1f1f1)); background-image: -moz-linear-gradient(#ffffff 8%, #ffffff 8%, #f9f9f9 9%, #f1f1f1 100%); background-image: -webkit-linear-gradient(#ffffff 8%, #ffffff 8%, #f9f9f9 9%, #f1f1f1 100%); background-image: linear-gradient(#ffffff 8%, #ffffff 8%, #f9f9f9 9%, #f1f1f1 100%); }
.buttonX.primary.print { padding: 0 40px 0 34px; }
.buttonX.primary.print span { position: absolute; right: 14px; top: 6px; width: 14px; height: 14px; background: url(https://images.blackmagicdesign.com/media/webstore/shared/store-icons.png) no-repeat 0 -56px; opacity: 0.85; }
.buttonX.primary.edit { padding: 0 40px 0 34px; }
.buttonX.primary.edit span { position: absolute; right: 14px; top: 5px; width: 14px; height: 14px; background: url(https://images.blackmagicdesign.com/media/webstore/shared/store-icons.png) no-repeat 0 -41px; opacity: 0.95; }
.buttonX.primary.disabled span { opacity: 0.2; }
.buttonX.primary:hover { background: #f1f1f1; }
.buttonX.wide { padding: 0 28px; }
.buttonX.active { color: #FFF; border-color: #0089cd; background: #434343; border: 0; -moz-box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.75); box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.75); }
.buttonX.active:hover { background: #333; }
.buttonX.delete { height: 40px; width: 40px; padding: 0; background: none; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.buttonX.delete span { position: absolute; right: 15px; top: 15px; width: 10px; height: 10px; background: url(https://images.blackmagicdesign.com/media/webstore/shared/store-icons.png) no-repeat 0 -72px; }
.buttonX.delete:hover { opacity: 1; }
.buttonX.delete:hover span { background-position: 0 -84px; }
.buttonX.buttonX.alt { height: 27px; line-height: 24px; padding: 0 18px; color: #FFF; border-color: #2a2a2a; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1NzU3NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM2MzYzNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #757575), color-stop(100%, #363636)); background-image: -moz-linear-gradient(top, #757575, #363636); background-image: -webkit-linear-gradient(top, #757575, #363636); background-image: linear-gradient(to bottom, #757575, #363636); }
.buttonX.buttonX.alt:hover { background: #313131; }
.buttonX.legacy { height: 27px; line-height: 24px; padding: 0 18px; color: #FFF; border-color: #f48c00; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); background-color: #f18400; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3OWIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxODQwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f79b00), color-stop(100%, #f18400)); background-image: -moz-linear-gradient(top, #f79b00, #f18400); background-image: -webkit-linear-gradient(top, #f79b00, #f18400); background-image: linear-gradient(to bottom, #f79b00, #f18400); }
.buttonX.legacy:hover { background: #e77e00; }
.buttonX.disabled { color: #cacaca; border-color: #e3e3e3 !important; background: #FFF !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.buttonX.disabled:hover { cursor: default; opacity: 1; }

@-webkit-keyframes fadeout { from { background-color: rgba(46, 47, 47, 0.9); }
  to { background-color: rgba(54, 55, 55, 0.9); } }
@-moz-keyframes moz-fadeout { from { background-color: rgba(46, 47, 47, 0.9); }
  to { background-color: rgba(54, 55, 55, 0.9); } }
.bump-animation { animation: bumpAnimation ease-out 0.4s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: bumpAnimation ease-out 0.4s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: bumpAnimation ease-out 0.4s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: bumpAnimation ease-out 0.4s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: bumpAnimation ease-out 0.4s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; }

@keyframes bumpAnimation { 0% { transform: rotate(0deg) scaleX(1.35) scaleY(1.35) skewX(0deg) skewY(0deg); }
  100% { transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }
@-moz-keyframes bumpAnimation { 0% { -moz-transform: rotate(0deg) scaleX(1.35) scaleY(1.35) skewX(0deg) skewY(0deg); }
  100% { -moz-transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }
@-webkit-keyframes bumpAnimation { 0% { -webkit-transform: rotate(0deg) scaleX(1.35) scaleY(1.35) skewX(0deg) skewY(0deg); }
  100% { -webkit-transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }
@-o-keyframes bumpAnimation { 0% { -o-transform: rotate(0deg) scaleX(1.35) scaleY(1.35) skewX(0deg) skewY(0deg); }
  100% { -o-transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }
@-ms-keyframes bumpAnimation { 0% { -ms-transform: rotate(0deg) scaleX(1.35) scaleY(1.35) skewX(0deg) skewY(0deg); }
  100% { -ms-transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }

/*# sourceMappingURL=global.css.map */