#emsform-powder-coat-wrapper {
margin: 0 20px;
}
#emsform-powder-coat {
max-width: 1180px;
margin: 0 auto;
}
#invisible-items {
display: none;
}
span.item-label {
font-weight: bold;
}
#filter-groups #list-group-mobile {
margin-bottom: 0;
}
#filter-groups #list-group-mobile .glyphicon {
font-size: 15px;
}
#filter-groups #list-group-desktop {
border: 1px solid #ECECEC;
border-radius: 0;
padding: 12px;
}
#emsform-powder-coat #filter-groups #list-group-desktop.collapse {
display: block;
height: auto !important;
}
#filter-groups #list-group-desktop .list-group-item:first-child {
border-top: none;
}
#filter-groups #list-group-desktop .list-group-item:last-child {
border-bottom: none;
}
#filter-groups a {
text-decoration: none;
border-radius: 0;
}
#filter-groups #list-group-desktop a {
border-left-color: transparent;
border-right-color: transparent;
}
#filter-groups a.active {
background-color: #284EA4;
border-color: #284EA4;
}
#filter-groups a.active:hover {
background-color: #294386;
border-color: #294386;
}
#powder-coat-filters .form-inline {
padding: 20px 0 0 0;
border-top: 1px solid #e6e6e6;
}
#filter-color-label {
line-height: 33px;
vertical-align: middle;
margin-bottom: 0;
font-size: 17px;
}
#filter-color-label {
font-weight: normal;
}
#filter-color {
border-radius: 0;
font-size: 17px;
}
#header-title,
#emsform-powder-coat .item-title,
#emsform-powder-coat .item-label,
#lightbox-modal span.item-label,
#lightbox-title {
font-family: 'gilroy-extrabold', 'gilroy-light', Arial, sans-serif;
}
#emsform-powder-coat .btn-group {
width: 100%;
}
#emsform-powder-coat .btn-group > .btn {
border-radius: 0 !important;
}
.powder-coat-item {
border: 1px solid transparent;
cursor: pointer;
}
.powder-coat-item:hover {
border: 1px solid silver;
border-radius: 1px;
}
#header-title {
background-color: #194fa5;
height: 60px;
padding: 15px 0;
margin: 0;
text-align: center;
}
#header-title span {
color: white;
font-size: 32px;
font-weight: bold;
}
#header-filter {
padding: 15px 0;
margin: 0;
}
#select-label {
color: white;
font-weight: normal;
font-size: 21px;
margin: 0;
vertical-align: middle;
}
#filter {
background-color: #194fa5;
border-color: #194fa5;
}
#filter:hover, #filter:active {
background-color: #1951cd;
border-color: #1951cd;
}
#powder-coat-items-container {
padding: 10px 0;
}
#emsform-powder-coat .powder-coat-col-1 {
margin-right: 6px;
}
#emsform-powder-coat .powder-coat-col-2 {
margin: 0 3px;
}
#emsform-powder-coat .powder-coat-col-3 {
margin-left: 6px;
}
#emsform-powder-coat .item-container {
padding: 0;
margin-bottom: 10px;
}
#emsform-powder-coat .item-thumbnail {
margin: 10px 0;
}
#emsform-powder-coat .img-powder-coat {
cursor: pointer;
height: 150px;
margin: 0 auto;
}
#emsform-powder-coat .item-container > div {
padding: 4px 8px;
font-size: 15px;
}
#emsform-powder-coat .item-container .item-sku {
text-align: center;
}
#emsform-powder-coat .item-container .item-title {
text-align: center;
font-weight: bold;
font-size: 18px;
}
#emsform-powder-coat .item-container .quantity-row div:not(:first-child) {
text-align: center;
}
#emsform-powder-coat .item-container .cost-row div:not(:first-child) {
font-family: 'gilroy-extrabold', 'gilroy-light', Arial, sans-serif;
text-align: center;
font-weight: bold;
font-size: 13px;
color: #19c476;
}
#emsform-powder-coat .item-container .quantity-row > div:first-child,
#emsform-powder-coat .item-container .cost-row > div:first-child {
max-width: 115px;
}
#emsform-powder-coat #powder-coat-pagination-block {
text-align: center;
border-bottom: 1px solid #dfdfdf;
border-radius: 1px;
min-height: 80px;
padding: 10px 0;
margin-top: 20px;
}
#emsform-powder-coat #powder-coat-pagination {
margin-left: 135px;
margin-top: 10px;
margin-bottom: 0;
}
#emsform-powder-coat #powder-coat-pagination > li > span,
#emsform-powder-coat #powder-coat-pagination > li > a {
cursor: pointer;
color: black;
}
#emsform-powder-coat #powder-coat-pagination > li > span,
#emsform-powder-coat #powder-coat-pagination > li > a {
border: none;
}
#emsform-powder-coat #powder-coat-pagination > .active > span {
font-weight: bold;
background-color: transparent;
color: #294386;
}
#emsform-powder-coat #powder-coat-pagination > .disabled > span {
color: silver;
cursor: not-allowed;
}
#emsform-powder-coat #powder-coat-count-select {
float: right;
margin: 10px 0;
width: 150px;
text-align: right;
}
#emsform-powder-coat #powder-coat-count-select > label {
font-weight: normal;
margin-bottom: 0;
vertical-align: middle;
}
#emsform-powder-coat #powder-coat-show {
border-radius: 0;
}
#lightbox-modal {
z-index: 100000;
background-color: rgba(50,50,50,0.5);
}
#lightbox-modal > div.modal-dialog {
min-width: 700px;
}
#lightbox-modal .modal-header {
border-bottom: none;
}
#lightbox-modal .modal-content {
box-shadow: none;
border: 4px solid #1d4ea5;
border-radius: 0;
}
#lightbox-modal span.item-label {
min-width: 75px;
float: left;
}
#lightbox-title {
text-align: center;
font-size: 40px;
line-height: 40px
}
#lightbox-image {
max-height: 500px;
}
#lightbox-modal .quantity-row span.item-label,
#lightbox-modal .cost-row span.item-label{
min-width: 100px;
float: left;
}
#lightbox-modal .quantity-row div:not(:first-child) {
text-align: center;
}
#lightbox-modal .cost-row div:not(:first-child) {
font-family: 'gilroy-extrabold', 'gilroy-light', Arial, sans-serif;
text-align: center;
font-weight: bold;
color: #19c476;
}
#lightbox-modal,
#lightbox-modal .quantity-row div,
#lightbox-modal .cost-row div {
font-size: 17px;
}
#lightbox-modal .quantity-row > div:first-child,
#lightbox-modal .cost-row > div:first-child {
max-width: 115px;
}
#lightbox-prev {
cursor: pointer;
float: left;
background: url("/source/4c3263d815420d91e6e07b9d13793781/prev.png") no-repeat center center;
width: 30px;
min-height: 300px;
}
#lightbox-next {
cursor: pointer;
float: right;
background: url("/source/bcfff66a1bac80e35cae47b3eef65612/next.png") no-repeat center center;
width: 30px;
min-height: 300px;
}
.prev-next-disabled {
cursor: not-allowed !important;
opacity: 0.4 !important;
filter: alpha(opacity=40) !important; }
@media screen and (max-width: 1199px) {
#lightbox-modal > div.modal-dialog {
min-width: 0;
}
#emsform-powder-coat .powder-coat-row {
margin-bottom: 0;
}
#emsform-powder-coat .item-container {
margin-bottom: 10px;
}
#emsform-powder-coat .powder-coat-col-1,
#emsform-powder-coat .powder-coat-col-2,
#emsform-powder-coat .powder-coat-col-3 {
margin: 0;
}
#lightbox-modal .quantity-row div,
#lightbox-modal .cost-row div {
font-size: 15px;
}
}
@media screen and (max-width: 768px) {
#emsform-powder-coat {
padding: 0 20px;
}
#emsform-powder-coat #filter-groups #list-group-desktop.collapse {
display: none;
}
#emsform-powder-coat #filter-groups #list-group-desktop.collapse.in {
display: block;
}
#emsform-powder-coat #powder-coat-pagination {
margin-left: 0;
}
#emsform-powder-coat .btn-group > .btn {
min-width: 50%;
}
#emsform-powder-coat .item-container > div {
font-size: 13px;
}
#emsform-powder-coat .item-container .item-title {
font-size: 18px;
}
#emsform-powder-coat .item-container .cost-row div:not(:first-child) {
font-size: 13px;
}
#emsform-powder-coat #powder-coat-filters {
border-top: 1px solid #e6e6e6;
margin-top: 15px;
}
#emsform-powder-coat #powder-coat-filters .form-inline {
border-top: none;
text-align: center;
}
#emsform-powder-coat #powder-coat-filters #filter-color {
display: inline-block;
width: 180px;
}
#emsform-powder-coat #powder-coat-count-select {
float: none;
margin: 0 auto;
text-align: center;
}
#emsform-powder-coat #powder-coat-filters label,
#emsform-powder-coat #powder-coat-count-select > label {
top: 0;
position: relative;
}
#emsform-powder-coat #powder-coat-filters #filter-color-label,
#emsform-powder-coat #powder-coat-count-select > label,
#emsform-powder-coat #powder-coat-count-select > .form-control {
display: inline-block;
width: auto;
}
#lightbox-modal .modal-body {
padding: 0 5px;
}
}#guide-design-tips-modal,
#guide-machining-tips-modal,
#guide-material-selection-modal,
#instant-request-for-quote-modal,
#request-for-quote-modal,
#download-cad-modal {
font-family: 'gilroy', 'gilroy-light', Arial, sans-serif;
z-index: 100000;
background-color: rgba(50,50,50,0.5);
overflow: auto; }
#guide-design-tips-modal strong,
#guide-machining-tips-modal strong,
#guide-material-selection-modal strong,
#download-cad-modal strong {
font-family: 'gilroy-extrabold', 'gilroy', 'gilroy-light', Arial, sans-serif;
}
#guide-design-tips-modal .modal-content,
#guide-machining-tips-modal .modal-content,
#guide-material-selection-modal .modal-content,
#download-cad-modal .modal-content {
border-radius: 12px;
max-width: 760px;
}
#guide-design-tips-modal .modal-dialog,
#guide-machining-tips-modal .modal-dialog,
#guide-material-selection-modal .modal-dialog,
#download-cad-modal .modal-dialog {
width: 760px;
}
#guide-design-tips-modal .modal-header,
#guide-machining-tips-modal .modal-header,
#guide-material-selection-modal .modal-header,
#download-cad-modal .modal-header {
border-bottom: none;
}
#guide-design-tips-modal .modal-footer,
#guide-machining-tips-modal .modal-footer,
#guide-material-selection-modal .modal-footer,
#download-cad-modal .modal-footer {
background-color: #27549d;
color: white;
text-align: center;
font-weight: bold;
font-size: 22px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 8px;
}
#guide-design-tips-modal ul,
#guide-machining-tips-modal ul,
#guide-material-selection-modal ul,
#download-cad-modal ul {
list-style-type: disc;
list-style-image: none;
margin-left: 40px;
margin-top: 15px;
}
#guide-design-tips-modal .modal-title,
#guide-machining-tips-modal .modal-title,
#guide-material-selection-modal .modal-title,
#download-cad-modal .modal-title {
padding-top: 0;
margin-top: 0;
margin-bottom: 15px;
font-size: 36px;
font-weight: bold;
color: #345897;
}
.download-guide-modal .form-inline .guide-first-name, .download-guide-modal .form-inline .guide-email {
display: inline-block;
width: 49%;
font-size: 20px;
border-radius: 7px;
height: 40px;
margin-top: 4px;
}
.download-guide-modal .guide-download-btn {
width: 100%;
background-color: #67b585;
font-size: 24px;
font-weight: bold;
border-radius: 10px;
text-decoration: none;
}
.download-guide-modal .guide-download-btn:hover {
background-color: #7cca9a;
border-color: #7cca9a;
}
#guide-popups-header-block {
margin: 0 20px;
}
.download-guide-modal .modal-title-descr {
margin-top: 10px;
}
@media only screen and (max-width: 840px) and (orientation: landscape) {
#guide-design-tips-modal .modal-content,
#guide-machining-tips-modal .modal-content,
#guide-material-selection-modal .modal-content,
#download-cad-modal .modal-content {
overflow: scroll;
max-height: 100vh;
}
#guide-design-tips-modal .modal-header,
#guide-machining-tips-modal .modal-header,
#guide-material-selection-modal .modal-header,
#download-cad-modal .modal-header {
padding-bottom: 0;
padding-top: 0;
}
#guide-design-tips-modal .modal-title,
#guide-machining-tips-modal .modal-title,
#guide-material-selection-modal .modal-title,
#download-cad-modal .modal-title {
font-size: 25px;
margin-bottom: 0;
line-height: 1;
}
#guide-design-tips-modal .modal-header ul,
#guide-machining-tips-modal .modal-header ul,
#guide-material-selection-modal .modal-header ul,
#download-cad-modal .modal-header ul {
margin: 0 30px;
}
#guide-design-tips-modal .modal-body,
#guide-machining-tips-modal .modal-body,
#guide-material-selection-modal .modal-body,
#download-cad-modal .modal-body {
padding-top: 0;
}
.download-guide-modal .modal-header img.img-guide {
display: block;
max-width: 180px;
}
.download-guide-modal .modal-body img.img-guide {
display: none;
}
.download-guide-modal .form-inline {
text-align: center;
}
.download-guide-modal .form-inline .guide-first-name, .download-guide-modal .form-inline .guide-email {
font-size: 18px;
height: 33px;
width: 49%;
display: inline-block;
}
.download-guide-modal .guide-download-btn {
font-size: 20px;
padding: 4px;
}
.download-guide-modal .i-agree-cb {
margin: 5px 0 0 0;
}
.download-guide-modal .i-agree-cb > label {
font-size: 16px;
}
.download-guide-modal li {
font-size: 15px;
line-height: 15px;
}
.download-guide-modal .modal-body .form-group {
margin-bottom: 5px;
}
.download-guide-modal .modal-title-descr {
margin-top: 0;
}
}
@media only screen and (max-width: 768px) {
#guide-design-tips-modal .modal-content,
#guide-machining-tips-modal .modal-content,
#guide-material-selection-modal .modal-content,
#download-cad-modal .modal-content {
overflow: scroll;
max-height: 100vh;
}
#guide-design-tips-modal .modal-dialog,
#guide-machining-tips-modal .modal-dialog,
#guide-material-selection-modal .modal-dialog,
#download-cad-modal .modal-dialog {
width: auto;
}
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
#guide-design-tips-modal .modal-content,
#guide-machining-tips-modal .modal-content,
#guide-material-selection-modal .modal-content,
#download-cad-modal .modal-content {
overflow: scroll;
max-height: 100vh;
}
.download-guide-modal li {
font-size: 14px;
}
.download-guide-modal .form-inline .guide-first-name, .download-guide-modal .form-inline .guide-email {
width: 100%;
}
.download-guide-modal .img-guide {
display: block;
}
}
@media only screen and (max-width: 425px) {
#guide-design-tips-modal .modal-content,
#guide-machining-tips-modal .modal-content,
#guide-material-selection-modal .modal-content,
#download-cad-modal .modal-content {
overflow: scroll;
max-height: 100vh;
}
#guide-design-tips-modal .modal-title,
#guide-machining-tips-modal .modal-title,
#guide-material-selection-modal .modal-title,
#download-cad-modal .modal-title {
font-size: 17px;
margin-bottom: 0;
line-height: 1;
}
#guide-design-tips-modal .modal-header,
#guide-machining-tips-modal .modal-header,
#guide-material-selection-modal .modal-header,
#download-cad-modal .modal-header {
padding-bottom: 0;
padding-top: 5px;
}
#guide-design-tips-modal .modal-header ul,
#guide-machining-tips-modal .modal-header ul,
#guide-material-selection-modal .modal-header ul,
#download-cad-modal .modal-header ul {
margin: 0 0 0 20px;
}
#guide-design-tips-modal .modal-header ul > li, 
#guide-machining-tips-modal .modal-header ul > li, 
#guide-material-selection-modal .modal-header ul > li,
#download-cad-modal .modal-header ul > li {
line-height: 20px;
}
#guide-design-tips-modal .modal-body,
#guide-machining-tips-modal .modal-body,
#guide-material-selection-modal .modal-body,
#download-cad-modal .modal-body {
padding-top: 10px;
}
.download-guide-modal .img-guide {
margin: 0 auto;
height: 140px;
}
.download-guide-modal .modal-title-descr {
font-size: 14px;
margin-top: 10px;
}
.download-guide-modal .guide-popups-header-block {
margin: 0;
}
.download-guide-modal .modal-body .form-group {
margin-bottom: 5px;
}
.download-guide-modal .modal-body div.checkbox {
margin-bottom: 0;
}
.download-guide-modal .modal-body div.checkbox > label {
font-size: 14px;
line-height: 17px;
}
.download-guide-modal .form-inline .guide-first-name, .download-guide-modal .form-inline .guide-email {
height: 30px;
font-size: 18px;
}
}
@media only screen and (max-width: 320px) {
#guide-design-tips-modal .modal-content,
#guide-machining-tips-modal .modal-content,
#guide-material-selection-modal .modal-content,
#download-cad-modal .modal-content {
overflow: scroll;
max-height: 100vh;
}
.download-guide-modal .img-guide {
display: none;
}
.download-guide-modal .modal-title-descr {
font-size: 13px;
margin-top: 0;
}
.download-guide-modal .modal-body div.checkbox > label {
font-size: 13px;
line-height: 22px;
}
#guide-design-tips-modal .modal-header ul > li,
#guide-machining-tips-modal .modal-header ul > li,
#guide-material-selection-modal .modal-header ul > li,
#download-cad-modal .modal-header ul > li {
font-size: 13px;
line-height: 15px;
}
}