#main-content .container {
padding-top: 0 !important;
max-width: 100%;
width: 100%;
}
.entry-content {
padding-bottom: 0;
}
#left-area {
padding-bottom: 0;
}
#ems-page .bootstrap-wrapper .row-container > div.row:not(.row-fullwidth) {
max-width: 1180px;
}
#ems-page .bootstrap-wrapper .row-container > div.row.smaller-width {
max-width: 1020px;
}
#ems-page .bootstrap-wrapper .row-container > div.row {
margin: 0 auto;
}
#ems-page .bootstrap-wrapper .row-container {
padding-top: 30px;
padding-bottom: 30px;
}
#ems-page .no-spacing-top {
padding-top: 0 !important;
margin-top: 0 !important;
}
#ems-page .no-spacing-bottom {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
#ems-page .no-spacing-y {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#ems-page .spacing-bottom-20 {
margin-bottom: 20px !important;
}
#ems-page .bootstrap-wrapper .vertical-align {
display: flex;
align-items: center;
}
#ems-page .bootstrap-wrapper p {
padding: 0;
}
@font-face {
font-family: "Gilroy ExtraBold";
src: url("/source/5feea106ee44a973c740b2d2eaef2129/gilroy-extrabold.otf") format("opentype")
}
@font-face {
font-family: "gilroy";
src: url("/source/12291f6e7e812fbb311b2fe112b8e94b/Gilroy-Light.otf") format("opentype")
}
#ems-page {
font-family: 'Gilroy', Helvetica, Arial, Lucida, sans-serif;
}
#ems-page b {
font-family: "Gilroy ExtraBold", Helvetica, Arial, Lucida, sans-serif;
}
#ems-page .row-white {
background: white;
}
#ems-page .row-gray {
background: #F1F1F1;
}
#ems-page .row-dark-gray {
background: #D7D7D7;
}
#ems-page .row-gray-background-tile {
background-image: url("/source/1be0626110ee4329589f15a41a57c4ff/Box-image-background-tile.jpg")
}
#ems-page .text-white {
color: white;
}
#ems-page h2 {
font-weight: 700;
font-size: 24px;
margin-top: 10px;
}
#ems-page h3 {
font-weight: 700;
font-size: 20px;
margin-top: 10px;
}
#ems-page #header-block h1 {
font-family: "Gilroy ExtraBold", Helvetica, Arial, Lucida, sans-serif;
font-size: 36px;
color: white;
}
#ems-page #header-block h2, #ems-page #header-block h3 {
font-weight: normal;
}
#ems-page #header-block p {
color: white;
}
#ems-page ul {
list-style-image: none;
padding: 0 0 15px 1em;
}
#ems-page #header-block ul {
list-style-type: none;
padding: 15px 0 15px 0;
margin-bottom: 10px;
}
#ems-page #header-block ul li {
color: white;
font-size: 24px;
font-weight: bold;
padding-bottom: 0;
}
#ems-page #header-block .left-tab {
display: flex;
width: 50%;
margin-bottom: 150px;
float: left;
text-align: right;
background: transparent;
margin-top: 30px;
}
#ems-page #header-block .left-tab .left-tab-subblock {
display: flex;
border: solid 5px white;
width: 100px;
margin-left: auto;
border-right: none;
background: rgba(255, 255, 255, 0.75);
}
#ems-page #header-block .left-tab .left-tab-subblock2 {
display: inline-block;
margin: auto;
}
#ems-page #header-block .left-tab .header-block-left-text {
transform: rotate(-90deg);
white-space: nowrap;
margin-left: -49px;
color: #194fa5;
font-size: 24px;
font-family: 'Gilroy ExtraBold', Helvetica, Arial, Lucida, sans-serif;
}
#ems-page #header-block .right-body-container {
position: relative;
width: 50%;
display: flex;
float: left;
text-align: left;
background-color: rgba(0, 38, 127, 0.75);
}
#ems-page #header-block .right-body-container .right-body {
display: flex;
border: solid 5px white;
border-left: none;
max-width: 600px;
margin: 30px 30px 150px 0;
}
#ems-page #header-block .right-body-container .right-body-text {
flex-wrap: wrap;
padding-left: 50px;
padding-right: 50px;
color: white;
}
#ems-page #header-block .right-body-container .right-body-text ul {
margin: 10px 0;
list-style-type: none !important;
padding-left: 0;
}
#ems-page #header-block-background {
display: flex;
background-position: center;
background-size: cover;
background-color: rgba(0, 38, 127, 1);
}
#ems-page .btn {
font-family: "Gilroy ExtraBold", Helvetica, Arial, Lucida, sans-serif;
font-size: 24px;
letter-spacing: 1px;
border-radius: 10px;
padding: 10px 15px;
color: white;
background: #1ec279;
border: none;
}
#ems-page .header-button-a {
display: inline-block;
position: absolute;
}
#ems-page .header-button-b {
display: none;
text-align: center;
margin: 20px auto 100px;
}
#ems-page #top-button-quote .btn {
margin-top: 55px;
margin-left: -12px;
min-width: 180px;
width: auto;
}
#ems-page #top-button-quote {
z-index: 2;
}
#ems-page #top-button-download {
padding-left: 200px;
}
#ems-page #top-button-download .btn {
margin-top: 55px;
background-color: #0aa0f0;
min-width: 180px;
}
#ems-page .buttons .quote-my-design {
min-width: 275px;
margin-right: 10px;
}
#ems-page .buttons .download-free-cad {
min-width: 275px;
margin-left: 10px;
background: #194fa5;
}
#ems-page #customers-include > div {
background: white;
text-align: center;
font-size: 30px;
padding: 20px;
border-bottom: solid 1px #efefef;
}
#ems-page #customers-include img {
width: 500px;
margin-left: 20px;
vertical-align: middle;
padding-bottom: 12px;
}
#ems-page .col-blue-background {
background: #194fa5;
color: white;
}
#ems-page .row-list-two-sides {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
#ems-page .row-list-two-sides > [class*='col-'] {
display: flex;
flex-direction: column;
}
#ems-page .row-list-two-sides h2 {
font-size: 30px;
}
#ems-page .row-list-two-sides .sides-content {
max-width: 600px;
margin-bottom: 20px;
}
#ems-page .row-list-two-sides .side-left {
margin-left: auto;
padding-right: 95px;
text-align: left;
}
#ems-page .row-list-two-sides .side-right {
padding-left: 70px;
}
#ems-page .row-list-two-sides .sides-content ul {
padding: 15px 0 15px .8em;
}
#ems-page .row-list-two-sides .sides-content ul li {
padding: 5px;
}
#ems-page .col-gray-background {
background: #f1f0f2;
}
#ems-page .blue-textured-background {
width: 100%;
padding-bottom: 50px;
background-size: cover;
background-position: top center;
background-image: url("/source/442e4168e270cf0ebc5ad167358aaa3e/blue-textured-background.jpg");
} #ems-page .slider hr {
width: 60px;
background-color: #e7531c;
border: none;
height: 4px;
text-align: left;
margin-left: 0;
display: none;
}
#ems-page .slider .slider-content {
width: 203px;
height: 340px;
float: left;
background: #f1f0f2;
padding: 20px;
box-shadow: 2px 3px 10px -1px rgba(0, 0, 0, 0.97);
border-bottom: solid 10px #e7531c;
margin: 10px;
overflow-y: auto;
font-size: 15px;
}
#ems-page .slider .slider-content img {
margin: 0 auto;
}
#ems-page .slider .slick-dots {
margin-bottom: -15px;
}
#ems-page .slider .slick-arrow {
font-size: 0;
}
#ems-page .slick-dots li.slick-active button:before,
#ems-page .slick-dots li button:before {
color: white;
font-size: 16px;
}
#ems-page .harvey-tool-logo {
display: block;
margin: 35px auto auto;
}
#ems-page .cutting-tools .row {
display: flex;
align-items: center;
}
#ems-page .cutting-tools h3 {
font-family: 'Gilroy ExtraBold', Helvetica, Arial, Lucida, sans-serif;
}
#ems-page .cutting-tools .row > div,
#ems-page .cutting-tools .row > div p {
text-align: center;
}
#ems-page .cutting-tools .buttons .quote-my-design,
#ems-page .cutting-tools .buttons .download-free-cad {
margin: 5px;
}
#youtube-block {
max-width: 960px;
margin: 0 auto;
text-align: center;
}
#youtube-block .lazy-load-div {
background: url("/source/e0d585b833ff6c46d546ffade575ad1c/home-youtube-md.png") center center no-repeat;
opacity: 0.75;
}
#youtube-block .lazy-load-div:hover {
opacity: 1;
}
#youtube-block .preview-youtube {
background: url("/source/1b8d0bcb26295a747067f767ce9fa626/youtube-thumbnail.webp") center center no-repeat !important;
background-size: contain !important;
}
.no-webp {
#youtube-block .preview-youtube {
background: url("/source/bf4642037f9fa126497a62dea729468d/youtube-thumbnail.jpg") center center no-repeat !important;
background-size: contain !important;
}
}
#ems-page #small-images {
margin-bottom: 20px;
}
#ems-page #small-images ul {
padding-left: 0;
list-style-image: none;
}
#ems-page #small-images li {
width: 24%;
float: left;
margin: 0 1% 0 0;
list-style-type: none;
}
#ems-page #small-images img {
border: 0 none;
display: inline-block;
height: auto;
max-width: 100%;
vertical-align: middle;
} #ems-page #compatible-materials .col-auto-container {
display: flex;
}
#ems-page #compatible-materials a {
text-decoration: none;
}
#ems-page #compatible-materials .col-auto {
display: inline-block;
height: 85px;
width: 164px;
position: relative;
margin: 8px;
overflow: hidden;
}
#ems-page #compatible-materials .col-auto:hover:after {
content: "\A";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
#ems-page #compatible-materials .col-auto .label {
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
color: white;
width: 100%;
text-align: left;
padding: 3px 3px 3px 10px;
font-size: 18px;
font-weight: normal;
display: block;
border-radius: 0;
} #ems-page .similar-processes .container {
display: inline-block;
width: 300px;
height: 193px;
overflow: hidden;
cursor: pointer;
margin: 25px;
padding: 0;
box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
}
#ems-page .similar-processes .content {
position: absolute;
top: 160px;
min-height: 200px;
padding: 0 15px 15px;
background-color: rgba(0, 0, 0, 0.5);
margin: 0;
color: white;
font-weight: normal;
text-align: left;
}
#ems-page .similar-processes .content .description {
font-size: 15px;
line-height: 20px;
color: white;
}
#ems-page .similar-processes .content h3 {
font-weight: 400;
font-size: 18px;
margin-top: 8px;
padding-top: 0;
}
#ems-page .similar-processes a {
text-decoration: none;
} #ems-page .ems-faq {
margin-bottom: 20px;
max-width: 1080px;
}
#ems-page .ems-faq > p.faq-item {
padding: 14px 18px 10px 18px;
}
#ems-page .faq-qa {
font-weight: 700;
}
#ems-page .faq-qa,
#ems-page .faq-a {
font-size: 13pt;
background-color: transparent;
vertical-align: baseline;
white-space: pre-wrap;
padding-right: 15px;
}
#ems-page .row-resources {
border-top: solid 1px silver;
}
#ems-page .row-resources h2 {
border-bottom: solid 1px #efefef;
margin-top: 10px;
margin-bottom: 25px;
padding-bottom: 15px;
}
#ems-page .row-resources .resource {
border: solid 2px black;
padding: 1px 1px 0 1px;
}
#ems-page .row-resources a {
text-decoration: none;
}
#ems-page .row-resources img {
width: 100%;
}
#ems-page .row-resources .label {
background: #194fa5;
border-radius: 0;
color: white;
padding: 10px 15px;
font-weight: normal;
font-size: 20px;
white-space: nowrap;
display: block;
margin: 1px 0;
}
#ems-page .row-columns-height-equal {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
#ems-page .row-columns-height-equal .column-equal {
display: flex;
flex-wrap: wrap;
}
#ems-page .row-columns-height-equal .column-equal img {
object-fit: cover;
height: 100%;
width: 100%;
}
@media screen and (max-width: 1380px) {
#ems-page .slider .slick-arrow {
display: none !important;
}
}
@media screen and (max-width: 1200px) {
#ems-page .header-button-a {
left: 50%;
transform: translateX(-50%);
}
#ems-page #top-button-download {
padding-left: 0;
}
#ems-page #header-block .right-body-container .right-body {
margin-bottom: 170px;
}
#ems-page #top-button-quote .btn {
margin-top: 29px;
}
#ems-page #top-button-download .btn {
margin-top: 93px;
}
#ems-page #top-button-quote .btn,
#ems-page #top-button-download .btn {
margin-left: 0;
width: 275px;
}
#ems-page .row-resources .resource {
margin-bottom: 20px;
}
#ems-page .row-resources .label {
font-size: 20px;
}
}
@media screen and (max-width: 992px) {
#ems-page .ems-img-responsive-sm {
max-height: 400px;
}
#ems-page .row-columns-height-equal .column-equal {
justify-content: center;
order: 2;
}
#ems-page .row-columns-height-equal .column-equal img {
margin-top: 20px;
width: auto;
max-height: 400px;
height: auto;
}
#ems-page .spacing-bottom-md-20 {
margin-bottom: 20px !important;
}
#ems-page .no-spacing-bottom-md {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
#ems-page .no-spacing-top-md {
padding-top: 0 !important;
margin-top: 0 !important;
}
}
@media screen and (max-width: 950px) {
#ems-page #header-block ul {
margin-top: 20px;
}
#ems-page #header-block ul li {
padding-bottom: 10px;
}
#ems-page .row-list-two-sides .side-left,
#ems-page .row-list-two-sides .side-right {
padding: 0;
margin: 0;
}
}
@media screen and (max-width: 768px) {
#ems-page .bootstrap-wrapper .vertical-align {
display: block;
}
#ems-page #header-block .left-tab {
display: none;
width: 0;
margin-bottom: 0;
}
#ems-page #header-block .right-body-container {
width: 100%;
display: block;
}
#ems-page #header-block .right-body-container .right-body-text {
padding-left: 20px;
padding-right: 20px;
}
#ems-page #header-block .right-body-container .right-body {
border-left: solid 5px white;
margin: 30px;
text-align: center;
max-width: 100%;
}
#ems-page #header-block .header-button-a {
display: none;
}
#ems-page #header-block .header-button-b {
display: block;
margin-bottom: 30px;
}
#ems-page #customers-include img {
width: 80%;
margin-left: 0;
min-width: 0;
margin-top: 20px;
}
#ems-page .row-list-two-sides .sides-content ul {
padding-top: 0;
}
#ems-page .row-list-two-sides .sides-content ul li {
padding: 0;
}
#ems-page .buttons .quote-my-design,
#ems-page .buttons .download-free-cad {
margin: 20px 0 0 0;
min-width: 275px;
}
#ems-page .row-resources .label {
padding: 10px 5px;
font-size: 15px;
}
#ems-page #small-images ul {
margin-left: -15px;
margin-right: -15px;
}
#ems-page #small-images li {
width: 50%;
padding: 15px;
margin: 0;
}
#ems-page #small-images img {
width: 100%;
}
}
@media screen and (max-width: 375px) {
#ems-page .row-resources .label {
font-size: 12px;
}
}