/*
Theme Name: MultiCam
Theme URI: http://wordpress.org/themes/multicam
Author: i5 web works
Author URI: http://www.i5ww.com/
Description: The 2015 theme for WordPress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, dark blue, multi-color, classic, two-columns, custom-header, custom-menu, featured-images
Text Domain: multicam

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
  margin: 0;
  padding: 0;
  border: 0;
}

html, body {
  width: 100%;
  min-width: 960px;
}

body {
  color: #0c3852;
  font-family: Arial;
  font-size: 16px;
  background-color: #dee3e9;
}

a {
  text-decoration: underline;
  color: #000000;
}

a:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

.googlecodes iframe {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.single_job_listing .company, .rss_link {
  display: none !important;
}

.job_filters .search_jobs input, .job_filters .search_jobs select {
  padding: 7px 10px;
}

.headerwide {
  width: 100%;
  position: relative;
  background-color: #d4d7dc;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  min-height: auto;
  min-width: 960px;
  background-image: url('images/bg.jpg');
}

.supportbg {
  background-image: url('images/bg-support.jpg');
  min-height: 532px;
}

.tradeinbg {
  background-image: url('images/bg-tradein.jpg');
  min-height: 532px;
}

.contactbg {
  background-image: url('images/bg-contact.jpg');
  min-height: 532px;
}

.trainingbg {
  background-image: url('images/bg-training.jpg');
  min-height: 600px;
  background-position: bottom center;
}

.tradeshowbg {
  background-image: url('images/bg-tradeshow.jpg');
  min-height: 532px;
  /*background-image:url('images/bg-training02.jpg');
		min-height:640px;*/
  background-position: bottom center;
}

.timelinebg {
  background-color: #01131D;
  background-image: url('/wp-content/uploads/2017/07/bg-about.jpg');
  min-height: 850px;
  background-position: bottom center;
}

.timelinebg.dever {
  background-image: url('/wp-content/uploads/2017/08/bg-about-de.jpg');
}

.timelinebg .support-banner, .tradeshowbg .support-banner {
  display: none;
}

.financebg {
  background-image: url('images/bg-finance.jpg');
  min-height: 532px;
}

.careersbg {
  background-image: url('images/bg-careers.jpg');
  min-height: 350px;
}

.digitalfinishingbg {
  background-image: url('images/bg-digitalfinishing.jpg');
  min-height: 700px;
}

.routersbg {
  background-image: url('images/bg-routers.jpg');
  min-height: 700px;
}

.plasmabg {
  background-image: url('images/bg-waterjets.jpg');
  min-height: 700px;
}

.waterjetsbg {
  background-image: url('images/bg-waterjets.jpg');
  min-height: 700px;
}

#clickhere {
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 30%;
}

#clickhere img {
  width: 100%;
  height: 100%;
}

.container {
  margin: 0 auto;
  width: 90%;
  position: relative;
}

.whitebg {
  background-color: #ffffff;
}

.fixed {
  margin: 0 auto;
  width: 960px;
  position: relative;
}

.logo {
  position: relative;
  margin: 36px 0 0 0;
  width: 204px;
  float: left;
}

.menu-block {
  position: relative;
  float: right;
  width: 75%;
}

.header-block {
  min-width: 756px;
  margin: 0;
  float: right;
}

#social {
  list-style: none;
  list-style-image: none;
  display: inline;
  width: auto;
  height: 19px;
  margin: 0;
}

#social li {
  margin: 0 0 5px 10px;
  height: 19px;
  list-style: none;
  list-style-image: none;
  display: inline;
  float: right;
  padding: 13px 0 0 0;
}

#social li.search {
  margin: 0;
  width: auto;
  display: inline;
  float: right;
  padding: 13px 13px 0 0;
  border-right: 1px solid #798291;
}

#social li.phone {
  margin: 0 5px 0 0;
  width: auto;
  display: inline;
  float: right;
  padding: 13px 13px 0 13px;
  border-right: 1px solid #798291;
  color: #ffffff;
  font-weight: 800;
}

#social li.phone a {
  color: #ffffff;
  text-decoration: none;
}

#social li.search input[type=search] {
  padding: 3px 5px;
  background-color: #3b4e6d;
  color: #aab2b6;
  font-family: Arial;
  font-size: 11px;
}

#social li.contest a {
  color: #ff5f01;
}

#social li.home {
  margin: 0 20px 0 0;
  width: auto;
  display: inline;
  float: right;
}

#social li span {
  height: 19px;
  display: block;
  background: url('images/social.png') no-repeat;
}

#social li.bebo span {
  background-position: 0 1px;
  width: 17px;
}

#social li.twitter span {
  background-position: -58px -1px;
  width: 14px;
}

#social li.facebook span {
  background-position: -84px 0;
  width: 9px;
}

#social li.youtube span {
  background-position: -104px 0;
  width: 20px;
}

#social li.linkedin span {
  background-position: -28px 0;
  width: 19px;
}

#social li.xing span {
  background-position: -134px 0;
  width: 16px;
}

#social li.languagebar {
  margin: 0 10px 0 0;
  border-right: 1px solid #798291;
  padding: 13px 13px 1px 0;
}

#social li.languagebar img {}

#language-select {
  vertical-align: top;
  padding: 2px 0 2px 0;
  margin: 0 10px 0 0;
  font-size: 12px;
}

#menu-main {
  list-style: none;
  list-style-image: none;
  min-width: 756px;
  margin: 10px 0 18px 0;
  float: right;
  position: relative;
  z-index: 99;
}

#menu-main li {
  padding: 0 8px 0 8px;
  list-style: none;
  list-style-image: none;
  float: right;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
  border-right: 1px solid #43729E;
}

#menu-main li.last {
  padding: 0 0 0 8px;
  border-right: 0;
}

#menu-main li a {
  text-decoration: none;
  color: #ffffff;
}

#menu-main li a:hover {
  text-decoration: none;
  color: #cda87e;
}

#menu-main li ul {
  display: none;
  background: #ffffff;
  padding: 10px 0 10px 0;
  margin: 0;
  position: absolute;
  top: 20px;
  left: 0;
}

#menu-main li.menu-item-19 ul {
  left: -140px;
}

#menu-main li:hover>ul {
  display: block !important;
}

#menu-main li ul li {
  float: none;
  position: relative;
  text-align: left;
  margin: 0;
  width: auto;
  min-width: 180px;
  height: auto !important;
  text-transform: none;
  line-height: 14px;
  padding: 5px 10px 5px 20px;
}

#menu-main li ul li a {
  padding: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
}

#menu-main li ul li a:hover {
  color: #0072bb;
}

#menu-main li ul li ul {
  position: absolute;
  left: 100%;
  top: -10px;
}

#menu-header {
  list-style: none;
  list-style-image: none;
  min-width: 756px;
  margin: 10px 0 0 0;
  float: right;
  position: relative;
  z-index: 100;
}

#menu-header li {
  padding: 0 0 0 20px;
  list-style: none;
  list-style-image: none;
  float: right;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  position: relative;
}

#menu-header li a {
  text-decoration: none;
  color: #ffffff;
}

#menu-header li a:hover {
  text-decoration: none;
  color: #cda87e;
}

#menu-header li ul {
  display: none;
  background: #ffffff;
  padding: 10px 0 10px 0;
  margin: 0;
  position: absolute;
  z-index: 101;
  top: 30px;
  left: 0;
}

#menu-header li:hover>ul {
  display: block;
}

#menu-header li ul li {
  float: none;
  position: relative;
  text-align: left;
  margin: 0;
  width: auto;
  min-width: 180px;
  height: auto !important;
  text-transform: none;
  line-height: 14px;
  padding: 5px 10px 5px 20px;
}

#menu-header li ul li a {
  padding: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
}

#menu-header li ul li a:hover {
  color: #0072bb;
}

.headerwide .container {
  position: relative;
  z-index: 9999;
}

#banner {
  text-align: center;
  height: auto;
  position: relative;
  overflow: hidden;
  z-index: 9996;
}

#banner .contact-form {
  position: absolute;
  top: 170px;
  right: 85px;
  width: 240px;
  z-index: 9999;
  background: url('images/bg-contactform.png') no-repeat top center;
  padding: 42px 20px 20px 20px;
}

#banner .contact-form input, #banner .contact-form select {
  padding: 5px 10px;
  color: #004B91;
  font-size: 16px;
  width: 180px;
  margin-top: 8px;
}

#banner .contact-form select {
  width: 200px;
}

#banner .contact-form input[type=submit] {
  background: transparent;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

#banner .slide-text, #pagebanner .slide-text {
  text-align: center;
  position: relative;
  z-index: 9998;
  width: 40%;
  margin: 300px auto 40px auto;
  background: url('images/bg-banner.png') repeat;
  padding: 20px 0;
}

#pagebanner .slide-text {
  width: 50%;
  margin: 130px auto 0 auto;
}

#banner .slide-text h1, #pagebanner .slide-text h1 {
  text-align: center;
  padding: 0 25px 10px 25px;
  margin: 0;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
}

#pagebanner .slide-text h1 {
  padding: 0 25px 10px 25px;
  margin: 0;
  font-size: 44px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: 3px;
}

#pagebanner .slide-text span {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 18px;
}

#banner .slide-text h1 strong, #pagebanner .slide-text h1 strong {
  font-size: 42px;
  font-weight: 400;
  letter-spacing: 10px;
}

#pagebanner .slide-text h1 strong {
  font-size: 54px;
  font-weight: 600;
  letter-spacing: -1px;
}

#banner .slide-text p, #pagebanner .slide-text p {
  padding: 0 30px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
}

#pagebanner .slide-text p {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}

.support-banner {
  text-align: right;
  position: relative;
  z-index: 9997;
  width: 100%;
  margin: 40px 0 0 0;
  background-image: none;
}

.products-banner {
  text-align: right;
  position: relative;
  z-index: 9998;
  width: 100%;
  margin: 40px 0 0 0;
  background-image: none;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 50% auto;
  height: 550px;
}

.threepro {
  height: 400px;
}

.support-banner p, .support-banner h1, .products-banner p, .products-banner h1 {
  text-align: right;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  width: 25%;
  margin: 0 0 0 20%;
}

.support-banner h2, .products-banner h2 {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 3px;
  width: 25%;
  margin: 0 0 0 20%;
  padding: 100px 0 0 0;
  font-weight: 400;
  color: #ffffff;
}

.support-banner h1, .products-banner h1 {
  font-size: 34px;
  line-height: 34px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 20px 0 20px 20%;
}

#get-a-quote {
  position: fixed;
  z-index: 99999;
  right: 0;
  top: 436px;
}

#quick-contact {
  position: fixed;
  z-index: 99999;
  right: 0;
  top: 260px;
}

.textpage-banner {
  text-align: right;
  position: relative;
  z-index: 9999;
  width: 960px;
  padding: 140px auto 0 auto;
  background-image: none;
}

/*
.cd-timeline-title-container {
	margin:0 !important;
}
.cd-timeline-content h2 {
	font-size:20px !important;
	color:#004b91 !important;
}

.cd-timeline-content .the-excerpt {
	float:none !important;
	margin:0 !important;
}*/

.search-result {
  padding: 20px 0 20px 0;
  text-align: center;
  border-bottom: 1px dashed #dae8f8;
}

.search-result h5 {
  font-size: 16px;
}

.home-adv-blocks {
  background-color: #020508;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 0 auto;
  flex-wrap: wrap;
  flex-direction: row;
}

.adv-block-new {
  width: 20%;
  max-width: 20%;
  color: #ffffff;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 0 auto;
  flex-wrap: wrap;
}

.adv-block-new dd {
  padding: 0;
  vertical-align: text-top;
  position: relative;
  width: 100%;
}

.adv-block-new h1 {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  padding: 220px 20px 25px 20px;
  margin: 0;
  text-transform: uppercase;
  line-height: 18px;
}

.adv-block-new p {
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  padding: 0 20px 35px 20px;
}

.adv-block-new a {
  text-decoration: none;
}

.home-three-blocks {
  background-color: #8faec9;
  width: 100%;
  position: relative;
}

.three-block {
  width: 33.3333%;
  float: left;
  color: #ffffff;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  text-align: center;
  height: 390px;
}

.three-block h1 {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  padding: 30px 20px 110px 20px;
  margin: 0;
  text-transform: uppercase;
  line-height: 18px;
}

.three-block.apex h1 {
  font-size: 34px;
  padding: 60px 20px 10px 20px;
  line-height: 30px;
}

.three-block p {
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  padding: 0 20px 35px 20px;
}

.three-block p.apex {
  padding: 0 20px 30% 20px;
}

.three-block a {
  color: #ffffff;
}

.three-block a.more {
  background-color: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #976327;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  height: 44px;
  line-height: 44px;
  text-decoration: none;
  text-align: center;
  padding: 0 30px;
  letter-spacing: 2px;
}

.three-block a.more:hover {
  background-color: #ffffff;
  color: #976327;
}

.content-home {
  width: 100%;
  position: relative;
  background: #eef0f3 url('images/bg-content-home.jpg') no-repeat bottom center;
  background-size: cover;
  padding: 60px 0;
  text-align: center;
}

.content-home h2 {
  color: #1584c6;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  padding: 0 100px;
  margin: 0;
}

.content-home h1 {
  color: #976327;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;
  line-height: 28px;
  padding: 10px 100px 0 100px;
  margin: 0;
}

.content-home p {
  color: #0c3852;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  padding: 0;
  margin: 30px auto;
  width: 60%;
}

.content-home a.more {
  background-color: #1f5d92;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  height: 48px;
  line-height: 48px;
  text-decoration: none;
  text-align: center;
  padding: 0 30px;
  letter-spacing: 2px;
}

.stay-connected {
  width: 100%;
  position: relative;
  background-color: #d5c0a8;
  padding: 30px 0;
  text-align: left;
}

.newsletters, .social {
  width: 50%;
  float: left;
  color: #ffffff;
  text-align: left;
}

.social {
  float: right;
  text-align: right;
}

.newsletters h1, .social h1 {
  font-size: 20px;
  font-weight: 400;
  color: #976327;
  padding: 0 0 10px 0;
  margin: 0;
  text-transform: none;
  line-height: 20px;
}

.newsletters .submit {
  background-color: #1f5d92;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
  padding: 0 30px;
  letter-spacing: 2px;
  cursor: pointer;
  margin: 0 0 0 -7px;
}

.newsletters .text {
  background-color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  line-height: 36px;
  text-align: left;
  padding: 0 10px;
  border: 2px solid #1f5d92;
  width: 55%;
}

#social-home {
  list-style: none;
  list-style-image: none;
  display: inline;
  width: auto;
  height: 58px;
  margin: 0;
}

#social-home li {
  margin: 0 0 0 10px;
  height: 58px;
  width: 58px;
  list-style: none;
  list-style-image: none;
  display: inline;
  float: right;
  padding: 0;
}

#social-home li span {
  height: 58px;
  width: 58px;
  display: block;
  background: url('images/social-home.png') no-repeat;
}

#social-home li.bebo span {
  background-position: 0 0;
}

#social-home li.twitter span {
  background-position: -66px 0;
}

#social-home li.facebook span {
  background-position: -133px 0;
}

#social-home li.youtube span {
  background-position: -197px 0;
}

#social-home li.xing span {
  background-position: -261px 0;
}

.home-last-blog, .home-get-social {
  width: 55%;
  float: left;
  position: relative;
  text-align: left;
  padding: 30px 0;
}

.home-get-social {
  float: right;
  width: 40%;
}

.home-last-blog h2, .home-get-social h2 {
  font-size: 16px;
  font-weight: 400;
  color: #1584c6;
  padding: 0 0 10px 0;
  margin: 0;
  text-transform: uppercase;
  line-height: 16px;
  letter-spacing: 2px;
}

.home-last-blog h1, .home-get-social h1 {
  font-size: 26px;
  font-weight: 700;
  color: #976327;
  padding: 0 0 10px 0;
  margin: 0;
  text-transform: uppercase;
  line-height: 26px;
}

.home-last-blog ul {
  float: none;
  position: relative;
  padding: 20px 0;
}

.home-last-blog div h3, .home-last-blog a.rsswidget {
  font-size: 16px;
  font-weight: 400;
  color: #0c3852;
  padding: 0 0 10px 0;
  margin: 0;
  line-height: 16px;
  font-weight: bold;
}

.home-last-blog div h3 a {
  color: #0c3852;
  text-decoration: none;
}

.home-last-blog div p, .home-last-blog .rssSummary {
  color: #5599c0;
  font-size: 14px;
}

.home-last-blog div p a, .home-last-blog .rssSummary a {
  color: #5599c0;
  text-decoration: none;
}

.home-last-blog ul, .home-last-blog ul li {
  list-style: none;
  list-style-image: none;
}

.home-last-blog ul li {
  padding-bottom: 15px;
  ;
}

.content-page {
  width: 100%;
  padding-bottom: 50px;
  min-width: 960px;
  background-color: #ffffff;
}

.content-interior {
  width: 85%;
  margin: 0 auto;
  padding: 0 0 50px 0;
}

.support-page {
  background: #ffffff url('images/bg-content-support.jpg') repeat-x bottom center;
}

.products-bgcolor {
  background-color: #eff1f4;
}

.page-title {
  background: url('images/bg-title.png') repeat-x bottom;
  text-align: center;
  height: 80px;
  margin-bottom: 40px;
}

.categorypage h2 {
  padding-top: 0;
  margin-top: 0;
}

.digitalfinishing-title {
  background: #662d91 url('images/bg-title-digitalfinishing.png') repeat-x bottom;
}

.routers-title {
  background: #00a651 url('images/bg-title-routers.png') repeat-x bottom;
}

.plasma-title {
  background: #00aeef url('images/bg-title-plasma.png') repeat-x bottom;
}

.waterjets-title {
  background: #00aeef url('images/bg-title-waterjets.png') repeat-x bottom;
}

.page-title h1 {
  font-size: 40px;
  color: #ffffff;
  font-weight: 800;
  line-height: 80px;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.post-title h1 {
  font-size: 26px;
  letter-spacing: 0px;
}

.page-title h1 img {
  margin: -8px 20px 0 0;
  vertical-align: middle;
}

.page-title h1 img#titleimage284 {
  display: none;
}

.content-page p {
  padding: 0 0 20px 0;
}

.content-page ul, .content-interior ul, .content-page ol, .content-interior ol {
  margin: 0 20px;
  padding: 0 0 0 10px;
}

.content-page ul li, .content-interior ul li, .content-page ol li, .content-interior ol li {
  padding: 0 0 20px 20px;
}

.content-page h2 {
  color: #976327;
  font-size: 26px;
  font-weight: bold;
  padding: 5px 0 15px 0;
  text-transform: uppercase;
}

.content-page .details-line h2 {
  font-size: 1.55vw;
}

.content-page h3 {
  color: #1584c6;
  font-size: 14px;
  font-weight: 300;
  padding: 0;
  text-transform: uppercase;
}

.content-page h4 {
  color: #976327;
  font-size: 26px;
  font-weight: bold;
  padding: 5px 0 0 0;
  margin: 30px 0;
  text-transform: uppercase;
  text-align: center;
  background: url('images/bg-h4-title.png') no-repeat center center;
}

.content-page h5 {
  color: #976327;
  font-size: 22px;
  font-weight: bold;
  padding: 0 0 10px 0;
}

#locations .locations-item {
  background: url('images/bg-locations01.png') no-repeat center center;
  background-size: cover;
  width: 232px;
  height: 250px;
  text-align: center;
  padding: 0;
  margin: 15px 0 15px 50px;
  float: left;
  color: #06864d;
  font-weight: 300;
  font-size: 22px;
  text-transform: uppercase;
}

#locations .blue {
  background: url('images/bg-locations02.png') no-repeat center center;
}

#locations h5 {
  padding: 60px 30px 5px 30px;
  margin: 0 0 5px 0;
  font-size: 20px;
  color: #976327;
  font-weight: bold;
  background: url('images/locations-h5-bg.png') no-repeat bottom center;
}

.content-page .content-interior h2 {
  padding: 0 0 15px 0;
  clear: both;
}

.content-page .categorypage h2 {
  padding: 25px 0 15px 0;
}

.content-page .content-interior img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.product-item {
  float: left;
  width: 22%;
  margin: 10px 2% 20px 0;
  text-align: center;
  background-color: #ffffff;
  height: 450px;
  position: relative;
}

.product-item h1 {
  font-size: 20px;
  color: #976327;
  text-transform: uppercase;
  margin: 30px 10px;
  padding: 0;
}

.product-item h2 {
  font-size: 16px;
  color: #06864d;
  font-weight: 300;
  text-transform: uppercase;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 16px;
}

.product-item .product-image {
  text-align: center;
}

.product-item .product-image img {
  max-width: 95%;
  max-height: 200px;
  width: auto;
  height: auto;
}

.product-item .details {
  background-color: #ddd5cb;
  padding: 3px 0;
  text-transform: uppercase;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.product-details {
  background: #c1d0df url(images/bg-details.jpg) no-repeat top center;
  background-size: cover;
  padding: 50px 2%;
}

.details-line, .details-line-one {
  float: left;
  width: 14%;
  margin: 10px 1% 20px 1%;
}

.details-line h1, .details-line-one h1 {
  font-size: 20px;
  color: #976327;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #06864d;
}

.details-line ul, .details-line-one ul {
  font-size: 18px;
  margin: 20px 0 0 20px;
  padding: 0;
}

.details-line ul li, .details-line-one ul li {
  margin: 0;
  padding: 10px 0;
}

.item {
  text-align: center;
}

.threelines {
  width: 31%;
}

.fourlines {
  width: 23%;
}

.fivelines {
  width: 18%;
}

.footerwide {
  width: 100%;
  min-width: 960px;
  background: #dee3e9 url('images/bg-footer.jpg') no-repeat bottom left;
  padding-bottom: 40px;
}

.footer-up {
  width: 100%;
  min-width: 960px;
  background: #4e92cc url('images/bg-footer01.png') no-repeat center center;
  height: 64px;
  line-height: 15px;
  color: #cde0ec;
  font-size: 13px;
}

.footer-container {
  width: 960px;
  margin: 0 auto;
}

.footer-up .footer-block01 {
  width: auto;
  background: url('images/bg-footerblock01.png') no-repeat top left;
  height: 64px;
  float: left;
}

.footer-up .footer-block02 {
  width: auto;
  background: url('images/bg-footerblock02.png') no-repeat top left;
  height: 64px;
  float: left;
}

.footer-up .footer-block03 {
  width: auto;
  background: url('images/bg-footerblock03.png') no-repeat top left;
  height: 64px;
  float: left;
}

.footer-up .footer-block01 p, .footer-up .footer-block02 p, .footer-up .footer-block03 p {
  padding: 16px 30px 0 53px;
  margin: 0;
}

.footer-bottom {
  width: 960px;
  margin: 50px auto 0 auto;
}

#menu-footer {
  list-style: none;
  list-style-image: none;
  margin: 5px 20px 0 0;
  float: right;
}

#menu-footer li {
  padding: 0 0 0 10px;
  list-style: none;
  list-style-image: none;
  float: right;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  text-transform: uppercase;
}

#menu-footer li a {
  text-decoration: none;
  color: #27416f;
}

#menu-footer li a:hover {
  text-decoration: none;
  color: #cda87e;
}

#logo-footer {
  float: right;
  margin-top: -17px;
}

.footer-bottom p {
  margin: 5px 20px 0 0;
  float: right;
  font-size: 11px;
  color: #798fb4;
  text-align: right;
}

.leftdiv {
  width: 47%;
  float: left;
  margin: 0 0 20px 0;
}

.rightdiv {
  width: 47%;
  float: right;
  margin: 0 0 20px 0;
}

/* SLIDER */

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-container-vertical>.swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block
}

.swiper-container-horizontal>.swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px)
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
  z-index: 0
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg)
  }
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
}

.swiper-slide a {
  text-decoration: none;
}

.desktopslide {
  display: block;
}

.mobileslide {
  display: none;
  padding-top: 15%;
  background-size: 90% auto;
}

.apex {
  position: relative;
}

.apex .swiper-slide {
  background-size: cover;
  position: relative;
}

.apex .apex-container {
  position: absolute;
  z-index: 1;
}

.apex .apex-text {
  position: relative;
  z-index: 2;
}

.gallery-columns-6 {
  margin: 15px 0;
  display: block;
}

.gallery-columns-6 .gallery-item {
  float: left;
  width: 95px;
  margin: 0 5px 5px 0;
}

.gallery-columns-6 .gallery-item img {
  width: 95px;
  height: 95px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.gallery-columns-3 {
  margin: 15px 0;
  display: block;
}

.gallery-columns-3 .gallery-item {
  float: left;
  width: 200px;
  margin: 0 0 10px 0;
  text-align: center;
}

.gallery-columns-3 .gallery-item img {
  width: auto;
  height: auto;
  max-width: 200px;
}

.gallery-columns-2 {
  margin: 15px 0;
  display: block;
}

.gallery-columns-2 .gallery-item {
  float: left;
  width: 48%;
  margin: 0 10px 10px 0;
  text-align: center;
}

.gallery-columns-2 .gallery-item img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.gallery-columns-9 {
  margin: 15px 0;
  display: block;
}

.gallery-columns-9 .gallery-item {
  float: left;
  width: auto;
  margin: 0 10px 10px 0;
  text-align: center;
}

.gallery-columns-9 .gallery-item img {
  width: auto;
  height: auto;
  max-width: 100%;
}

blockquote, .single-testimonial blockquote {
  background: #f1e8eb;
  border-left: 1px solid #e8dbe0;
  margin: 15px 0;
  padding: 15px 20px;
  color: #580525;
  font-size: 18px !important;
  width: 93%;
  line-height: 140%;
}

blockquote:before, .single-testimonial blockquote:before {
  color: #580525;
  content: "\201C";
  font-size: 60px;
  line-height: 0.1em;
  margin-right: 0.2em;
  vertical-align: -.4em;
  font-family: Georgia;
}

blockquote:after, .single-testimonial blockquote:after {
  color: #580525;
  /*content: "\201D"; */
  font-size: 60px;
  line-height: 0.1em;
  vertical-align: -.45em;
  font-family: Georgia;
}

blockquote>p:first-child, .single-testimonial blockquote>p:first-child {
  display: inline;
}

.content-page h2 {
  word-wrap: break-word;
}

/* Images */

.alignleft {
  float: left;
  margin: 20px 20px 20px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  /*border-radius:10px;
	border:10px solid #DDE5EE;*/
}

.alignright {
  float: right;
  margin: 20px 0 20px 20px;
  /*-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:10px solid #DDE5EE;*/
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 20px 0;
  /*-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:10px solid #DDE5EE;*/
}

.wp-caption.alignleft {
  margin: 5px 10px 5px 0;
}

.wp-caption.alignright {
  margin: 5px 0 5px 10px;
}

img.alignnone {
  margin: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  /*border-radius:10px;
	border:10px solid #DDE5EE;*/
}

.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
  color: #220e10;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
}

img.wp-smiley, .rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.wp-caption.alignleft+ul, .wp-caption.alignleft+ol {
  list-style-position: inside;
}

dl dd .wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
  color: #220e10;
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
}

.submit-photos {
  -moz-box-shadow: inset 0px 1px 0px 0px #ff9252;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ff9252;
  box-shadow: inset 0px 1px 0px 0px #ff9252;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7a2c), color-stop(1, #ff5f01));
  background: -moz-linear-gradient( center top, #ff7a2c 5%, #ff5f01 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7a2c', endColorstr='#ff5f01');
  background-color: #ff5f01;
  text-indent: 0px;
  border: 1px solid #de5200;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  height: 34px;
  line-height: 34px;
  width: auto;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #de5200;
  padding: 0 15px 0 15px;
  margin-top: -5px;
}

.productinfo-images {
  width: 90%;
  margin: 20px auto;
  text-align: center;
}

.productinfo-images img {
  width: 23%;
  height: auto;
  max-width: 100%;
  margin: 10px 10px;
}

.equalrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 0 auto;
  flex-wrap: wrap;
  flex-direction: row;
}

.hover-block {
  padding: 0;
  width: 23%;
  max-width: 23%;
  margin: 10px 1% 0 0;
  text-align: center;
  position: relative;
  background-color: #004B91;
  color: #BBD7F0;
  z-index: 9998;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 0 auto;
  flex-wrap: wrap;
}

.hover-block.pastshows {
  background-color: #E7E7E7;
  color: #6F6F6F;
}

.hover-block dd {
  padding: 0;
  vertical-align: text-top;
  position: relative;
  text-align: center;
  width: 100%;
}

.hover-block h3 {
  color: #ffffff;
  font-size: 20px;
  padding: 30px 20px 20px 20px;
  margin: 0;
  line-height: 120%;
  text-decoration: none;
  font-weight: 600;
  text-align: center;
}

.hover-block.pastshows h3 {
  color: #6F6F6F;
}

.hover-block p {
  padding: 0 20px 20px 20px;
}

.hover-block div {
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
  background-color: #BBD7F0;
  bottom: 0;
  left: 0;
  color: #003D75;
  font-size: 12px;
  text-align: left;
  overflow-y: visible;
  z-index: 9999;
  padding: 0 0 20px 0;
}

.hover-block.pastshows div {
  background-color: #cccccc;
  color: #6F6F6F;
}

.hover-block:hover div {
  display: block;
}

.hover-block div p {
  padding: 20px 20px 0 20px;
}

.hover-block .signup {
  padding: 5px 10px;
  color: #ffffff;
  background-color: #004b91;
}

.hover-block.pastshows .gallery-columns-9 .gallery-item {
  margin: 0 5px 5px 0;
}

.hover-block.pastshows .gallery-columns-9 .gallery-item img {
  width: 50px;
  height: auto;
}

.hover-block.pastshows .gallery {
  margin: 20px 20px 0 20px;
  width: auto;
  position: relative;
}

.hover-block.pastshows .gallery br {
  display: none;
}

.history {
  position: relative;
}

.history-absolute-top {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 246px;
  background: url('images/bg-history-block.png') repeat-x bottom right;
  display: block;
}

.history-absolute-bottom {
  position: absolute;
  z-index: 9999;
  top: 246px;
  left: 0;
  width: 100%;
  height: 246px;
  background: url('images/bg-history-block.png') repeat-x bottom right;
  display: block;
}

.history-block {
  width: 20%;
  float: left;
  text-align: center;
  background: #F3F3F3;
  color: #0E3757;
  z-index: 9998;
  height: 200px;
  z-index: 9998;
  border-top: 23px solid #f3f3f3;
  border-bottom: 23px solid #f3f3f3;
}

.history-block dd {
  padding: 40px 10px;
  vertical-align: text-top;
  text-align: center;
}

.history-block h3 {
  color: #3186BC;
  font-size: 40px;
  padding: 0 0 10px 0;
  text-decoration: none;
  font-weight: 600;
  text-align: center;
  letter-spacing: -1px;
}

.history-block p {
  padding: 0;
}

.box1989 {
  border-top: 23px solid #c2c2c2;
  border-bottom: 23px solid #c2c2c2;
}

.box1995 {
  border-top: 23px solid #003B67;
  border-bottom: 23px solid #003B67;
  background: #CCD9E1;
}

.box2003 {
  border-top: 23px solid #D5C1A8;
  border-bottom: 23px solid #D5C1A8;
  background: #F6F3EE;
}

.box2007 {
  border-top: 23px solid #614A2B;
  border-bottom: 23px solid #614A2B;
  background: #E0DBD5;
}

.box2010 {
  border-top: 23px solid #614A2B;
  border-bottom: 23px solid #614A2B;
  background: #E0DBD5;
}

.box2013 {
  border-top: 23px solid #D5C1A8;
  border-bottom: 23px solid #D5C1A8;
  background: #F6F3EE;
}

.box2014 {
  border-top: 23px solid #003B67;
  border-bottom: 23px solid #003B67;
  background: #CCD9E1;
}

.box2015 {
  border-top: 23px solid #c2c2c2;
  border-bottom: 23px solid #c2c2c2;
}

#quickcontactform, #getaquoteform {
  display: none;
  text-align: center;
}

#quickcontactform h1, #getaquoteform h1 {
  color: #0061a8;
  font-size: 24px;
  font-weight: normal;
  padding: 10px 0 20px 0;
}

#quickcontactform input, #getaquoteform input, #quickcontactform select, #getaquoteform select, #getaquoteform textarea, .landing textarea, .landing select, .landing input {
  color: #0061a8;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0;
  text-align: center;
  background-color: #E5F4FF;
  margin: 0 auto 7px auto;
  width: 50%;
}

#quickcontactform input[type=submit], #getaquoteform input[type=submit], #quickcontactform button, #getaquoteform button, .landing button, .landing input[type=submit] {
  color: #0061a8;
  font-size: 24px;
  font-weight: normal;
  padding: 10px 0;
  text-align: center;
  background-color: #ffffff;
  margin: 0 auto;
  width: auto;
}

#cboxLoadedContent #quickcontactform, #cboxLoadedContent #getaquoteform {
  display: block;
}

#quickcontactform select, #getaquoteform select, .landing select {
  width: auto;
}

#quickcontactform .second, #getaquoteform .second, .landing .second {
  width: 45%;
}

#quickcontactform .third, #getaquoteform .third, .landing .third {
  width: 30%;
}

#quickcontactform input[type=checkbox], #getaquoteform input[type=checkbox], .landing input[type=checkbox] {
  width: auto;
  margin-left: 5px;
}

.landing-left {
  float: left;
  width: 48%;
}

.landing {
  float: right;
  width: 48%;
  text-align: center;
  background-color: #E5F4FF;
  padding: 20px 0;
}

.landing h2 {
  text-align: center;
}

.landing textarea, .landing select, .landing input {
  color: #0061a8;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0;
  text-align: center;
  background-color: #ffffff;
  margin: 0 auto 7px auto;
  width: 60%;
}

.landing button, .landing input[type=submit] {
  color: #0061a8;
  font-size: 24px;
  font-weight: normal;
  padding: 10px 20px;
  text-align: center;
  background-color: #ffffff;
  margin: 0 auto;
  width: auto;
}

.landing select {
  width: auto;
}

.landing input[type=checkbox] {
  width: auto;
  margin-left: 5px;
}

.map {
  position: relative;
  z-index: 9996;
  margin-top: 50px;
}

#map {
  position: relative;
  z-index: 9997;
  max-width: 100%;
  width: 100%;
  height: auto;
}

.map img.location {
  position: absolute;
  z-index: 9998;
  width: 1% !important;
  height: auto !important;
}

.langley {
  top: 30%;
  left: 12%;
}

.langleypopup {
  top: -1%;
  left: 13%;
}

.texas {
  top: 42%;
  left: 14.5%;
}

.texaspopup {
  top: 39%;
  left: 15%;
}

.georgia {
  top: 41%;
  left: 18%;
}

.georgiapopup {
  top: 37%;
  left: 19%;
}

.quebec {
  top: 29.5%;
  left: 23%;
}

.quebecpopup {
  top: 26%;
  left: 3%;
}

.canada {
  top: 31.5%;
  left: 20.5%;
}

.canadapopup {
  top: 3%;
  left: 21.5%;
}

.china {
  top: 33%;
  left: 77%;
}

.chinapopup {
  top: 16%;
  left: 57%;
}

.colorado {
  top: 36.5%;
  left: 14.5%;
}

.coloradopopup {
  top: 32%;
  left: 15.5%;
}

.africa {
  top: 82%;
  left: 55%;
}

.africapopup {
  top: 39%;
  left: 35.5%;
}

.australia {
  top: 79%;
  left: 86%;
}

.australiapopup {
  top: 54%;
  left: 66%;
}

.michigan {
  top: 32.5%;
  left: 19%;
}

.michiganpopup {
  top: 22%;
  left: 19.5%;
}

.czech {
  top: 27%;
  left: 53.5%;
}

.czechpopup {
  top: 20%;
  left: 33.5%;
}

.announcement {
  padding: 10px;
  background-color: #ffffff !important;
  color: #C10000 !important;
  margin: 20px 0 10px 13.5% !important;
  width: 31% !important;
}

.popup {
  display: none;
  position: absolute;
  z-index: 9999;
  max-width: 100%;
  height: auto;
  width: 20%;
}

.map a:hover .popup {
  display: block;
}

.htmlMapResponsive {
  max-width: 100% !important;
}

.htmlMapResponsive svg {
  z-index: 9997 !important;
  background-color: #ffffff;
}

.fm-tooltip {
  z-index: 9998 !important;
}

.fm-scale {
  z-index: 9999 !important;
}

#recaptcha_area, #recaptcha_table {
  margin: 0 auto;
}

.salesforce_w2l_lead .sf_field .w2linput {
  width: 80% !important;
}

.salesforce_w2l_lead .sf_field {
  text-align: center;
}

.salesforce_w2l_lead .w2llabel, .w2linput {
  float: none !important;
}

.salesforce_w2l_lead .w2llabel {
  margin: .25em auto !important;
}

.salesforce_w2l_lead .w2limg {
  float: none !important;
  margin: 0 auto;
}

.salesforce_w2l_lead .w2llabel.checkbox input, .salesforce_w2l_lead .sf_field input[type=checkbox] {
  width: auto !important;
}

.details-line-one {
  float: none;
  width: 98%;
  margin: 10px 1% 20px 1%;
}

.details-line-one ul li {
  margin: 0;
  padding: 10px 0;
  width: 30%;
  float: left;
}

.details-line-one h1 {
  text-align: center;
}

#banner .more {
  background-color: none !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: 2px solid #ffffff !important;
  display: inline-block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  height: 44px !important;
  line-height: 44px !important;
  text-decoration: none !important;
  text-align: center !important;
  padding: 0 30px !important;
  letter-spacing: 2px !important;
  margin-bottom: 15px !important;
}

.clear {
  clear: both;
}

.remodal input[type="text"], #search_files, .remodal textarea {
  padding: 5px;
  color: #000000;
  border: 1px solid #ebebeb;
  margin: 0 5px;
}

.remodal input[type="submit"], .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] {
  padding: 5px 10px;
  color: #ffffff;
  border: 5px solid #ebebeb;
  margin: 0;
  background-color: #113C82;
}

.cdm_nav_buttons {
  float: left;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper select, .gform_wrapper textarea {
  border: 1px solid #dddddd;
  padding: 5px 10px;
}

.leadform {
  width: 98%;
  max-width: 98%;
}

.leadform .leftcell {
  text-align: right;
  width: 30%;
  padding: 5px 20px 0 0;
}

.leadform .rightcell {
  text-align: left;
  width: 65%;
}

.leadform input[type=text], .leadform select, .leadform textarea {
  width: 90% !important;
}

.moreblog {
  color: #ffffff;
}

.hover-block.blogs .blogdate {
  font-size: 11px;
  color: #BBD7F0;
  padding: 0 0 5px 0;
}

.blogs h3 {
  padding: 20px 20px 5px 20px;
}

.blogs img {
  width: 100% !important;
  max-width: 100%;
  height: auto;
}

.hover-block.blogs p {
  padding: 0 20px 20px 20px;
}

.hover-block.blogs.blogsidebar {
  background-color: #4E92CC;
  color: #ffffff;
}

.hover-block.blogs.blogsidebar div {
  display: block;
  position: relative;
  background: none;
  bottom: 0;
  left: 0;
  color: #ffffff;
  font-size: 14px;
  padding: 20px;
  width: auto;
}

.blogwidget {
  float: right;
  margin: 0 0 30px 30px;
  background-color: #4E92CC;
  color: #ffffff;
  padding: 20px;
}

.blogwidget h3 {
  color: #ffffff;
  font-size: 20px;
  padding: 0 20px 5px 20px;
  margin: 0;
  line-height: 120%;
  text-decoration: none;
  font-weight: 600;
  text-align: center;
}

.hover-block.blogs.blogsidebar ul, .blogwidget ul {
  text-align: left;
  margin: 20px 20px 0 30px;
}

.hover-block.blogs.blogsidebar ul li, .blogwidget ul li {
  padding: 0 0 5px 0px;
  font-size: 14px;
  color: #A8CAE7;
}

.hover-block.blogs.blogsidebar ul li a, .blogwidget ul li a {
  color: #ffffff;
}

.hover-block.blogs {
  display: none;
}

.hover-block.blogs.Blog, .hover-block.blogs.Press, .hover-block.blogs.Testimonials, .hover-block.blogs.blogsidebar {
  display: block;
}

.blogwidget ul {
  margin: 20px 0 0 10px;
}

.blogbutton {
  padding: 10px 20px;
  color: #ffffff;
  background-color: #004b91;
  font-size: 14px;
}

/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */

.comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond iframe {
  display: block;
  margin: 30px 0 0 0;
}

.comment-respond .comment-form {
  display: block;
  margin: 0;
}

.sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form {
  max-width: 1040px;
  padding-left: 60px;
  padding-right: 376px;
}

.content-page .comments-title {
  color: #976327;
  font-size: 22px;
  font-weight: bold;
  padding: 5px 0 15px 0;
  text-transform: uppercase;
}

.comment-list, .comment-list .children {
  list-style-type: none;
  padding: 0 !important;
  margin-bottom: 20px !important;
  float: left !important;
}

.content-page ul li.comment, .content-interior ul li.comment, .content-page ol li.comment, .content-interior ol li.comment {
  margin-bottom: 20px !important;
  float: left !important;
}

.comment-list .children {
  margin-left: 20px;
}

.comment-list>li:after, .comment-list .children>li:before {
  background: url(images/dotted-line.png) repeat left top;
  background-size: 4px 4px;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
}

.comment-list>li:last-child:after {
  display: none;
}

.comment-body {
  padding: 24px 0;
  position: relative;
}

.comment-author {
  float: left;
  max-width: 74px;
}

.comment-author .avatar {
  display: block;
  margin-bottom: 10px;
}

.comment-author .fn {
  word-wrap: break-word;
}

.comment-reply-link, .comment-reply-login {
  padding: 10px 20px;
  color: #ffffff;
  background-color: #976327;
  font-size: 14px;
}

.comment-author .fn, .comment-author .url {
  color: #976327;
  font-size: 14px;
}

.says {
  display: none;
}

.no-avatars .comment-author {
  margin: 0 0 5px;
  max-width: 100%;
  position: relative;
}

.no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply {
  width: 100%;
}

.comment-list .edit-link {
  margin-left: 20px;
}

.comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply {
  float: right;
  width: 79%;
  width: -webkit-calc(100% - 124px);
  width: calc(100% - 124px);
  word-wrap: break-word;
}

.comment-meta, .comment-meta a, .logged-in-as, .logged-in-as a {
  color: #9F8260;
  font-size: 11px;
}

.comment-meta a:hover {
  color: #976327;
}

.comment-metadata {
  margin-bottom: 10px;
}

.ping-meta {
  color: #a2a2a2;
  font-size: 13px;
  line-height: 2;
}

.comment-awaiting-moderation {
  color: #a2a2a2;
}

.comment-awaiting-moderation:before {
  content: "\f414";
  margin-right: 5px;
  position: relative;
  top: -2px;
}

.comment-reply-link:before, .comment-reply-login:before {
  margin-right: 3px;
}

/* Comment form */

.comment-respond {
  padding: 20px 0;
  clear: both;
}

.comment .comment-respond {
  margin-bottom: 20px;
  padding: 20px;
}

.content-page .comment-reply-title {
  color: #976327;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 15px 0;
  text-transform: uppercase;
  margin: 0;
}

.comment-reply-title small a {
  color: #131310;
  display: inline-block;
  float: right;
  height: 16px;
  overflow: hidden;
  width: 16px;
}

.comment-reply-title small a:hover {
  color: #ed331c;
  text-decoration: none;
}

.comment-reply-title small a:before {
  content: "\f406";
  vertical-align: top;
}

.sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form {
  padding: 0;
}

.comment-form .comment-notes {
  margin-bottom: 15px;
}

.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
  margin-bottom: 8px;
}

.comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] {
  float: left;
  padding: 5px 0;
  width: 120px;
}

.comment-form .required {
  color: #ed331c;
}

.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
  min-width: 100px;
  color: #0061a8;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0;
  text-align: center;
  background-color: #E5F4FF;
  margin: 0 auto 7px auto;
  width: 40%;
}

.comment-form .aiowps-captcha-answer {
  width: auto;
}

.comment-form textarea {
  width: 90%;
  color: #0061a8;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 20px;
  background-color: #E5F4FF;
  margin: 7px 0;
  font-family: Arial;
}

.form-allowed-tags, .form-allowed-tags code {
  color: #686758;
  font-size: 12px;
}

.form-allowed-tags code {
  font-size: 10px;
  margin-left: 3px;
}

.comment-list .pingback, .comment-list .trackback {
  padding-top: 24px;
}

.comment-navigation {
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  margin: 0 auto;
  max-width: 604px;
  padding: 20px 0 30px;
  width: 100%;
}

.no-comments {
  background-color: #f7f5e7;
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  margin: 0;
  padding: 40px 0;
  text-align: center;
}

.aiowps-captcha, .aiowps-captcha-equation {
  float: left;
  margin-right: 10px;
}

.aiowps-captcha {
  padding-top: 10px !important;
}

.comment-form-comment {
  clear: both;
}

.form-submit .submit {
  padding: 10px 20px;
  color: #ffffff;
  background-color: #976327;
  font-size: 16px;
}

.products-banner.magnus {
  margin-top: 0;
  height: 450px;
}

.germanbody .products-banner.dfs {
  background-image: URL('/wp-content/uploads/2017/10/celero-3.png') !important;
}

@media all and (min-width: 977px) and (max-width: 1203px) {
  #menu-main li {
    padding: 0 0 0 10px;
    font-size: 14px;
  }
  #menu-header li {
    padding: 0 0 0 15px;
    font-size: 13px;
  }
  .support-banner h1, .products-banner h1 {
    font-size: 28px;
    line-height: 28px;
  }
  .details-line h1 {
    font-size: 16px;
  }
  .details-line ul {
    font-size: 14px;
  }
  .timelinebg {
    background-size: 100% auto;
    min-height: 450px;
  }
}

@media all and (min-width: 1204px) and (max-width: 1247px) {
  #menu-main li {
    padding: 0 0 0 10px;
    font-size: 18px;
  }
  #menu-header li {
    font-size: 14px;
  }
  .support-banner h1, .products-banner h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .details-line h1 {
    font-size: 16px;
  }
  .details-line ul {
    font-size: 14px;
  }
}

@media all and (min-width: 977px) and (max-width: 1170px) {
  .products-banner.magnus {
    height: 300px;
  }
  .products-banner h2.magnus {
    padding-top: 10%;
  }
  .products-banner.magnus p, .products-banner.magnus h1, .products-banner.magnus h2 {
    width: 35%;
    margin-left: 10%;
  }
}

@media all and (max-width: 976px) {
  html, body {
    width: 100%;
    min-width: 320px;
  }
  body {
    font-size: 14px;
    background-image: none;
  }
  .whitebg, .footerwide, .stay-connected, .home-three-blocks, .content-home, .home-adv-blocks, .headerwide {
    overflow-x: hidden;
  }
  .headerwide {
    min-width: 320px;
  }
  .schedulebg {
    background-image: url('images/bg-tradeshow.jpg');
    background-size: cover;
    min-height: 300px;
  }
  .logo {
    position: relative;
    padding: 20px 0;
    margin: 0 auto;
    width: 204px;
    float: none;
  }
  .menu-block {
    float: none;
    width: 100%;
  }
  .header-block {
    min-width: auto;
    float: none;
  }
  #social {}
  dl.hover-block {
    padding: 0;
    width: 100%;
    max-width: none;
    margin: 15px 0 0 0;
  }
  #social li.search, #menu-header, #menu-main {
    display: none;
  }
  #social li.phone {
    margin: 15px auto 0 auto;
    float: left;
    padding: 0;
    border-right: 0;
    width: auto;
    text-align: center;
  }
  .swiper-slide {
    background-size: 100% auto;
    background-position: top center;
  }
  #banner .slide-text {
    width: 70%;
    margin: 200px auto 30px auto;
    padding: 20px 0;
  }
  #banner .slide-text h1 {
    padding: 0 15px 10px 15px;
    font-size: 12px;
    line-height: 14px;
  }
  #banner .slide-text h1 strong {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 26px;
  }
  #banner .slide-text p {
    padding: 0 25px;
    font-size: 11px;
  }
  .adv-block-new {
    width: 100%;
    max-width: 100%;
  }
  .content-home h2 {
    padding: 0 20px;
  }
  .content-home h1 {
    padding: 10px 20px 0 20px;
  }
  .content-home p {
    width: 75%;
  }
  .three-block {
    width: 100%;
    float: none;
    height: 390px;
  }
  .stay-connected {
    text-align: center;
  }
  .fixed {
    width: 90%;
  }
  .newsletters, .social {
    width: 100%;
    float: none;
    text-align: center;
  }
  .newsletters .text {
    width: 45%;
  }
  .newsletters .submit {
    padding: 0 15px;
    letter-spacing: 0;
  }
  .social {
    padding-top: 20px;
  }
  #social-home {
    width: 272px;
    margin: 0 auto;
  }
  .home-last-blog, .home-get-social {
    width: 100%;
    float: none;
    text-align: center;
  }
  .home-three-blocks a {
    text-decoration: none;
  }
  .footerwide, .footer-container {
    width: 100%;
    min-width: 320px;
    background-image: none;
  }
  .footer-up {
    width: 100%;
    min-width: auto;
    height: auto;
    padding: 20px 0;
    background-image: none;
    background-color: #4e92cc;
  }
  .footer-up .footer-block01, .footer-up .footer-block02, .footer-up .footer-block03 {
    width: 90%;
    height: auto;
    float: none;
    margin: 0 auto;
  }
  .footer-bottom {
    width: 100%;
    margin: 50px auto 0 auto;
  }
  #logo-footer {
    float: none;
    margin: 0 auto 20px 20px;
  }
  #menu-footer {
    margin: 5px 0 0 0;
    float: none;
  }
  #menu-footer li {
    padding: 0 0 7px 20px;
    float: none;
  }
  .footer-bottom p {
    margin: 5px 0 0 20px;
    float: none;
    text-align: left;
  }
  .support-banner {
    text-align: center;
    margin: 120px 0 0 0;
  }
  .support-banner p, .support-banner h1, .products-banner p, .products-banner h1 {
    text-align: center;
    font-size: 12px;
    width: 75%;
    margin: 0 auto;
  }
  .support-banner h1, .products-banner h1 {
    font-size: 22px;
    line-height: 22px;
    margin: 20px auto;
    text-align: center;
  }
  .support-banner h2, .products-banner h2 {
    letter-spacing: 0px;
    width: 75%;
    margin: 0 auto;
    padding: 100px 0 0 0;
    text-align: center;
  }
  .products-banner {
    background-size: 100% auto;
    background-position: bottom center;
  }
  .products-banner h2 {
    padding: 70px 0 0 0;
  }
  .content-page {
    min-width: 320px;
  }
  .page-title {
    background-image: none;
    background-color: #4e92cc;
    text-align: center;
    height: auto;
    margin-bottom: 50px;
    padding: 15px;
  }
  .page-title h1 {
    font-size: 24px;
    line-height: 60px;
    text-transform: uppercase;
    letter-spacing: 0px;
  }
  .routers-title {
    background-color: #00a651;
  }
  .waterjets-title {
    background-color: #00aeef;
  }
  .plasma-title {
    background-color: #00aeef;
  }
  .digitalfinishing-title {
    background-color: #662d91;
  }
  .page-title h1 {
    font-size: 20px;
    line-height: 24px;
  }
  .page-title h1 img {
    margin: -4px 20px 0 0;
    vertical-align: middle;
    height: 50px;
    width: auto;
  }
  .content-interior {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 50px 0;
  }
  .content-interior a, .content-interior a div h1, .content-interior a div h2, .content-interior a div {
    text-decoration: none;
  }
  .blogwidget {
    float: none;
    margin: 0 0 20px 0;
  }
  .product-item {
    float: none;
    width: 100%;
    margin: 10px 0;
    padding: 10px 0 0 0;
    height: auto;
  }
  .product-details {
    padding: 50px 0;
  }
  .details-line {
    float: none;
    width: 90%;
    margin: 10px auto;
  }
  img.alignright, img.alignleft, img.aligncenter, img.alignnone {
    margin: 10px auto;
    float: none;
    max-width: 100%;
    height: auto;
  }
  .productinfo-images {
    float: none;
    width: 90%;
    text-align: center;
    margin: 20px auto;
  }
  .productinfo-images img {
    width: 90%;
    height: auto;
  }
  .timelinebg {
    background-image: url('/wp-content/uploads/2017/07/bg-about-mobile.jpg');
    background-size: 100% auto;
    min-height: 880px;
  }
  .timelinebg.dever {
    background-image: url('/wp-content/uploads/2017/08/bg-about-mobile-de.jpg');
  }
  #quickcontactform h1, #getaquoteform h1 {
    color: #0061a8;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 0 20px 0;
  }
  #quickcontactform input, #getaquoteform input, #quickcontactform select, #getaquoteform select, #getaquoteform textarea {
    color: #0061a8;
    font-size: 14px;
    font-weight: normal;
    padding: 6px 5px;
    text-align: center;
    background-color: #E5F4FF;
    margin: 0 auto 5px auto;
    width: 90%;
  }
  .second, .third {
    width: 90%;
  }
  blockquote {
    background: #edf0fa;
    border-left: 1px solid #dfe3ef;
    margin: 15px 0;
    padding: 15px 20px;
    color: #182f7b;
    font-size: 16px;
    width: 85%;
    line-height: 140%;
  }
  iframe {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .landing-left, .landing {
    float: none;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
  }
  .map img.location {
    width: 3% !important;
  }
  .popup {
    width: 70%;
    top: 10px;
    left: 15%;
  }
  .hover-block.blogs.Blog, .hover-block.blogs.blogsidebar {
    max-width: 96%;
  }
  .leftdiv, .rightdiv {
    width: 100%;
    float: none;
  }
  .desktopslide {
    display: none;
  }
  .mobileslide {
    display: block;
  }
}

@media all and (min-width: 320px) and (max-width: 399px) {
  .timelinebg {
    min-height: 420px;
  }
  .map img.location {
    width: 2% !important;
  }
  .popup {
    width: 70%;
    top: 10px;
    left: 15%;
  }
}

@media all and (min-width: 400px) and (max-width: 499px) {
  .timelinebg {
    min-height: 480px;
  }
  .map img.location {
    width: 3% !important;
  }
  .popup {
    width: 70%;
    top: 10px;
    left: 15%;
  }
}

@media all and (min-width: 500px) and (max-width: 599px) {
  .timelinebg {
    min-height: 550px;
  }
  .map img.location {
    width: 3% !important;
  }
  .popup {
    width: 70%;
    top: 10px;
    left: 15%;
  }
}

@media all and (min-width: 600px) and (max-width: 755px) {
  .timelinebg {
    min-height: 650px;
  }
  .map img.location {
    width: 3% !important;
  }
  .popup {
    width: 70%;
    top: 10px;
    left: 15%;
  }
}

.germanbody .content-interior ul {
  margin: 20px 0 !important;
  padding: 0 !important;
}

.germanbody .content-interior li, .germanbody .content-page ul li, .germanbody .content-interior ul li {
  display: inline-block;
  width: 30%;
  text-align: center;
  vertical-align: top;
}

.germanbody .content-interior li img {
  display: block;
  max-width: 180px;
  margin: 0px auto;
}

.germanbody .content-interior .fourlines li {
  width: 100%;
  text-align: left;
  list-style-type: disc;
  display: list-item;
  padding: 10px 0;
}

.germanbody .content-interior .fourlines ul {
  font-size: 18px;
  margin: 20px 0 0 20px !important;
  padding: 0 !important;
}

@media only screen and (max-width: 760px) {
  .germanbody .content-interior li, .germanbody .content-page ul li, .germanbody .content-interior ul li {
    width: 49%;
    padding: 20px 0;
  }
  .germanbody .content-interior li img {
    max-width: 140px;
  }
}

.download-brochure {
  display: block;
  margin: 20px auto 40px;
  max-width: 200px;
  background: #8b0000;
  text-align: center;
  padding: 10px 5px;
  text-decoration: navajowhite;
  color: #fff;
  transition: all ease-in 0.3s;
}

.download-brochure:hover {
  background: #ff0800;
}

.removed {
  display: none !important;
}

#cookieChoiceInfo {
  background: #000000;
}

#cookieChoiceInfo span {
  color: #fff;
  padding-top: 5px;
  display: inline-block;
}

#cookieChoiceInfo a {
  display: none;
}

#cookieChoiceDismiss {
  display: inline-block !important;
  background: blue;
  width: 70px;
  padding: 5px;
  color: #fff;
  text-decoration: none;
}

/* Changes 10/9/18 */

.content-interior.categorypage .chgs10918 .product-item {
  width: 18%;
  margin: 10px 1% 20px 1%;
}

.chgs10918 .details-line.fourlines.threecols {
  width: 31.3%;
}