img {
width: auto;
}
html .q_logo a {
visibility: visible !important;
}
@media all and (max-width: 768px){
.cta h2 {
padding: 0px !important;
}
.footer_bottom {
padding: 20px 0px !important;
width: 375px !important;
}
iframe.map {
height: auto !important;
width: 100% !important;
margin-left: 0px !important;
}
.footer_top .textwidget {
text-align: center;
}
.four_columns {
width: auto;
}
body .footer_top {
margin-top: -75px !important;
}
.footer_top {
padding-top: 0px;
}
footer .container_inner {
width: auto !important;
}
.footer_top .footer_col4 {
width: 100% !important;
}
.footer_top .footer_col3 .widget {
width: 100% !important;
}
.footer_top .footer_col3 {
width: 100% !important;
}
.footer_top .column1.footer_col1 {
display: none;
}
.footer_top .footer_col2 {
width: 100% !important;
}
.footer_top .footer_col2 .widget {
width: 100% !important;
}
.q_logo {
padding-left: 0px !important;
}
.hero h1 .smaller {
font-size: 23px !important;
line-height: 33px !important;
font-weight: 400;
display: block;
margin-top: 10px;
}
.hero h1 {
font-size: 45px !important;
line-height: 53px !important;
}
}
header {
max-width: 1700px;
}
footer .container_inner {
position: relative;
width: 1200px;
}
.fa-inverse {
color: #5a9b43;
}
@media all and (min-width: 768px){
.alignright, .alignleft {
height: 250px;
}
.sec-padding {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.cta {
padding-top: 100px !important;
padding-bottom: 150px !important;
}
}
body .footer_top {
padding-bottom: 0px !important;
}
p {
font-size: 17px;
line-height: 25px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
html body p {
font-size: 13px !important;
line-height: 20px !important;
}
}
header {
position: fixed;
top: 0px;
box-shadow: 0px 2px 20px rbga(0,0,0,0.2);
}
body .hero {
padding-top: 280px;
}
span.ccpa {
padding: 0px 265px;
}
body .header_bottom {
padding: 20px 0px;
}
body img.dark {
padding-top: 20px !important;
height: 75px !important;
}
@media all and (min-width: 1000px) and (max-width: 1445px) {
html body header.dark:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton, body header.dark .header_bottom_right_widget_holder a.qbutton {
font-size: .9vw!important;
}
body .header_inner_right p {
padding-left: 0px;
}
body .header_bottom_right_widget_holder {
padding-right: 10px;
padding-left: 5px;
}
}
.footer_top .single-icon .fa-stack {
float: left;
margin-right: -5px;
}
.footer_top .single-icon p {
}
.footer_top .single-icon .fa-circle {
color: #fff;
}
p {
margin-bottom: 20px;
}
.archive .container_inner.default_template_holder.clearfix {
display: block;
margin-top: 121px;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
padding: 0px!important;
}
.archive .title_holder {
display: none;
}
.archive .title.title_size_small.position_left {
display: none;
}
@media all and (min-width: 1000px) and (max-width: 1120px) {
body .sticky .q_logo img {
/* height: 20px!important; */
/* max-height: 40px!important; */
/* min-height: 60px; */
}
.sticky .mega-menu-toggle {
margin-top: 12px;
}
.mega-menu-toggle {
margin-top: 30px;
}
.q_logo img {
/*min-height: 70px;*/
}
}
@media all and (max-width: 768px) {
body div#popmake-3823 .pum-content {
padding: 30px;
}
}
.pum-theme-3815 .pum-container, .pum-theme-lightbox .pum-container {
border: none!important;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
padding: 0px!important;
}
div#popmake-3823 a.btn-login {
margin-right: 20px;
background: #f99f28;
}
div#popmake-3823 a {
margin-top: 30px!important;
display: inline-block;
}
div#popmake-3823 .pum-content {
padding: 50px 180px;
text-align: center;
}
.post_text_inner {
min-height: auto!important;
}
.single-post .post_image img {
margin-bottom: 30px;
}
.single-post .post_image {
margin-top: 30px;
}
a.mega-menu-link {
font-family: 'Sora', sans-serif!important;
font-weight: 600!important;
}
.single-post .blog_holder.blog_single article h3 {
font-size: 24px;
line-height: 22px;
}
.single-post .blog_holder.blog_single article h2 {
font-size: 28px;
line-height: 36px;
}
.single-post .blog_holder.blog_single article h2.entry_title {
font-size: 40px!important;
}
.q_icon_list i, .q_progress_bar .progress_content, .q_progress_bars_vertical .progress_content_outer .progress_content, .qbutton:hover, .vc_grid-container .vc_row.vc_grid .vc_grid-item .vc_btn:hover, .vc_grid-container .vc_row.vc_grid .vc_pageable-load-more-btn .vc_btn:hover, .post-password-form input[type='submit']:hover, .load_more a:hover, .blog_load_more_button a:hover, #submit_comment:hover, .drop_down .wide .second ul li .qbutton:hover, .drop_down .wide .second ul li ul li .qbutton:hover, .qbutton.white:hover, .qbutton.green, .call_to_action, .highlight, .testimonials_holder.light .flex-direction-nav a:hover, .q_dropcap.circle, .q_dropcap.square, .q_message, .q_price_table.active .active_text, .q_icon_with_title.boxed .icon_holder .fa-stack, .q_font_awsome_icon_square, .q_icon_with_title.square .icon_holder .fa-stack:hover, .box_holder_icon_inner.square .fa-stack:hover, .box_holder_icon_inner.circle .fa-stack:hover, .circle .icon_holder .fa-stack:hover, .q_list.number.circle_number ul>li:before, .q_social_icon_holder.circle_social .fa-stack:hover, .social_share_dropdown ul li.share_title, .latest_post_holder .latest_post_date .post_publish_day, .q_masonry_blog article.format-link:hover, .q_masonry_blog article.format-quote:hover, #wp-calendar td#today, .vc_text_separator.full div, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-time-rail .mejs-time-handle, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .q_pie_graf_legend ul li .color_holder, .q_line_graf_legend ul li .color_holder, .q_team .q_team_text_inner .separator, .circle_item .circle:hover, .qode_call_to_action.container, .qode_carousels .flex-control-paging li a.flex-active, .animated_icon_inner span.animated_icon_back i, .q_circles_holder .q_circle_inner2:hover, input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover, .portfolio_main_holder .item_holder.subtle_vertical_hover .icons_holder a, .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder a:hover, .portfolio_main_holder .item_holder.image_text_zoom_hover .icons_holder a, .portfolio_main_holder .item_holder.slow_zoom .icons_holder a, .qode_video_box .qode_video_image:hover .qode_video_box_button, .blog_holder.masonry_gallery article.format-link:hover, .blog_holder.masonry_gallery article.format-quote:hover, .blog_holder.blog_chequered article.format-link:hover, .blog_holder.blog_chequered article.format-quote:hover, .qode-pricing-calculator .qode-pricing-calculator-switch input:checked+.qode-pricing-calculator-slider, .qode-icon-holder.qode-icon-circle, .qode-icon-holder.qode-icon-square, .qode-qbutton-main-color, .qode-advanced-tabs .qode-advanced-tabs-nav li, .qode-accordion-holder .qode-title-holder.ui-state-active, .qode-accordion-holder .qode-title-holder.ui-state-hover, header.menu_bottom .header_bottom_right_widget_holder .header_bottom_widget.widget_search form>div input[type=text], .qode-advanced-call-to-action.qode-advanced-cta-gradient-animation .qode-advanced-cta-background-3, .tt_tabs .tt_tabs_navigation li a, .tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected, .tabs_box_navigation.sf-timetable-menu li ul li a:hover, .tabs_box_navigation.sf-timetable-menu li ul li.selected a:hover, #qode-multi-device-showcase.qode-mds-appear-effect #qode-mds-spinner .qode-mds-pulse {
background-color: #97c93d;
}
body .qode-accordion-holder .qode-title-holder.ui-state-active {
background: #f99f28;
}
body .call_to_action.normal {
background: #96c93d!important;
}
header .footer-only {
display: none!important;
}
footer #text-13 .fa-stack {
background: #f99f28!important;
}
body .footer_top h5 {
color: #5a9b43;
font-weight: 800;
}
body header.dark:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton:hover, body header.dark .header_bottom_right_widget_holder a.qbutton:hover {
background: #4c4c4c!important;
}
body #mega-menu-wrap-top-navigation #mega-menu-top-navigation > li.mega-menu-item > a.mega-menu-link {
padding: 0px 10px 0px 10px!important;
}
.header_bottom_widget ul {
display: none;
}
body header.dark:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton, body header.dark .header_bottom_right_widget_holder a.qbutton {
background: #5a9b43!important;
color: white!important;
padding: 5px 15px!important;
height: auto!important;
line-height: 30px;
font-size: 14px!important;
}
a.qbutton {
font-family: 'Sora', sans-serif;
letter-spacing: 1px;
font-size: 16px!important;
font-weight: 800;
}
.sec-padding {
padding-top: 60px;
padding-bottom: 60px;
}
@media all and (min-width: 1000px) and (max-width: 1400px) {
HTML body nav.main_menu ul li a {
font-size: 13px!important;
}
img.dark {
/*max-height: 44px!important;*/
}
}
body nav.main_menu ul li a {
font-size: 15px!important;
padding-left:5px!important;
padding-right:5px!important;
}
@media all and (max-width: 1675px) and (min-width: 999px) {
}
.post_text iframe {
width: 560px;
height: 315px;
max-width: 100%;
}
body .blog-button {
font-size: 12px!important;
font-weight: 600!important;
color: white!important;
background: #999!important;
border-color: #999!important;
}
body aside .widget a.blog-button:hover {
color: white!important;
}
body .blog-button:hover {
background: #333!important;
border-color: #333!important;
color: white!important;
}
.widget #searchform {
margin-top: 30px;
border: 2px solid #999;
}
.call_to_action_text a {
color: white;
}
div#recent-posts-9 {
margin-top: 30px;
}
.single-post .title_holder {
display: none;
}
.single-post .title {
display: none;
}
.drop_down .second .inner ul li a, .drop_down .second .inner ul li h5 {
text-transform: none;
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
}
.drop_down .second .inner ul li a span {
color: #777;
}
.drop_down .second .inner ul li a:hover span {
color: #000;
}
.q_logo {
padding-left: 15px;
}
div#text-20 {
margin-top: 50px;
}
.q_elements_item {
background-repeat: no-repeat;
}
.white h1, .white h2, .white h3, .white h4, .white h5, .white p {
text-shadow: 0px 0px 20px rgba(0,0,0,.6);
}
header.centered_logo .q_logo {
top: 0;
margin-top: -50px;
padding-bottom: 25px;
}
header.sticky.centered_logo .q_logo {
margin: 0px!important;
}
.sticky
.q_logo img {
margin: 0px!important;
}
.header-right-from-logo-widget p {
padding-top: 10px;
}
@media only screen and (min-width: 1001px) {
.header_bottom {
padding: 0px;
}
}
.sticky .q_logo img {
width: auto!important;
max-height: 60px!important;
margin-top: 20px!important;
}
.sticky .q_logo img {
height: auto!important;
top: -50px!important;
max-height: 100px;
}
.header_inner_right p {
float: right;
padding: 3px 0px 0px 10px;
font-weight: 400;
}
.footer_top {
padding-top: 80px;
}
nav.main_menu > ul > li > a {
padding: 0 6px!important;
font-size: 16px!important;
}
img.sticky {
width: auto!important;
top: -50%;
}
img.dark {
padding-top: 10px!important;
height: 65px!important;
}
}
.drop_down .second .inner ul.right li a, .drop_down .second .inner ul.right li h5 {
text-align: left;
}
.blog .content .title_holder .container {
background: transparent!important;
}
.blog_holder.blog_single article {
padding-bottom: 60px;
}
.post_more a {
background: #aed234!important;
}
h2.entry_title, h2.entry_title a {
font-size: 28px!important;
}
.blog .content .container, .single-post .content .container {
background: #f5f5f5!important;
}
span.post_author {
display: none;
}
a.post_comments, .blog_like, span.dots {
display: none;
}
.blog_holder article .post_info a {
color: #f99f28!important;
}
.blog_holder article .post_text h2 .date {
color: #8CC63C!important;
}
.single-top .content {
background-color: #f5f5f5!important;
}
.title_holder span, .subtitle {
text-shadow: 0px 0px 10px rgba(0,0,0,1);
}
.title {
background-position: top!important;
height: 500px!important;
margin-top: 70px;
}
.title .title_holder {
padding-top: 200px!important;
}
nav.main_menu > ul > li > a {
padding: 0 10px!important;
}
.two_columns_75_25 {
padding-top: 0px!important;
}
div#text-13 {
margin-bottom: 40px;
}
.footer_top img {
max-height: 200px;
}
.footer_top_holder, footer #lang_sel > ul > li > a, footer #lang_sel_click > ul > li > a {
background-color: #fff!important;
}
.vc-hoverbox-front:before {
background: black;
content: 'blank';
opacity: 0.2;
color: black;
width: 100%;
min-height: 100%!important;
position: fixed;
z-index: -5;
}
.title-pantry h2:before {
content: url(http://mmsalescompany.com/wp-content/uploads/2017/12/pantry-before.png);
transform: scale(0.7);
height: 50px;
background-size: contain;
background-repeat: no-repeat;
margin: 0px auto;
display: block;
margin-bottom: 40px;
transition: all 0.2s ease;
}
.title-coffee h2:before {
content: url(http://mmsalescompany.com/wp-content/uploads/2017/12/coffee-before.png);
transform: scale(0.7);
height: 50px;
background-size: contain;
background-repeat: no-repeat;
margin: 0px auto;
display: block;
margin-bottom: 40px;
transition: all 0.2s ease;
}
.title-markets h2:before {
content: url(http://mmsalescompany.com/wp-content/uploads/2017/12/market-before.png);
transform: scale(0.7);
height: 50px;
background-size: contain;
background-repeat: no-repeat;
margin: 0px auto;
display: block;
margin-bottom: 40px;
transition: all 0.2s ease;
}
.title-vending h2:before {
content: url(http://mmsalescompany.com/wp-content/uploads/2017/12/vending-before.png);
transform: scale(0.7);
height: 50px;
background-size: contain;
background-repeat: no-repeat;
margin: 0px auto;
display: block;
margin-bottom: 40px;
transition: all 0.2s ease;
}
.drop_down .narrow .second .inner ul li a:hover {
color: #bb2a1f!important;
}
nav.mobile_menu ul li span.mobile_arrow i, nav.mobile_menu ul li span.mobile_arrow i, nav.mobile_menu span {
color: #285d8a;
}
nav.mobile_menu ul li, nav.mobile_menu ul li, nav.mobile_menu ul li ul li, nav.mobile_menu ul li.open_sub > ul {
border-color: rgba(0, 0, 0, 0.23);
}
.mejs-overlay-button {
background: url(http://mmsalescompany.com/wp-content/uploads/2017/10/play.png) no-repeat!important;
}
.drop_down .second .inner>ul, li.narrow .second .inner ul {
background-color: white;
border-color: white;
}
.footer_bottom a {
color: #000;
}
nav.main_menu ul li.active a {
color: #8bc63f!important;
}
.qode-elliptical-slide-elements-holder p {
font-size: 22px;
line-height: 30px;
}
h3.larger {
font-size: 40px;
font-weight: 700;
line-height: 48px;
}
nav.main_menu ul li:hover a {
color: black!important;
}
.teaser:hover img {
margin-top: -50px;
margin-bottom: 50px;
}
.teaser {
width: 19%;
display: inline-block;
margin-top: 50px!important;
}
a.prev-slide {
left: -100px!important;
}
a.next-slide {
right: -100px!important;
}
header.dark:not(.sticky) .textwidget span:not(.qode-btn-text) {
color: white!important;
}
.post_text_inner ul {
margin-bottom: 22px!important;
list-style-position: outside!important;
padding-left: 20px!important;
}
nav.main_menu > ul > li > a, .dark.header_style_on_scroll nav.main_menu>ul>li.active>a, .dark.header_style_on_scroll nav.main_menu>ul>li:not(:first-child):before, .dark.header_style_on_scroll nav.main_menu>ul>li>a, .dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li:not(:first-child):before, .dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a {
color: #555;
}
header.dark:not(.sticky) .textwidget span {
color: white!important;
}
.scrolled img {
margin-top: 0px!important;
max-height: 55px;
}
.iconlist-2 {
width: 100%;
padding: 0px;
margin: 0px 0px 10px 0px;
float: left;
}
.iconlist-2 .icon {
width: 18px;
height: 18px;
padding: 0px;
margin: 3px 0px 0px 0px;
float: left;
font-size: 14px;
text-align: center;
line-height: 15px;
color: #000;
border-radius: 100%;
}
.iconlist-2 .text {
padding: 0px 0 0 28px;
margin: 0px;
display: block;
font-size: 18px;
line-height: 26px;
margin-bottom: 10px;
text-align: left;
}
.q_elements_holder.two_columns .q_elements_item {
background-size: cover;
}
.no-shadow h2, .no-shadow h1, .no-shadow h3, .no-shadow p {
text-shadow: none!important;
}
.arrow-left .q_elements_item {
background-position: right center!important;
}
.arrow-right .q_elements_item {
background-position: left center!important;
}
.white h2, .white h3, .white p {
text-shadow: 0px 0px 10px black;
}
.white h1, .white h2, .white h3, .white h4, .white h5, .white p {
color: white;
}
h1, h2, h3, h4 {
margin-bottom: 15px!important;
}
@media all and (max-width:760px) {
.q_logo img {
min-height: auto!important;
min-width: auto!important;
}
iframe {
max-width: 100%;
}
.flexslider, .portfolio_slider {
margin: 0px!important;
}
.footer_top img {
max-width: 200px;
}
.footer_bottom {
font-size: 14px;
line-height: 22px;
padding: 20px 50px;
color: white;
}
.footer_top .four_columns {
padding: 30px;
}
.qode-elliptical-slider .qode-elliptical-slide {
height: 620px!important;
}
.call_to_action .column2.button_wrapper .qbutton {
width: auto;
text-align: center;
}
.call_to_action_text {
padding: 0px!important;
}
.full_width_inner .mobile-more-bottom-padding {
padding-bottom:100px!important;
}
.mobile-no-bottom-padding {
padding-bottom: 0px!important;
}
.desktop-only {
display: none!important;
}
.page-header {
padding: 50px 0px!important;
}
.section_inner_margin .vc_custom_1506449127253 {
padding-top: 40px!important;
}
.app-buttons img {
margin-bottom: 20px!important;
}
h2 {
font-size: 30px!important;
line-height: 38px!important;
}
h4 {
font-size: 30px!important;
line-height: 38px!important;
}
.footer_top p, .footer_top h5, .footer_top li {
text-align: center;
}
.footer_top img {
margin: 0px auto;
display: block;
}
h1 {
font-size: 24px;
line-height: 32px;
}
.teaser {
width: 100%;
}
.qbutton.white, .qbutton.small {
letter-spacing: 1px;
}
.parallax {
background-attachment: scroll!important;
}
}
@media all and (min-width: 760px) {
.single-post .content {
margin-top: 0px;
}
.blog_holder.blog_small_image article .post_image, .blog_holder.blog_small_image article .post_text {
width: 100%;
}
.page-header {
padding: 100px 0px!important;
}
.mobile-only {
display: none!important;
}
#recent-posts-3 {
padding-left: 50px;
}
}
.qbutton.small {
padding: 10px 20px!important;
}
.parallax {
background-size: cover;
background-attachment: fixed;
background-position: center;
}
.footer_top h5 {
color: #15a99c;
font-weight: 400;
font-size: 28px;
}
.footer_bottom p, .footer_bottom span {
font-weight: 500;
}
.footer_top ul.sub-menu {
display: none!important;
}
.footer_top a:hover {
color: #b3d237!important;
}
.white h2, .white h3, .white h4, .white p {
color: white;
}
.darkpolygon .angled-section polygon {
fill: #80bd01!important;
}
.textcenter{text-align:center}
.accent{
color:#5a9b43;
}
#mega-menu-item-4501{
display:none!important;
}
@media all and (max-width: 768px) {
#mega-menu-item-4501{
display:block!important;
}
}
.wrapper {
max-width: 1700px;
margin: 0px auto;
}