* { box-sizing: border-box; }
body {
font-family: 'Arial', sans-serif;
margin: 0;
font-size: 14px;
color: #202020;
line-height: 1.7;
}
h1,h2,h3,h4,h5,h6 { font-family: 'Oswald', sans-serif; font-weight: bold; }
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { margin-top: 0; }
p a, li a { color: #002f7b; font-weight: bold; }
.container img {max-width: 100%;}
.wrapper {
width: 100%;
margin:0 auto;
} #breadcrumbs {
position: absolute;
right: 15px;
top: 10px;
} .right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; margin: 0 auto; }
.clear { clear: both; }
.nomargin { margin: 0; }
.marginbottom { margin-bottom: 50px; }
.nopadding { padding: 0!important; }
.alignright {
float:right;
margin: 10px 0 10px 20px;
}
.alignleft {
float:left;
margin: 10px 20px 10px 0;
}
.midlogo {
width: 70px;
height: 73px;
background-image: url(//www.hazlocheaters.com/wp-content/themes/activeconversion/images/hh-small.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: -95px;
left: 0;
right: 0;
margin: 0 auto;
} .button,
.ac-form-row input[type=submit] {
background-color: #ffec03;
border: 2px solid #ffec03;
color: #202020;
display: inline-block;
padding: 10px 30px;
text-decoration: none;
transition: background-color .3s, color .3s;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.button:hover,
.ac-form-row input[type=submit]:hover {
background-color: rgba(255,255,255,0);
}
.inverted {
background-color: rgba(255,255,255,0);
}
.inverted:hover {
background-color: #ffec03;
}
.button + .button {
margin-left: 15px;
}
.button + .button:after {
content: '';
display: block;
}
.team img {
margin-top: 15px;
width: 100%;
border-radius: 50%;
}
.team h3 {
margin: 0;
margin-bottom: 10px;
}
.team hr {
margin: 35px auto;
border: none;
border-top: 1px solid #e3e3e3;
}
.team:last-child hr {
display: none;
} #menu-main-menu a {
color: #202020;
}
#menu-main-menu .sub-menu a {
color: #fff!important;
font-weight: normal;
font-size: 16px;
text-transform: none;
}
#menu-main-menu li a {
padding: 10px 15px;
font-size: 15px;
text-transform: uppercase;
}
#menu-main-menu ul li a {
padding: 10px 20px;
}
.ac-header ul,
.ac-header li {
list-style: none;
margin: 0;
padding: 0;
}
.ac-header ul {
position: relative;
}
.ac-header .logo-menu {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.logo-link {
outline: 0;
text-decoration: none;
}
.menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
float: right;
}
#ac-site-logo {
max-width: 220px;
margin-bottom: 10px;
}
.phone {
margin-bottom: 5px;
margin-top: 30px;
}
.row.logo-menu { margin-top: -35px; align-items: flex-end; -webkit-box-align: flex-end; -ms-flex-align: flex-end; }
.phone, .flags {
text-align: right;
padding-right: 15px;
}
.phone h3 {
margin: 0;
font-weight: 400;
margin-top: 3px;
}
.phone h3 a {
text-decoration: none;
font-weight: bold;
}
.phone-num {
color: #353339;
text-decoration: none;
}
.ac-main-menu ul li.hover,
.ac-main-menu ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}
.attachment-ac-wide-thumbnail {margin: 25px 0;}
.desktop-menu ul ul,
.top-menu ul ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
.ac-header ul ul li {
float: none;
}
.desktop-menu ul ul ul {
top: 0;
left: 190px;
width: 190px;
}
.ac-main-menu  ul li:hover > ul,
.top-menu ul li:hover > ul {
visibility: visible;
}
.ac-header ul ul {
bottom: 0;
left: 0;
margin-top: 0;
text-transform: none;
min-width: 220px;
}
.ac-header ul ul li {
font-weight: normal;
}
.ac-main-menu a,
.top-menu a {
display: block;
text-decoration: none;
}
.ac-header ul ul a {
background: #002f7b;
color: #fff;
padding: 16px 20px;
font-size: 14px;
}
.ac-header ul ul li {
position: relative;
}
.ac-main-menu ul ul li:hover > a {
background: #2f2d32;
color: #ffffff;
}
.ac-main-menu ul li:hover > a {
color: #002f7b!important;
}
.ac-main-menu ul li.current-menu-item > a {
color: #002f7b!important;
font-weight: bold;
}
.ac-header ul li.has-sub > a:after {
margin-left: 5px;
}
.ac-header ul li.last ul {
left: auto;
right: 0;
}
.ac-header ul li.last ul ul {
left: auto;
right: 99.5%;
}
.ac-header > ul > li > a {
font-size: 12px;
}
#menu-top-menu {
display: inline-block;
}
#menu-top-menu li a {
padding:10px;
color:#777;
background-color: transparent;
}
#menu-top-menu li a:hover {
color:#333;
}
#menu-top-menu li:hover {
background-color: #eee;
}
#menu-top-menu li a:hover,
#menu-top-menu li li a {
background-color: #eee;
}
#menu-top-menu li li a {
text-align: left;
}
h5.model,
h5.approvals {
font-size: 16px;
}
h5.approvals {
display: inline-block;
margin: 0;
margin-bottom: 20px;
position: relative;
top: -18px;
margin-right: 10px;
}
h5.approvals + img + img,
h5.approvals + img + img + img,
h5.approvals + img + img + img + img {
margin-left: 15px;
} .menu-toggle {
background-color: #002f7b;
border: 0;
display: none;
color: #fff;
cursor: pointer;
line-height: 1;
padding: 15px 20px;
text-transform: uppercase;
float: right;
}
.menu-toggle:before {
content: '\f0c9';
font-family: 'FontAwesome';
font-size: 20px;
margin-right: 8px;
position: relative;
top: 2px;
}
.menu-toggle:focus {
outline: none;
}
.noheight {
height: 0!important;
overflow: hidden;
}
.mobile-menu {
display: none;
background-color: #002f7b;
transition: .3s;
position: absolute;
top: 191px;
left: -100%;
transition: .3s;
z-index: 999;
width: 100%;
}
.mobile-menu.slidein {
left: 0;
}
.mobile-menu .sub-menu {
display: none;
}
.open {
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
cursor: pointer;
font-size: 20px;
height: 35px;
position: absolute;
transition: transform .4s;
top: 2px;
right: 28%;
width: 35px;
transform: rotate(-90deg);
text-align: center;
}
.open:before {
content: "\f0d7";
font-family: 'FontAwesome';
position: relative;
top: 1px;
left: 0;
}
.rotate {
transform: rotate(0deg);
}
.mobile-menu ul {
top: 0;
text-align: center;
margin: 0 auto;
}
.mobile-menu ul li {
float: none;
position: relative;
}
.mobile-menu ul li a {
display: block;
padding: 10px 15px;
color:#fff;
}
.mobile-menu .sub-menu li a:hover {
background-color: #333;
}
.mobile-menu .sub-menu {
padding-left: 15px;
}
.ac-page-nav {
margin-top:3em;
}
.ac-pagination {
clear:both;
font-size:1em;
line-height: 1.5em;
text-align: center;
}
.ac-pagination a {
display:inline-block;
padding: 14px;
width: 45px;
height: 45px;
text-decoration:none;
position: relative;
color: #fff;
background: #353339;
margin-right: 6px;
}
.ac-pagination a:hover {
background: #2c2a2f;
}
.ac-pagination a.current:hover {
cursor: default;
}
.ac-pagination a.current {
cursor: default;
background : #ffec03;
color: #202020;
font-weight: bold;
} .ac-ph-mob {
display: none;
}
.ac-thumbnail {
overflow: hidden;
width: 100%;
text-align: center;
height: 180px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 30%;
float: left;
margin-right: 40px;
position: relative;
}
.clickable-thumb {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.ac-top-nav {
padding: 10px 15px 15px 0;
}
.ac-header .ac-phone {
display: inline-block;
}
.ac-header .ac-phone span {
padding-right: 20px;
font-size: 1.3em;
color:#666;
}
.ac-header {
}
.ac-banner {
height: 30vw;
min-height: 300px;
max-height: 490px;
position: relative;
}
.ac-banner.sub-page {
height: 190px;
min-height: auto;
}
.ac-banner.sub-page .banner-title {
margin: 0;
}
.ac-banner.sub-page .unslider-fade .unslider-wrap li {
height: 190px;
min-height: auto;
}
.ac-banner.sub-page .unslider-fade .unslider-wrap li:after {
content: '';
background-color: rgba(0, 47, 123, .9);
}
.container.title-wrap {
position: absolute;
left: 0;
right: 0;
top: 33%;
color: #fff;
z-index: 999;
}
.banner-title {
line-height: 1.3;
background-position: bottom left;
background-repeat: no-repeat;
display: inline-block;
position: relative;
z-index: 999;
padding: 0 20px 20px;
min-width: 160px;
}
.banner-title span {
color: #f1be46;
}
.below-banner {
background-color: #f1be46;
padding: 60px 0;
font-size: 18px;
margin-bottom: 70px;
border-top: 3px solid #f0f3f4;
}
.below-banner h2 {
margin-top: 0;
margin-bottom: 15px;
text-transform: none;
}
.below-banner p {
line-height: 2;
margin: 10px -10px;
margin-top: 0;
}
.below-banner p:last-child {
margin-bottom: 0;
}
.ac-main-menu,
.desktop-menu {
padding-right: 0!important;
}
.ac-social {
display: block;
text-align: right;
}
.ac-social ul {
padding-left:0;
list-style: none;
}
.ac-social ul li {
display:inline-block;
padding-right:10px;
}
.ac-social ul li img {
width: 30px;
height:30px;
}
.social a span.hide { display: none; }
input[type=text], select, textarea {
width: 100%;
} .ac-form {
font-size:0.9em;
}
.ac-form td {
padding:0 10px 10px 0;
}
.ac-form input[type=submit] {
background-color:#555;
color:#fff;
border: 0;
padding: 5px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.featured-services {
}
.button-wrap {
margin-bottom: 80px;
}
.service .image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 12vw;
min-height: 160px;
position: relative;
}
.service h3 {
display: inline-block;
margin-top: 0;
margin-bottom: 20px;
}
.service .text {
background-color: #fff;
padding: 20px 30px 25px;
margin-bottom: 30px;
min-height: 230px;
}
.service .text p {
margin: 0;
}
.row.cf-row,
.row.post,
.row.other-apps,
.row.tools-tech-item {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.row.tools-tech .image {
background-size: cover;
background-position: center;
max-height: 470px;
}
.tools-tech-item {
margin-bottom: 170px;
}
.row.tools-tech {
margin-top: 100px;
}
.row.other-apps {
background-color: #fff;
margin-bottom: 100px
}
.other-apps .text {
padding: 30px 30px 60px;
}
.other-apps .text table td {
width: 50%;
}
.other-apps .text ul {
padding-left: 15px;
margin: 0;
padding-right: 25px;
}
.other-apps .text table td:last-child ul {
padding-right: 0;
}
.other-apps .image {
background-size: cover;
background-position: center;
border-left: 3px solid #f0f3f4;
}
.cf-background {
background-size: cover;
background-position: left;
position: absolute;
left: 0;
height: 100%;
}
.cf-text {
background-position: center;
background-size: cover;
}
.cf-text h2 {
margin: 0;
margin-bottom: 50px;
line-height: 1;
font-size: 36px;
}
.cf-text h3 {
margin-top: 0;
}
.cf-text ul {
padding-left: 18px;
}
.cf-text p,
.cf-text ul li {
margin-bottom: 30px;
}
.cf-text p:last-child {
margin: 0;
}
.cf-wrapper {
position: relative;
background-color: #133f85;
color: #fff;
padding: 60px 0!important;
background-size: cover;
background-position: bottom center;
}
.cf-wrapper:after {
content: '';
position: absolute;
width: 100%; height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 47, 123, .8);
}
.cf-wrapper .button:hover {
color: #fff;
}
.cf-product h2,
.cf-product h3,
.cf-product h4 {
margin-top: 0;
}
.cf-product .button {
margin-top: 20px;
padding: 3px 10px;
background-color: rgba(0,0,0,0);
color: #fff;
}
.cf-product .button:hover {
background-color: #ffec03;
color: #202020;
}
body.single-products .cf-wrapper {
padding: 80px 0!important;
}
body.single-products .cf-wrapper:after {
background-color: rgba(0,0,0,.5);
}
body.single-products .cf-wrapper p {
font-size: 16px;
}
.cf-wrapper .container {
position: relative;
z-index: 999;
}
.cf-wrapper.sub .cf-text {
padding-right: 15px!important;
}
.cf-events h3 {
margin-top: 0;
}
.services.wrapper .featured-services {
margin-top: 50px;
}
.ac-footer {
background-color: #292822;
color: #b7b6b6;
padding: 40px 0;
}
.ac-footer a {
color: #cbcbcb;
text-decoration: none;
}
.ac-footer h2 {
font-size: 1.1em;
}
.ac-footer-copy {
font-size:0.9em;
}
.ac-footer .ac-footer-links ul {
padding-left:0;
list-style: none;
}
.ac-footer .ac-footer-links ul li {
display:inline-block;
padding-right:10px;
}
.ac-footer-links {
background-color: #555;
font-size: 0.9em;
}
.ac-footer-links a {
color: #ccc;
}
.widget.ac-footer-widget ul {
padding-left:0px;
margin-left:0;
}
.widget.ac-footer-widget ul li {
list-style-type:none;
}
.widget.ac-footer-widget ul li a {
padding-left:10px;
}
.widget.ac-footer-widget .post-date {
float: left;
}
.ac-footer .menu {
list-style: none;
padding: 0;
padding-right: 15px;
}
.ac-footer .menu li {
display: inline-block;
margin-right: 7px;
}
.ac-footer .menu li:after {
content: ' | ';
margin-left: 2px;
}
.ac-footer .menu li:last-child {
margin-right: 0;
}
.ac-footer .menu li:last-child:after {
display: none;
}
.menu-footer-menu-container {
margin-left: auto;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.menu-footer-menu-container li,
.menu-footer-menu-container a {
color: #797979;
}
.ac-footer .ac-widget-title {
font-family: 'Open Sans', sans-serif;
color: #ededed;
letter-spacing: 1px;
margin-top: 0;
}
.ac-footer .widget .menu a {
padding: 0;
}
.ac-footer .widget .menu li {
margin-bottom: 5px;
}
.ac-footer .widget .menu li.bold a {
color: #fff;
}
.ac-footer .textwidget p {
margin-bottom: 0;
margin-top: 5px;
}
.ac-footer .textwidget a {
color: #f1be46;
}
.row .ac-footer-widget:last-child {
padding-top: 15px;
}
.page .col-8 iframe {
width: 100%!important;
height: 350px!important;
}
.social br {
display: none;
}
.social {
margin-top: 25px;
}
.social a {
font-size: 35px;
color: #fff!important;
margin-right: 18px;
}
.button.inline {
padding: 0 10px!important;
text-transform: none!important;
} .sidebar form {
margin-top: -40px;
}
.sidebar .ac-form-row {
width: 100%;
float: none;
}
.ac-form-row br { display: none; }
.ac-form-row {
margin-bottom: 15px!important;
float: left;
width: 48%;
margin-right: 3%;
}
.ac-form-div .ac-form-row:nth-child(3),
.ac-form-div .ac-form-row:nth-child(5) {
margin-right: 0;
}
.ac-form-div .ac-form-row:nth-child(1),
.ac-form-div .ac-form-row:nth-child(6) {
width: 99%;
float: none;
}
.sidebar .ac-form-row {
width: 100%!important;
}
.ac-form-row input,
.ac-form-row select,
.ac-form-row textarea {
width: 100%;
padding: 10px 8px;
font-family: inherit;
border: 1px solid #707070;
color: #353339;
}
.ac-form-row textarea {
height: 120px;
}
.sidebar .ac-form-row textarea {
height: 100px;
}
.ac-form-row input[type=submit] {
width: auto;
}
.sidebar .widget {
margin-bottom: 30px;
}
.sidebar p {
margin: 0;
}
.wrapper.page-contact {
padding: 50px 0 30px;
}
form[class^="ac-form-"] .ac-form-field-invalid, form[class*="ac-form-"] .ac-form-field-invalid {
background-color: #fff1f1!important;
}
.container.title-wrap .col-4 { width: 40%; }
.post-titles strong {
color: #002f7b;
}
.entry-title {
margin: 0;
margin-bottom: 0;
font-weight: bold;
line-height: 1;
margin-bottom: 15px;
}
.single-post .entry-title {
margin-bottom: 80px;
}
.border:after {
margin-top: 10px;
margin-left: 0;
}
.other-apps .text h3:after {
margin-left: 0;
margin-top: 15px;
}
.post {
margin-bottom: 10px;
min-height: 333px;
}
.projects.wrapper {
padding: 50px 0;
text-align: center;
}
.wrapper.news {
padding: 50px 0;
}
.projects .titlewrap {
margin-bottom: 60px;
}
body.blog .post.news,
body.archive .post.news {
min-height: auto;
padding-bottom: 20px;
border-bottom: 1px solid #cbcbcb;
margin-bottom: 30px;
}
body.blog .post.news:last-child,
body.archive .post.news:last-child {
border: none;
}
.news-content p:first-child {
font-weight: bold;
font-size: 16px;
}
.post-thumb {
position: relative;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 150px;
margin: 15px 0;
margin-top: 10px!important;
}
.post-text {
text-align: left;
background-color: #fff;
}
.post-text h3 + p {
margin-top: 10px;
}
.post.news {
min-height: 233px;
}
.post.news .post-text {
padding-left: 60px!important;
padding-right: 0!important;
}
.post.news .post-text p  .button.inline {
padding: 10px 15px !important;
}
.post.news .post-thumb {
border: none;
}
.post-date {
position: absolute;
bottom: -22px;
width: 100%;
left: -1px;
text-align: center;
font-size: 10px;
text-transform: uppercase;
}
.post h2,
.post h3 {
margin: 0;
margin-bottom: 5px;
line-height: 1.3;
font-weight: normal;
}
.post h2 a,
.post h3 a {
text-decoration: none;
color: #353339;
font-weight: normal!important;
}
.post h2:after,
.post h3:after {
margin-left: 0;
}
.page-404 ol li {
margin-bottom: 7px;
}
.page-404 form,
.page-404 form input {
display: inline-block;
width: auto;
padding: 6px;
}
.page-404 form input[type=submit] {
background-color: #353339;
border: 1px solid #353339;
color: #fff;
transition: .3s;
cursor: pointer;
padding: 7px;
}
.page-404 form input[type=submit]:hover {
background-color: rgba(255,255,255,0);
color: #353339;
}
.page-404 h6 {
display: inline;
font-size: 14px;
}
.news .sidebar h3 {
margin-bottom: 10px;
}
.news .sidebar h3:after {
margin-top: 25px;
}
.news-widget {
margin-bottom: 50px;
}
.news-widget .social a {
background-color: #79cdf1;
display: inline-block;
width: 52px;
height: 52px;
text-align: center;
font-size: 30px;
}
.news-widget .social a i {
position: relative;
top: 6px;
}
.news-widget .social a:first-child {
background-color: #1385c7;
}
.news-widget .social a:last-child {
background-color: #547bbd;
}
.news-widget ul {
list-style: none;
padding: 0;
}
.news-widget li {
line-height: 2;
}
.news-widget li a,
.tagcloud a {
color: #353339;
text-decoration: none;
font-size: 14px!important;
}
.tagcloud a {
display: inline-block;
margin-right: 10px;
}
.tools-tech .text h2 {
margin-top: -10px;
margin-bottom: 50px;
}
.tools-tech .text ul {
padding-left: 15px;
}
.tools-tech .text iframe {
width: 100%!important;
height: 265px;
margin-top: 10px;
}
.entry-paragraph {
margin-top: 30px;
margin-bottom: 50px;
}
.wrapper.about {
margin-bottom: 60px;
}
.integrity-safety-people h3 {
margin: 0;
}
.integrity-safety-people h3 + p:after {
margin-bottom: 25px;
}
.sidebar .unslider {
margin-bottom: 0;
}
.post-featured {
height: 270px;
padding: 0 20px;
margin-bottom: 40px;
}
.post-featured li {
height: 270px!important;
min-height: auto!important;
max-height: 270px!important;
background-size: contain!important;
background-position: center!important;
}
.post-featured li {
position: relative;
}
.post-featured li .caption {
position: absolute;
bottom: 0;
padding: 5px 15px;
background: #fff;
font-size: 85%;
text-align: center;
left: 0;
right: 0;
}
.post-featured li:after {
display: none!important;
}
.post-featured iframe {
width: 100%;
height: 350px;
}
.post-wrap {
padding-bottom: 60px;
}
.row.post-wrap {
padding-bottom: 0;
}
.integrity-safety-people .col-4 {
border: 15px solid #f0f3f4;
background-color: #fff;
padding: 20px 30px;
}
.integrity-safety-people .col-4:first-child {
border-left: 0;
}
.integrity-safety-people .col-4:last-child {
border-right: 0;
}
.team-member .picture {
background-color: #fff;
height: 250px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 10px;
border-bottom: 1px solid #f0f3f4;
}
.vision {
background: #fff;
padding: 20px 30px;
margin-bottom: 15px;
}
.vision .col {
padding: 0!important;
}
.ac-form-message span {
display: block!important;
}
.ac-footer ul.menu {
margin: 0;
margin-top: -20px;
}
.ac-footer .row .widget.ac-footer-widget:nth-child(1) p {
margin: 0;
line-height: 1.3;
}
.ac-footer .ac-widget-title {
margin: 0;
text-transform: none;
letter-spacing: 0;
font-size: 14px;
}
.ac-footer .row .widget.ac-footer-widget:nth-child(2) {
text-align: right;
margin-bottom: 10px;
top: -25px;
position: relative;
}
.custom-html-widget a {
color: #292822!important;
background: #cbcbcb;
width: 33px;
height: 33px;
border-radius: 50%;
display: inline-block;
margin-left: 7px;
font-size: 20px;
text-align: center;
}
.fwidgets-wrapper {
-webkit-box-align: flex-end!important;
-ms-flex-align: flex-end!important;
align-items: flex-end!important;
}
.sidebar > div {
margin-bottom: 50px;
}
.sidebar > div:last-child {
margin-bottom: 0;
}
.sidebar > div h2.ac-widget-title {
color: #002f7b;
font-weight: bold;
font-size: 20px;
margin-top: -10px!important;
margin-bottom: 10px!important;
}
.sidebar > div ul {
list-style: none;
padding: 0;
}
.sidebar > div ul li a {
text-decoration: none;
color: #002f7b;
}
.unslider-fade .unslider-wrap li {
background-position: top center;
}
.unslider-fade .unslider-wrap li:after {
content: '';
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
background-color: rgba(0,0,0,.5);
}
.slogan {
background-color: #002f7b;
color: #fff;
padding: 15px 0;
}
.slogan h3 {
margin: 0;
}
.row.featured-products {
padding: 50px 0 60px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.featured-products .product {
padding: 0 50px 50px;
position: relative;
}
.featured-products .product .content .p-btn {
position: absolute;
bottom: 0;
}
.featured-products .product .image {
height: 235px;
width: 100%;
background-position: top center;
background-size: cover;
position: relative;
background-repeat: no-repeat;
}
.img-clickable {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: color .3s, background-color .3s;
text-decoration: none;
text-align: center;
color: rgba(0,0,0,0);
font-style: italic;
}
.img-clickable span {
position: absolute;
top: 45%;
left: 0;
right: 0;
}
.product .img-clickable:hover {
color: #fff;
background-color: rgba(0,0,0,.5);
}
.featured-products .product h3 {
margin: 0;
font-weight: bold;
}
.featured-products .product .sub-title {
color: #002f7b;
font-weight: bold;
margin-bottom: 10px;
}
.featured-products .product p {
margin: 0;
}
.featured-products .product .image,
.featured-products .product .description {
margin-bottom: 15px;
}
.recent-news h4,
.events h4 {
padding: 3px 10px;
margin-left: -10px;
margin-bottom: 0;
}
.events h3 {
margin-top: 15px;
}
.events h4 {
color: #ffec03;
margin-top: -10px;
font-weight: normal;
}
.recent-news h4 a {
color: #ffec03;
text-decoration: none;
font-weight: normal;
}
.recent-news .date,
.events .date {
margin-top: -7px;
margin-left: -10px;
font-weight: bold;
font-size: 13px;
}
.recent-news .date span,
.events .date span {
color: #fff;
padding: 0 20px 5px 10px;
}
.recent-news .ac-readmore a {
background: none;
border: none;
color: #ffec03!important;
padding: 0;
position: relative;
top: -7px;
}
.recent-news .ac-readmore a:after {
content: ' >>';
}
.wrapper.products-page .container h2 {
font-weight: bold;
padding: 0 15px;
margin: 45px 0;
}
.row.products {
margin-left: -15px;
}
.row.products .post {
padding: 0 25px;
margin-bottom: 30px;
}
.row.products .post h3 a {
font-weight: bold;
font-size: 20px;
}
.row.products .post a {
text-decoration: none;
}
.row.products .post .content a:after {
content: '\00BB';
position: relative;
left: 5px;
top: -1px;
}
strong.sub-title {
color: #002f7b;
line-height: 1.2;
}
body.single-post .post-featured {
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
height: 180px!important;
padding: 0!important;
}
.wrapper.page-description {
padding-top: 40px;
}
.post-type-archive-products .wrapper.page-description {
text-align: center;
}
.wrapper.page-description .col {
position: relative;
}
.wrapper.page-description .col:after {
content: '';
border-bottom: 1px solid #e3e3e3;
width: 250px;
position: absolute;
left: 0;
margin: 0 auto;
bottom: -17px;
}
.post-type-archive-products .wrapper.page-description .col:after {
right: 0;
bottom: -30px;
}
.page-description h3 {
margin: 0;
margin-bottom: 15px;
}
.wrapper.certifications {
padding: 40px 0;
background-color: #f9f9f9;
border-top: 1px solid #707070;
}
.page .col-8 > h2 { margin-top: 0; }
.row.certifications {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.row.certifications .col {
text-align: center;
}
.ac-contact-sidebar h2 {
color: #002f7b;
font-weight: bold;
font-size: 20px;
margin-top: -10px!important;
margin-bottom: 5px!important;
}
.post.row.news .post-thumb {
margin: 0;
}
.entry-title + strong.sub-title {
margin-bottom: 15px;
display: inline-block;
}
strong.sub-title + h5 {
font-weight: bold;
margin: 0;
margin-bottom: 15px;
}
.sidebar .post-featured {
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 50px;
}
.sidebar .post-featured li {
background-color: #fff;
}
.single-product {
padding: 40px 0;
}
.page-about .page-description .col > h3,
.slogan h3 {
font-family: 'Arial', sans-serif;
font-weight: bold;
font-style: italic;
}
.sidebar .unslider-arrow {
display: block;
top: 33%;
width: 45px;
height: 45px;
left: 5px;
}
.sidebar .unslider-arrow:after {
left: 14px;
top: 11px!important;
}
.sidebar .unslider-arrow.next {
right: 5px;
left: auto;
}
.sidebar .unslider-arrow.next:after {
left: 17px;
}
.sidebar .unslider:hover .unslider-arrow {
opacity: 1;
}
.gallery-item dt img {
height: auto;
border-color: #fff!important;
} .container {
width: 100%;
max-width: 1164px;
margin: 0 auto;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6,  .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
padding: 0 15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,  .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }
.col-1 { width: 8.333%; }
.offset-1 { margin-left: 8.333%; }
.col-2 { width: 16.666%; }
.offset-2 { margin-left: 16.666%; }
.col-3 { width: 25%; }
.offset-3 { margin-left: 25%; }
.col-4 { width: 33.333%; }
.offset-4 { margin-left: 33.333%; }
.col-5 { width: 41.666%; }
.offset-5 { margin-left: 41.666%; }
.col-6 { width: 50%; }
.offset-6 { margin-left: 50%; }
.col-7 { width: 58.333%; }
.offset-7 { margin-left: 58.333%; }
.col-8 { width: 66.666%; }
.offset-8 { margin-left: 66.666%; }
.col-9 { width: 75%; }
.offset-9 { margin-left: 75%; }
.col-10 { width: 83.333%; }
.offset-10 { margin-left: 83.333%; }
.col-11 { width: 91.666%; }
.offset-11 { margin-left: 91.666%; }
.col-12 { width: 100%; }
@media all and (max-width: 768px) {
.row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6,  .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { flex: auto; -ms-flex: auto; width: 100%; }
.row.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;  }
.offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11 { margin: 0; }
}  @media (max-width: 1176px) {
.container.title-wrap .col-4 { width: 50%; }
}
@media (max-width: 849px) {
#menu-main-menu li a { padding: 10px; font-size: 16px; }
}
@media (max-width: 790px) {
.container.title-wrap .col-4 { width: 90%; }
}
@media (max-width: 768px) { .phone, .flags { text-align: center; margin: 0; padding: 0 15px; margin-bottom: 10px; display: inline-block; }
.row.logo-menu { margin: 0; }
.mobile-menu { display: block; }
.menu { float: none; display: block; padding: 15px 0!important; }
.ac-header { padding: 10px 0 0; text-align: center; }
.desktop-menu, .menu-top-menu-container  { display: none; }
.ac-ph-desk { display: none; }
.ac-ph-mob { display: block; text-align: center; }
#ac-site-logo { float:none; display: block; margin: 0 auto; text-align: center; }
.ac-phonerow { text-align: center; }
.ac-header .ac-phone span.ac-ph-mob { padding-right: 0; }
.ac-header .ac-phonerow a.button { display: none!important; }
.menu-toggle { display: block; }
.cf-background { position: static; height: 300px; }
.ac-footer-widget { text-align: center!important; margin-bottom: 20px; }
.ac-footer-widget .inner { text-align: center!important; display: block!important; }
.ac-footer-widget .menu { max-width: 100%; margin-top: 0; padding-top: 0!important; }
.ac-footer .ac-widget-title { margin-bottom: 15px; }
.row .ac-footer-widget:last-child { padding-top: 0; }
.menu-footer-menu-container { float: none; margin: 0; }
.fbottom .menu { max-width: 100%; }
.fbottom, .fbottom .right { text-align: center; }
.fbottom p, .fbottom .menu { margin-bottom: 0; padding-bottom: 0!important; }
.fbottom { margin-top: 10px; padding-top: 0; }
.page-contact .sidebar { margin-top: 40px; }
.ac-header .current-menu-item > a:after { margin-left: 0; }
.ac-header .current-menu-item > a:after, .ac-header .current_page_parent > a:after { display: none; }
.row .ac-footer-widget:nth-child(2) { position: static; }
p .phone-number { text-decoration: underline; }
.ac-footer-widget:last-child .textwidget p { float: none; }
.ac-main-menu { margin-top: 15px; }
.mobile-menu ul li a:hover, .mobile-menu ul li.current-menu-item a, .ac-main-menu ul li:hover > a { color: #ffec03!important; }
.menu-footer-menu-container { display: block; width: 100%; padding: 0 15px; text-align: center; }
.ac-footer .row .widget.ac-footer-widget:nth-child(2) { margin-bottom: 0; position: static; }
.ac-footer ul.menu { margin: 0; }
.ac-footer ul.menu li a { font-size: 13px; }
.cf-text { padding: 30px 15px!important; }
.cf-wrapper { padding-top: 0!important; padding-bottom: 30px!important;}
.cf-text h2 { margin-bottom: 25px; }
.row.products { margin-left: 0; }
.row.certifications { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.row.certifications .col { width: auto; }
.col.ac-main-menu { position: relative; }
.mobile-menu { top: 51px; }
.team img { width: auto; }
.team .col-2, .team h3 { text-align: center; }
.featured-products .product .content .p-btn { position: static; }
.midlogo { top: -36px; }
.mobile-menu .sub-menu { padding: 0; }
.ac-main-menu ul ul li > a { background: #2f2d32; font-weight: normal; }
.sidebar { margin-top: 45px; }
}
@media (max-width: 650px) {
.container.title-wrap .col-4 { width: 100%; }
.gallery-item { display: block; float: none!important; width: 100%!important; }
}
@media (max-width: 488px) {
.open { right: 20%; }
.banner-title { font-size: 30px; }
.row.featured-products .product { padding: 0 15px; margin-bottom: 30px; }
.ac-form-row { width: 100%!important; float: none; margin-right: 0; }
}
@media (max-width: 350px) {
.open { right: 30px; }
}
.cky-notice-des a.cky-policy, .cky-notice-des button.cky-policy {
font-weight: 400!important;
}
.cky-btn {
font-weight: bold!important;
}
.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
display: none!important;
}.my-slider {
display: none;
}
.unslider {
overflow: auto;
margin: 0;
padding: 0;
position: relative;
}
.unslider-wrap {
position: relative;
}
.unslider-wrap.unslider-carousel > li {
float: left;
}
.unslider-vertical > ul {
height: 100%;
}
.unslider-vertical li {
float: none;
width: 100%;
}
.unslider-fade {
position: relative;
}
.unslider-fade .unslider-wrap li {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 8;
}
.unslider-fade .unslider-wrap li.unslider-active {
z-index: 10;
}
.unslider ul, .unslider ol, .unslider li {
list-style: none; margin: 0;
padding: 0;
border: none;
}
.unslider-arrow {
position: absolute;
left: 20px;
z-index: 2;
cursor: pointer;
top: 42%;
z-index: 999;
width: 71px;
height: 71px;
border-radius: 50%;
background-color: rgba(0,0,0,.3);
opacity: 0;
transition: .4s;
}
.unslider-arrow:after{
position: absolute;
left: 27px;
top: 23px;
}
.unslider-arrow.next:after {
position: absolute;
left: 30px;
top: 23px;
}
.unslider-arrow.next {
left: auto;
right: 20px;
}
.unslider:hover .unslider-arrow {
opacity: 1;
}
.unslider ul li {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.unslider ul li .description {
position: absolute;
bottom: -38px;
width: 100%;
color: #fff;
text-transform: uppercase;
}
.unslider ul li .description p {
font-size: 13px!important;
color: #fff;
font-weight: 600;
}
.unslider .description .address {
font-size: 18px;
}
.unslider .description a {
color: rgb(151, 151, 193);
text-decoration: none;
border-bottom: 1px solid rgb(151, 151, 193);
}
.unslider .home-search {
position: absolute;
left: 0;
right: 0;
top: 200px;
z-index: 999;
}
.unslider-nav {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
}
.unslider-nav ol {
list-style: none;
text-align: center;
}
.unslider-nav ol li {
display: inline-block;
width: 7px;
height: 7px;
margin: 0 4px;
border-radius: 50%;
overflow: hidden;
text-indent: -999em;
cursor: pointer;
background: #fff;
position: relative;
top: -2px;
}
.unslider-nav ol li.unslider-active {
background: transparent;
cursor: default;
border: 2px solid #fff;
width: 11px;
height: 11px;
top: 0;
}
.img-clickable {
position: absolute;
width: 100%;
height: 100%;
} #loader {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 33%;
}
#loader span{
display: inline-block;
width: 11px;
height: 11px;
border-radius: 100%;
border: 2px solid #002f7b;
margin: 35px 2px;
}
#loader span:nth-child(1){
animation: bounce 1s ease-in-out infinite;
}
#loader span:nth-child(2){
animation: bounce 1s ease-in-out 0.33s infinite;
background: #002f7b;
width: 8px;
height: 8px;
}
#loader span:nth-child(3){
animation: bounce 1s ease-in-out 0.66s infinite;
background: #002f7b;
width: 8px;
height: 8px;
}
@keyframes bounce{
0%, 75%, 100%{
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
25%{
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
} .unslider-fade .unslider-wrap li {
height: 30vw;
max-height: 490px;
min-height: 300px;
}