haleonearth
6/8/2018 - 11:11 PM
Zewski site stylesheet (original)
HS file: ZewskiCorp_December2017-style.css
/* ZewskiCorp_December2017-style.css */
/* ==========================================================================
HubSpot Migrations Services - COS Boilerplate v2.0.0
========================================================================== */
/* ==========================================================================
Table of Contents:
1. EXTERNAL RESOURCES
2. BASE STYLES
3. COS STRUCTURE
4. MAIN NAVIGATION
5. BLOG
6. FORMS
7. BUTTONS
8. MISCELLANEOUS
9. MOBILE MEDIA QUERIES
========================================================================== */
/* ==========================================================================
1. EXTERNAL RESOURCES
========================================================================== */
/* =============== @import, @font-face, and CSS File Includes =============== */
/* EX: @import url('http://example.com/example_style.css'); */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@font-face {
font-family:myriad-pro-condensed;
src:url(https://use.typekit.net/af/5b6b20/0000000000000000000170a8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/5b6b20/0000000000000000000170a8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/5b6b20/0000000000000000000170a8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
font-weight:700;
font-style:normal;
}
@font-face {
font-family:myriad-pro-condensed;
src:url(https://use.typekit.net/af/350088/0000000000000000000170a4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/350088/0000000000000000000170a4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/350088/0000000000000000000170a4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
font-weight:400;
font-style:normal;
}
@font-face {
font-family:myriad-pro-condensed;
src:url(https://use.typekit.net/af/339073/0000000000000000000170a9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/339073/0000000000000000000170a9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/339073/0000000000000000000170a9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");
font-weight:700;
font-style:italic;
}
@font-face {
font-family:myriad-pro-condensed;
src:url(https://use.typekit.net/af/2cf4f6/0000000000000000000170a5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/2cf4f6/0000000000000000000170a5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/2cf4f6/0000000000000000000170a5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
font-weight:400;
font-style:italic;
}
@font-face {
font-family:myriad-pro;
src:url(https://use.typekit.net/af/ea4a9b/00000000000000000001709e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/ea4a9b/00000000000000000001709e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/ea4a9b/00000000000000000001709e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
font-weight:700;
font-style:normal;
}
@font-face {
font-family:myriad-pro;
src:url(https://use.typekit.net/af/332f20/00000000000000000001709f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/332f20/00000000000000000001709f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/332f20/00000000000000000001709f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");
font-weight:700;
font-style:italic;
}
@font-face {
font-family:myriad-pro;
src:url(https://use.typekit.net/af/688bca/00000000000000000001709b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/688bca/00000000000000000001709b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/688bca/00000000000000000001709b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
font-weight:400;
font-style:italic;
}
@font-face {
font-family:myriad-pro;
src:url(https://use.typekit.net/af/ff33d1/00000000000000000001709a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/ff33d1/00000000000000000001709a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/ff33d1/00000000000000000001709a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
font-weight:400;
font-style:normal;
}
/* HubSpot_Boilerplate-modules.css is required to address style issues with the default modules and responsive grid layout */
{% include "Custom/page/ZewskiCorp_December2017-theme/ZewskiCorp_December2017-modules.css" %}
/* ==========================================================================
2. BASE STYLES
========================================================================== */
/* =============== Base =============== */
*, *:before, *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html, body {
min-height: 100%;
margin: 0;
padding: 0;
}
body {
background: #fefefe;
background-image: url(//info.zewskicorp.com/hubfs/Zewskicorp%20December2017%20Theme/Images/bg-pattern.png);
font-family: "myriad-pro",sans-serif;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
color: #666;
font-weight: 400;
line-height: 1.42857143;
}
/* Page Center */
.container-fluid .row-fluid .page-center {
float: none;
max-width: 1170px;
margin: 0 auto;
}
/* Highlighted Text
::-moz-selection {
color: #fff;
background: #333;
text-shadow: none;
}
::selection {
color: #fff;
background: #333;
text-shadow: none;
}*/
/* =============== Typography =============== */
/* Basic text */
p {
display: inline-block;
margin: 0 0 10px 0;
padding: 0;
}
.content-wrapper p {
line-height:1.75em;
}
small {}
strong {}
em {}
cite {}
code {}
pre {}
sup, sub {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* Headings */
h1, h2, h3, h4, h5, h6 {
margin-top: 20px;
margin-bottom: 10px;
line-height: 1.1;
font-weight:400;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h1 {
font-size:36px;
margin-bottom: 35px;
margin-top:0;
}
h2 {
font-size:30px;
font-weight:700;
color:#7bb51e;
}
h3 {
font-size:24px;
font-weight:700;
}
h4 {
font-size:22px;
font-weight:700;
}
h5 {
font-size:20px;
}
h6 {
font-size:18px;
}
/* Anchor Links */
a {
outline: none;
text-decoration: none;
color: #5b5551;
}
a:hover, a:focus {
text-decoration: none;
outline: none;
outline-offset: 0;
}
/* Lists */
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 15px;
}
ul ul, ul ol, ol ol, ol ul {}
li {}
/* Block Quotes */
blockquote {}
blockquote p {}
blockquote small {}
/* Horizontal Rules */
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
height: 0;
}
/* =============== EU Cookie Confirmation Bar =============== */
/* Confirmation Outer Wrapper*/
#hs-eu-cookie-confirmation {}
/* Confirmation Inner Wrapper*/
#hs-eu-cookie-confirmation-inner {}
#hs-eu-cookie-confirmation-inner p{}
/* Confirmation Button */
#hs-en-cookie-confirmation-buttons-area {}
a#hs-eu-confirmation-button {}
/* ==========================================================================
3. COS STRUCTURE
========================================================================== */
/* =============== Structure =============== */
/* The outer wrappers of your website */
.header-container-wrapper,
.body-container-wrapper,
.footer-container-wrapper {}
/* The inner wrappers of your website */
.header-container,
.body-container,
.footer-container {}
/* =============== Header =============== */
.header-container-wrapper {}
.header-container {}
.custom-header-top{
border-top: 12px solid #717171;
}
.custom-logo {
padding: 20px 0 11px 73px;
}
.custom-main-menu{
background: #000000 none repeat scroll 0 0;
padding: 18px 0 16px;
text-align: center;
}
.cm-top-num {
font-size: 44px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
line-height: 1.42857143;
font-family: myriad-pro, sans-serif;
padding: 0 0 0 30px;
}
.cm-top-num a {
color: #717171;
}
.cm-top-num a:hover {
color: #8BBD26;
}
.cm-top-num p {
padding: 0 !important;
margin: 0 !important;
}
/* =============== Content =============== */
.body-container-wrapper {}
.body-container {}
.content-wrapper {
padding:50px 15px 60px;
}
.main-content {}
.sidebar{}
.sidebar.right{}
.sidebar.left{}
/* =============== Footer =============== */
.footer-container-wrapper {}
.footer-container {}
.custom-footer{
background: #000000 none repeat scroll 0 0;
padding-bottom: 20px;
padding-top: 26px;
line-height: 20px;
}
.custom-footer .page-center{
padding:0 15px;
}
.custom-copyright {
line-height: 18px;
}
.custom-copyright p {
margin:0 0 10px;
font-family: myriad-pro,sans-serif;
font-size: 14px;
font-weight: 400;
color: #ffffff;
text-decoration: none;
line-height: 20px;
}
.custom-copyright p a,
.custom-copyright p a:hover{
color:#ffffff;
text-decoration:none;
}
.custom-social{
text-align:right;
}
.custom-social a{
display: inline-block;
height: 30px;
margin-right: 5px;
width: 30px;
}
.custom-social .hvr-grow{
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.custom-social .hvr-grow:hover,
.custom-social .hvr-grow:focus,
.custom-social .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.custom-social .fb {
background: url(//info.zewskicorp.com/hubfs/Zewskicorp%20December2017%20Theme/Images/icon-facebook-white-square.svg);
}
.custom-social .twitter {
background: url(//info.zewskicorp.com/hubfs/Zewskicorp%20December2017%20Theme/Images/icon-twitter-white-square.svg);
}
.custom-social .linkedin {
background: url(//info.zewskicorp.com/hubfs/Zewskicorp%20December2017%20Theme/Images/icon-linkedin-white-square.svg);
}
.custom-social .google-plus {
background: url(//info.zewskicorp.com/hubfs/Zewskicorp%20December2017%20Theme/Images/icon-google-plus-white-square.svg);
}
.custom-social .youtube {
background: url(//info.zewskicorp.com/hubfs/Zewskicorp%20December2017%20Theme/Images/icon-youtube-white-square.svg);
}
/* ==========================================================================
4. MAIN NAVIGATION
========================================================================== */
/* =============== Custom Menu Primary =============== */
/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{
display: block;
text-align: center;
padding-bottom: 10px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
display: inline-block;
float: none !important;
margin-right: 50px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li:last-child {
margin-right: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
color:#fff;
font-family:myriad-pro-condensed,sans-serif;
font-size:24px;
font-weight:400;
text-transform:uppercase;
text-decoration:none;
letter-spacing:1px;
line-height:34.2833px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover,
.custom-menu-primary .hs-menu-wrapper > ul > li.active > a{
color:#8bbd26;
}
/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
background-color: #fff;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li{}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{}
/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
overflow: visible !important;
max-width: none !important;
width: auto !important;
}
/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:992px) {
.custom-menu-primary .hs-menu-wrapper,
.custom-menu-primary .hs-menu-wrapper > ul ul {
display:block !important;
}
}
/* =============== Mobile Toggle Menu =============== */
/* Hide button on Desktop */
.mobile-trigger, .child-trigger{ display: none; }
@media (max-width: 991px){
/* Menu Reset */
.custom-menu-primary,
.custom-menu-primary .hs-menu-wrapper > ul,
.custom-menu-primary .hs-menu-wrapper > ul li,
.custom-menu-primary .hs-menu-wrapper > ul li a{
display: block;
float: none;
position: static;
top: auto;
right: auto;
left: auto;
bottom: auto;
padding: 0px;
margin: 0px;
background-image: none;
background-color: transparent;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
max-width: none;
width: 100%;
height: auto;
line-height: 1;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
text-align: left;
color:#fff;
}
/* ===== Mobile Toggle Button ===== */
.mobile-trigger {
display: block !important;
cursor: pointer;
position: relative;
top: 0px;
left: 0;
height: auto;
padding: 10px 15px;
background: #000;
border: none;
font-size: 16px;
font-weight: normal;
text-align: left;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #000;
width: 100%;
line-height:20px;
margin-bottom: 5px;
}
/* Toggle Button Icon */
.mobile-trigger i{
display: inline;
position: relative;
top: -4px;
}
.mobile-trigger i:before, .mobile-trigger i:after{
position: absolute;
content: '';
}
.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
width: 28px;
height: 4px;
background: rgb(255, 255, 255);
border-radius: 10px;
display: inline-block;
}
.mobile-trigger i:before{ top: -8px; } /* Position top line */
.mobile-trigger i:after{ top: 8px; } /* Position bottom line */
/* ===== Mobile Child Toggle Buttons ===== */
.child-trigger{
display: block !important; /* Hide button on Desktop */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute;
top: 0px;
right: 0px;
width: 55px !important; /* Button width */
min-width: 55px !important;
height: 45px !important; /* Button height */
padding: 0 !important;
border-left: 1px dotted rgba(255, 255, 255, .20);
}
.child-trigger:hover{
text-decoration: none;
}
.child-trigger i{
position: relative;
top: 50%; /* Centers icon inside button */
margin: 0 auto !important;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.child-trigger i:after{
position: absolute;
content: '';
}
.child-trigger i, .child-trigger i:after{
width: 10px; /* Icon line width */
height: 1px; /* Icon line height */
background-color: #fff; /* Icon color */
display: block;
}
.child-trigger i:after{
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.child-trigger.child-open i{}
.child-trigger.child-open i:after{
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
/* ===== Mobile Menu Styles ===== */
.custom-menu-primary.js-enabled{
position: relative;
padding-top: 0; /* Makes room for button */
margin: 0;
}
/* Hide menu on mobile */
.custom-menu-primary.js-enabled .hs-menu-wrapper,
.custom-menu-primary.js-enabled .hs-menu-children-wrapper{
display: none;
}
/* Make child lists appear below parent items */
.custom-menu-primary ul.hs-menu-children-wrapper{
visibility: visible !important;
opacity: 1 !important;
position: static !important;
display: none;
}
/* Mobile Menu Styles */
.custom-menu-primary.js-enabled .hs-menu-wrapper{
width: 100%;
position: relative;
top: 0;
left: 0;
padding: 0;
}
.custom-menu-primary .hs-menu-wrapper{
width: 100%; /* Full screen width */
}
/* Level 1 Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul > li{
position: relative;
}
.custom-menu-primary .hs-menu-wrapper > ul > li a{
overflow: visible;
}
/* Level 1 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul{
padding: 25px 20px 35px;
background-color:#000;
}
.custom-menu-primary .hs-menu-wrapper > ul li{
margin: 0 0 10px;
text-align: center;
}
.custom-menu-primary .hs-menu-wrapper > ul li a{
font-family:myriad-pro-condensed,sans-serif;
font-size:24px;
font-weight:400;
color:#ffffff;
text-transform:uppercase;
text-decoration:none;
letter-spacing:1px;
line-height:34.2833px;
text-align:center;
text-align: center;
display: inline-block;
}
/* Level 2 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul {
background-color: transparent;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
background-color: rgba(255, 255, 255, .08);
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
text-indent: 10px; /* Indent Child lists */
font-size: 16px; /* Font size of child lists */
}
/* Level 3 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
text-indent: 30px; /* Indent Child lists */
}
/* Level 4 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
text-indent: 50px; /* Indent Child lists */
}
}
/* ==========================================================================
5. BLOG
========================================================================== */
/* =============== General Blog Styles =============== */
/* Blog Post and Listing Body Class */
.blog {}
/* Blog Post */
.hs-blog-post {}
/* Blog Listing */
.hs-blog-listing {}
/* Blog Columns Wrapper */
.blog .content-wrapper {}
/* =============== Blog Content Column =============== */
.blog .blog-content {}
/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}
/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper {}
/* Blog Title */
.hs-blog-header h1 {}
.hs-blog-header h1 a{}
/* Blog Post Title */
.post-header h2 {
margin-top: 0px;
margin-bottom: 10px;
line-height: 1.1;
font-size:30px;
font-weight:700;
color:#7bb51e;
}
.post-header h2 a {
color:#7bb51e;
}
/* Blog Author and Avatar */
#hubspot-author_data {}
#hubspot-author_data:after {
content: '';
display: block;
clear: both;
}
#hubspot-author_data a.author-link {}
#hubspot-author_data .hs-author-avatar {}
#hubspot-author_data .hs-author-avatar img {
width: 50px;
float: left;
margin-right: 15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {}
.blog-listing-wrapper .post-listing .post-item .post-body {}
.blog-post-wrapper .post-body {}
/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {}
.hs-featured-image-wrapper .hs-featured-image-link {}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
border-width: 0;
max-height: 170px;
max-width: 210px;
height: auto;
width: auto;
display: inline-block !important;
float: right;
margin: 20px 0 20px 20px;
}
/* Read More Link */
a.more-link {}
/* Blog Topics List */
#hubspot-topic_data {}
#hubspot-topic_data a.topic-link {}
/* Blog Social Sharing Icons */
.hs-blog-social-share {
margin-top: 20px;
padding: 10px 0 0 0;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
height: auto;
margin-bottom:10px;
}
/* Blog Commments */
#comments-listing {
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
margin-top: 30px;
}
.comment {
margin: 10px 0;
border-top: 1px solid #ccc;
padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }
/* Pagination */
.blog-pagination {}
.blog-pagination a {}
.blog-pagination a.previous-posts-link {}
.blog-pagination a.all-posts-link {}
.blog-pagination a.next-posts-link {}
/* Blog All Posts Page */
.hs-content-path-blog-all {}
div.post-listing-simple {}
div.post-listing-simple .post-item {}
h2.post-listing-simple {}
h2.post-listing-simple a {}
/* =============== Blog Sidebar =============== */
.blog .blog-sidebar {}
/* Blog Modules */
.blog .blog-sidebar .widget-span {}
/* =============== Blog Author Page and Author Bio =============== */
.hs-blog-listing .hs-author-profile {
border-bottom: 1px solid #ccc;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}
.hs-blog-post .hs-author-profile {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 20px 0 20px 0;
margin: 20px 0 20px 0;
}
.hs-author-profile .hs-author-profile:after {
content: '';
display: block;
clear: both;
}
/* Author Avatar */
.hs-author-profile .hs-author-avatar {
float: left;
margin-right: 15px;
max-width: 100px;
}
.hs-author-profile .hs-author-avatar img{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
max-width: 100%;
}
/* Author Bio Wrapper*/
.hs-author-profile .hs-author-bio {
overflow: hidden;
}
/* Author Name */
.hs-author-profile h2.hs-author-name {
margin: 0 0 10px 0;
}
/* Author Social Follow Me */
.hs-author-profile .hs-author-social-section {}
.hs-author-profile .hs-author-social-label {}
.hs-author-profile .hs-author-social-links {}
.hs-author-profile .hs-author-social-link {}
.hs-author-profile .hs-social-facebook {}
.hs-author-profile .hs-social-linkedin {}
.hs-author-profile .hs-social-twitter {}
.hs-author-profile .hs-social-google-plus {}
/* ==========================================================================
6. FORMS
========================================================================== */
/* =============== Global Form Styles =============== */
h3.form-title {
font-family:myriad-pro,sans-serif;
font-size:36px;
font-weight:400;
color:#666666;
margin-top:0;
margin-bottom: 35px;
}
/* Form Field */
body .hs-form-field {
margin-bottom:15px;
}
/* Descriptions */
body .hs-field-desc {}
body form.hs-form .hs-form-field .hs-error-msgs.inputs-list {
margin-top: 5px;
}
ul.hs-error-msgs.inputs-list {
list-style: none;
padding: 0;
margin-top: 5px;
color: red;
}
body .widget-type-google_search input[type="text"],
#hs-pwd-widget-password{
margin-bottom:15px;
}
/* Labels */
body label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
line-height: 1.75em;
}
body .hs-form-field > label {
font-family: myriad-pro,sans-serif;
color: #666666;
line-height: 28px;
display: inline-block;
margin-bottom: 5px;
font-size: 20px;
font-weight: 600;
margin-top: 8px;
}
/* One Line Inputs */
body input[type="text"],
body input[type="password"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="date"],
body input[type="month"],
body input[type="time"],
body input[type="week"],
body input[type="number"],
body input[type="email"],
body input[type="url"],
body input[type="search"],
body input[type="tel"],
body input[type="color"],
body input[type="file"],
body textarea,
body select {
width: 100%;
font-family: "myriad-pro",sans-serif;
font-weight: 400;
font-size: 16px;
display: block;
line-height: 26px;
max-width:600px;
color:#666;
}
body input[type="text"]:focus,
body input[type="password"]:focus,
body input[type="datetime"]:focus,
body input[type="datetime-local"]:focus,
body input[type="date"]:focus,
body input[type="month"]:focus,
body input[type="time"]:focus,
body input[type="week"]:focus,
body input[type="number"]:focus,
body input[type="email"]:focus,
body input[type="url"]:focus,
body input[type="search"]:focus,
body input[type="tel"]:focus,
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {
outline: 0 none;
}
/* Separate Styles for Multiple Line Inputs */
textarea {}
textarea:focus {}
/* Separate Styles for Drop Downs */
select {}
select:focus {}
/* Multiple Selection Inputs */
form.hs-form .hs-form-field ul.inputs-list {
list-style: none;
padding: 0;
}
form.hs-form .hs-form-field ul.inputs-list li input {}
input[type="radio"] {}
input[type="checkbox"] {}
/* Required */
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {}
/* Error */
.hs-error-msgs label{}
/* Placeholder Text */
::-webkit-input-placeholder {} /* Webkit Browsers */
:-moz-placeholder {} /* Firefox 18- */
::-moz-placeholder {} /* Firefox 19+ */
:-ms-input-placeholder {} /* IE10 */
/* =============== Multi Column Form =============== */
.hs-form fieldset.form-columns-1 {}
.hs-form fieldset.form-columns-1 .hs-form-field {}
.hs-form fieldset.form-columns-2 {}
.hs-form fieldset.form-columns-2 .hs-form-field {}
.hs-form fieldset.form-columns-3 {}
.hs-form fieldset.form-columns-3 .hs-form-field {}
/* Multiple Selection Inputs */
form.hs-form .hs-form-field ul.inputs-list li input {}
input[type="radio"] {}
input[type="checkbox"] {}
form.hs-form fieldset { max-width: none; }
form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }
@media (max-width: 400px) {
form.hs-form fieldset .hs-form-field { padding: 0; }
form.hs-form fieldset.form-columns-3 .hs-form-field,
form.hs-form .form-columns-2 .hs-form-field .hs-input,
form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}
/* =============== Blog Comment Form =============== */
/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}
/* Inputs */
#comment-form input[type="text"] {}
#comment-form input[type="text"]:focus {}
#comment-form textarea {}
#comment-form textarea:focus {}
#comment-form input[type="checkbox"] {}
/* =============== Blog Subscription Form =============== */
/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}
/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}
#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
width: auto;
margin-right: 10px;
}
/* =============== Google Search Form =============== */
/* Label */
.widget-type-google_search label {}
/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}
/* ==========================================================================
7. BUTTONS
========================================================================== */
/* =============== All Global Buttons (Excluding CTAs) =============== */
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
cursor: pointer;
-webkit-appearance: none;
-moz-user-select: none;
display: inline-block;
border: 2px solid #a29b95;
text-transform: uppercase;
font-size: 19px;
line-height: 24px;
font-family: "myriad-pro-condensed",sans-serif;
font-weight: 700;
color: #565656;
background: rgba(0, 0, 0, 0.05);
padding: 4px 20px;
text-decoration:none;
margin-bottom: 30px;
}
body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
background: rgba(0, 0, 0, 0.31);
color: #fff;
text-decoration: none;
}
body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {
outline:none;
}
/* =============== Form Module Button =============== */
.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}
/* =============== Blog Comment Button =============== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}
/* =============== Blog Subscription Button =============== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}
/* =============== Google Search Button =============== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}
/* ==========================================================================
8. MISCELLANEOUS
========================================================================== */
.blog-listing-wrapper .post-listing .post-item {
border-bottom: 1px solid #cccccc;
padding: 0 0 20px;
margin: 0 0 20px;
}
.blog-post-wrapper h2, .post-header h2{
margin-bottom: 20px;
}
.blog-post-wrapper h2 a, .post-header h2 a{
text-decoration: none;
}
#comments-listing {
border: 1px solid #ccc;
margin-bottom: 30px;
margin-top: 30px;
}
.comment.depth-0 {
border-bottom: 1px solid #000 !important;
border-top: medium none !important;
margin: 0 10px 10px !important;
padding: 0 15px !important;
}
.comment-body {
border-bottom: medium none;
display: block;
padding: 0;
}
.comment-reply-to{
margin-bottom: 15px;
}
.comment-from h4 {
margin: 0;
padding-top: 15px;
}
.comment-date {
display: block !important;
text-align: left;
}
#hubspot-topic_data{
color: #888888;
font-weight:700;
}
.post-listing #hubspot-author_data{
margin-top: 0;
}
.hs-form .input ul {
list-style: none;
padding: 0;
margin: 0;
}
.hs-form .input ul li{
padding: 0 !important;
}
.custom_listing_comments {
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0;
}
.more-link{
display: inline-block;
padding-top: 20px;
}
.hs-blog-social-share{
height: auto;
}
.blog-template .blog-sidebar .cell-wrapper{
margin-bottom: 15px;
}
.blog-template .blog-sidebar ul{
list-style: none;
padding: 0;
margin: 0;
}
.blog-template .blog-sidebar ul li{
padding: 0 0 10px;
}
.blog-pagination .previous-posts-link {
display: block;
}
.blog-pagination .all-posts-link {
display: block;
}
.blog-pagination .next-posts-link {
display: block;
}
#hubspot-author_data .hs-author-avatar {
max-width: 70px;
padding: 10px 10px 10px 0;
}
#hubspot-author_data .hs-author-avatar img {
height: auto !important;
max-width: 100%;
}
.hs-blog-social-share {
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
height: auto;
margin-top: 10px;
padding: 10px 0 0;
}
#recaptcha_response_field{
width:auto !important;
display:inline-block !important;
}
#captcha_wrapper > #recaptcha_area {
margin: 0 0 20px;
}
#hubspot-author_data .hs-author-avatar {
max-width: 70px;
padding: 10px 10px 10px 0;
}
#hubspot-author_data .hs-author-avatar img {
height: auto !important;
max-width: 100%;
}
.hs-author-profile .hs-author-avatar img {
height: auto !important;
max-width: 100%;
}
.hs-author-profile .hs-author-avatar {
max-width: 70px;
padding: 10px 10px 10px 0;
}
/*=====================HOME PAGE=====================*/
.cta1 {
display: block;
text-align: center;
padding: 20px;
background-color: #717171;
}
.cta1 a {
text-align: center;
font-family: "myriad-pro-condensed",sans-serif;
font-size: 3.4rem;
font-weight: 600;
color: #fff;
text-transform: uppercase;
text-decoration: none;
}
.cta1 a:hover {
text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
transition: all 0.3s ease-in-out;
}
.cta1 i {
margin-left: 20px;
}
.home-layout .page-center.content-wrapper {
padding: 37px 0;
max-width: 80% !important;
}
.display-table {
display: table;
width: 100%;
}
.table-cell {
display: table-cell;
vertical-align: top;
}
.col6 {
width: 50%;
}
.cm-two-col-eq-img-content .content {
padding: 35px 40px 10px;
}
.cm-two-col-eq-img-content {
background-color: #000;
overflow:hidden;
}
.cm-two-col-eq-img-content .image img {
width: 100%;
}
.embolden {
font-family: "myriad-pro",sans-serif;
font-size: 30px;
font-weight: 900;
font-style: normal;
}
.embolden {
font-weight: 700;
font-style: normal;
color: #7bb51e;
}
.our-product-text h3 {
color: #fff;
font-family: "myriad-pro",sans-serif;
font-size: 36px;
font-weight: 700;
letter-spacing: 0.02em;
margin-bottom: 15px;
margin-top: 0;
}
.our-product-text p {
color: #fff;
font-size: 20px;
font-family: "myriad-pro",sans-serif;
line-height: 24px;
margin-bottom: 20px;
}
.product-titles {
font-family: "myriad-pro",sans-serif;
font-size: 30px;
}
.project-button {
position: relative;
display: inline-block;
width: 100%;
margin: 10px 0;
}
.center {
text-align: center;
}
.project-button a {
color: white;
text-align: center;
text-decoration: none;
font-size: 2em;
padding: 5px 20px;
border: 2px solid white;
}
.project-button :hover {
border: 2px solid black;
color: black;
background-color: white;
}
.home-section3 {
background-image: url(//info.zewskicorp.com/hubfs/Zewskicorp%20December2017%20Theme/Images/bg-pattern2.png?t=1513244862817);
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0px 0px 100px #000000;
-moz-box-shadow: inset 0px 0px 100px #000000;
box-shadow: inset 0px 0px 100px #000000;
padding: 22px 15px 22px 15px;
text-align: center;
color: #fff;
}
.home-section3 p {
text-align: center;
font-size: 36px;
line-height: 42px;
color: #fff;
font-family: "myriad-pro-condensed",sans-serif;
margin: 0;
}
.page-center.home-section4 {
padding: 23px 0 50px 0;
font-size: 22px;
line-height: 50px;
color: #000000;
font-family: "myriad-pro",sans-serif;
font-weight: 400;
text-align: center;
}
.award {
font-family: "myriad-pro-condensed",sans-serif;
font-size: 3rem;
font-weight: 600;
color: rgba(30, 142, 185, 1);
margin-bottom: 10px;
}
.award span {
font-size: 2rem;
}
a.btn {
display: inline-block;
border: 2px solid #a29b95;
padding: 20px;
text-transform: uppercase;
font-size: 19px;
line-height: 24px;
font-family: "myriad-pro-condensed",sans-serif;
font-weight: 700;
color: #565656;
}
a.btn:hover {
background: rgba(0, 0, 0, 0.05);
}
.home-section5 {
background: #000000;
padding: 44px 0 50px;
}
.home-section5 h1 {
color: #ffffff;
font-size: 42px;
font-family: "myriad-pro-condensed",sans-serif;
font-weight: 700;
text-align: center;
text-transform: uppercase;
position: relative;
padding-bottom: 21px;
margin-bottom: 41px;
}
.home-section5 h1:before {
content: "";
max-width: 720px;
width: 100%;
height: 1px;
background: #d2c1b7;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
.home-section5 .slick-slide-inner-wrapper img {
display: none;
}
.home-section5 .slick-slider {
text-align: center;
font-size: 22px;
line-height: 32px;
color: #ffffff;
font-family: "myriad-pro",sans-serif;
font-weight: 400;
max-width: 850px;
margin: 0 auto;
padding:0px;
padding-bottom: 39px;
min-height: 200px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
float: none;
}
.home-section5 .widget-span.widget-type-gallery .slick-prev,
.home-section5 .widget-span.widget-type-gallery .slick-next {
display: none !important;
}
.home-section5 .caption {
text-align: center !important;
}
.home-section5 p {
font-family: "myriad-pro",sans-serif;
font-weight: 400;
}
.home-section5 p:first-child {
margin-bottom: 35px;
}
.home-section5 .slick-dots {
text-align: center;
height: 10px;
position: absolute;
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
bottom: 0;
}
.home-section5 .slick-dots li {
display: inline-block;
font-size: 0;
height: 10px;
width: 10px;
vertical-align: top;
margin: 0 5px;
}
.home-section5 .slick-dots li button {
display: block;
height: 10px;
width: 10px;
background: transparent;
border: 2px solid #fff;
border-radius: 100%;
padding: 0;
outline: none;
}
.home-section5 .slick-dots li button:before {
display: none;
}
.home-section5 .slick-dots li.slick-active button {
background: #fff;
}
.fw-title-btn {
padding: 22px 0 22px 0;
text-align: center;
background: #717171;
box-shadow: none;
background-image: none;
}
.fw-title-btn.shadow{
background-image: url(//info.zewskicorp.com/hubfs/Zewskicorp%20December2017%20Theme/Images/bg-pattern2.png);
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0px 0px 100px #000000;
-moz-box-shadow: inset 0px 0px 100px #000000;
box-shadow: inset 0px 0px 100px #000000;
}
.fw-title-btn h2 {
display: inline-block;
width: 63%;
left: 0;
margin: auto;
font-size: 3em;
color: #fff;
font-family: "myriad-pro-condensed",sans-serif;
font-weight: 700;
text-transform: uppercase;
vertical-align: bottom;
letter-spacing: 1px;
}
.fw-title-btn a {
display: inline-block;
width: 35%;
height: 3em;
vertical-align: middle;
line-height: 2.5em;
text-align: center;
border: 2px solid #fff;
margin: auto;
font-size: 1.2em;
color: #fff;
text-transform: uppercase;
font-family: "myriad-pro-condensed",sans-serif;
font-weight: 700;
}
.fw-title-btn a:hover {
background-color: rgba(255, 255, 255, 0.19);
}
.img-as-bg {
min-height: 789px !important;
background-size: cover;
background-repeat: no-repeat;
}
.home-banner-gallery .slick-slider {
padding: 0;
margin:0px;
}
.home-banner-gallery .slick-dots li button {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
cursor: pointer;
background-color: #000\9;
background-color: rgba(0,0,0,0);
border: 1px solid #fff;
border-radius: 10px;
padding: 0;
}
.home-banner-gallery .slick-prev,
.home-banner-gallery .slick-next {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
background-color: rgba(0,0,0,0);
height: 100%;
font-size: 110px;
font-family: serif;
font-size: 0px;
z-index: 1;
margin-top: 0;
}
.home-banner-gallery .slick-prev:before {
content: '\2039';
font-size: 110px;
color: #fff !important;
position: absolute;
z-index: 1;
top: 50%;
/*transform: translatey(-50%);*/
left: 47%;
margin-top: -20px;
}
.home-banner-gallery .slick-next:before {
content: '\203a';
font-size: 110px;
color: #fff !important;
position: absolute;
z-index: 1;
top: 50%;
/*transform: translatey(-50%);*/
right: 47%;
margin-top: -20px;
}
.home-banner-gallery .slick-prev:after {
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 100%;
height: 100%;
filter: alpha(opacity=50);
opacity: .5;
}
.home-banner-gallery .slick-next:after {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 100%;
height: 100%;
filter: alpha(opacity=50);
opacity: .5;
}
.home-banner-gallery .slick-prev:after,
.home-banner-gallery .slick-next:after {
filter: alpha(opacity=50);
opacity: 0.5;
}
.home-banner-gallery .slick-prev:hover:after,
.home-banner-gallery .slick-next:hover:after {
filter: alpha(opacity=100);
opacity: 1;
}
.home-banner-gallery button.slick-next.slick-arrow {
right: 0;
left: auto;
}
.home-banner-gallery .slick-dots {
position: absolute !important;
text-align: center;
bottom: 35px !important;
margin: 0;
}
.home-banner-gallery .slick-dots li button:before {
display: none;
}
.home-banner-gallery .slick-dots li {
margin: 0 2px;
width: 12px;
height: 12px;
}
.home-banner-gallery .slick-dots li.slick-active{
margin-right:3px;
}
.home-banner-gallery .slick-dots li.slick-active button {
background: #fff;
width:13px;
height:13px;
}
.home-banner-gallery .slide1,
.home-banner-gallery .slide2,
.home-banner-gallery .slide3,
.home-banner-gallery .slide4 {
position: absolute;
max-width: 1000px;
font-family: "myriad-pro-condensed",sans-serif;
font-style: italic;
color: #717171;
font-size: 50px;
padding: 2% 2% 2% 2%;
}
.home-banner-gallery .slide1 h1,
.home-banner-gallery .slide2 h1,
.home-banner-gallery .slide3 h1,
.home-banner-gallery .slide4 h1{
font-family: "myriad-pro-condensed",sans-serif;
font-size: 50px;
margin:0px;
}
.home-banner-gallery .slide1 {
text-align: right;
right: 20px;
top: 120px;
margin-top: 60px;
}
.home-banner-gallery .slide2 {
text-align: left;
left: 10px;
top: 120px;
margin-top: 60px;
}
.home-banner-gallery .slide3 {
text-align: left;
right: 10px;
top: 10px;
margin-top: 10px;
}
.home-banner-gallery .slide4 {
text-align: left;
left: 10px;
top: 60px;
margin-top: 10px;
}
.home-banner-gallery .caption.superimpose {
width: 100%;
height: 100%;
background: transparent !important;
padding: 0;
}
.home-banner-gallery .slick-slide-inner-wrapper {
vertical-align: top;
width: 100%;
}
.slide1 p,
.slide2 p,
.slide3 p,
.slide4 p {
display: block;
width: 100%;
color: #000;
text-align: left !important;
font-size: 32px;
font-weight: 900;
line-height: 1.1;
margin: 0;
}
.home-banner-gallery {
margin: 0 0 -1px;
}
/*===================CONTACT LAYOUT==================*/
.contact-layout .content-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.mapbox {
margin-top: -60px;
width: 100%;
min-height: 450px;
background-image: url('//info.zewskicorp.com/hubfs/Zewskicorp%20December2017%20Theme/Images/zewski-map.jpg');
background-size: cover !important;
background-position: center center !important;
position: relative;
}
.mapgraphic{
display: inline-block;
float: left;
margin: 10px;
}
.mapmessage {
display: block;
margin: 0;
padding: 0;
text-align: right;
z-index: 5;
font-family: "Helvetica";
font-size: 9px;
color: black;
}
.contact-layout .hs-form .input ul {
margin: 0 0 10px;
}
.hs_are_you_.field.hs-form-field ul.inputs-list.multi-container input {
margin-left: 0;
}
body.contact-layout .hs-form-field{
margin-bottom:0;
}
body.contact-layout .hs-form-field > label {
margin-top:23px;
}
/*===================FULL WIDTH LAYOUT==================*/
.full-width-img img {
width: 100% !important;
}
.full-width-row1 {
padding: 37px 0;
}
.two-col-module-with-image-alignment {
clear: both;
overflow: hidden;
}
.full-width-row1 .page-center {
background-color: #000;
}
.two-col-module-with-image-alignment .image-section,.two-col-module-with-image-alignment .content-section {
width: 50%;
float: left;
margin-left: 0;
}
.two-col-module-with-image-alignment .image-section img {
width: 100%;
}
.two-col-module-with-image-alignment.right {}
.two-col-module-with-image-alignment.right .image-section {
float: right;
}
.two-col-module-with-image-alignment.right .content-section {
float: left;
}
.this-project-text {
float: left;
padding: 35px 40px 10px;
}
.this-project-text p {
color: #fff;
font-size: 1.5em;
font-family: "myriad-pro",sans-serif;
line-height: 1.5em;
margin-bottom: 20px;
}
.this-project-text a {
text-decoration: none;
color: #8bbd26;
}
.full-width-row2 a {
position: relative;
display: block;
background-color: #ccc;
width: 100%;
margin: 0 0;
border-top: 2px solid black;
float: none;
color: black;
text-decoration: none;
font-size: 1.2em;
font-weight: 900;
letter-spacing: .1em;
text-transform: uppercase;
padding: 5px 20px;
text-align: center;
}
iframe.youtube {
position: relative;
width: 210px;
height: 118px;
float: right!important;
padding: 4px;
margin: 10px auto;
border: 1px solid #5b5551;
}
/*===================ABOUT LAYOUT=====================*/
.about-layout .content-wrapper {
padding-right: 15px;
padding-left: 15px;
}
.owner-description-module {
width: 100%;
padding: 0;
margin-bottom: 50px;
clear: both;
overflow: hidden;
}
.owner-description-module .profile-img {
padding: 0;
float: left;
margin: 0;
width: 33.3%;
display: inline-block;
}
.owner-description-module .profile {
display: inline-block;
float: left;
margin: 0;
text-align: left;
width: 66%;
}
.owner-description-module .profile-img img {
width: 90%;
vertical-align: middle;
margin-top: 1px;
}
.owner-description-module .profile h2.embolden {
margin: 0;
margin-bottom: 10px;
margin-top: 1px;
}
.owner-description-module .profile h2.embolden span {
display: inline-block;
width: 45px;
height: 45px;
border: 2px solid #717171;
}
.fali {
color: #717171;
margin-left: 8px;
padding-top: 5px;
}
.fafb {
color: #717171;
margin-left: 11px;
padding-top: 5px;
}
.owner-description-module h3.embolden1 {
margin-top: 10px;
margin-bottom: 3px;
}
.owner-description-module h3.email {
margin-top: 10px;
margin-bottom: 3px;
font-weight: normal;
}
/*===================SERVICE LAYOUT==================*/
.service-layout .cm-section-one h2 {
font-size: 24px;
font-weight: 700;
font-style: normal;
color: #7bb51e;
margin-top: 0;
}
.service-layout .cm-section-one h3 {
font-size: 24px;
font-weight: 700;
font-style: normal;
color: #7bb51e;
margin-top: 10px;
margin-bottom: 3px;
}
.service-layout .cm-section-one .content-wrapper {
padding-bottom: 0;
}
.service-layout .custom-section-two {
text-align: center;
padding:0 15px;
}
.cm-planning-module-wrapper {
display: inline-block;
margin: auto;
border: 0px solid black;
}
.cm-text-hover {
display: none;
border-radius: 40px;
padding:20px 5px;
background: #8bbd26;
width: 219px;
height: 218px;
}
.button-box{
position: absolute;
width: 219px;
height: 218px;
top: 0;
left: 0;
}
.cm-text-hover h3 {
color: #fff !important;
font-weight: normal;
font-size: 44px;
margin: 0;
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
min-width: 120px;
}
.button-box:hover .cm-text-hover {
display: block;
}
.button-box:hover img.cm-img {
display: none;
}
.cm-planning-module {
position: relative;
width: 219px;
height: 218px;
cursor: pointer;
}
.service-layout .custom-section-three .content-wrapper {
padding-top: 0;
}
.service-layout .body-container h3 {
color: #7bb51e;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
visibility:hidden;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
-webkit-overflow-scrolling: touch;
outline: 0;
opacity: 0;
-webkit-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.fade.in {
opacity: 1;
visibility:visible;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
cursor:default;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-color: #000;
filter: alpha(opacity=0);
opacity: 0;
}
.modal-open .modal-backdrop{
filter: alpha(opacity=50);
opacity: .5;
z-index: 1040;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
text-align:left;
}
.modal-header .close {
margin-top: -2px;
display: none !important
}
.modal-title {
margin: 0;
line-height: 1.42857143;
font-size: 18px;
font-weight: normal;
display: inline-block;
cursor: text;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.modal-footer .btn-default {
background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
text-shadow: none;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
color: #333;
background-color: #fff;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 4px;
font-family: "myriad-pro",sans-serif;
}
.modal-footer .btn-default:hover {
background-color: #e0e0e0;
background-position: 0 -15px;
border-color: #adadad;
}
.modal-footer .btn-default:focus{
outline:none;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
/* ================== PROJECT LAYOUT ================== */
.project-right-col{
float: right !important;
padding-right: 15px;
position: relative;
min-width: 381px;
}
.project-left-col {
float: left !important;
padding: 0 !important;
position: relative;
max-width: 550px;
display: inline-block;
margin: 15px auto !important;
}
.projectbox{
width: 100%;
float: right;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.projectbox .overlay { display: none; }
.projectbox:hover .overlay{
display: block;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.projectbox .overlay{
position: absolute;
overflow: hidden;
width: 80%;
height: 80%;
left: 10%;
top: 10%;
border-bottom: 1px solid #FFF;
border-top: 1px solid #FFF;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0,1);
-ms-transform: scale(0,1);
transform: scale(0,1);
}
.projectbox:hover .overlay{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.projectbox img {
display: block;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.projectbox:hover img{
filter: brightness(0.6);
-webkit-filter: brightness(0.6);
}
.projectbox h2{
text-transform: uppercase;
text-align: center;
position: relative;
font-size: 2em;
background-color: transparent;
color: #FFF;
padding: 1em 0;
font-weight:normal;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
.projectbox a{
color: #FFF;
padding: 1em 2em;
opacity: 0;
border: 2px solid white;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
.projectbox:hover a,
.projectbox:hover p,
.projectbox:hover h2{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.project-left-col .hs_cos_gallery_lightbox_thumbnails,
.project-left-col .hs_cos_gallery_main{
padding: 0 !important;
margin: 0 !important;
}
.project-left-col .hs_cos_gallery_lightbox_thumbnails .hs_cos_gallery_slide {
min-height: 183px;
margin-bottom: 0;
overflow: hidden;
text-align: center;
box-sizing: border-box;
width: 33.33% !important;
min-width:183px !Important;
}
.project-left-col .slick-slide-inner-wrapper {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
left: 0 !important;
}
.project-left-col .slick-slide-inner-wrapper > img {
visibility: hidden;
display: none;
}
.vex-content.hs-gallery .vex-close {
position: fixed;
top: 10px;
right: 10px;
width: 60px;
height: 26px;
cursor: pointer;
z-index: 9999999;
font-size: 18px;
line-height: 36px;
}
.vex-content.hs-gallery .vex-close:before {
content: "+";
display: block;
font-weight: bold;
font-size: 3em;
color: #fff;
right: 10px;
transform: rotate(-45deg) !important;
-webkit-transform: rotate(-45deg) !important;
-moz-transform: rotate(-45deg) !important;
-ms-transform: rotate(-45deg) !important;
-o-transform: rotate(-45deg) !important;
top: 0 !important;
border-radius: 0;
background: transparent;
width: auto !important;
height: auto !important;
margin-top: -4px !important;
}
.vex-content.hs-gallery .vex-close:after{
content:none !Important;
}
.vex-content.hs-gallery .vex-close:hover::after,
.vex-content.hs-gallery .vex-close:hover::before {
box-shadow: none !important;
}
.vex-overlay.hs-gallery {
background: rgb(25, 25, 25) !important;
}
.vex .slick-slide-inner-wrapper {
background-size: cover;
cursor: default;
display: block !important;
position: absolute !important;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
max-width: 700px !important;
}
.vex .hs_cos_gallery_lightbox.slick-initialized.slick-slider{
width: 98% !important;
max-width: 700px !important;
margin: 0 auto !important;
padding: 0 !important;
}
.vex .slick-prev,
.vex .slick-next {
position: absolute;
display: inline-block;
width: 42px;
height: 56px;
line-height: 56px;
top: 48%;
margin-top: -28px;
background-color: rgba(0,0,0,0.4);
background-color: #ccc\9;
backface-visibility: hidden;
color: white;
overflow: hidden;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
border-radius: 2px;
z-index: 10;
opacity: 0.3;
font-family: sans-serif;
font-size: 0 !important;
cursor: pointer;
-webkit-transition: all 0.7s;
transition: all 0.4s;
}
.vex button.slick-prev.slick-arrow {
left: -42px !important;
}
.vex button.slick-next.slick-arrow {
right: -42px !important;
}
.vex button.slick-next.slick-arrow::before {
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
right: 16px;
}
.vex button.slick-prev.slick-arrow::before {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 16px;
}
.vex button.slick-prev.slick-arrow::before,
.vex button.slick-next.slick-arrow::before {
position: absolute;
top: 17px !important;
content: "" !important;
display: inline-block;
width: 20px;
height: 20px;
border-left: 2px solid white;
border-top: 2px solid white;
backface-visibility: hidden;
opacity: 1 !important;
font-family: arial !important;
}
.vex .hs_cos_gallery_lightbox.slick-initialized.slick-slider:hover button.slick-prev.slick-arrow,
.vex .hs_cos_gallery_lightbox.slick-initialized.slick-slider:hover button.slick-next.slick-arrow{
opacity: 1;
}
.vex .slick-slide-inner-wrapper img {
display: block;
visibility: visible;
width: auto !important;
max-height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background-color: rgba(0, 0, 0, 0.3);
box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 2px inset;
border-radius: 6px;
}
.vex .slick-slide-inner-wrapper {
background: transparent !important;
}
.vex {
z-index: 9999 !important;
}
.vex .hs_cos_gallery_lightbox_container .slick-list,
.vex .hs_cos_gallery_lightbox .slick-list {
height: 100% !important;
max-height: 100% !important;
padding: 20px 0;
}
.blog iframe {
width: 100% !important;
margin: 0 !important;
}
.service-layout .two-eql-column ul li {
line-height: 28px;
font-size: 18px;
}
/* Styles that do not fit into any of the available sections above can go here. */
/* ==========================================================================
9. MEDIA QUERIES
========================================================================== */
/* =============== Screen sizes smaller than .page-center =============== */
@media (min-width:1921px){
.home-banner-gallery .slick-slide-inner-wrapper {
max-height: 704px;
}
}
@media (min-width: 992px) and (max-width: 1700px){
.home-banner-gallery .slick-next:before {
transform: translatey(-50%);
right: 10px;
}
.home-banner-gallery .slick-prev:before {
transform: translatey(-50%);
left:10px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.container-fluid .row-fluid .page-center{
max-width: 970px;
}
.custom-logo {
padding: 0 0 11px 7px;
}
.cm-top-num {
padding: 16px 0 0 36px;
}
}
@media (min-width: 992px) and (max-width: 1024px){
.custom-menu-primary .hs-menu-wrapper > ul > li {
margin-right: 20px;
}
.cm-top-num {
padding: 16px 0 0 32px;
}
}
@media (min-width: 992px){
.header-container{
min-height:214px;
}
.smaller .custom-main-menu {
position: fixed;
top: 0;
width: 100% !important;
z-index: 9999;
}
.custom-lp.smaller .custom-main-menu {
position: static;
z-index: 0;
}
.custom-main-menu {
min-height: 78px !important;
}
.custom-header-top {
padding: 35px 0 13px;
}
.custom-logo img {
max-width: 550px;
}
.service-layout .content-wrapper {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media(max-width:1024px){
.img-as-bg {
min-height: 400px !important;
}
}
@media (max-width: 991px){
.container-fluid .row-fluid .page-center{
max-width: 100vw;
}
.custom-logo {
padding: 35px 15px 0;
text-align: center;
width: 100% !important;
}
.custom-logo img {
max-width: 320px;
}
.cm-top-num {
font-size: 28px;
text-align: center;
padding: 0 0 20px;
width: 100% !important;
margin-left: 0 !important;
}
.content-wrapper{
padding: 60px 20px;
}
.custom-main-menu {
background: transparent;
padding: 0;
text-align: center;
}
.contact-layout .content-wrapper {
text-align: center;
}
.contact-layout .content-wrapper .hs-input{
margin: 0 auto;
}
.two-col-module-with-image-alignment .image-section,
.two-col-module-with-image-alignment .content-section {
float: none !important;
width: 100%;
}
.full-width-row1 {
padding: 0 !important;
}
.owner-description-module .profile-img {
width: 100%;
margin-bottom: 20px;
}
.owner-description-module .profile-img img {
width: 100%;
}
.owner-description-module .profile {
width: 100%;
}
.fw-title-btn h2 {
font-size: 2em;
line-height: 1em;
padding: 0;
margin: 5px auto;
float: none;
}
.fw-title-btn a {
font-size: 1em;
width: 80%;
margin-bottom: 20px;
}
.home-layout .body-container-wrapper {
padding: 0;
}
.fw-title-btn h2 {
font-size: 2em;
line-height: 1em;
padding: 0;
margin: 5px auto;
float: none;
}
.fw-title-btn a {
font-size: 1em;
width: 80%;
margin-bottom: 20px;
}
.home-banner-gallery .caption.superimpose {
display: none;
}
.home-layout .page-center.content-wrapper {
padding: 0;
max-width: 100% !important;
}
.cm-two-col-eq-img-content .content {
width: 100%;
float: none;
padding: 10px;
}
.table-cell {
display: block;
}
.col6 {
width: 100%;
}
.home-section3 {
width: 100%;
padding: 20px 15px;
margin: 0;
}
.home-section3 p {
line-height: 1.5em;
font-size: 1.7em;
text-align: left;
}
.page-center.home-section4 >div {
padding: 10px 20px;
}
.home-section5 {
padding-left: 15px;
padding-right: 15px;
}
.cm-two-col-eq-img-content {
text-align: center;
}
.project-button {
font-size: .75em!important;
}
.cm-two-col-eq-img-content p {
text-align: left;
}
.fw-title-btn {
padding: 20px 0;
}
.display-table {
display: block;
}
.modal-header {
text-align: center;
}
.project-right-col {
float: none !important;
padding-right: 0 !important;
text-align: center;
width: auto !important;
margin: 0 auto !important;
}
.project-title {
text-align: center;
}
.projectbox {
width: auto !important;
float: none !important;
margin: 0 auto !IMPORTANT;
display: inline-block;
}
.projectbox img{
display:inline-block;
}
.project-left-col {
float: none !important;
width: 100% !important;
}
.home-banner-gallery .slick-next:before,
.home-banner-gallery .slick-prev:before{
transform: translatey(-50%);
}
}
/* Landscape tablet and smaller devices
========================================================================== */
@media (max-width: 767px) {
.hs_cos_wrapper_type_password_prompt form,
.hs_cos_wrapper_type_email_simple_subscription form,
.hs_cos_wrapper_type_form form,
.hs_cos_wrapper_type_blog_subscribe form,
.widget-type-google_search form,#comment-form form{
max-width:100%;
}
.custom-copyright p {
padding: 9px 0 41px;
text-align: center;
}
.custom-social {
text-align: center;
}
.custom-footer {
padding-bottom: 56px;
}
.contact-layout .content-wrapper .hs-input {
max-width: 100%;
}
.owner-description-module .profile h2.embolden br.visible-phone {
display: none !important;
}
.vex .hs_cos_gallery_lightbox.slick-initialized.slick-slider {
width: 100% !important;
padding: 0 42px !important;
}
.vex button.slick-prev.slick-arrow {
left: 0 !important;
}
.vex button.slick-next.slick-arrow {
right: 0 !important;
}
.projectbox img {
width: 100%;
}
.project-right-col {
min-width: auto !important;
}
body input[type="text"],
body input[type="password"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="date"],
body input[type="month"],
body input[type="time"],
body input[type="week"],
body input[type="number"],
body input[type="email"],
body input[type="url"],
body input[type="search"],
body input[type="tel"],
body input[type="color"],
body input[type="file"],
body textarea,
body select {
max-width:100%;
}
}
/* Landscape phones and smaller devices
========================================================================== */
@media (max-width: 610px) {
.project-left-col .hs_cos_gallery_lightbox_thumbnails .hs_cos_gallery_slide {
float: none !important;
display: inline-block !important;
width: 50% !important;
max-width:183px !Important;
}
.project-left-col .hs_cos_gallery_lightbox_thumbnails .slick-slide div {
display: inline;
}
}
@media (max-width: 479px) {
.owner-description-module .profile h2.embolden br.visible-phone {
display: block !important;
}
.owner-description-module .profile h2.embolden span {
margin-top: 15px;
}
.projectbox h2 {
margin: 0;
padding: 20px 0;
}
}
@media (max-width: 424px) {
.project-left-col .hs_cos_gallery_lightbox_thumbnails .hs_cos_gallery_slide {
width: 100% !important;
margin: 0 auto !important;
}
.vex .slick-prev, .vex .slick-next {
margin-top: -12px;
}
}