/*End Generated Styles*/@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,700);
@font-face {
  font-family: 'FontAwesome';
  src: url('/uploads/2016/06/21/fontawesome-webfont.eot'); /* IE9 Compat Modes */
  src: url('/uploads/2016/06/21/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/uploads/2016/06/21/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('/uploads/2016/06/21/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('/uploads/2016/06/21/fontawesome-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/uploads/2016/06/21/fontawesome-webfont.svg#svgFontAwesome') format('svg'); /* Legacy iOS */
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {
font-family: "Open Sans", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
color:#3e3e3e;
font-weight:400;
font-size:12px;
}

#header {
padding:20px 30px 10px;
}
#header h1 a {
background:url('/uploads/2017/02/16/logo_goto.png') left center no-repeat;
display:block;
margin: 0 auto;
text-indent: -9999em;
height:40px;
}

#navigation {
font-family: "Open Sans", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

#navigation ul.nav .active > a {
color:#cc0000;
font-weight:bold;
}

#mainbody {
width:100%;
padding:10px 0 30px 0;
}

.img-left {
float: left;
margin: 0 10px 10px 0;
}
.img-right {
float: right;
margin: 0 0 10px 10px;
}
.center {
text-align:center;
}

p {
margin:1em 0;
line-height: 1.3em;
}

#main-image-container {
display:none;
}

#content.whatsnew_empty {
width:100%!important;
}

a img:hover {
opacity:0.8;
}

.home-content {
max-width:910px;
margin:0 auto;
text-align:center;
}

.page-content {
padding:0 2%;
max-width:1200px;
margin:0 auto;
}

.page_title {
font-family: "Open Sans", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-size:2.5em;
font-weight:300;
color:#494949;
margin:0 0 3% 0;
}
.page_title .flourish {
background: url('/uploads/2017/02/16/title-bg.png') top center no-repeat;
top:30px;
}
.page-title-bg{
z-index:50;
}

.btn {
display:block;
background-color:#c61a22;
padding:5px;
margin:15px 0;
color:#fff;
text-decoration:none;
}
.btn:hover {
background-color:#a40e15;
}

/******************************** NAVIGATION ********************************/
#navigation #wdx_nav ul {
  text-align: left;
  display: inline;
  margin: 0;
}
#navigation #wdx_nav ul li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  background: #fff;
  border-bottom: #fff 3px solid;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#navigation #wdx_nav ul li:hover {
  border-bottom: #555 3px solid;
}
#navigation #wdx_nav ul li ul {
  padding: 0;
  position: absolute;
  width: 150px;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
#navigation #wdx_nav ul li ul li { 
  background: #555; 
  display: block; 
  color: #fff;
  border-bottom: #fff 2px solid;
}
#navigation #wdx_nav ul li ul li:hover {
  background: #666;
  border-bottom: #d0d0d0 2px solid;
}
#navigation #wdx_nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
#navigation .nav li:hover ul li a:hover {
  color: #fff;
  background-color: #a60303;
}
#navigation .nav a:hover {
  color: #c80000;
}

/*********************************** HOME ***********************************/
.home-content strong {
color: #c61a22;
font-weight: bold;
font-size: 1.3em;
}

.home-content em {
font-weight: bold;
}

.product-nav {
margin:45px 0;
text-align:center;
}
.product-nav:after {
content: "."; 
visibility: hidden; 
display: block; 
height: 0; 
clear: both;
}

.product-nav img {
border-radius:10px 10px 0 0;
}
#content .product-nav h3 {
font-weight:300;
font-size:1.5em;
text-transform:uppercase;
padding-bottom:0;
}
.product-nav p {
font-style:italic;
padding-top:0;
}

.product-nav a img:hover {
opacity:1;
}
.product-nav-box {
border:#cecece 1px solid;
border-radius:10px;
width:30%;
margin:0 1em;
float:left;
min-height:265px;
cursor:pointer;
text-decoration:none;
}
.product-nav-box:hover {
border:#a54949 1px solid;
}

.product-nav-box .box-title {
display:block;
color:#3e3e3e;
font-size: 1.4em;
font-weight: 300;
text-transform: uppercase;
padding:0 0.5em;
}
.product-nav-box .box-desc {
display:block;
color:#3e3e3e;
font-size: 1.1em;
font-weight: 300;
font-style:italic;
padding:0 0.5em;
}

/******************************** PRODUCTS ********************************/
.product-top-list {
float: left;
width: 31%;
margin: 0 1%;
text-align: center;
}
.product-top-list h3 {
font-weight:300;
font-size:0.6em;
}
#content .product-top-list p {
margin:0;
font-style:italic;
font-size:1.2em;
}
.product-top-list a.btn:before {
content: "\f138";
font-family: "FontAwesome";
margin-right: 8px;
}
#content h3.product-title {
font-size:1.6em;
color:#c61a22;
font-weight:400;
}
#content h4.product-subtitle {
font-size:1.3em;
font-weight:400;
font-style:italic;
padding:0;
}

.page-content .top {
text-align:right;
}
.page-content .top:before {
content: "\f0aa";
font-family: "FontAwesome";
margin-right: 5px;
color:#a54949;
}

.diecut:after {
content: ""; 
display: block; 
height: 0; 
clear: both;
}
.diecut-list {
width:50%;
float:left;
padding:0 15px;
}
.diecut div:first-child + div + div,
.diecut div:first-child + div + div + div + div {
clear:both;
}
.diecut-list img.img-right {
margin-right:20px;
}

/********************************* ABOUT US *********************************/
.timeline {
width:100%;
margin-bottom:2em;
}
.timeline td {
border-bottom:#dadada 1px solid;
}

.location {
width:25%;
float:left;
padding:0 1%;
}
.location-list div:first-child + div + div + div + div {
clear:both;
}
#content p.location-since {
font-size:0.8em;
margin-top:0;
padding-top:0;
}
#content p.location-name {
margin-bottom:0;
padding-bottom:0;
font-weight:700;
}

/********************************* CONTACT **********************************/
.contact-us, .contact-mx { 
width:50%;
float:left;
padding:0 15px;
}
.contact-map {
overflow:hidden;
position:relative;
height:250px;
}
.contact-map iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.contact-us:after, .contact-mx:after { 
content: ""; 
display: block; 
height: 0; 
clear: both;
}
.contact {
width:80%;
margin:0 auto;
border-top:#dcd3d4 1px dotted;
clear:both;
}

#contact_form .required label {
background-position:left;
}
.contact_notice {
margin:0;
}
#contact_form .submit {
margin:15px 0 0 0;
}

#contact_form label,
#contact_form input,
#contact_form textarea,
#contact_form select {
font-family: "Open Sans", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
color:#595959;
font-size:13px;
width:100%;
text-align:left;
padding-left:10px;
}
#contact_form textarea,
#contact_form select,
#contact_form input[type="text"] {
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
#contact_form textarea:focus,
#contact_form input[type="text"]:focus {
  border: solid 1px #cacaca;
  box-shadow: 0 0 5px 1px #d1d1d1;
}
#contact_form input, #contact_form textarea {
font-weight:normal;
}

#contact_form .submit input {
height:auto;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding:10px 20px;
background-color:#c61a22;
color:#fff;
border:none;
font-weight:400;
}
#contact_form .submit input:hover {
background-color:#a40e15;
}

#contact_form div.error-message {
font-family: "Open Sans", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
color:#d90000;
background-color:transparent;
margin:0;
}
#contact_form textarea.form-error,
#contact_form select.form-error,
#contact_form input.form-error {
border: solid 1px #dda8a8;
background-color:#ffffff;
}
#contact_form #flashMessage {
border: none;
color:#d90000;
font-weight:bold;
}

#captcha_image {
margin:15px 0 0 0;
}
.captcha a {
margin:0 0 2px 10px;
}
#contact_form .captcha {
margin:0;
}

/********************************** FOOTER **********************************/
#footer {
border-top:none;
background:#828282;
padding:3% 5%;
font-family: "Open Sans", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-size:1em;
color:#d0d0d0;
}
#footer-container {
margin-left:0;
margin-right:0;
}
#footer div {
font-style:italic;
font-weight:300;
}
#footer a {
text-decoration:none;
color:#d0d0d0;
font-style:normal;
font-size:1.1em;
}
#footer a:hover {
text-decoration:underline;
}

/********************************** SLIDESHOW **********************************/
.carousel {
width:100%;
margin:0 auto;
}

#content .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

#content .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

#content .rslides li:first-child {
  position: relative;
  display: block;
  float: left
}

#content .rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

#content .slide-text1 {
position: absolute;
top:10%;
right:2%;
width:100%;
text-align:right;
color:#222222;
font-size:1.5em;
}
#content .slide-text1 strong {
font-size:1.8em;
line-height:2em;
}

#content .slide-text2 {
position: absolute;
top:10%;
right:0;
width:100%;
text-align:center;
color:#ffffff;
font-size:1.5em;
}
#content .slide-text2 strong {
font-size:1.8em;
line-height:2em;
}

#content .slide-text3 {
position: absolute;
top:20%;
right:2%;
width:100%;
text-align:right;
color:#ffffff;
font-size:1.5em;
}
#content .slide-text3 strong {
font-size:1.8em;
line-height:2em;
}

/********************************** MEDIA QUERY **********************************/
@media (max-width: 1097px) {
    .product-nav-box {
    width:29%;
    min-height:250px;
    }
}
@media (max-width: 980px) {
    .webdexpress_header {
    float:left;
    width:50%;
    }
    #navigation {
    width: 50%;
    }
    #navigation .webdexpress_navigation {
    float:right;
    }
}
@media (max-width: 887px) {
    .product-nav-box {
    width:28%;
    min-height:220px;
    }
}
@media (max-width: 836px) {
    #navigation {
    width: 100%;
    float:none;
    }
    .diecut-list {
    width:100%;
    float:none;
    padding:0;
    }
    .diecut div:first-child + div + div,
    .diecut div:first-child + div + div + div + div {
    clear:none;
    }
    .diecut-list img.img-right {
    margin-right:0;
    }
    .diecut-list {
    margin-top:20px;
    }
    .diecut-list:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    }
    .location {
    width:33%;
    padding:0 1%;
    }
    .location-list div:first-child + div + div + div {
    clear:both;
    }
    .location-list div:first-child + div + div + div + div {
    clear:none;
    }
}
@media (max-width: 728px) {
    .webdexpress_header {
    float:none;
    margin:0 auto;
    width: 100%;
    }
    #header h1 a {
    background-position: center center;
    }
    #navigation .webdexpress_navigation {
    float:none;
    }
    #navigation #wdx_nav ul {
    text-align:center;
    }
    .home-content {
    padding:0;
    }
    .page-content {
    padding:0;
    }
}
@media (max-width: 639px) {
    #header {
    padding: 10px 1%;
    }
    #navigation #wdx_nav ul li:hover {
    border-bottom: #fff 3px solid;
    }
    #navigation #wdx_nav ul li ul {
    position: static;
    display: block;
    opacity: 1;
    visibility: visible;
    width: 100%;
    }
    #navigation #wdx_nav ul li ul li {
    text-shadow: none;
    border-bottom: #fff 1px solid;
    background-color:#999999;
    }
    #navigation #wdx_nav ul li ul li:hover {
    border-bottom: #fff 1px solid;
    }
    #navigation ul.nav .active > a {
    color: #c3c3c3;
    font-weight: bold;
    background-color:#696969;
    }
    #mainbody {
    padding:0;
    }
    #content.whatsnew_empty {
    margin: 0;
    }

#content .slide-text1, #content .slide-text2, #content .slide-text3 {
background: url(/uploads/2017/01/31/black30.png);
top:20%;
right:0;
text-align:center;
color:#fff;
padding: 0.3em 0.5em 0.8em 0.5em;
font-size:1.2em;
}
#content .slide-text1 strong, #content .slide-text2 strong, #content .slide-text3 strong {
font-size:1.3em;
line-height:1.3em;
}

    .product-top-list {
    float: none;
    width: 100%;
    margin: 0;
    }
    .product-top-list a.btn {
    margin-bottom: 50px;
    display: inline-block;
    padding:10px 20px;
    }
    .contact {
    width:100%;
    }
}
@media (max-width: 600px) {
    #content.whatsnew_present, #content.whatsnew_empty {
    padding: 5% 2%;
    }
}
@media (max-width: 580px) {
    .product-nav {
    padding:0 3em;
    }
    .product-nav-box {
    width:100%;
    min-height:auto;
    margin:0 0 2em 0;
    }
    .product-nav-box img {
    width:100%;
    height:auto;
    }
    .product-nav-box .box-desc {
    padding:0.7em 0.5em;
    }
}
@media (max-width: 568px) {
    body {
    font-size:14px;
    }
    .contact-address {
    width:100%;
    float:none;
    }
    .contact-map {
    width:100%;
    float:none;
    overflow:hidden;
    height:250px;
    }
    .other img.img-left, .other img.img-right {
    float:none;
    display:block;
    margin:1em auto;
    }
    .contact-us,
    .contact-mx { 
    width:100%;
    float:none;
    padding:0;
    }
}
@media (max-width: 405px) {
    .location {
    width:100%;
    padding:0 1%;
    }
    .diecut-list img.img-right {
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Chrome hack - chrome can't display font-weight less than 300 */
    body  { font-weight:400; }
}

/* covid19 message */
#covid_modal {
  position: relative;
  display: block;
  background: #f12836;
  color: #fff;
  z-index: 1000;
}

#covid_modal.hide {
    display: none;
}

#covid_modal .modal-content {
  position: relative;
  margin: auto;
  text-align: left;
  padding: 15px;
  margin-right: 40px;
  font-size: 16px;
}

#covid_modal .modal-content p {
    margin: 0;
}

#covid_modal .modal-content a {
  color: #fff;
  text-decoration: underline;
}

#covid_modal .modal-content a:hover {
  text-decoration: none;
}

.btn-close {
font-family: serif;
position: absolute;
top: 10px;
right: 15px;
float: right;
font-weight: bold;
font-size: 2.2em;
z-index: 1000;
margin: 0;
}

#covid_modal  #close:hover {
  cursor: pointer;
}

#covid_modal .modal-content p.notice_title {
  font-weight: bold;
}

#covid_modal .modal-content #close {
  display: inline-block;
}