Secondary Ops
How do I make an secondary ops?
What is a secondary ops? How do you make a secondary ops? This script and codes were developed by Nader K on 27 August 2022, Saturday.
Secondary Ops Previews
Secondary Ops - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Secondary Ops</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> secondary_ops_rowsecondary_ops_row<div class="breadcrumbs">Secondary Operations</div> <h1>Secondary Operations</h1> <div class="bl_width_container"> <p>Since Harman Corp offers a wide range of secondary operations, which include cutting, punching, printing. All secondary operations are done on site. For further customization, please contact us <a href="custom-dip-molding.html">here</a>.</p> <div class="w-row secondary_ops_row"> <div class="w-col w-col-4"><a href="printing-services.html" class="w-inline-block secondary_link_container secondary_printing"><h3 class="secondary_ops_link_title">Printing Services</h3></a> </div> <div class="w-col w-col-4"><a href="punching-services.html" class="w-inline-block secondary_link_container secondary_punching"><h3 class="secondary_ops_link_title">Punching Services</h3></a> </div> <div class="w-col w-col-4"><a href="cutting-services.html" class="w-inline-block secondary_link_container secondary_cutting"><h3 class="secondary_ops_link_title">Cutting Services</h3></a> </div> </div> </div> </div>
</body>
</html>
Secondary Ops - Script Codes CSS Codes
@font-face { font-family: 'webflow-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); font-weight: normal; font-style: normal;
}
[class^="w-icon-"],
[class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.w-icon-slider-right:before { content: "\e600";
}
.w-icon-slider-left:before { content: "\e601";
}
.w-icon-nav-menu:before { content: "\e602";
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before { content: "\e603";
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
html { height: 100%;
}
body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333;
}
img { max-width: 100%; vertical-align: middle; display: inline-block;
}
html.w-mod-touch * { background-attachment: scroll !important;
}
.w-block { display: block;
}
.w-inline-block { max-width: 100%; display: inline-block;
}
.w-clearfix:before,
.w-clearfix:after { content: " "; display: table;
}
.w-clearfix:after { clear: both;
}
.w-preserve-3d { transform-style: preserve-3d;
}
.w-hidden { display: none;
}
.w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0;
}
input.w-button { -webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] { color: transparent !important;
}
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: bold; margin-bottom: 10px;
}
h1 { font-size: 38px; line-height: 44px; margin-top: 20px;
}
h2 { font-size: 32px; line-height: 36px; margin-top: 20px;
}
h3 { font-size: 24px; line-height: 30px; margin-top: 20px;
}
h4 { font-size: 18px; line-height: 24px; margin-top: 10px;
}
h5 { font-size: 14px; line-height: 20px; margin-top: 10px;
}
h6 { font-size: 12px; line-height: 18px; margin-top: 10px;
}
p { margin-top: 0; margin-bottom: 10px;
}
a:focus { outline: 0;
}
blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px;
}
figure { margin: 0; margin-bottom: 10px;
}
figcaption { margin-top: 5px; text-align: center;
}
ul,
ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px;
}
.w-list-unstyled { padding-left: 0; list-style: none;
}
.w-embed:before,
.w-embed:after { content: " "; display: table;
}
.w-embed:after { clear: both;
}
.w-video { width: 100%; position: relative; padding: 0;
}
.w-video iframe,
.w-video object,
.w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
fieldset { padding: 0; margin: 0; border: 0;
}
button,
html input[type="button"],
input[type="reset"] { border: 0; cursor: pointer; -webkit-appearance: button;
}
.w-form { margin: 0 0 15px;
}
.w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd;
}
.w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede;
}
label { display: block; margin-bottom: 5px; font-weight: bold;
}
.w-input,
.w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc;
}
.w-input:-moz-placeholder,
.w-select:-moz-placeholder { color: #999;
}
.w-input::-moz-placeholder,
.w-select::-moz-placeholder { color: #999; opacity: 1;
}
.w-input:-ms-input-placeholder,
.w-select:-ms-input-placeholder { color: #999;
}
.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder { color: #999;
}
.w-input:focus,
.w-select:focus { border-color: #3898EC; outline: 0;
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eeeeee;
}
textarea.w-input,
textarea.w-select { height: auto;
}
.w-select { background-image: -webkit-linear-gradient(white 0%, #f3f3f3 100%); background-image: linear-gradient(white 0%, #f3f3f3 100%);
}
.w-select[multiple] { height: auto;
}
.w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px;
}
.w-checkbox,
.w-radio { display: block; margin-bottom: 5px; padding-left: 20px;
}
.w-checkbox:before,
.w-radio:before,
.w-checkbox:after,
.w-radio:after { content: " "; display: table;
}
.w-checkbox:after,
.w-radio:after { clear: both;
}
.w-checkbox-input,
.w-radio-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px;
}
.w-radio-input { margin-top: 3px;
}
.w-container { margin-left: auto; margin-right: auto; max-width: 940px;
}
.w-container:before,
.w-container:after { content: " "; display: table;
}
.w-container:after { clear: both;
}
.w-container .w-row { margin-left: -10px; margin-right: -10px;
}
.w-row:before,
.w-row:after { content: " "; display: table;
}
.w-row:after { clear: both;
}
.w-row .w-row { margin-left: 0; margin-right: 0;
}
.w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px;
}
.w-col .w-col { padding-left: 0; padding-right: 0;
}
.w-col-1 { width: 8.33333333%;
}
.w-col-2 { width: 16.66666667%;
}
.w-col-3 { width: 25%;
}
.w-col-4 { width: 33.33333333%;
}
.w-col-5 { width: 41.66666667%;
}
.w-col-6 { width: 50%;
}
.w-col-7 { width: 58.33333333%;
}
.w-col-8 { width: 66.66666667%;
}
.w-col-9 { width: 75%;
}
.w-col-10 { width: 83.33333333%;
}
.w-col-11 { width: 91.66666667%;
}
.w-col-12 { width: 100%;
}
.w-col-push-1 { left: 8.33333333%;
}
.w-col-push-2 { left: 16.66666667%;
}
.w-col-push-3 { left: 25%;
}
.w-col-push-4 { left: 33.33333333%;
}
.w-col-push-5 { left: 41.66666667%;
}
.w-col-push-6 { left: 50%;
}
.w-col-push-7 { left: 58.33333333%;
}
.w-col-push-8 { left: 66.66666667%;
}
.w-col-push-9 { left: 75%;
}
.w-col-push-10 { left: 83.33333333%;
}
.w-col-push-11 { left: 91.66666667%;
}
.w-col-pull-1 { right: 8.33333333%;
}
.w-col-pull-2 { right: 16.66666667%;
}
.w-col-pull-3 { right: 25%;
}
.w-col-pull-4 { right: 33.33333333%;
}
.w-col-pull-5 { right: 41.66666667%;
}
.w-col-pull-6 { right: 50%;
}
.w-col-pull-7 { right: 58.33333333%;
}
.w-col-pull-8 { right: 66.66666667%;
}
.w-col-pull-9 { right: 75%;
}
.w-col-pull-10 { right: 83.33333333%;
}
.w-col-pull-11 { right: 91.66666667%;
}
.w-col-offset-1 { margin-left: 8.33333333%;
}
.w-col-offset-2 { margin-left: 16.66666667%;
}
.w-col-offset-3 { margin-left: 25%;
}
.w-col-offset-4 { margin-left: 33.33333333%;
}
.w-col-offset-5 { margin-left: 41.66666667%;
}
.w-col-offset-6 { margin-left: 50%;
}
.w-col-offset-7 { margin-left: 58.33333333%;
}
.w-col-offset-8 { margin-left: 66.66666667%;
}
.w-col-offset-9 { margin-left: 75%;
}
.w-col-offset-10 { margin-left: 83.33333333%;
}
.w-col-offset-11 { margin-left: 91.66666667%;
}
.w-hidden-main { display: none !important;
}
@media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333333%; } .w-col-medium-2 { width: 16.66666667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.33333333%; } .w-col-medium-5 { width: 41.66666667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.33333333%; } .w-col-medium-8 { width: 66.66666667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.33333333%; } .w-col-medium-11 { width: 91.66666667%; } .w-col-medium-12 { width: 100%; } .w-col-medium-push-1 { left: 8.33333333%; } .w-col-medium-push-2 { left: 16.66666667%; } .w-col-medium-push-3 { left: 25%; } .w-col-medium-push-4 { left: 33.33333333%; } .w-col-medium-push-5 { left: 41.66666667%; } .w-col-medium-push-6 { left: 50%; } .w-col-medium-push-7 { left: 58.33333333%; } .w-col-medium-push-8 { left: 66.66666667%; } .w-col-medium-push-9 { left: 75%; } .w-col-medium-push-10 { left: 83.33333333%; } .w-col-medium-push-11 { left: 91.66666667%; } .w-col-medium-pull-1 { right: 8.33333333%; } .w-col-medium-pull-2 { right: 16.66666667%; } .w-col-medium-pull-3 { right: 25%; } .w-col-medium-pull-4 { right: 33.33333333%; } .w-col-medium-pull-5 { right: 41.66666667%; } .w-col-medium-pull-6 { right: 50%; } .w-col-medium-pull-7 { right: 58.33333333%; } .w-col-medium-pull-8 { right: 66.66666667%; } .w-col-medium-pull-9 { right: 75%; } .w-col-medium-pull-10 { right: 83.33333333%; } .w-col-medium-pull-11 { right: 91.66666667%; } .w-col-medium-offset-1 { margin-left: 8.33333333%; } .w-col-medium-offset-2 { margin-left: 16.66666667%; } .w-col-medium-offset-3 { margin-left: 25%; } .w-col-medium-offset-4 { margin-left: 33.33333333%; } .w-col-medium-offset-5 { margin-left: 41.66666667%; } .w-col-medium-offset-6 { margin-left: 50%; } .w-col-medium-offset-7 { margin-left: 58.33333333%; } .w-col-medium-offset-8 { margin-left: 66.66666667%; } .w-col-medium-offset-9 { margin-left: 75%; } .w-col-medium-offset-10 { margin-left: 83.33333333%; } .w-col-medium-offset-11 { margin-left: 91.66666667%; } .w-col-stack { width: 100%; left: auto; right: auto; }
}
@media screen and (max-width: 767px) { .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333333%; } .w-col-small-2 { width: 16.66666667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.33333333%; } .w-col-small-5 { width: 41.66666667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.33333333%; } .w-col-small-8 { width: 66.66666667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.33333333%; } .w-col-small-11 { width: 91.66666667%; } .w-col-small-12 { width: 100%; } .w-col-small-push-1 { left: 8.33333333%; } .w-col-small-push-2 { left: 16.66666667%; } .w-col-small-push-3 { left: 25%; } .w-col-small-push-4 { left: 33.33333333%; } .w-col-small-push-5 { left: 41.66666667%; } .w-col-small-push-6 { left: 50%; } .w-col-small-push-7 { left: 58.33333333%; } .w-col-small-push-8 { left: 66.66666667%; } .w-col-small-push-9 { left: 75%; } .w-col-small-push-10 { left: 83.33333333%; } .w-col-small-push-11 { left: 91.66666667%; } .w-col-small-pull-1 { right: 8.33333333%; } .w-col-small-pull-2 { right: 16.66666667%; } .w-col-small-pull-3 { right: 25%; } .w-col-small-pull-4 { right: 33.33333333%; } .w-col-small-pull-5 { right: 41.66666667%; } .w-col-small-pull-6 { right: 50%; } .w-col-small-pull-7 { right: 58.33333333%; } .w-col-small-pull-8 { right: 66.66666667%; } .w-col-small-pull-9 { right: 75%; } .w-col-small-pull-10 { right: 83.33333333%; } .w-col-small-pull-11 { right: 91.66666667%; } .w-col-small-offset-1 { margin-left: 8.33333333%; } .w-col-small-offset-2 { margin-left: 16.66666667%; } .w-col-small-offset-3 { margin-left: 25%; } .w-col-small-offset-4 { margin-left: 33.33333333%; } .w-col-small-offset-5 { margin-left: 41.66666667%; } .w-col-small-offset-6 { margin-left: 50%; } .w-col-small-offset-7 { margin-left: 58.33333333%; } .w-col-small-offset-8 { margin-left: 66.66666667%; } .w-col-small-offset-9 { margin-left: 75%; } .w-col-small-offset-10 { margin-left: 83.33333333%; } .w-col-small-offset-11 { margin-left: 91.66666667%; }
}
@media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333333%; } .w-col-tiny-2 { width: 16.66666667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.33333333%; } .w-col-tiny-5 { width: 41.66666667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.33333333%; } .w-col-tiny-8 { width: 66.66666667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.33333333%; } .w-col-tiny-11 { width: 91.66666667%; } .w-col-tiny-12 { width: 100%; } .w-col-tiny-push-1 { left: 8.33333333%; } .w-col-tiny-push-2 { left: 16.66666667%; } .w-col-tiny-push-3 { left: 25%; } .w-col-tiny-push-4 { left: 33.33333333%; } .w-col-tiny-push-5 { left: 41.66666667%; } .w-col-tiny-push-6 { left: 50%; } .w-col-tiny-push-7 { left: 58.33333333%; } .w-col-tiny-push-8 { left: 66.66666667%; } .w-col-tiny-push-9 { left: 75%; } .w-col-tiny-push-10 { left: 83.33333333%; } .w-col-tiny-push-11 { left: 91.66666667%; } .w-col-tiny-pull-1 { right: 8.33333333%; } .w-col-tiny-pull-2 { right: 16.66666667%; } .w-col-tiny-pull-3 { right: 25%; } .w-col-tiny-pull-4 { right: 33.33333333%; } .w-col-tiny-pull-5 { right: 41.66666667%; } .w-col-tiny-pull-6 { right: 50%; } .w-col-tiny-pull-7 { right: 58.33333333%; } .w-col-tiny-pull-8 { right: 66.66666667%; } .w-col-tiny-pull-9 { right: 75%; } .w-col-tiny-pull-10 { right: 83.33333333%; } .w-col-tiny-pull-11 { right: 91.66666667%; } .w-col-tiny-offset-1 { margin-left: 8.33333333%; } .w-col-tiny-offset-2 { margin-left: 16.66666667%; } .w-col-tiny-offset-3 { margin-left: 25%; } .w-col-tiny-offset-4 { margin-left: 33.33333333%; } .w-col-tiny-offset-5 { margin-left: 41.66666667%; } .w-col-tiny-offset-6 { margin-left: 50%; } .w-col-tiny-offset-7 { margin-left: 58.33333333%; } .w-col-tiny-offset-8 { margin-left: 66.66666667%; } .w-col-tiny-offset-9 { margin-left: 75%; } .w-col-tiny-offset-10 { margin-left: 83.33333333%; } .w-col-tiny-offset-11 { margin-left: 91.66666667%; }
}
.w-widget { position: relative;
}
.w-widget-map { width: 100%; height: 400px;
}
.w-widget-map label { width: auto; display: inline;
}
.w-widget-map img { max-width: inherit;
}
.w-widget-map .gm-style-iw { width: 90% !important; height: auto !important; top: 7px !important; left: 6% !important; display: inline; text-align: center; overflow: hidden;
}
.w-widget-map .gm-style-iw + div { display: none;
}
.w-widget-twitter { overflow: hidden;
}
.w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: white; border: #758696 solid 1px; border-radius: 3px;
}
.w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block;
}
.w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; margin-left: 7px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 4px; margin-left: -8px; margin-top: -4px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px;
}
.w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 4px; margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large { width: 76px;
}
.w-widget-gplus { overflow: hidden;
}
.w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0);
}
.w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap;
}
.w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left;
}
.w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0);
}
.w-slider-nav.w-round > div { -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box;
}
.w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit;
}
.w-slider-nav.w-shadow > div { -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); -moz-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
}
.w-slider-nav-invert { color: #fff;
}
.w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4);
}
.w-slider-nav-invert > div.w-active { background-color: #222;
}
.w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; -webkit-transition: background-color 100ms, color 100ms; -moz-transition: background-color 100ms, color 100ms; -o-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms;
}
.w-slider-dot.w-active { background-color: #fff;
}
.w-slider-arrow-left,
.w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] { position: absolute;
}
.w-slider-arrow-left { z-index: 3; right: auto;
}
.w-slider-arrow-right { z-index: 4; left: auto;
}
.w-icon-slider-left,
.w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em;
}
.w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900;
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap;
}
.w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px;
}
.w-dropdown-toggle:focus { outline: 0;
}
.w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em;
}
.w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%;
}
.w-dropdown-list.w--open { display: block;
}
.w-dropdown-link { padding: 10px 20px; display: block; color: #222222;
}
.w-dropdown-link.w--current { color: #0082f3;
}
.w-nav[data-collapse="all"] .w-dropdown,
.w-nav[data-collapse="all"] .w-dropdown-toggle { display: block;
}
.w-nav[data-collapse="all"] .w-dropdown-list { position: static;
}
@media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-dropdown, .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; }
}
@media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-dropdown, .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } .w-nav-brand { padding-left: 10px; }
}
@media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-dropdown, .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; }
}
/** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */
/** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */
.w-lightbox-backdrop { color: #000; cursor: auto; font-family: serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; list-style: disc; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */
}
/** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */
.w-lightbox-backdrop,
.w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;
}
.w-lightbox-content { position: relative; height: 100vh; overflow: hidden;
}
.w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0;
}
.w-lightbox-view:before { content: ""; height: 100vh;
}
/* .w-lightbox-content */
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before { height: 86vh;
}
.w-lightbox-frame,
.w-lightbox-view:before { display: inline-block; vertical-align: middle;
}
/* * 1. Remove default margin set by user-agent on the element. */
.w-lightbox-figure { position: relative; margin: 0; /* 1 */
}
.w-lightbox-group .w-lightbox-figure { cursor: pointer;
}
/** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */
.w-lightbox-img { width: auto; height: auto; max-width: none;
}
.w-lightbox-image { display: block; max-width: 100vw; max-height: 100vh;
}
.w-lightbox-group .w-lightbox-image { max-height: 86vh;
}
.w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: .5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;
}
.w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all .3s; transition: all .3s;
}
.w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
}
.w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
}
/* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */
.w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px;
}
/** * 1. All IE versions add extra space at the bottom without this. */
.w-lightbox-strip { padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden;
}
/* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */
.w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */
}
.w-lightbox-active { opacity: .3;
}
.w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden;
}
.w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);
}
/* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */
.w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear;
}
.w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%;
}
/* * Utility classes */
.w-lightbox-hide { display: none;
}
.w-lightbox-noscroll { overflow: hidden;
}
@media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { display: block; opacity: .5; } .w-lightbox-close { opacity: .8; } .w-lightbox-control:hover { opacity: 1; }
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover { opacity: 0;
}
.w-richtext:before,
.w-richtext:after { content: " "; display: table;
}
.w-richtext:after { clear: both;
}
.w-richtext ol,
.w-richtext ul { overflow: hidden;
}
.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before { outline: 2px solid #2895f7;
}
.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7;
}
.w-richtext figure[data-rt-type="video"] > div:before { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;
}
.w-richtext figure { position: relative; max-width: 60%;
}
.w-richtext figure > div:before,
.w-richtext figure img { cursor: default!important;
}
.w-richtext figure img { width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6;
}
.w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent;
}
.w-richtext figure[data-rt-type="image"] { display: table;
}
.w-richtext figure[data-rt-type="image"] > div { display: inline-block;
}
.w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom;
}
.w-richtext figure[data-rt-type="video"] { width: 60%; height: 0;
}
.w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.w-richtext figure[data-rt-type="video"] > div { width: 100%;
}
.w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both;
}
.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal { clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth { width: 100%; text-align: center; clear: both; display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures we want the div to inherit that so hover/selection borders in the designer-canvas fit right*/ padding-bottom: inherit;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block;
}
.w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none;
}
.w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none;
}
/* The video overlay (prevents interacting with (ie: playing) the video) should only be present when the rich text node can be edited in that context with the RTE. 1. In the designer canvas - when not previewing the site 2. In the editor canvas for rich text dyn collection fields 3. In the editor canvas for static rich text fields made editable (ie: blobs) 4. In the data managers (see both RichTextInput.less files) as this file is not used there
*/
.wf-design-mode figure[data-rt-type="video"] > div:before,
.w-editor-mount .w-dyn-list figure[data-rt-type="video"] > div:before,
.w-editor-mount .w-rte-editable figure[data-rt-type="video"] > div:before { display: block;
}
.w-editor-mount .w-rte-editable { cursor: text;
}
.w-nav { position: relative; background: #dddddd; z-index: 1000;
}
.w-nav:before,
.w-nav:after { content: " "; display: table;
}
.w-nav:after { clear: both;
}
.w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333;
}
.w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto;
}
.w-nav-link.w--current { color: #0082f3;
}
.w-nav-menu { position: relative; float: right;
}
.w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px;
}
.w--nav-link-open { display: block; position: relative;
}
.w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%;
}
.w-nav-overlay .w--nav-menu-open { top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay { width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0;
}
.w-nav[data-animation="over-right"] .w-nav-overlay { width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0;
}
.w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.w-nav-button.w--open { background-color: #C8C8C8; color: white;
}
.w-nav[data-collapse="all"] .w-nav-menu { display: none;
}
.w-nav[data-collapse="all"] .w-nav-button { display: block;
}
@media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; }
}
@media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; }
}
@media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; }
}
.w-tabs { position: relative;
}
.w-tabs:before,
.w-tabs:after { content: " "; display: table;
}
.w-tabs:after { clear: both;
}
.w-tab-menu { position: relative;
}
.w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd;
}
.w-tab-link.w--current { background-color: #C8C8C8;
}
.w-tab-content { position: relative; display: block; overflow: hidden;
}
.w-tab-pane { position: relative; display: none;
}
.w--tab-active { display: block;
}
@media screen and (max-width: 479px) { .w-tab-link { display: block; }
}
.w-ix-emptyfix:after { content: "";
}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
}
.w-dyn-empty { padding: 10px; background-color: #dddddd;
}
.w-condition-invisible { display: none !important;
}
body { font-family: 'Open Sans', sans-serif; color: #272727; font-size: 14px; line-height: 22px;
}
h1 { display: block; width: 980px; margin: 10px auto 25px; padding-top: 5px; padding-bottom: 5px; padding-left: 50px; border-bottom: 2px solid #e95f10; background-color: #f1f1f1; background-image: url('../images/h1-bkgrd-arrow.png'); background-position: 0px 50%; background-size: contain; background-repeat: no-repeat; font-family: 'Archivo Narrow', sans-serif; color: #272727; font-size: 38px; line-height: 44px; font-weight: 400;
}
h2 { margin-top: 20px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #dbdbdb; font-family: 'Archivo Narrow', sans-serif; font-size: 34px; line-height: 36px; font-weight: 400; text-transform: uppercase;
}
h3 { margin-top: 20px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #dbdbdb; font-family: 'Archivo Narrow', sans-serif; font-size: 28px; line-height: 30px; font-weight: 400; list-style-type: none;
}
h4 { margin-top: 10px; margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px solid #dbdbdb; font-family: 'Archivo Narrow', sans-serif; font-size: 21px; line-height: 24px; font-weight: 400;
}
h5 { margin-top: 10px; margin-bottom: 10px; font-size: 15px; line-height: 20px; font-weight: 700;
}
h6 { margin-top: 10px; margin-bottom: 10px; font-size: 14px; line-height: 18px; font-weight: 700;
}
p { margin-bottom: 10px; padding-bottom: 5px; font-family: 'Open Sans', sans-serif; color: #595959; line-height: 22px; font-style: normal;
}
a { -webkit-transition: all 200ms ease; transition: all 200ms ease; color: #e95f10; text-decoration: underline;
}
a:hover { color: #c44800;
}
a:active { color: black;
}
ul { margin-left: 0px; padding-left: 0px;
}
ol { margin-left: 20px; padding-left: 20px;
}
li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e0e0e0; list-style-type: none;
}
blockquote { margin-top: 0px; margin-bottom: 10px; padding: 10px 20px; border-left: 5px solid #e2e2e2; background-color: #f1f1f1; font-size: 18px; line-height: 22px;
}
.header.styleguide_header { padding-top: 5px; padding-bottom: 5px; background-color: #e7e7e7;
}
.content { list-style-type: none;
}
.content.diagramsection_scroll { display: none; width: 100%; background-color: white; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 6px 0px;
}
.content.diagramsection_fixed { position: fixed; top: 0px; width: 100%; background-color: white;
}
.footer { padding-bottom: 20px; background-color: #282828; background-image: url('../images/footer-harman-logo.png'); background-position: 86% 30%; background-repeat: no-repeat; background-attachment: scroll;
}
.header_bar { height: 34px;
}
.header_content { position: relative;
}
.logo_block { position: absolute; left: 0px; top: 0px; z-index: 100; width: 158px; height: 135px; clear: none; background-color: #282828;
}
.body { font-family: 'Open Sans', sans-serif; color: #595959;
}
.header_date_tag { margin-bottom: 0px; color: white; font-size: 11px; text-align: center;
}
.navbar { z-index: 50; background-color: white;
}
.logo { display: block; margin-right: auto; margin-left: auto; padding-top: 7px; padding-bottom: 7px;
}
.home_callout_category { display: block; overflow-x: hidden; overflow-y: hidden; width: 100%; min-height: auto; border-right-style: none; border-right-color: #d8d8d8; background-color: white; color: #e95f10; text-align: center; text-decoration: none;
}
.home_callout_category:hover { background-color: #f7f7f7; color: #272727; text-decoration: none;
}
.home_callout_title { position: relative; top: 50%; display: block; width: 100%; margin-top: 0px; margin-bottom: 0px; padding: 0px 50px 0px 40px; border-bottom: 1px none black; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); font-family: 'Archivo Narrow', sans-serif; color: #e95f10; font-size: 1.6em; line-height: 28px; font-weight: 700; text-align: center; text-decoration: none; text-transform: none;
}
.home_callout_title:hover { color: #272727;
}
.home_category_row { margin-top: 0px;
}
.home_category_column { height: auto; padding-right: 0px; padding-left: 0px; border-right: 1px solid #e3e3e3;
}
.home_callout_image { width: 100%;
}
.home_custom_molding { margin-top: 0px; background-color: #f46523;
}
.home_custom_title { margin-top: 0px; margin-bottom: 0px; padding-top: 40px; padding-bottom: 40px; border-bottom: 1px none black; font-family: 'Archivo Narrow', sans-serif; color: white; font-size: 40px; font-weight: 400; text-align: center; letter-spacing: 1px; text-transform: uppercase;
}
.home_custom_text { margin-top: 10px; color: white; font-size: 18px; line-height: 40px;
}
.home_custom_image { width: 50%; margin-right: 50px; float: left;
}
.home_custom_content { padding-top: 50px; padding-bottom: 50px; background-image: -webkit-linear-gradient(#df5411, #e95815 8%, #e95815 90%, #df5411); background-image: linear-gradient(#df5411, #e95815 8%, #e95815 90%, #df5411);
}
.custom_button { padding: 11px 34px; border: 1px solid #f89868; border-radius: 25px; background-color: #e95f10; color: white; text-transform: uppercase;
}
.custom_button:hover { background-color: #fa7020; color: white; text-decoration: none;
}
.home_heading { width: 100%; margin-top: 0px; margin-bottom: 0px; padding-top: 16px; padding-bottom: 16px; background-color: #272727; background-image: none; font-family: 'Archivo Narrow', sans-serif; color: white; font-size: 28px; font-weight: 300; text-align: center; text-transform: none;
}
.home_secondary_ops { background-color: #f1f1f1;
}
.home_secondary_title { margin-top: 0px; margin-bottom: 0px; padding-top: 40px; padding-bottom: 40px; border-bottom: 1px none black; font-family: 'Archivo Narrow', sans-serif; color: #fb5f22; font-size: 40px; font-weight: 400; text-align: center; letter-spacing: 1px; text-transform: uppercase;
}
.home_secondary_content { background-color: #fdfdfd;
}
.home_secondary_image { display: block; width: 50%; margin-right: auto; margin-left: auto; clear: both;
}
.home_secondary_category { display: block; margin-top: 26px; margin-right: auto; margin-left: auto; text-align: center; text-decoration: none;
}
.home_secondary_category:hover { color: #272727;
}
.home_secondary_column { text-align: center;
}
.home_secondary_row { padding-bottom: 35px; background-image: -webkit-linear-gradient(#e8e8e8, white 4%, #f1f1f1 98%); background-image: linear-gradient(#e8e8e8, white 4%, #f1f1f1 98%);
}
.home_secondary_category_text { padding-right: 70px; padding-left: 70px; font-size: 16px; line-height: 30px;
}
.home_secondary_category_title { display: inline-block; padding-right: 25px; clear: both; border-bottom: 1px none black; background-image: url('../images/home-callout-arrow2.png'); background-position: 100% 50%; background-size: 17px; background-repeat: no-repeat; color: #e95f10; font-weight: 400;
}
.home_secondary_category_title:hover { color: #272727;
}
.home_clients_title { margin-top: 40px; margin-bottom: 40px; border-bottom: 1px none black; font-family: 'Archivo Narrow', sans-serif; color: #e95f10; font-size: 40px; font-weight: 400; text-align: center; text-transform: uppercase;
}
.home_clients_text { margin-top: 40px; margin-bottom: 40px; font-size: 16px; line-height: 30px; text-align: center;
}
.home_clients_gridcell { position: static; min-height: 139px; padding-top: 30px; padding-bottom: 30px; border: 1px solid #ececec; text-align: center;
}
.home_clients_logo { position: static; left: 0px; top: 20%; right: 0px; display: block; margin-right: auto; margin-left: auto;
}
.home_slider { height: 438px;
}
.slide_1 { background-image: url('../images/home-hero-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;
}
.header_bar_fullwidth { background-color: #d5d5d5;
}
.header_button { margin-left: 2px; padding: 7px 25px; float: none; background-color: #e95f10; color: white;
}
.header_button:hover { background-color: #db5000; color: white;
}
.header_button:active { background-color: #f86c1a;
}
.header_button.cart { margin-left: 2px; padding: 7px 25px; float: right; background-color: #f36523;
}
.header_button.cart:hover { text-decoration: none;
}
.header_button.chat { padding-right: 37px; padding-left: 15px; float: none; background-color: #aaa; background-image: url('../images/header-chat.png'); background-position: 84% 50%; background-size: 20px; background-repeat: no-repeat;
}
.header_button.chat:hover { background-color: #272727;
}
.header_button.header_search { display: inline-block; padding-right: 26px; padding-left: 15px; background-color: #aaa; background-image: url('../images/header-search-icon.png'); background-position: 90% 50%; background-size: 14px; background-repeat: no-repeat;
}
.header_button.header_search:hover { background-color: #272727;
}
.header_button_text { display: inline-block; font-family: 'Archivo Narrow', sans-serif; color: white; font-size: 17px; text-decoration: none;
}
.header_button_text_number { display: inline-block; padding-left: 6px; color: white;
}
.footer_title_bar { margin-bottom: 10px; background-color: #e95f10;
}
.footer_title { margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px none black; font-family: 'Archivo Narrow', sans-serif; color: white; font-size: 24px; font-weight: 400; text-align: center;
}
.footer_map { height: 480px;
}
.footer_menus { padding-bottom: 30px;
}
.footer_menu { color: #b5b4b4;
}
.footer_menu_title { font-family: 'Archivo Narrow', sans-serif; color: white; font-size: 16px; letter-spacing: 1px; text-transform: uppercase;
}
.footer_menu_desktop { width: 18%; margin-right: 18px; float: left;
}
.footer_menu_link { display: block; margin-bottom: 5px; border-bottom-width: 1px; border-bottom-color: black; color: #b5b4b4; line-height: 21px; font-weight: 300; text-decoration: none;
}
.footer_menu_link:hover { color: white;
}
.footer_menu_link:active { color: #f36523;
}
.footer_map_harman { height: 480px; opacity: 1;
}
.slide_2 { background-image: url('../images/home-hero-2_1.jpg'); background-position: 50% 50%; background-size: cover;
}
.navbar_container { margin-top: 14px; float: none; font-family: 'Archivo Narrow', sans-serif; font-size: 17px; text-transform: uppercase;
}
.nav_menu_link { padding-right: 13px; padding-left: 13px;
}
.nav_menu_link:hover { color: #e76011;
}
.page_title { margin-bottom: 20px; padding-left: 0px; border-bottom: 1px none black; background-color: transparent; background-image: none; font-size: 30px; text-align: center;
}
.section_text { margin-bottom: 5px;
}
.ordered_list_item { list-style-type: decimal;
}
.unordered_list_item { padding-left: 16px; background-image: url('../images/list-bullet.png'); background-position: 0px 9px; background-size: 9px; background-repeat: no-repeat; line-height: 25px;
}
.section_colors { margin-top: 20px;
}
.swatch { width: auto; margin-right: 15px; padding: 6px; float: left; text-align: center;
}
.swatch.color_main { display: inline-block; background-color: #e95f10;
}
.swatch.color_secondary { background-color: #f1f1f1;
}
.swatch.color_accent { background-color: #272727;
}
.footer_list_item { margin-bottom: 0px; border-bottom: 1px none black;
}
.button_large { display: block; width: 200px; margin-top: 15px; margin-bottom: 10px; padding: 12px 28px; border: 1px solid #e25909; border-radius: 24px; background-color: #e95f10; -webkit-transition: all 150ms ease; transition: all 150ms ease; font-family: 'Archivo Narrow', sans-serif; font-size: 21px; text-align: center; text-decoration: none; text-transform: uppercase;
}
.button_large:hover { background-color: #ff711f; color: white; text-decoration: none;
}
.button_large:active { background-color: #e75c0b; text-decoration: none;
}
.button_large.harman_request_form_button { display: block; width: 80%; margin-right: auto; margin-left: auto;
}
.button_small { margin-right: 10px; margin-bottom: 10px; padding-right: 25px; padding-left: 25px; border-radius: 20px; background-color: #535353; font-family: 'Archivo Narrow', sans-serif; text-transform: uppercase;
}
.button_small:hover { background-color: #3e3e3e; color: #f1f1f1;
}
.button_small:active { background-color: #272727;
}
.button_small.product_line_button { display: block; width: 50%; margin-top: 10px; margin-right: auto; margin-left: auto; padding-top: 7px; padding-bottom: 7px; opacity: 0.8; color: white;
}
.input_text_field { border: 1px solid #acacac; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px inset; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}
.input_text_field:focus { border: 1px solid #272727;
}
.input_text_field.search_field { display: inline-block; width: 87%; font-style: italic;
}
.input_text_field.search_field:focus { color: #272727; font-style: normal;
}
.text_area { border-color: #acacac; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px 0px inset;
}
.text_area:focus { border: 1px solid #272727;
}
.default_table { width: 100%; border: 1px solid #7e7e7e;
}
.th { display: inline-block; width: 25%; padding-top: 4px; padding-bottom: 4px; border-style: solid solid solid none; border-width: 1px; border-color: #c64f0b; background-color: #e95f10; font-family: 'Archivo Narrow', sans-serif; color: white; font-size: 16px; font-weight: 400; text-align: center; text-transform: uppercase;
}
.tr { border-bottom: 1px solid #9aacc3;
}
.td { display: inline-block; width: 25%; padding: 4px 6px; border-right: 1px solid #9aacc3; text-align: center;
}
.tr_alt { border-bottom: 1px solid #9aacc3; background-color: #e9eef5;
}
.image_align_left { margin-right: 15px; margin-bottom: 5px; float: left; border: 1px solid #8f8f8f;
}
.image_align_right { margin-bottom: 5px; margin-left: 15px; float: right; clear: none; border: 1px solid #8f8f8f;
}
.table { margin-bottom: 10px; border: 1px solid #a4a4a4;
}
.footer_map_area { position: relative; height: 480px; background-color: #303030; background-image: url('../images/harman-footer-map.jpg'); background-position: 50% 50%; background-repeat: no-repeat;
}
.footer_section_copyright { background-color: #f1f1f1;
}
.footer_map_info { position: absolute; left: 15%; top: 50%; z-index: 800; display: block; width: 30%; padding: 20px; float: none; background-color: rgba(36, 36, 36, 0.77); -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); color: white; font-size: 19px; line-height: 27px; font-weight: 300;
}
.mybutton { padding: 14px 20px; border-radius: 10px; font-size: 21px;
}
.footer_title_span { font-weight: 400;
}
.header_chat { padding: 7px 25px; float: right; background-color: #aaa;
}
.footer_logo { margin-right: 18px; padding-top: 20px; padding-bottom: 20px; float: left;
}
.footer_copyright_link { display: inline-block; margin-right: 15px; margin-left: 5px; padding-top: 24px; padding-bottom: 24px; clear: none; color: #2e2e2e; font-size: 11px; text-decoration: none;
}
.footer_flag { float: none;
}
.bl_width_container { display: block; width: 100%; max-width: 980px; margin-right: auto; margin-left: auto;
}
.bl_width_container.header_bar_content { text-align: right;
}
.bl_width_container.harman_timeline_container { background-image: url('../images/harman-timeline-line.gif'); background-position: 50% 50%; background-repeat: repeat-y;
}
.header_bar_text { display: inline-block; margin-right: 10px; font-family: 'Open Sans', sans-serif; color: #282828; font-size: 17px; font-weight: 600;
}
.header_bar_text.header_phone { padding-right: 10px; border-right: 1px solid #bababa;
}
.header_bar_text_type { color: #e95f10;
}
.home_category_text { display: inline-block; width: 100%; height: 110px; padding-top: 5px; padding-bottom: 5px; background-image: url('../images/home-callout-arrow.png'); background-position: 97% 50%; background-size: 38px; background-repeat: no-repeat;
}
.footer_map_text_block { color: #b5b4b4; font-size: 23px; line-height: 31px;
}
.footer_map_text_company { display: inline-block; margin-bottom: 8px; font-family: 'Archivo Narrow', sans-serif; color: white; font-size: 24px; font-weight: 400;
}
.footer_map_text_address { display: inline-block; margin-bottom: 2px;
}
.footer_map_text_numberprefix { color: #e95f10; font-size: 18px; font-weight: 700;
}
.footer_map_text_number { font-size: 18px;
}
.footer_menu_mobile { display: none;
}
.desktop_nav_menu { display: block; height: 90px; margin-right: 0px; padding-right: 0px; float: right; text-align: right;
}
.nav_menu_title { display: inline-block; margin-top: 25px; font-family: 'Archivo Narrow', sans-serif; font-size: 18px; font-weight: 700;
}
.nav_menu_title_1 { display: inline-block;
}
.nav_menu_title_link { display: inline-block; margin-left: 28px; padding-top: 10px; padding-bottom: 8px; border-bottom: 1px solid white; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; color: #272727; text-decoration: none;
}
.nav_menu_title_link:hover { padding-bottom: 2px; border-bottom: 3px solid #c9c9c9; color: #e95f10; text-decoration: none;
}
.mobile_nav_button { display: block; width: 38px; height: 30px; float: right; background-image: url('../images/mobile-nav-icon.png'); background-position: 50% 50%; background-size: 37px; background-repeat: no-repeat;
}
.mobile_nav_menu { display: none;
}
.desktop_header_phone { display: inline-block;
}
.header_navbar { background-color: white;
}
.slider_text_area { position: absolute; left: 0px; bottom: 0px; width: 80%; height: 50%; background-image: -webkit-linear-gradient(left, black, transparent); background-image: linear-gradient(to right, black, transparent); opacity: 0.3;
}
.slide_title_text { display: block; margin-bottom: 20px; border-bottom: 1px none black; color: white; font-size: 60px; line-height: 60px; font-weight: 400; text-transform: none; text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 7px;
}
.slider_text_content { position: relative; top: 57%; z-index: 5; display: block; width: 90%; max-width: 980px; margin-right: auto; margin-left: auto;
}
.header_search_container { display: inline-block;
}
.header_search_dropdown { position: absolute; z-index: 25; display: none; width: 300px; margin-left: 2px; padding: 5px 6px 5px 9px; border: 1px solid #aaa; background-color: #d5d5d5; opacity: 0; text-align: left;
}
.search_form_container { margin-bottom: 0px; padding-top: 3px;
}
.header_search_form { height: 39px;
}
.header_search_button { margin-left: 6px; padding-bottom: 12px;
}
.color_swatch { display: block; width: 60px; height: 60px; margin-right: auto; margin-left: auto; border-radius: 32px; background-color: #9aacc3;
}
.color_swatch.color_primary { background-color: #e95f10;
}
.color_swatch.color_secondary { background-color: #272727;
}
.color_swatch.color_accent_1 { background-color: #f1f1f1;
}
.swatch_text { line-height: 18px;
}
.styleguide_fonts_used { font-size: 17px;
}
.styleguide_font_1 { margin-bottom: 5px; font-family: 'Archivo Narrow', sans-serif; font-size: 21px;
}
.styleguide_font_2 { font-size: 21px;
}
.slide_3 { background-image: url('../images/home-hero-2.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;
}
.mobile_search { display: none; height: 40px;
}
.mobile_search_form { text-align: right;
}
.mobile_search_text { display: inline-block;
}
.mobile_input_container { display: inline-block;
}
.breadcrumbs { display: block; width: 980px; margin-top: 20px; margin-right: auto; margin-left: auto; font-size: 13px;
}
.breadcrumb_link { margin-right: 5px; margin-left: 5px; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; color: #272727; text-decoration: none; cursor: pointer;
}
.breadcrumb_link:hover { color: #e95f10;
}
.breadcrumb_link:active { text-decoration: underline;
}
.bl-category-image { display: inline-block; width: 40%; margin-right: 20px;
}
.mz-cms-block { display: inline-block;
}
.harman_table_area { margin-top: 0px; margin-bottom: 20px;
}
.harman_table_addbutton { padding: 3px 9px; border: 1px solid #e25909; border-radius: 5px; background-color: #e95f10; font-family: 'Archivo Narrow', sans-serif; color: white; font-size: 15px; text-decoration: none; text-transform: uppercase;
}
.harman_table_addbutton:hover { background-color: #ff711f; color: white; text-decoration: none;
}
.harman_table_addbutton:active { background-color: #e75c0b; text-decoration: none;
}
.diagram_area { height: 180px; padding-top: 10px; padding-bottom: 10px;
}
.diagram_area_text { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%);
}
.diagram_section_fixed { position: fixed; top: 0px; z-index: 1400; display: none; width: 100%; background-color: white; box-shadow: rgba(0, 0, 0, 0.45) 0px 2px 6px 0px;
}
.diagram_section_scroll { width: 100%; background-color: white;
}
.bl-property-diagram-title { padding: 72px 35px; float: left; background-color: #f1f1f1; font-family: 'Archivo Narrow', sans-serif; font-size: 23px; line-height: 25px; text-align: center;
}
.bl-property-chart-diagram { max-width: 415px; float: right;
}
.bl-property-chart-info { width: 370px; float: right; text-align: center;
}
.contact-title { padding-top: 7px; padding-bottom: 7px; background-image: url('../images/question-icon.png'); background-position: 18px 50%; background-size: 36px; background-repeat: no-repeat; font-family: 'Archivo Narrow', sans-serif; font-size: 23px; line-height: 25px;
}
.contact-text { font-family: 'Archivo Narrow', sans-serif; font-size: 18px; line-height: 25px;
}
.contact-phone { margin-top: 5px; font-family: 'Archivo Narrow', sans-serif; color: #e95f10; font-size: 25px;
}
.harman_form_label { font-weight: 400;
}
.harman_form_radio { margin-right: 14px; float: left;
}
.harman_form_response_text { margin-bottom: 10px; padding-right: 20px; padding-left: 20px; font-family: 'Archivo Narrow', sans-serif; color: #e95f10; font-size: 19px; line-height: 20px; text-align: center;
}
.harman_request_form { height: auto; margin-bottom: 10px; padding: 5px 2px 2px; background-color: #707070;
}
.harman_form_wrapper { display: block; width: 96%; margin-top: 3px; margin-right: auto; margin-left: auto; padding: 6px 10px; border-radius: 4px; background-color: white;
}
.harman_article_column_right { padding-right: 0px; padding-left: 10px;
}
.harman_article_column_left { padding-left: 0px;
}
.harman_request_form_header { margin-top: 0px; margin-bottom: 0px; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px none black; border-top-left-radius: 7px; border-top-right-radius: 7px; background-color: #8d8d8d; box-shadow: rgba(0, 0, 0, 0.29) 0px -4px 6px 0px inset; color: white; text-align: center; text-shadow: rgba(0, 0, 0, 0.45) 1px 1px 3px;
}
.custom_dip_molding_list { list-style-type: disc; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
}
.custom_dip_molding_list_item { padding-bottom: 2px; padding-left: 16px; border-bottom: 1px none black; background-image: url('../images/list-bullet.png'); background-position: 0px 8px; background-size: 9px; background-repeat: no-repeat; line-height: 25px;
}
.custom_dip_video_container { position: relative; top: 10%; display: block; width: 600px; margin-right: auto; margin-bottom: 25px; margin-left: auto; padding: 25px; background-color: #272727;
}
.harman_articlepage_phone { display: inline-block; margin-top: 10px; margin-bottom: 10px; padding-left: 42px; background-image: url('../images/phone-icon.png'); background-position: 0px 50%; background-size: 36px; background-repeat: no-repeat; font-family: 'Archivo Narrow', sans-serif; color: #e95f10; font-size: 32px; line-height: 38px; text-align: center;
}
.harman_article_phone_text { display: block; margin-bottom: 10px; font-size: 16px;
}
.harman_article_phone_callout { margin-bottom: 25px; padding-top: 10px; border-bottom: 1px solid #f1f1f1; background-image: -webkit-linear-gradient(#f1f1f1, white 72%); background-image: linear-gradient(#f1f1f1, white 72%); text-align: center;
}
.harman_article_phone_callout.phthalate_page { clear: both;
}
.custom_dip_molding_img { margin-bottom: 15px;
}
.form_label_required_star { color: #e95f10;
}
.quote_product_row { margin-bottom: 5px; padding-top: 5px; padding-bottom: 8px; border-bottom: 1px solid #f1f1f1;
}
.quote_product_row.alt { background-color: #fafafa;
}
.request_product_img { display: inline-block; width: 125px;
}
.request_product_title { display: inline-block; padding-left: 15px;
}
.request_remove_button { position: relative; top: 50%; display: block; margin-right: auto; margin-left: auto; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%);
}
.request_product_text_row { display: inline-block; width: 86%;
}
.harman_list_item { padding-left: 16px; border-bottom: 1px none black; background-image: url('../images/list-bullet.png'); background-position: 0px 8px; background-size: 9px; background-repeat: no-repeat; line-height: 25px;
}
.custom_print_img { margin-bottom: 15px;
}
.request_name_cell { display: block; width: 97%; height: 125px; float: left;
}
.remove_button_cell { display: block; height: 125px; float: left;
}
.request_remove_column { padding-right: 0px; text-align: right;
}
.request_product_column { padding-left: 0px;
}
.request_quote_form_container { margin-top: 15px; margin-bottom: 25px;
}
.phthalate_image { margin-left: 10px; float: right;
}
.phthalate_free_chart { margin-bottom: 30px;
}
.about_badge { margin-bottom: 30px;
}
.custom_dip_video_link { display: block; margin-right: auto; margin-left: auto; border: 1px solid #272727; text-align: center;
}
.custom_dip_video_link:hover { border-color: #e95f10; opacity: 0.85;
}
.video_lightbox_overlay { position: fixed; z-index: 1700; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 0;
}
.lightbox_close_button { position: absolute; top: 0px; right: 0px; width: 24px; height: 25px; background-color: black; color: white; line-height: 25px; font-weight: 600; text-align: center; text-decoration: none;
}
.lightbox_close_button:hover { background-color: #424242; color: white;
}
.about_badge_container { display: block; margin-right: auto; margin-left: auto; text-align: center;
}
.secondary_link_container { display: block; margin-bottom: 10px; padding: 6px; background-color: #f1f1f1; color: #e95f10; text-align: center; text-decoration: none;
}
.secondary_link_container:hover { color: black;
}
.secondary_link_container.secondary_printing { height: 230px; background-image: url('../images/home-secondary-printing.png'); background-position: 50% 83%; background-size: 230px; background-repeat: no-repeat;
}
.secondary_link_container.secondary_printing:hover { background-size: 240px;
}
.secondary_link_container.secondary_punching { height: 230px; background-image: url('../images/home-secondary-punching.png'); background-position: 50% 83%; background-size: 230px; background-repeat: no-repeat;
}
.secondary_link_container.secondary_punching:hover { background-size: 240px;
}
.secondary_link_container.secondary_cutting { height: 230px; background-image: url('../images/home-secondary-slicing.png'); background-position: 50% 83%; background-size: 220px; background-repeat: no-repeat;
}
.secondary_link_container.secondary_cutting:hover { background-size: 235px;
}
.secondary_ops_row { margin-top: 25px; margin-bottom: 30px;
}
.secondary_ops_link_title { margin-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf;
}
.product_line_row { margin-bottom: 10px;
}
.product_line_link_container { display: block; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding: 10px; background-color: #f1f1f1; text-align: center; text-decoration: none;
}
.product_line_link_container:hover { color: black;
}
.product_line_h2 { margin-top: 5px; font-size: 30px; text-transform: none;
}
.product_line_img { width: 100%;
}
.product_line_text { padding-right: 10px; padding-left: 10px; color: #272727; text-align: left;
}
.product_line_button { display: inline-block; width: 50%; margin: 10px auto; padding: 10px 14px; border-radius: 20px; background-color: #272727; opacity: 0.1; color: white;
}
.product_line_column_left { padding-left: 0px;
}
.product_line_column_right { padding-right: 0px;
}
.category_column_left { padding-left: 0px;
}
.category_column_right { padding-right: 0px;
}
.category_link_container { position: relative; display: block; overflow-x: hidden; overflow-y: hidden; margin-top: 10px; margin-bottom: 20px; padding: 15px 15px 15px 25px; background-color: #f1f1f1; text-decoration: none;
}
.category_link_container:hover { color: #272727;
}
.category_link_h2 { display: inline-block; width: 51%; margin-top: 10px; float: left; border-bottom: 1px none black; font-size: 32px; line-height: 33px; text-transform: none;
}
.category_link_img { display: block; width: 36%; float: right;
}
.category_link_button { position: absolute; left: 20px; bottom: 20px; display: inline-block; width: 40%; margin-top: 10px; padding: 10px; clear: left; border-radius: 20px; background-color: #272727; opacity: 0.1; color: white; text-align: center;
}
.timeline_section { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; background-color: #f1f1f1; background-image: url('../images/about-us-bkgrd.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;
}
.harman_timeline_block_right { position: relative; left: 50%; width: 50%; padding-top: 20px; padding-bottom: 20px; padding-left: 55px; border-left: 2px none #e95f10;
}
.harman_timeline_img_right { display: block; margin-left: 10px; float: right;
}
.harman_timeline_content { padding: 10px; background-color: white;
}
.harman_timeline_title { margin-top: 0px; margin-bottom: 0px; border-bottom: 1px none black;
}
.harman_timeline_date { width: 50px; height: 50px; border-radius: 25px; background-color: #e95f10; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); color: white; font-size: 16px; line-height: 50px; text-align: center;
}
.harman_timeline_date.timeline_date_right { position: absolute; left: -25px; top: 50%;
}
.harman_timeline_date.timeline_date_left { position: absolute; top: 50%; right: -25px;
}
.harman_timeline_heading { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px none black; color: #e95f10; text-align: center; text-transform: none;
}
.harman_timeline_block_left { position: relative; width: 50%; padding-top: 20px; padding-right: 55px; padding-bottom: 20px; border-right: 2px none #e95f10;
}
.harman_timeline_headline_bkgrd { padding-top: 15px; padding-bottom: 15px; background-color: #272727;
}
.harman_timeline_header { margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; border-bottom: 1px none black; color: white; font-weight: 400; text-align: center; text-transform: none;
}
.harman_timeline_img_left { display: block; margin-right: 10px; float: left;
}
.harman_timeline_img { width: 180px;
}
.subcategory_link_container { margin-bottom: 20px; padding: 10px; background-color: #f1f1f1; color: #e95f10; text-align: center; text-decoration: none;
}
.subcategory_link_container:hover { color: #272727;
}
.subcategory_photo { display: block; margin-right: auto; margin-left: auto;
}
.subcategory_link_title { margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; border-bottom: 1px none black; font-size: 21px; line-height: 26px; text-transform: none;
}
.subcategory_seo_block { padding-top: 5px; padding-bottom: 5px;
}
.subcategory_seo_title { padding-top: 6px; padding-bottom: 6px; padding-left: 8px; background-color: #f1f1f1;
}
.harman_articlepage_fax { display: inline-block; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; padding-left: 42px; background-image: url('../images/fax-icon.png'); background-position: 0px 50%; background-size: 36px; background-repeat: no-repeat; font-family: 'Archivo Narrow', sans-serif; color: #e95f10; font-size: 32px; line-height: 38px;
}
.contact_text_address { display: block; width: 100%; min-height: 290px; margin-bottom: 20px; padding: 15px; float: left; background-color: white; box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 4px 0px;
}
.contact_text_address.contact_italy { background-image: url('../images/about-us-location-bkgrd-italy.jpg'); background-position: 50% 0px; background-size: contain; background-repeat: no-repeat;
}
.contact_text_address.contact_singapore { background-image: url('../images/about-us-location-bkgrd-singapore.jpg'); background-position: 50% 0px; background-size: contain; background-repeat: no-repeat;
}
.contact_text_address.contact_israel { background-image: url('../images/about-us-location-bkgrd-israel.jpg'); background-position: 50% 0px; background-size: contain; background-repeat: no-repeat;
}
.contact_text_address.contact_france { background-image: url('../images/about-us-location-bkgrd-france.jpg'); background-position: 50% 0px; background-size: contain; background-repeat: no-repeat;
}
.contact_text_address.contact_canada { background-image: url('../images/about-us-location-bkgrd-canada.jpg'); background-position: 50% 0px; background-size: cover; background-repeat: no-repeat;
}
.harman_article_email { display: block; margin-right: auto; margin-bottom: 5px; margin-left: auto; padding-bottom: 10px; clear: right; border-bottom: 1px solid #f1f1f1; font-family: 'Archivo Narrow', sans-serif; color: #e95f10; font-size: 32px; line-height: 38px; text-decoration: none;
}
.harman_article_email:hover { text-decoration: none;
}
.harman_email_text { display: inline-block; padding-left: 42px; background-image: url('../images/email-icon.png'); background-position: 0px 50%; background-size: 36px; background-repeat: no-repeat;
}
.harman_address_title { display: block; margin-right: 10px; margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px solid #f1f1f1; font-size: 17px;
}
.contact_heading { display: block; width: 100%; margin-top: 10px; padding-top: 15px; padding-bottom: 15px; background-color: #272727; color: white; font-size: 34px; line-height: 36px; text-align: center;
}
.contact_locations_section { background-color: #f1f1f1;
}
.contact_top_address { width: 50%; margin-bottom: 20px; padding-right: 10px; float: left;
}
.contact_location_title { margin-top: 3px; margin-bottom: 15px; padding-left: 65px; border-bottom: 1px none black; font-size: 24px;
}
.contact_column2 { padding-right: 0px;
}
.contact_column1 { padding-left: 0px;
}
.contact_canada_block { margin-top: 40px; text-align: center;
}
.contact_canada_title { margin-top: 15px; margin-bottom: 5px; border-bottom: 1px none black;
}
.contact_top_address_title { font-size: 25px;
}
@media (max-width: 991px) { h1 { width: 100%; } .footer { background-position: 90% 80%; background-size: 320px; background-attachment: scroll; } .logo_block { left: 0px; width: 130px; height: 125px; } .logo { width: 100px; } .home_callout_title { padding-right: 50px; padding-left: 50px; font-size: 23px; line-height: 26px; } .home_category_column { border-bottom: 1px solid #e3e3e3; } .home_custom_text { padding-right: 10px; font-size: 14px; line-height: 30px; } .home_custom_image { margin-right: 25px; } .home_secondary_category_text { padding-right: 10px; padding-left: 10px; font-size: 14px; line-height: 25px; } .home_clients_text { padding-right: 10px; padding-left: 10px; } .footer_title { padding-right: 25px; padding-left: 25px; } .footer_menu { display: block; height: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } .footer_menu_title { margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; background-image: url('../images/[email protected]'); background-position: 97% 50%; background-size: 16px; background-repeat: no-repeat; } .footer_menu_desktop { display: none; width: 30%; clear: none; } .footer_menu_link { padding-bottom: 8px; padding-left: 15px; } .footer_list_item { border-bottom: 1px none black; } .button_large.harman_request_form_button { display: block; width: 80%; } .footer_map_info { left: 5%; width: 40%; } .footer_logo { width: 100px; padding-top: 12px; padding-bottom: 12px; float: none; } .footer_copyright_link { padding-top: 12px; padding-bottom: 6px; } .bl_width_container { padding-right: 10px; padding-left: 10px; } .bl_width_container.header_bar_content { padding-right: 0px; padding-left: 0px; } .bl_width_container.footer_menu_container { padding-right: 0px; padding-left: 0px; } .header_bar_text.header_phone { font-size: 16px; } .header_bar_text.header_fax { display: none; font-size: 16px; } .home_category_text { height: 100px; } .footer_copyright_column { padding-bottom: 9px; text-align: center; } .footer_menu_mobile { display: block; overflow-x: hidden; overflow-y: hidden; height: auto; border-bottom: 1px solid #313131; } .desktop_nav_menu { display: none; } .mobile_nav_button { position: static; top: 1%; display: inline-block; margin-top: 22px; margin-right: 20px; float: none; background-size: 28px; } .mobile_nav_menu { display: block; height: 80px; padding-top: 2px; text-align: right; } .desktop_header_phone { display: none; } .mobile_header_phone { position: relative; display: inline-block; margin-right: 5px; float: none; -webkit-transform: translate(0px, -40%); -ms-transform: translate(0px, -40%); transform: translate(0px, -40%); } .header_navbar { box-shadow: rgba(0, 0, 0, 0.29) 0px 1px 4px 0px; } .slider_text_content { width: 80%; } .breadcrumbs { width: 100%; padding-left: 5px; } .diagram_area { height: 150px; } .bl-property-diagram-title { padding: 52px 22px; font-size: 20px; } .bl-property-chart-diagram { max-width: 305px; } .bl-property-chart-info { width: 290px; } .contact-title { background-position: 2px 50%; background-size: 30px; font-size: 20px; } .custom_dip_molding_list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .custom_dip_video_container { width: 85%; padding: 11px; } .harman_article_phone_text { padding-right: 0px; padding-left: 0px; } .request_product_text_row { width: 81%; } .category_link_h2 { font-size: 30px; line-height: 30px; } .category_link_img { width: 40%; } .category_link_button { width: 35%; padding: 7px; } .harman_timeline_title { font-size: 19px; } .subcategory_link_title { font-size: 20px; line-height: 24px; } .contact_text_address.contact_italy { padding-top: 10px; } .contact_text_address.contact_singapore { padding-top: 10px; } .contact_text_address.contact_israel { padding-top: 10px; } .contact_text_address.contact_france { padding-top: 10px; } .contact_text_address.contact_canada { background-size: contain; } .contact_location_title { margin-top: 0px; padding-left: 45px; }
}
@media (max-width: 767px) { h1 { padding-left: 48px; font-size: 32px; line-height: 39px; } h2 { padding-right: 10px; padding-left: 10px; font-size: 30px; } h3 { padding-right: 10px; padding-left: 10px; } h4 { padding-right: 10px; padding-left: 10px; } h5 { padding-right: 10px; padding-left: 10px; } h6 { padding-right: 10px; padding-left: 10px; } .logo_block { width: 110px; height: 115px; padding-left: 0px; } .navbar { height: 75px; } .logo { width: 90px; } .home_callout_category { min-height: 300px; border-right: 1px none black; border-bottom: 1px solid #d8d8d8; background-position: 97% 97%; background-size: 30px; } .home_callout_title { padding-right: 46px; padding-bottom: 0px; padding-left: 46px; font-size: 20px; line-height: 23px; } .home_category_column { border-bottom-style: none; } .home_custom_title { padding-top: 25px; padding-bottom: 25px; line-height: 40px; } .home_custom_text { margin-top: 0px; padding-right: 15px; padding-left: 15px; } .home_custom_image { width: 40%; margin-right: 35px; } .home_custom_content { padding-top: 30px; } .custom_button { display: block; margin-right: 40px; margin-left: 40px; text-align: center; } .home_secondary_category_text { padding-right: 20px; padding-left: 20px; } .home_clients_text { padding-right: 15px; padding-left: 15px; text-align: justify; } .home_slider { height: 380px; } .header_button { padding-right: 12px; padding-bottom: 4px; padding-left: 12px; font-size: 13px; } .header_button.chat { padding-right: 34px; padding-left: 12px; background-position: 89% 50%; } .header_button_text { font-size: 13px; } .footer_title { padding-right: 15px; padding-left: 15px; } .footer_menu_desktop { display: none; width: 40%; margin-right: 15px; margin-left: 15px; float: left; clear: none; } .navbar_container { margin-top: 7px; } .button_large.slider_button { background-color: rgba(232, 95, 16, 0.65); } .button_large.harman_request_form_button { display: block; width: 60%; } .footer_map_info { width: 45%; } .footer_logo { width: 120px; margin-right: 5px; margin-left: 5px; } .bl_width_container { padding-right: 10px; padding-left: 10px; } .bl_width_container.harman_timeline_container { background-image: none; background-position: 0px 0px; background-repeat: repeat; } .home_category_text { height: 80px; background-position: 96% 50%; background-size: 30px; } .footer_map_text_address { font-size: 18px; } .mobile_nav_button { margin-top: 19px; margin-right: 15px; } .mobile_nav_menu { height: 70px; } .slider_text_area { width: 100%; } .slide_title_text { margin-top: 5px; font-size: 45px; line-height: 45px; } .slider_text_content { top: 50%; text-align: center; } .header_search_dropdown { left: 28%; width: 266px; } .diagram_area { height: auto; } .bl-property-diagram-title { margin-top: 5px; padding-top: 5px; padding-bottom: 5px; float: none; } .bl-property-chart-diagram { display: block; max-width: 415px; margin-right: auto; margin-left: auto; float: none; } .bl-property-chart-info { display: block; margin-right: auto; margin-left: auto; float: none; } .harman_article_column_left { padding-right: 0px; } .harman_request_form_header { border-top-left-radius: 0px; border-top-right-radius: 0px; } .custom_dip_molding_list { font-size: 13px; } .custom_dip_video_container { width: 96%; margin-bottom: 20px; padding: 18px; } .dip_molding_bottom_text { padding-right: 10px; padding-left: 10px; } .quote_product_row { padding-bottom: 5px; } .request_product_img { width: 100px; } .request_product_text_row { width: 75%; } .request_name_cell { width: 95%; height: 105px; margin-bottom: 0px; } .remove_button_cell { height: 105px; } .phthalate_image { display: block; width: 100%; margin-right: auto; margin-left: auto; float: none; } .about_badge { margin-right: 10px; margin-left: 10px; } .custom_dip_video_link { margin-bottom: 20px; border-style: none; } .product_line_column_left { padding-right: 0px; padding-left: 0px; } .product_line_column_right { padding-right: 0px; padding-left: 0px; } .category_column_left { padding-right: 0px; } .category_column_right { padding-left: 0px; } .category_link_button { bottom: 50px; } .harman_timeline_block_right { left: 5%; width: 95%; padding-left: 50px; border-left: 2px solid #e95f10; } .harman_timeline_img_right { width: 40%; margin-right: 10px; margin-left: 0px; float: left; } .harman_timeline_title { clear: none; text-align: left; } .harman_timeline_date.timeline_date_left { left: -25px; } .harman_timeline_block_left { left: 5%; width: 95%; padding-right: 0px; padding-left: 50px; border-left: 2px solid #e95f10; } .harman_timeline_img_left { width: 40%; } .harman_timeline_img { width: 100%; } .contact_text_address.contact_italy { background-size: cover; } .contact_text_address.contact_singapore { background-size: cover; } .contact_text_address.contact_israel { background-size: cover; } .contact_text_address.contact_france { background-size: cover; } .contact_text_address.contact_canada { background-size: cover; } .contact_location_title { margin-top: 12px; padding-left: 70px; font-size: 32px; } .contact_column2 { padding-right: 0px; padding-left: 0px; } .contact_column1 { padding-right: 0px; }
}
@media (max-width: 479px) { h1 { padding-left: 38px; font-size: 24px; line-height: 30px; } h2 { font-size: 20px; } .footer { background-position: 50% 70%; } .logo_block { width: 100px; height: 98px; padding-left: 0px; } .header_date_tag { display: none; } .logo { max-width: 90%; } .home_callout_category { min-height: 300px; border-right: 1px none black; border-bottom: 1px solid #d8d8d8; } .home_category_column { border-right: 1px none black; border-bottom: 1px none black; } .home_custom_title { margin-top: 25px; margin-bottom: 0px; font-size: 36px; } .home_custom_text { padding-right: 10px; padding-left: 10px; font-size: 14px; line-height: 30px; text-align: justify; } .home_custom_image { display: inline-block; width: 100%; } .home_custom_content { padding-top: 5px; padding-bottom: 30px; } .custom_button { display: block; margin-right: 15px; margin-left: 15px; text-align: center; } .home_heading { padding-right: 10px; font-size: 24px; line-height: 36px; } .home_secondary_title { padding-top: 30px; padding-bottom: 30px; font-size: 36px; } .home_secondary_image { width: 75%; } .home_secondary_category_text { padding-right: 0px; padding-left: 0px; text-align: center; } .home_clients_title { margin-top: 30px; margin-bottom: 30px; font-size: 36px; line-height: 36px; letter-spacing: 2px; } .home_clients_text { padding-right: 20px; padding-left: 20px; text-align: justify; } .home_slider { height: 280px; } .header_button { padding-top: 5px; padding-right: 8px; padding-left: 8px; } .header_button.chat { padding-right: 28px; padding-left: 8px; background-position: 88% 50%; background-size: 16px; } .header_button.header_search { display: none; } .footer_title { padding-right: 10px; padding-left: 10px; } .footer_menu_title { background-position: 95% 50%; } .footer_menu_desktop { width: 95%; margin-left: 15px; } .button_large { display: block; width: 250px; margin-top: 20px; margin-right: auto; margin-left: auto; } .button_large.harman_request_form_button { width: 100%; } .input_text_field.mobile_search_input { position: relative; top: 50%; width: 100%; height: 30px; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); font-style: italic; } .input_text_field.mobile_search_input:focus { color: #272727; font-style: normal; } .footer_map_info { width: 90%; } .footer_copyright_link { margin-right: 0px; margin-left: 0px; } .header_bar_text.header_phone { display: block; padding-right: 0px; border-right: 1px none black; font-size: 14px; } .header_bar_text.header_fax { font-size: 14px; } .mobile_nav_button { margin-top: 15px; margin-right: 5px; } .mobile_nav_menu { height: 65px; } .slider_text_area { height: 70%; } .slide_title_text { font-size: 40px; line-height: 40px; } .slider_text_content { top: 30%; width: 90%; } .slider_arrows { display: none; } .mobile_search { display: block; height: 44px; padding-top: 1px; padding-bottom: 1px; background-color: #d5d5d5; } .mobile_search_form { margin-top: 6px; padding-left: 21px; background-image: url('../images/header-search-icon-gray.png'); background-position: 0px 50%; background-size: 14px; background-repeat: no-repeat; text-align: left; } .mobile_search_text { position: relative; top: 50%; margin-right: 5px; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); font-size: 13px; text-align: left; } .mobile_input_container { width: 98%; height: 31px; } .breadcrumbs { display: none; font-size: 12px; line-height: 20px; } .bl-property-chart-diagram { max-width: 100%; } .custom_dip_video_container { padding: 11px; } .harman_article_phone_text { padding-right: 7px; padding-left: 7px; } .quote_product_row { height: 90px; } .request_product_img { width: 80px; } .request_product_title { line-height: 17px; } .request_product_text_row { width: 56%; } .request_name_cell { width: 90%; height: 85px; } .remove_button_cell { height: 80px; } .category_link_container { padding-left: 15px; } .category_link_h2 { width: 100%; text-align: center; } .category_link_img { width: 100%; float: none; } .category_link_button { position: static; display: block; width: 100%; } .timeline_section { background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .harman_timeline_block_right { left: 6%; } .harman_timeline_img_right { width: 100%; } .harman_timeline_title { padding-top: 10px; clear: both; line-height: 20px; text-align: center; } .harman_timeline_date.timeline_date_right { left: -25px; } .harman_timeline_date.timeline_date_left { left: -25px; } .harman_timeline_block_left { left: 6%; } .harman_timeline_header { font-size: 27px; } .harman_timeline_img_left { width: 100%; } .subcategory_link_title { font-size: 22px; } .contact_text_address.contact_italy { background-size: contain; } .contact_text_address.contact_singapore { background-size: contain; } .contact_text_address.contact_israel { background-size: contain; } .contact_text_address.contact_france { background-size: contain; } .contact_text_address.contact_canada { background-position: 50% 0px; background-size: cover; } .harman_email_text { font-size: 26px; } .contact_top_address { width: 100%; padding-right: 0px; float: none; text-align: center; } .contact_location_title { margin-top: 0px; padding-right: 0px; padding-left: 0px; font-size: 30px; text-align: center; }
}
| Developer | Nader K |
| Username | naderk007 |
| Uploaded | August 27, 2022 |
| Rating | 3 |
| Size | 19,055 Kb |
| Views | 18,216 |
Do you need developer help for Secondary Ops?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Nader K (naderk007) Script Codes
| Name | Size |
| Search caps | 3,014 Kb |
| HS Recommended uses | 2,183 Kb |
| Harman-contact-us | 22,624 Kb |
| RAQuote | 4,412 Kb |
| Caps-plugs | 18,189 Kb |
| Harman 404 | 2,157 Kb |
| Search results cap | 3,476 Kb |
| A Pen by Nader K | 3,372 Kb |
| Search caps latest | 3,080 Kb |
| Harman-about us | 21,472 Kb |
Create amazing love letters with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Animated Logo | Shakdaniel | 2,672 Kb |
| Direction-icon | Alexandremasy | 3,323 Kb |
| ABVI Menu Discarded | Overdrivemachines | 3,607 Kb |
| CSS3 Fullscreen Background Slideshow | Leetech | 3,435 Kb |
| Prototype Responsive Homepage | Heyitsolivia | 7,677 Kb |
| Minimal Material Design Form Input | Koenigsegg1 | 3,076 Kb |
| Hello People | Danburrows | 2,365 Kb |
| Sass Get Function | Lukewatts | 2,155 Kb |
| My three.js practice | Esambino | 3,203 Kb |
| Drop Cap | Gsaiki | 1,571 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!