@media (min-width: 767px)
{
.ft-left
{
width:50%!important;
}
.ft-right
{
width:50%!important;
}
.ft-left ul
{
width: 28%!important;
margin-right:4%;
}
} .inner-page-title {
margin-top: 80px;
}
@media only screen and (max-width: 767px) {
.inner-page-title {
margin-top: 60px;
}
} .gform_wrapper label.gfield_label {
font-family: "Montserrat", sans-serif;
font-weight: 500!important;
}
#gform_wrapper_13.gform_wrapper .top_label .gfield_label
{
display:block;	
}
#gform_wrapper_13.gform_wrapper .gform_footer input[type="submit"]
{
float:left;
}
#gform_wrapper_13.gform_wrapper ul.gform_fields li.gfield:last-child {
margin-top: 10px;
}
@media only screen and (min-width: 641px)
{
#gform_wrapper_13.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: calc(50% - 8px)!important;
}
}
#gform_wrapper_13.gform_wrapper div.validation_error
{
max-width:700px;
}
#gform_confirmation_wrapper_13 .gform_confirmation_message p
{
color:green;
font-weight:bold;	
} body #hamburger
{
display:none!important;
} .fixed-header
{
position: fixed;
width: 100%;
height: 80px;
z-index: 2000;
font-family: "Montserrat", sans-serif;
transition: background-color 250ms ease;
}
.fixed-header.white
{
background-color: #fff;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}
.fixed-header .inverted-logo-container
{
float:left;
margin-top: 18px;
transition: all 250ms ease;
}
.fixed-header .inverted-logo
{
width: 141px;
height: 40px;
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/logo-white.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
transition: all 250ms ease;
}
.fixed-header.white .inverted-logo
{
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/logo-black.png);
}
.fixed-header .inverted-logo-container.new
{
float:left;
margin-top: 12px;
transition: all 250ms ease;
}
.fixed-header .inverted-logo-container.new .inverted-logo
{
width: 150px;
height: 55px;
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/indus-logo-white-sv.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
transition: all 250ms ease;
}
.fixed-header.white .inverted-logo-container.new .inverted-logo
{
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/indus-logo-black-sv.png);
}
.fixed-header .inverted-logo-container.new .inverted-logo.ram
{
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/indus-logo-white-sv-ram.png);
}
.fixed-header.white .inverted-logo-container.new .inverted-logo.ram
{
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/indus-logo-black-sv-ram.png);
}
.fixed-header .inverted-logo-container.new .inverted-logo.no
{
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/indus-logo-white-no.png);
}
.fixed-header.white .inverted-logo-container.new .inverted-logo.no
{
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/indus-logo-black-no.png);
} .fixed-header .menu
{
float:right;
display: flex;
}
.fixed-header .menu.header-main-left
{
float:left;
margin-left: 20px;
}
.fixed-header .menu .menu-item
{
position: relative;
margin:30px 0 0 22px;
color: #fff;
font-weight: 500;
text-transform: uppercase;
font-size: 14px;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}
.fixed-header.white .menu .menu-item
{
color: #231f20;
text-shadow: none;
}
@media only screen and (max-width: 1024px) {
.fixed-header .menu .menu-item
{
margin-left: 12px;
margin-top: 34px;
font-size: 11px;
}
}
.fixed-header .menu .menu-item a
{
color: #fff;
font-weight: 500;
}
.fixed-header.white .header-main-menu .menu-item a, .fixed-header.white .header-main-left .menu-item a
{
color: #231f20;
}
.fixed-header .header-main-menu .menu-item.menu-item-has-children, .fixed-header .header-main-left .menu-item.menu-item-has-children
{
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/menu-arrow-white.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 8px;
padding-right: 12px;
}
.fixed-header.white .header-main-menu .menu-item.menu-item-has-children, .fixed-header.white .header-main-left .menu-item.menu-item-has-children
{
background-image: url(//www.indus.se/wp-content/themes/indus-wp/images/menu-arrow-black.svg);
}
@media only screen and (min-width: 768px) {
.fixed-header .menu .menu-item:hover a
{
border-bottom:2px solid #fff;
}
.fixed-header .menu .menu-item:hover ul.sub-menu .menu-item a
{
border-bottom:none;
}
.fixed-header .menu .menu-item ul.sub-menu .menu-item:hover a
{
border-bottom:2px solid #fff;
}
}
.fixed-header .menu .menu-item.current_page_item a, .fixed-header .menu .menu-item.current-menu-parent a, .fixed-header .menu .menu-item.current_page_parent a, .fixed-header .menu .menu-item.current-menu-item a
{
border-bottom:2px solid #fff;
}
.fixed-header .menu .menu-item.current_page_item ul.sub-menu a, .fixed-header .menu .menu-item.current-menu-parent ul.sub-menu a, .fixed-header .menu .menu-item.current_page_parent ul.sub-menu a
{
border-bottom:none;
}
.fixed-header .menu .menu-item ul.sub-menu .menu-item.current_page_item a
{
border-bottom:2px solid #fff;
}
.fixed-header.white .menu .menu-item.current_page_item a, .fixed-header.white .menu .menu-item.current-menu-parent a, .fixed-header.white .menu .menu-item.current_page_parent a, .fixed-header.white .menu .menu-item ul.sub-menu .menu-item.current_page_item a, .fixed-header.white .menu .menu-item:hover a
{
border-color:#231f20;
}
.fixed-header .menu-item ul.sub-menu
{
position:absolute;
min-width:180px;
margin-left: 0;
padding-top: 20px;
transform: translateX(-10px);
visibility: hidden;
opacity: 0;
transition: all 250ms ease;
}
.fixed-header .menu-item ul.sub-menu .menu-item
{
width:100%;
margin:0;
transition: all 250ms ease;
padding-bottom: 10px;
}
.fixed-header.white .menu-item ul.sub-menu .menu-item
{
margin:0 0 0 0;
padding:16px 16px;
background-color: #fff;
border-bottom:1px solid rgba(0,0,0,0.025);
transition: all 250ms ease;
}
@media only screen and (min-width: 768px) {
.fixed-header .menu-item:hover ul.sub-menu
{
transform: translateX(0px);
visibility: visible;
opacity: 1;
}
} .fixed-header .menu.header-mobile-primary
{
display: none;
}
.fixed-header .menu.header-mobile-folded
{
display: none;
}
.fixed-header .mobile-nav-menu-button
{
display: none;
}
@media only screen and (max-width: 767px) {
.fixed-header .menu.header-main-menu, .fixed-header .menu.header-main-left
{
display:none;
}
.fixed-header
{
height: 60px;
}
.fixed-header .inverted-logo-container
{
margin-top: 13px;
}
.fixed-header .inverted-logo
{
width: 94px;
height: 30px;
}
.fixed-header .inverted-logo-container.new .inverted-logo
{
width: 94px;
height: 34px;
} .fixed-header .menu.header-mobile-primary
{
float:left;
width:calc(100% - 140px);
height: 60px;
margin-left:6px;
display:flex;
justify-content: center; }
.fixed-header .menu.header-mobile-primary .menu-item
{
height: 100%;
margin:0;
padding:22px 6px 0 6px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
box-sizing: border-box;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
transition: all 250ms ease;
}
.fixed-header.white .menu.header-mobile-primary .menu-item
{
color: #231f20;
text-shadow: none;
border-left:1px solid rgba(0,0,0,0.05);
}
.fixed-header.white .menu.header-mobile-primary .menu-item:last-child
{
border-right:1px solid rgba(0,0,0,0.05);
}
.fixed-header .menu.header-mobile-primary .menu-item a
{
color: #fff;
font-weight: 600;
transition: all 250ms ease;
}
.fixed-header.white .menu.header-mobile-primary .menu-item a
{
color: #231f20;
}
.fixed-header .menu.header-mobile-primary .menu-item.current_page_item a
{
border-bottom:1px solid #fff;
}
.fixed-header.white .menu.header-mobile-primary .menu-item.current_page_item a
{
border-color: #231f20;
} .fixed-header .menu.header-mobile-folded
{
float:none;
position: fixed;
display: block;
z-index: 2030;
width: calc(100% - 54px);
height: 100%;
box-sizing: border-box;
overflow: auto;
background-color: #fff;
top: 0;
left: -100%;
padding: 15px;
transition: left .3s ease;
}
.fixed-header .menu.header-mobile-folded.active
{
left:0;
}
.fixed-header .menu.header-mobile-folded .menu-item
{
width: 100%;
box-sizing: border-box;
text-shadow: none;
font-size: 16px;
font-weight: 600;
color: #231f20;
margin:0;
padding:15px 0 15px 15px;
}
.fixed-header .menu.header-mobile-folded .menu-item.menu-item-has-children
{
padding-bottom: 0;
}
.fixed-header .menu.header-mobile-folded .menu-item a
{
color: #231f20;
border-color: #231f20!important;
font-weight: 600;
}
.fixed-header .menu.header-mobile-folded .menu-item ul.sub-menu {
width: 100%;
box-sizing: border-box;
position: relative;
margin:0;
padding: 0;
transform: translateX(-0px);
visibility: visible;
opacity: 1;
}
.fixed-header .menu.header-mobile-folded .menu-item ul.sub-menu .menu-item
{
margin:0;
padding:10px 0 5px 20px;
font-size: 14px;
border-bottom: none;
text-transform: none;
}
.fixed-header .mobile-nav-menu-button
{
display: block;
float:right;
position: relative;
width: 30px;
height: 26px;
margin-top: 17px;
padding: 0;
cursor: pointer;
}
.fixed-header .mobile-nav-menu-button .bar {
position: absolute;
width: 100%;
height: 3px;
background-color: #fff;
transition: all 200ms linear;
}
.fixed-header.white .mobile-nav-menu-button .bar {
background-color: #231f20; }
.fixed-header .mobile-nav-menu-button .bar.one {
top: 0px;
transform: rotate(0deg);
}
.fixed-header .mobile-nav-menu-button .bar.two {
top: 10px;
transform: rotate(0deg);
}
.fixed-header .mobile-nav-menu-button .bar.three {
top: 20px;
transform: rotate(0deg);
}
.fixed-header .mobile-nav-menu-button.active .bar.one {
top: 10px;
transform: rotate(45deg);
}
.fixed-header .mobile-nav-menu-button.active .bar.two {
top: 10px;
opacity: 0;
visibility: hidden;
}
.fixed-header .mobile-nav-menu-button.active .bar.three {
top: 10px;
transform: rotate(-45deg);
}
.coverfade
{
position: fixed;
z-index: 1999;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,.6);
cursor: pointer;
visibility: hidden;
opacity: 0;
transition: all 200ms linear;
}
.coverfade.active
{
visibility: visible;
opacity: 1;
}
#contactCoverFade.coverfade
{
z-index: 1000;
}
}
@media only screen and (max-width: 360px) {
.fixed-header .inverted-logo-container
{
margin-top: 13px;
}
.fixed-header .inverted-logo
{
width: 84px;
height: 30px;
} .fixed-header .mobile-primary-menu
{
width:calc(100% - 130px);
margin-left:6px;
}
.fixed-header .mobile-primary-menu .menu-item
{
padding:22px 4px 0 4px;
font-size: 10px;
font-weight: 600;
}
.fixed-header .mobile-primary-menu .menu-item a
{
font-weight: 600;
}
} .fixed-contact-form
{
position: fixed;
width: 400px;
height: 457px;
z-index: 1031;
bottom:-410px;
right:calc(50% - 700px);
font-family: "Montserrat", sans-serif;
transition: bottom 250ms ease;
}
.fixed-contact-form.active
{
bottom:0;
}
.fixed-contact-form.hide
{
bottom:-527px;
}
@media only screen and (max-width: 1400px) {
.fixed-contact-form
{
right:25px;
}
}
@media only screen and (max-width: 576px)
{
.fixed-contact-form
{
width: auto;
left:12px;
right:12px;
height: 470px;
bottom:-430px;
}
}
.fixed-contact-form .contact-head
{
position: absolute;
right:0;
width: 200px;
height: 47px;
background-color: #f38121;
color:#fff;
font-weight: 500;
font-size:16px;
line-height: 47px;
text-align: center;
cursor: pointer;
box-shadow: 0 0px 8px 0px rgba(0,0,0,.25);
transition: box-shadow 250ms ease;
}
@media only screen and (max-width: 576px)
{
.fixed-contact-form .contact-head
{
width: 160px;
height: 40px;
line-height: 40px;
}
}
.fixed-contact-form.hide .contact-head
{
box-shadow: 0 0px 0px 0px rgba(0,0,0,0);
}
.fixed-contact-form .contact-head:after
{
content:"";
position: absolute;
width: 100%;
height: 22px;
left:0;
top:36px;
background-color: #f38121;
z-index: 1031;
}
@media only screen and (max-width: 576px)
{
.fixed-contact-form .contact-head:after
{
top:30px;
}
}
.fixed-contact-form .contact-body
{
position: absolute;
right:0;
top:47px;
width: 400px;
padding:15px;
height: 410px;
background-color: #f38121;
box-sizing: border-box;
box-shadow: 0 0px 0px 0px rgba(0,0,0,0);
transition: box-shadow 250ms ease;
}
.fixed-contact-form.active .contact-body
{
box-shadow: 0 0px 8px 0px rgba(0,0,0,.25);
}
@media only screen and (max-width: 576px)
{
.fixed-contact-form .contact-body
{
width: 100%;
height: 430px;
top:40px;
}
}
.fixed-contact-form .gform_wrapper {
margin: 0;
}
.fixed-contact-form .gform_wrapper ul li.gfield {
margin-top: 0;
margin-bottom: 18px;
}
.fixed-contact-form .gform_wrapper ul.gform_fields li.gfield.gfield_error:last-child {
margin-top: 0;
}
.fixed-contact-form .gform_wrapper .top_label div.ginput_container {
margin-top: 2px!important;
}
.fixed-contact-form .gform_wrapper .gform_footer {
padding-top: 6px;
}
.fixed-contact-form .con-field
{
width: 100%;
padding:0!important;
}
.fixed-contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .fixed-contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label
{
margin-top: 0; 
}
.fixed-contact-form .gfield_label
{
color:#fff;
}
.fixed-contact-form .gform_wrapper .gform_footer input.button, .fixed-contact-form .gform_wrapper .gform_footer input[type="image"], .fixed-contact-form .gform_wrapper .gform_footer input[type="submit"]
{
background-color: #fff;
background-image: none;
color: #231f20;
}
.fixed-contact-form .gform_wrapper .gform_footer input[type="submit"]:hover
{
color: #231f20;
}
.fixed-contact-form .gform_wrapper li.gfield.gfield_error, .fixed-contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning
{
padding:0;
max-width: 100%!important;
background-color: transparent;
border:none;
}
.fixed-contact-form .gform_wrapper .gfield_error .gfield_label {
color: #fff;
}
.fixed-contact-form .gform_wrapper .gfield_required {
color: #fff;
}
.fixed-contact-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])
{
border:1px solid white;
border-left:6px solid white;
}
.fixed-contact-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .fixed-contact-form .gform_wrapper li.gfield_error textarea
{
border: 1px solid #e3d000;
border-left:6px solid #e3d000;
}
.fixed-contact-form .form-field input[type="text"], .fixed-contact-form .form-field input[type="email"], .fixed-contact-form .form-field textarea, .fixed-contact-form .con-field input[type="text"], .fixed-contact-form .con-field select, .fixed-contact-form .con-field input[type="tel"], .fixed-contact-form .con-field textarea, .fixed-contact-form .con-field input[type="email"]
{
height: 42px;
}
.fixed-contact-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half)
{
max-width: 100%!important;
}
.fixed-contact-form .gform_wrapper .gform_footer input.button, .fixed-contact-form .gform_wrapper .gform_footer input[type=submit], .fixed-contact-form .gform_wrapper .gform_page_footer input.button, .fixed-contact-form .gform_wrapper .gform_page_footer input[type=submit] {
margin: 0;
}
.fixed-contact-form .gform_wrapper div.validation_error {
color: #fff;
background-color: #e3d000;
box-sizing: border-box;
font-weight: 500;
border: none;
text-align: left;
margin: 0;
margin-top: 4px;
padding:8px 12px;
margin-bottom: 20px;
display:none!important;
}
.fixed-contact-form .gform_confirmation_message {
color: #fff;
font-family: "Montserrat", sans-serif;
font-weight: 500;
background-color: transparent;
padding: 12px;
padding-top: 200px;
text-align: center;
}
.fixed-contact-form .gform_wrapper li.gfield.gfield_error, .fixed-contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
margin-bottom: 18px!important;
}
.recaptcha-text
{
font-size: 14px;
color:#777;
} .responsive-embed {
position: relative;
display: block;
width: 100%;
max-width:1000px;
margin:0 auto;
padding: 0;
overflow: hidden;
}
.responsive-embed:before {
display: block;
content: "";
padding-top: 56.25%;
}
.responsive-embed iframe, .responsive-embed video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
} @media only screen and (min-width: 768px)
{
.state-address-inner {
display:flex;
justify-content: space-between;
}
.state-address-box
{
float:none!important;
width: auto!important;
padding-left: 0!important;
}
.state-address-box.state-address-last {
padding-left: 0!important;
}
}
.cky-consent-container
{
font-family: "Montserrat", sans-serif;
font-weight: 300;
}
.cky-consent-container .cky-notice .cky-title, .cky-preference-center .cky-preference-header .cky-preference-title, .cky-preference-center .cky-accordion-header .cky-accordion-btn
{
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #f38121;
}
.cky-consent-container .cky-notice p, .cky-preference-center p
{
font-family: "Montserrat", sans-serif;
font-weight: 300;
}
.cky-consent-container .cky-notice .cky-btn, .cky-preference-center .cky-btn
{
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
.cky-preference-center
{
font-family: "Montserrat", sans-serif;
font-weight: 300;
}
.cky-btn-reject, .cky-btn-customize, .cky-btn-preferences
{
border-width: 1px!important;
}
.cky-show-desc-btn
{
color: #f38121!important;
}