/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Version:        4.2
*/

header.filter-faq {
  margin-bottom: 30px;
  text-align: center;
}
header.filter-faq ul {
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
header.filter-faq ul li {
  display: inline-block;
}
header.filter-faq ul li a {
  padding: 12px 14px;
  line-height: 13px;
  font-size: 13px;
  color: #333;
  color: #323232;
  display: block;
  letter-spacing: 1px;
}
header.filter-faq ul li a.current {
  background-color: #969696;
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

input#gform_submit_button_41:hover {
	background-color: #225fad!important;
    transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
}

input#gform_submit_button_41 {
	transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
}

#accordion { border-top: 1px solid #ececec; }

.testimonial-item .stars { color: #ffcc33; font-size: 22px; margin:0 0 10px; }
.mk-testimonial.modern-style .mk-testimonial-content { min-height: 200px; font-size: 15px; }
.mk-text-block .mk-testimonial.modern-style .mk-testimonial-image { margin-left:0; }
.mk-text-block .mk-testimonial { margin-bottom:0; }
/*
.mk-text-block .mk-testimonial.modern-style .mk-testimonial-image { margin-left: 0 !important; min-height: 150px; }
.mk-text-block .mk-testimonial.modern-style .mk-testimonial-image img { width: 160px !important; height: auto !important; border-radius: 0px !important; }
*/
#mk-sidebar .mk-testimonial.modern-style .mk-testimonial-image { margin-left: 0; }

@media only screen and (max-width: 580px)  {
	.mk-testimonial.modern-style .mk-testimonial-image {
		float: none;
		margin-right: 0;
	}
}

.rating { color: #ccc; }

.mk-header .header-logo a img { max-width: 270px; }

.home .mk-page-section { padding:30px 0 20px; }

.home #theme-page h3.mk-fancy-title {
	font-size: 26px !important;
	background: none !important;
	text-transform: none !important;
	font-weight: normal !important;
	margin:0 0 20px;
}

.mk-header-right { top:0; right:0; left:0; }

.home .mk-text-block  { max-width: 600px; width: 100%; margin:0 auto; }

.inline-list ul { margin:0 0 20px; padding: 0; list-style: none; text-align: center; border: none !important; }
.inline-list ul li { margin:0; padding:0; display: inline-block; font-weight: normal; border: none; }
.inline-list ul li a { display: inline-block; border: none !important; }

.footer-subscribe {
	background-color: #b2b3b2;
	color: #fff;
	padding:30px 0;
}

.gform_wrapper form .datepicker { width: 100% !important; max-width: calc(100% - 25px); min-width: 20px !important;  }

#mk-footer-navigation { display: block; float: none; text-align: center; }
#mk-footer-navigation ul li { float: none; }
#mk-footer .footer-wrapper { padding: 40px 0 0 !important; }
.mk-footer-copyright { float: none; display: block; text-align: center; padding:10px 0 20px; }
.footer-subscribe p { color: #fff; }

.footer-subscribe form { margin:40px 0 0; }
.footer-subscribe form input[type="text"],
.footer-subscribe form input[type="email"] { border: none; width: 100%; max-width: 280px; padding:10px; height: 40px; margin:0; }
.footer-subscribe form input.mk-button { background-color: #ffbf3b !important; display: inline-block; height: 40px; border: none; line-height: 40px; padding:0 20px; }

.parent-pageid-5 #mk-page-introduce { background-color: #d1202f !important } /* Moving pages */
.parent-pageid-6201 #mk-page-introduce { background-color: #d1202f !important } /* Storage pages */
.parent-pageid-6207 #mk-page-introduce { background-color: #225fad !important } /* Business pages */

.parent-pageid-5 .page-title { color: #fff; }
.parent-pageid-6201 .page-title { color: #fff; } 
.parent-pageid-6207 .page-title { color: #fff; }

#mk-breadcrumbs .mk-breadcrumbs-inner { float: left; padding: 0 20px 20px; }

.inner-right { float: right; position: relative; z-index: 55; font-weight: bold; }
.pre-quote-wrapper { 
	position: absolute;
	float: right;
	top:40%;
	right:90px;
	z-index: 50;
	width: 100%;
	max-width: 380px;
	background-color: #ceebbb;
	padding:0 0 20px;

	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform: translateY(-50%);

	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

.widget.gform_widget {
	background-color: #cddeea;
	padding:0 0 10px;

	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

.mk-header .header-logo { width: auto; }

.widget.gform_widget .widgettitle,
.pre-quote-wrapper h3 {
	margin:0 0 20px;
	padding: 10px;
	background-color: #225fad;
	text-align: center;
  color: #fff !important;
  font-size: 20px !important;
}

.widget.gform_widget .gform_wrapper .top_label .gfield_label,
.pre-quote-wrapper .gform_wrapper .top_label .gfield_label { display: none; }

.widget.gform_widget .gform_wrapper .top_label .show_label .gfield_label,
.pre-quote-wrapper .gform_wrapper .top_label .show_label .gfield_label { display: block !important; }

.widget.gform_widget .gform_wrapper { margin:0; padding:0 20px ;}
.pre-quote-wrapper .gform_wrapper { margin:0; padding:0 40px ;}
#gform_wrapper_6.gform_wrapper .gform_footer { text-align: center; }
#gform_wrapper_6.gform_wrapper .top_label input.medium { min-width: 180px; }
.pre-quote-wrapper .gform_wrapper .top_label input.medium { min-width: 200px; }
#gform_wrapper_6.gform_wrapper .gform_footer { margin:0; padding:0; }
.pre-quote-wrapper .gform_wrapper .gform_footer input.button { padding:12px 35px !important; }
#gform_wrapper_6.gform_wrapper .gform_footer input.button { background-color: #225fad !important; }

.widget.gform_widget .gform_wrapper .gsection { margin:10px 0 !important; }

.widget.gform_widget h2.gsection_title  {font-size: 11px !important; }
.widget.gform_widget select,
#theme-page select { background-color: #fff; }

.gform_wrapper div.validation_error {
    border-bottom: 1px solid #cf1f2e;
    border-top: none;
    padding: 8px 0;
    color: #cf1f2e;
    font-size: 13px;
    font-weight: normal;
}
.mk-header-toolbar { height: 41px; }
.mk-header-searchform span .text-input {
	width: 190px !important;
	padding:6px 15px 6px 30px;
	height: 29px;
}

header p.phone {
	margin:0 0 10px;
	color: #111111;
	font-size: 28px;
	text-align: right;
	z-index: 10;
	position: relative;
	font-weight: bold;
}

header ul.menu-buttons { 
    padding:0; 
    list-style: none; 
    display: inline-block;
    float: right;
}
header ul.menu-buttons li { 
    margin:40px 0 5px 5px; 
    padding:0; 
    float: right; 
}
header ul.menu-buttons li a { display: block; padding:8px 15px; background-color: #f1f1f1; line-height: 18px; font-size: 14px; border-radius: 4px; }
/*header ul.menu-buttons li.li-gq { display: block; position: absolute; top:-55px; left:0; }*/
header ul.menu-buttons li.li-gq a { background-color: #d1202f; color: #fff; }

#accordion {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}

#accordion > div { display: none; }
#accordion h3:active, #accordion h3:focus { outline: none; }
#accordion h3 { display: none !important; }
#accordion h3.ui-accordion-header.active { display: block !important; }
#accordion h3.ui-accordion-header {
  background-color: #fdfdfd;
  color: #222222;
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  padding: 15px 30px 15px 15px;
  position: relative;
  border-bottom: 1px solid #ececec;
  margin:0;
  text-transform: none;

  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#accordion h3.ui-accordion-header:hover {
	background-color: #fafafa;
}

#accordion h3.ui-accordion-header i {
    color: #b9b9b9;
    font-size: 14px;
    margin-right: 15px;
    vertical-align: middle;
}

#accordion h3.ui-accordion-header.ui-state-active:before {
  -webkit-transform: rotate(90deg);
  -moz-transform:    rotate(90deg);
  -ms-transform:     rotate(90deg);
  -o-transform:      rotate(90deg);
  transform:         rotate(90deg);
}

#accordion h3.ui-accordion-header:before {
  color: rgba(0, 0, 0, 0.3);
  font-size: 10px !important;
  margin: 10px 4px;

  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#accordion h3.ui-accordion-header:before {
    color: #adadad;
    content:"\f054";
    display: block;
    font-size: 12px !important;
    line-height: 16px;
    padding: 3px 6px 2px;
    position: absolute;
    right: 10px;
    top: 5px;
    font-family: 'FontAwesome';
}
#accordion h3.ui-accordion-header:before {
    font-size: 10px !important;
}

.ui-accordion-content {
	padding:20px;
	border-bottom: 1px solid #ececec;
}

.wp-pagenavi { text-align: center; }
.wp-pagenavi a, .wp-pagenavi span { border: none; }

a.float-account {
	display: block;
	position: absolute;
	top:0px;
	right:10px;
	padding:5px 15px;
	border-radius: 4px;
	background-color: #f1f1f1;
}

a.float-account i { margin-right: 4px; }

.related.products { clear: both !important; }

table td.product-name { text-align: left; }

@media only screen and (max-width: 768px)  {
	#mk-boxed-layout .header-style-2 .header-logo, #mk-boxed-layout .header-style-4 .header-logo { height: 80px !important; }
	.inner-right { float: none; clear: left; padding:0 0 0 15px; margin:0; }
	header ul.menu-buttons li.li-pb { display: none; }
	header ul.menu-buttons li.li-gq { display: block; position: relative; top:auto; left: auto; }
	header ul.menu-buttons li { margin-bottom: 15px; 
    margin-top:0px;}
    header ul.menu-buttons{
        margin-top:30px;
    }

	.related.products { display: none; }
}

@media only screen and (max-width: 500px)  {
	#mk-boxed-layout .header-style-2 .header-logo, #mk-boxed-layout .header-style-4 .header-logo { height: 60px !important; }
	header ul.menu-buttons li.li-pl { display: none; }
	header p.phone { font-size: 22px; margin-bottom: 5px; }
	.mk-header .header-logo a img { max-width: 160px !important; }
	.mk-nav-responsive-link { margin-top:-38px!important;z-index: 999; }
}

@media only screen and (max-width:376px){
    header ul.menu-buttons{
        width:100%;
        margin-top: 60px!important;
    }
    .mk-header-right{
        clear: right;
        width: 100%;
    }
    header ul.menu-buttons li {
        margin: 0px 0px 5px 15px;
    }
    header ul.menu-buttons{
        margin-right: 9%!important;
    }
}


.gform_wrapper .gform_footer input.button { background-color: #225fad !important; }

.mk-button.outline-dimension.medium, .mk-button.savvy-dimension.medium {
	background-color: #ffbf3b !important;
	color: #fff !important; 	
	border: none !important;
	border-radius: 3px;
	text-transform: none;
}

.mk-blog-thumbnail-item .mk-thumbnail-content-container h3 { margin:0 0 20px; }
.mk-blog-meta-wrapper { margin:0 0 10px !important; }
.mk-blog-thumbnail-item.content-align-right .mk-thumbnail-content-container { padding: 20px 30px 15px; }

@media only screen and (max-width: 768px)  {
	.pre-quote-wrapper { 
		display: none !important;
		position: relative;
		float: none;
		top:auto;
		right:auto;
		width: auto;
		max-width: none;
		margin:20px 0;
		-webkit-transform: translateY(0%);
		-moz-transform:    translateY(0%);
		-ms-transform:     translateY(0%);
		-o-transform:      translateY(0%);
		transform: translateY(0%);

	}
}
@media only screen and (max-width: 780px)  {
	.mk-header-right { 
        display: block !important; 
    }
    
    .header ul.menu-buttons li {
        margin: 0px 5px;
    }
    .vc_custom_1562825139171{
        width:100%;
    }
    #divider-34{
        display: none;
    }
    .home .mk-text-block{
        max-width: none;
    }

	header ul.menu-buttons li.li-gq {         
        display: block; 
        padding:0; 
        width: 140px; 
        text-align: center; 
    }
    
	header p.phone { 
        margin:0;
    }
	.inner-right { 
        padding-left: 10px; 
    }
    
	#mk-boxed-layout #mk-header-1 .header-logo { 
        height: 60px !important; 
        margin-left: 10px; 
        margin-bottom: 5px;
        margin-top: 20px;
    }
}
@media only screen and (max-width: 597px){
    ul.menu-buttons {
    width: 50%;
    margin: 10px!important;
    }
    ul.menu-buttons li{
        width: 140px;
    }
}

@media only screen and (max-width:377px) {
    #mk-boxed-layout #mk-header-1 .header-logo {
        margin-top: 0px;
    }
}

@media only screen and (max-width:320px) {
    header ul.menu-buttons {
    margin-right: 2%!important;
    }
}

@media only screen and (max-width: 560px)  {
  #livechat-compact-container,
  #livechat-eye-catcher-img,
  #livechat-eye-catcher-img img,
  #livechat-eye-catcher { display: none !important; }
}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.mk-testimonial.modern-style .mk-testimonial-content {
	padding-left: 80px;
}
.mk-testimonial.modern-style .mk-testimonial-image {
    position: absolute;
    top: 2.5em;
    left: 1em;
}

.button.get-a-quote-button,
.button.get-a-quote-button:hover,
#mk-sidebar .widget .button.get-a-quote-button,
#mk-sidebar .widget:not(.widget_social_networks) .button.get-a-quote-button:hover {
	display: inline-block;
	text-decoration: none;
	background-color: #d1202f;
	color: white;
	cursor: pointer;
	font-family: Montserrat,Helvetica,sans-serif;
	font-size: 15px;
	line-height: 50px;
	text-align: center;
	margin: 0;
	height: 35px;
	padding: 0px 35px;
	padding-top: 20px;
	border-radius: 3px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.button.get-a-quote-button.white,
.button.get-a-quote-button.white:hover {
	background-color: #ffffff;
    color: #252525;
}

#mk-nav-search-wrapper {
    right: -175px;
    width: 218px;
}
#mk-nav-search-wrapper input[type=text]{
    width: 218px;
}
header.mk-header .phone {
	line-height: 1;
    text-align: center;
/*	padding-top: 23px;*/
}

@media (min-width: 768px) {
  .flex-columns,
  .flex-columns .wpb_column,
  .flex-columns .wpb_column-inner,
  .flex-columns .wpb_wrapper {
    display: flex;
  }

  .flex-columns .wpb_wrapper {
    flex-direction: column;
    height: 100%;
  }

  .flex-columns .wpb_wrapper div[class*="vc_custom_"] {
      flex-grow: 1;
  }
}

.mk-tab-slider-item .mk-button {
    min-width: 180px;
}

@media (max-width: 768px) {
  .height-full {
    height: auto;
  }
}

/* Storage page banner position fix */
.storage-page-banner .background-clipper .background-layer-holder .background-layer {
    background-position: right 75% !important;
}

.select2__no-search-results p {
  margin-bottom: 5px;
}

.select2__no-search-results p:last-of-type {
  margin-bottom: 0;
}

.select2__no-search-results {
  border: 2px solid #cf0a2c;
  padding: 5px;
  background-color: #ffeaea;
}

.select2-results__options li {
  margin: 0;
}

/* New Enquiry Form Styling Updates */

.gform_wrapper ul.gform_fields li.gfield select {
  padding: 0;
  padding-left: 8px;
  padding-right: 20px;
}

.gform_wrapper ul.gform_fields li.gfield select,
.gform_wrapper ul.gform_fields li.gfield input[type=text],
.gform_wrapper ul.gform_fields li.gfield input[type=tel],
.gform_wrapper ul.gform_fields li.gfield input[type=email] {
  height: 32px;
  line-height: 32px;
}

.gform_wrapper ul.gform_fields li.gfield select,
.gform_wrapper ul.gform_fields li.gfield input[type=text],
.gform_wrapper ul.gform_fields li.gfield input[type=tel],
.gform_wrapper ul.gform_fields li.gfield input[type=email],
.gform_wrapper ul.gform_fields li.gfield textarea {
  border: 1px solid #aaa;
  border-radius: 4px !important;
}

.select2-container .select2-selection--single {
  height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 30px;
}

.select2-selection__placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ginput_container.ginput_container_select {
  position: relative;
}

.form-select-field .ginput_container.ginput_container_select select, .gfield.js--postcode-search .ginput_container.ginput_container_select select {
  background: none !important;
  position: relative;
}

.gfield.js--postcode-search .ginput_container.ginput_container_select select {
	appearance: none !important;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	color: #999;
}

.form-select-field .ginput_container.ginput_container_select::after {
  content: "";
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 5px;
  right: 6px;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 5px;
  z-index: 50;
}

.gfield .gfield_tooltip {
    border: none;
    background: #d1202f;
    padding: 5px;
    width: 1.25em;
    height: 1.25em;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 0.75;
    margin-top: -3px;
    margin-left: 7px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12);
}

.gfield .gfield_toolip,
.gform_body .gform_fields .gfield .gfield_label.has-tooltip {
  margin-bottom: 7px !important;
}

#gform_44,
#gform_45 {
    padding:25px 50px;
    background-color:white;
    border:1px solid #ebebeb;
}

#gform_44 #gform_submit_button_44,
#gform_45 #gform_submit_button_45 {
    background-color:#cf0a2c !important;
    height:54px;
}

#gform_44 #gform_submit_button_44:hover,
#gform_45 #gform_submit_button_45:hover {
    background-color: #225fad !important;
}

@media only screen and (max-width: 768px) {
  #gform_44,
  #gform_45 {
      padding:16px 24px;
  }
}

.text-color-light .mk-button--text {
  color: #fff;
}

.sidebar-wrapper .textwidget .mk-button-container {
    display: block;
    width: 100%;
}

.header__phone-cta-section {
    padding: 0.5rem 0;
    background-color: #d1202f;
    color: #fff;
    font-weight: 500;
}

.header__phone-cta-section .cta-container {
    max-width: 1140px;
    display: flex;
    line-height: 1.3;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

.header__phone-cta-section .cta__title, .header__phone-cta-section .cta__phone-numbers {
    flex-shrink: 0;
}

.header__phone-cta-section .cta__phone-numbers {
    flex-shrink: 1;
    list-style: none;
    display: flex;
    margin: 0 0 0 1.5rem;
    overflow-x: scroll;
}


.header__phone-cta-section .cta__phone-numbers::-webkit-scrollbar,
.header__phone-cta-section .cta__phone-numbers *::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  display: none;
}

.header__phone-cta-section .cta__phone-numbers,
.header__phone-cta-section .cta__phone-numbers * {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.header__phone-cta-section .cta__phone-numbers li {
  margin-left: 1.5rem;
  flex-shrink: 0;
}

.header__phone-cta-section .cta__phone-numbers li:first-of-type {
  margin-left: 0;
}

.header__phone-cta-section .cta__phone-numbers li a {
  color: #fff;
}

.header__phone-cta-section .cta__phone-numbers li a:hover {
  text-decoration: underline;
}

.header__phone-cta-section .announcement-container {
    max-width: 1140px;
    display: flex;
    line-height: 1.3;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    gap: 10px;
}

.header__phone-cta-section .announcement-container p {
    color: white;
    margin-bottom: 0;
}

.announcement-container .announcement-heading {
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 780px) {
  .header__phone-cta-section .cta-container {
    margin: 0 0.5rem;
  }
}