/*
Theme Name: Joest
Author: the Joest Center Foundation team
Version: 1.0
*/

/*
Table Of Contents 
1.) Typography
2.) Default Styles

3.)  Home page 
3.1) Header - Main
3.2) Banner - Main
3.3) Section - 1
3.4) Section - 2
3.5) Section - 3
3.6) CTA - Info
3.7) Footer - Main

4.)  Inner Pages 
5.)  Industries
6.)  Products
7.)  News
8.)  Contact
 
===============================================*/
 
@import url("font-awesome.css") all;


/*
1.) Typography
----------------------------------------*/

@font-face {
    font-family: 'helveticaneuethin';
    src: url('fonts/helveticaneue_thin-webfont.eot');
    src: url('fonts/helveticaneue_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue_thin-webfont.woff2') format('woff2'),
         url('fonts/helveticaneue_thin-webfont.woff') format('woff'),
         url('fonts/helveticaneue_thin-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue_thin-webfont.svg#helveticaneuethin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneuelight';
    src: url('fonts/helveticaneue_light-webfont.eot');
    src: url('fonts/helveticaneue_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue_light-webfont.woff') format('woff'),
         url('fonts/helveticaneue_light-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue_light-webfont.svg#helveticaneuelight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/Helvetica.eot');
    src: url('fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
         url('fonts/Helvetica.woff') format('woff'),
         url('fonts/Helvetica.ttf') format('truetype'),
         url('fonts/Helvetica.svg#Helvetica Neue') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'Helvetica-Oblique';
     src: url('fonts/Helvetica-Oblique.eot');
     src: url('fonts/Helvetica-Oblique.eot?#iefix') format('embedded-opentype'),
          url('fonts/Helvetica-Oblique.woff') format('woff'),
          url('fonts/Helvetica-Oblique.ttf') format('truetype');
     font-weight: normal;
     font-style: italic;
}

@font-face {
    font-family: 'helveticaneuemedium';
    src: url('fonts/helveticaneue_medium-webfont.eot');
    src: url('fonts/helveticaneue_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue_medium-webfont.woff') format('woff'),
         url('fonts/helveticaneue_medium-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue_medium-webfont.svg#helveticaneuemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneuebold';
    src: url('fonts/helveticaneue_bold-webfont.eot');
    src: url('fonts/helveticaneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue_bold-webfont.woff') format('woff'),
         url('fonts/helveticaneue_bold-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue_bold-webfont.svg#helveticaneuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneueheavy';
    src: url('fonts/18923_helveticaneuehv-webfont.eot');
    src: url('fonts/18923_helveticaneuehv-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/18923_helveticaneuehv-webfont.woff') format('woff'),
         url('fonts/18923_helveticaneuehv-webfont.ttf') format('truetype'),
         url('fonts/18923_helveticaneuehv-webfont.svg#helveticaneueheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvlightregular';
    src: url('fonts/helvetica-light-webfont.eot');
    src: url('fonts/helvetica-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-light-webfont.woff2') format('woff2'),
         url('fonts/helvetica-light-webfont.woff') format('woff'),
         url('fonts/helvetica-light-webfont.ttf') format('truetype'),
         url('fonts/helvetica-light-webfont.svg#helvlightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaBold';
    src: url('fonts/HelveticaBold.eot');
    src: url('fonts/HelveticaBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/HelveticaBold.woff') format('woff'),
         url('fonts/HelveticaBold.ttf') format('truetype'),
         url('fonts/HelveticaBold.svg#HelveticaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_serifbold_italic';
    src: url('fonts/ptf76f-webfont.eot');
    src: url('fonts/ptf76f-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptf76f-webfont.woff2') format('woff2'),
         url('fonts/ptf76f-webfont.woff') format('woff'),
         url('fonts/ptf76f-webfont.ttf') format('truetype'),
         url('fonts/ptf76f-webfont.svg#pt_serifbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
2.) Default Styles
----------------------------------------*/

* {
     margin: 0;
     padding: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
}

/* render html5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
     display: block;
}

html {
     font-size: 100%;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
}

*, *:before, *:after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

sub, sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline;
}

sup {
     top: -0.5em;
     font-size:20px;
}

sub {
     bottom: -0.25em;
}

img {
     max-width: 100%;
     vertical-align: middle;
     border: 0;
     -ms-interpolation-mode: bicubic;
     line-height:.5em;
}

/*  Custom animations
/*-------------------------------------------------- */
@-webkit-keyframes 
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -webkit-transform: scale(0.98) translateY(-15px);
}
 80% {
 -webkit-transform: scale(1);
}
 100% {
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes 
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -moz-transform: scale(0.98) translateY(-15px);
}
 80% {
 -moz-transform: scale(1);
}
 100% {
 -moz-transform: translateY(0);
}
}

/* #Basic Styles
================================================== */

body {
     font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
     font-size:16px;
     line-height:30px;
     color:#555555; 
     background:#ffffff; 
}


/*--------------------- Inner Page Css ---------------*/
#srm_gmp_embed_1 {
    margin: 0px !important;
}

.search-box-bg .search-box:hover .input { width: 297px !important;background: #da1f3d !important;}
.search-box-bg .search-box:hover { width: 296px !important;background: #da1f3d !important;}
.search-box-bg .search-box .input:focus {width: 296px !important;background: #da1f3d !important;}
.search-box-bg .search-box:hover input[type="text"] { color: #FFF !important;background: #da1f3d !important;}
.single_title .top-txt {
    font-family: "pt_serifbold_italic", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 0 0 10px 0;
}
.single_title {
    margin-bottom: 5%;
}

.single_title h1 {
    text-align: center;
    padding-bottom: 20px;
}
.instaemail.etp-alignleft {
    padding: 0px !important;
    margin: 0px !important;
}
.email_page .instaemail {
    padding: 0px !important;
    border: 0px !important;
    background: transparent !important;
    width: 348px !important;
    margin-left: -3px !important;
}
.apss-theme-2 .apss-icon-block {
    font-size: 14px;
    position: relative;
    min-width: 254px !important;
    height: 50px !important;
padding-top: 6px !important;
}
.post-info .category-bar {
position: relative !important;
left: 38px !important;
top: 41px !important;
float: left !important;
}
.post-info aside h3 {
    margin-top: 6%;
}



.slo_word{margin-top:12px !important;}
.slo_word h2 {color: #acacac;font-size: 16px;line-height: 2;font-family: "pt_serifbold_italic", Arial, Helvetica, sans-serif;
text-align: center; }.value_in li {  float: left; width: 42%; margin-bottom: 4%; margin-right: 4%;}.panel-default > .panel-heading {color: #fff !important; background-color: #da1f3d !important;}.breadcrumb {background-color: transparent !important;}.tow_line { float: left; width: 50%;}.one_line { float: left;width: 100%;}.tow_line input[type="text"], input[type="email"], input[type="tel"] { width: 469px !important;}.tow_line.spa {padding-left: 19px;}.cont7_fom p {padding-bottom: 4px; padding-top: 5px;color: #fff !important;font-size: 13px;}.tow_upload { float: left; width: 50%;}.tow_sunmit {float: right; width: 50%; text-align: right;}.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required { color: #fff; background: #E90465 !important; !important; padding: 10px;}div.wpcf7 input[type="file"] { background: #c9195d !important; padding: 10px !important; color: #fff !important;}.tow_sunmit input[type="submit"]{padding: 10px 33px !important;padding-bottom: 43px !important;color: #da1f3d !important;background: #fff !important;}.send_cont {    width: 80%;    background: #DA1F3D;    padding: 80px;    margin-bottom: 20px;    margin-left: auto;    margin-right: auto;margin-top: 2%;}.map {    float: left;    width: 100%;    filter: grayscale(100%) !important;}.section_cont,.page-id-379 .content-inner{float: left;background-image: url('http://joest.com.au/wp-content/uploads/2017/02/contactus-page-bg.png');padding-top: 55px;padding-bottom: 92px;}.cont_offi h1 {    padding-bottom: 10px !important;}.cont_offi {float: left;width: 100%;padding-top: 3%;}.on_con {float: left; width: 50%; border-right: 2px solid #f8f8f8; font-size: 14px;text-align: center;}.on_con1{ float: left; width: 50%; font-size: 14px;text-align: center;}.on_con1 p {    padding-bottom: 2px !important;}.on_con p {    padding-bottom: 2px !important;}span.wpcf7-not-valid-tip {color: #d8d8d8 !important;}

/*--------------------- Inner Page Css ---------------*/


@media only screen and (max-width: 979px) {
body {
     line-height:28px;
}
}

@media only screen and (max-width: 767px) {
body {
     font-size:15px;
     line-height:26px;
}
}
@media only screen and (max-width:479px) {
.tow_upload.fileupload,.tow_sunmit{width:100%;float:none;text-align:left;}
.tow_sunmit input[type="submit"] {
    display: block; 
    width: 100%;
}
}
/* #Links
================================================== */

a {
     color:#555555;
     outline:0;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
     cursor:pointer;
     text-decoration:none;
}

a:hover {
     color:#da1f3d;
     text-decoration:underline;
     outline:0;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
}

a:focus, a:active, a:visited {
     outline:0;
     text-decoration:none;
}


/* #Typography
================================================== */

h1, h2, h3, h4, h5, h6 {
     font-family:"helveticaneuemedium", Arial, Helvetica, sans-serif;
     font-weight:normal;
     color:#222222;
     line-height:1.1em;
     padding:0 0 40px 0;
     margin:0;
}

h1 { 
     font-size:30px;
}

h2 {
     font-size:22px;
}

h3 {
     font-size:16px;
}

h4 {
     font-size:14px;     
}

p {
     padding:0 0 30px 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
p:last-child {
     padding:0;
}

em {
     font-style:normal;
     font-family:"Helvetica-Oblique", Arial, Helvetica, sans-serif; 
}

strong {
     font-weight:normal; 
     font-family:"helveticaneuebold", Arial, Helvetica, sans-serif;
}

.upper {
     text-transform:uppercase
}

.highlighted-txt { 
     color:#da1f3d;
}

@media only screen and (max-width: 767px) {
h1, h2, h3, h4, h5, h6 {
     padding:0 0 30px 0;
}

h1 { 
     font-size:26px;
}

h2 {
     font-size:20px;
}

h3 {
     font-size:15px;
}

p {
     padding:0 0 25px 0;
}
}


/* #Order and Unorder Styles
================================================= */

ul, li, ol {
     list-style:none;
}

ul { 
     padding:0 0 45px 0;
}

ul:last-child { 
     padding-bottom:0;
}

li { 
     font-size:18px; 
     color:#777777;
     position:relative;
     padding:0 0 5px 47px; 
}

li:before { 
     content:"";    
     width:16px; 
     height:17px; 
     float:left; 
     background:url(images/icon-tick01.png) no-repeat left center;
     position:absolute;
     top:7px;
     left:0; 
}

li:last-child {
      padding-bottom:0;
}

@media only screen and (max-width: 767px) {

ul { 
     padding:0 0 35px 0;
}

li { 
     font-size:16px;
     padding:0 0 5px 40px; 
}
}


/* #Input Styles
================================================= */

input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
     border-radius: 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     outline:0;
}

input:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, select:focus {
     outline: 0;
}

input, textarea {
     -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
     -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
     -o-transition: border linear 0.2s, box-shadow linear 0.2s;
     transition: border linear 0.2s, box-shadow linear 0.2s;
}

label {
     width:100%;
     float:left; 
     font-weight:normal;
     font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
     font-size:16px;
     color:#5e5e5e; 
     line-height:22px;
     padding:0; 
     margin:0 0 5px 0;
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, textarea, select {
     width:100%;
     height:52px;
     float:left;
     font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
     font-size:14px;
     color:#5e5e5e; 
     line-height:30px; 
     letter-spacing:normal;
     text-transform:none;
     background:#ffffff;
     border:1px solid #e8e8e8; 
     border-radius:0;
     outline:none;
     position:relative; 
     padding:15px 17px;
     margin:0 0 20px 0;
}

textarea {
     height:100px;
     line-height:24px;   
     padding:10px 17px;
     outline:none;
     resize:none;
}

select {
     background:url(images/arrow-01.png) no-repeat right center;
     -webkit-appearance:none;
     -moz-appearance:none;
     appearance:none;
     padding-top:0;
     padding-right:50px;
     padding-bottom:0;
}

select::-ms-expand {
     /* for IE 11 */
     display:none;
}

select option {
     width:100%!important;
     float:left!important;
     line-height:1.2em!important;
     border:none!important;
     padding:6px 17px!important;
}

select option:disabled {
     color:#5e5e5e;
     display:none;
}

select option:hover {
     background:#000!important;
}

:placeholder {
     color:#5e5e5e;
}

::-webkit-input-placeholder, 
::-webkit-textarea-placeholder {
     color:#5e5e5e;
}

input::-moz-placeholder, 
textarea::-moz-placeholder {
     color:#000000;
}

::-moz-placeholder {
     color:#000000;
}

:-ms-input-placeholder {
     color:#676767;
}

@media only screen and (max-width: 767px) {
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, textarea, select {
     height:45px;
     line-height:24px; 
     padding:10px 17px;
}

textarea {
     height:100px;  
     padding:10px 17px;
}

select {
     background:url(images/arrow-02.png) no-repeat right center;
     padding-top:0;
     padding-right:40px;
     padding-bottom:0;
}
}


/* #Buttons
================================================== */

.btn,
.button,
button,
input[type="button"], 
input[type="submit"] {
     height:35px;
     float:none;
     display:inline-block;
     font-weight:normal; 
     font-family:"helveticaneuebold", Arial, Helvetica, sans-serif;
     font-size:15px;
     color:#ffffff;
     line-height:35px;
     letter-spacing:0.03em;
     text-align:center;
     text-decoration:none;
     text-transform:uppercase; 
     white-space:normal;
     vertical-align:middle;
     background:#da1f3d;
     border:none;
     filter:0;
     border-radius:0;
     position:relative; 
     cursor:pointer;
     padding:0 33px;
     margin:0;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active:focus,
.button:hover,
.button:focus,
.button:active,
.button:active:focus,
.button.active:focus,
button:hover,
button:focus,
button:active,
button:active:focus,
button.active:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:active:focus,
input[type="button"].active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:active:focus,
input[type="submit"].active:focus {
     color:#ffffff;
     background:#b80a26; 
     text-decoration:none; 
}

.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn {
     cursor:not-allowed;
     filter:alpha(opacity=65);
     -webkit-box-shadow:none;
     box-shadow:none;
     opacity:.65;
}

a.btn.disabled, 
fieldset[disabled] a.btn {
     pointer-events:none;
}

.btn-white {
     height:45px;
     font-size:18px;
     color:#da1f3d;
     line-height:46px; 
     background:#fafafa;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white:active:focus,
.btn-white.active:focus {
     color:#ffffff;
     background:#da1f3d; 
}

.btn-out { 
     width:100%; 
     float:left;
}


/* #Show-Hide Responsive Options
================================================== */

.show_mobile {
     display:none;
}

.hide_mobile {
     display:block;
}

.show_both {
     display:none;
}

.hide_both {
     display:block;
}

@media only screen and (max-width: 979px) {
.show_both {
     display:block;
}

.hide_both {
     display:none;
}
}

@media only screen and (max-width: 767px) {
.show_mobile {
     display:block
}
.hide_mobile {
     display:none
}
}


/* #Flex-slider
================================================== */

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
     outline:none;
}

.slides, .flex-control-nav, .flex-direction-nav {
     margin:0;
     padding:0;
     list-style:none;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
     width:100%;
     float:left;
     margin:0;
     padding:0;
}

.flexslider .slides {
     width:100%;
     float:left;
}

.flexslider .slides > li {
     display:none;
     -webkit-backface-visibility:hidden;
}

.flexslider .slides li {
     position:relative;
}

.slides:after {
     content:".";
     display:block;
     clear:both;
     visibility:hidden;
     line-height:0;
     height:0;
}

html[xmlns] .slides {
     display:block;
}

* html .slides {
     height:1%;
}

.no-js .slides > li:first-child {
     display:block;
}


/* Direction Nav */
.flex-direction-nav {
     *height: 0;
     width:100%;
     display: block;
     position:absolute;
     top:50%;
     left:0;
     margin:0; 
}

.flex-direction-nav a {
     width:25px;
     height:50px;
     display:block; 
     text-decoration:none;
     position:absolute;
     top:0;
     z-index: 10;
     cursor: pointer;
     opacity: 1;
     text-indent:-9999px; 
     margin:-25px 0 0 0; 
     z-index:50;
}

.flex-direction-nav a:before { 
     width:100%; 
     height:100%;
     color:#ffffff;
     display:block;
     position: absolute;
     top:0;
     left:0;
     z-index: 10;
     cursor: pointer;
     opacity: 1;
     text-indent:0;
     margin:0;
}

.flex-direction-nav a:hover:before {
     color:#2393fb;
}

.flex-direction-nav .flex-prev {
     left:35px;
}

.flex-direction-nav .flex-prev:before {
     content:"";
     border-top:25px solid transparent; 
     border-bottom:25px solid transparent; 
     border-right:25px solid #da1f3d; 
}

.flex-direction-nav .flex-next {
     right:35px;
}

.flex-direction-nav .flex-next:before {
     content:""; 
     border-top:25px solid transparent; 
     border-bottom:25px solid transparent; 
     border-left:25px solid #da1f3d; 
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
     opacity: 1;
}

.flex-direction-nav .flex-disabled {
     opacity:0!important;
     filter:alpha(opacity=30);
     cursor: default;
}

@media only screen and (max-width: 979px) {
.flex-direction-nav a {
     width:20px;
     height:40px;
     margin:-20px 0 0 0; 
}

.flex-direction-nav .flex-prev:before {
     content:"";
     border-top:20px solid transparent; 
     border-bottom:20px solid transparent; 
     border-right:20px solid #da1f3d; 
}

.flex-direction-nav .flex-next:before {
     content:""; 
     border-top:20px solid transparent; 
     border-bottom:20px solid transparent; 
     border-left:20px solid #da1f3d; 
}
}

@media only screen and (max-width: 767px) {
.flex-direction-nav { 
     display:none;
}
}

/* Control Nav */
.flex-control-nav {
     width:100%;
     float:left;
     text-align:center;
     display:none;
     z-index:100;
     padding:0;
     margin:-50px 0 0 0;
}

.flex-control-nav li {
     width:15px;
     height:15px;
     line-height:normal; 
     padding:0;
     margin:0 3px;
     display: inline-block;
     zoom: 1;
     *display: inline;
     text-indent:-99999px;
}

.flex-control-nav li:before { 
     display:none;
}

.flex-control-paging li a {
     width: 15px;
     height: 15px;
     float:left;
     display:block;
     color:#231f20;
     line-height:normal;
     overflow:hidden;
     background:#da1f3d; 
     border:none;
     border-radius:15px;
     behavior: url(PIE.htc);
     position:relative;
     text-indent:-99999px;
}

.flex-control-paging li a.flex-active { 
     background:#ffffff; 
}

.flex-control-thumbs {
     display:none;
}

@media only screen and (max-width: 767px) {
.flex-control-nav { 
     display:block;
}

.flex-control-nav li {
     width:12px;
     height:12px;
     line-height:normal;
     margin:0 3px;
}

.flex-control-paging li a {
     width: 12px;
     height: 12px;
}
}


/* #Owl-carousel
================================================== */

.owl-carousel .animated {
     -webkit-animation-duration: 1000ms;
     animation-duration: 1000ms;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
     z-index: 0;
}

.owl-carousel .owl-animated-out {
     z-index: 1;
}

.owl-carousel .fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut;
}
 @-webkit-keyframes 
fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes 
fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}

.owl-height {
     -webkit-transition: height 500ms ease-in-out;
     -moz-transition: height 500ms ease-in-out;
     -ms-transition: height 500ms ease-in-out;
     -o-transition: height 500ms ease-in-out;
     transition: height 500ms ease-in-out;
}

.owl-carousel {
     display: none;
     width: 100%;
     -webkit-tap-highlight-color: transparent;
     position: relative;
     z-index: 1;
}

.owl-carousel .owl-stage {
     position: relative;
     -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}

.owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
     -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev, 
.owl-carousel .owl-controls .owl-nav .owl-next, 
.owl-carousel .owl-controls .owl-dot {
     cursor: pointer;
     cursor: hand;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}

.owl-carousel.owl-loaded {
     display: block;
}

.owl-carousel.owl-loading {
     opacity: 0;
     display: block;
}

.owl-carousel.owl-hidden {
     opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
     display: none;
}

.owl-carousel .owl-item {
     position: relative;
     min-height: 1px;
     float: left;
     -webkit-backface-visibility: hidden;
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}

.owl-carousel .owl-item img {
     height:auto;
     display: block;
     width: 100%;
     -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
     -webkit-user-select: auto;
     -moz-user-select: auto;
     -ms-user-select: auto;
     user-select: auto;
}

.owl-carousel .owl-grab {
     cursor: move;
     cursor: -webkit-grab;
     cursor: -o-grab;
     cursor: -ms-grab;
     cursor: grab;
}

.owl-carousel.owl-rtl {
     direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
     float: right;
}

.no-js .owl-carousel {
     display: block;
}

.owl-carousel .owl-item .owl-lazy {
     opacity: 0;
     -webkit-transition: opacity 400ms ease;
     -moz-transition: opacity 400ms ease;
     -ms-transition: opacity 400ms ease;
     -o-transition: opacity 400ms ease;
     transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
     height:auto;
     transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
     position: relative;
     height: 100%;
     background: #000;
}

.owl-carousel .owl-video-play-icon {
     position: absolute;
     height: 80px;
     width: 80px;
     left: 50%;
     top: 50%;
     margin-left: -40px;
     margin-top: -40px;
     background: url("owl.video.play.png") no-repeat;
     cursor: pointer;
     z-index: 1;
     -webkit-backface-visibility: hidden;
     -webkit-transition: scale 100ms ease;
     -moz-transition: scale 100ms ease;
     -ms-transition: scale 100ms ease;
     -o-transition: scale 100ms ease;
     transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
     -webkit-transition: scale(1.3, 1.3);
     -moz-transition: scale(1.3, 1.3);
     -ms-transition: scale(1.3, 1.3);
     -o-transition: scale(1.3, 1.3);
     transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, 
.owl-carousel .owl-video-playing .owl-video-play-icon {
     display: none;
}

.owl-carousel .owl-video-tn {
     opacity: 0;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     -webkit-background-size: contain;
     -moz-background-size: contain;
     -o-background-size: contain;
     background-size: contain;
     -webkit-transition: opacity 400ms ease;
     -moz-transition: opacity 400ms ease;
     -ms-transition: opacity 400ms ease;
     -o-transition: opacity 400ms ease;
     transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
     position: relative;
     z-index: 1;
}



/* Previous and Next */
.owl-nav {
     width:100%;
     float:left;
}

.owl-nav div { 
     width:177px; 
     height:100%;
     position:absolute;
     top:0;
     z-index:100;
     cursor:pointer;
     background:rgba(0, 0, 0, .70);
     box-shadow:inset rgba(0, 0, 0, .30) 50px 0 50px;
     text-indent:-99999px; 
     margin:0;
}

.owl-nav div:hover {
     text-decoration:none;
}

.owl-nav div:before {
     content:"";
     display:block;
     text-indent:0;  
     position:absolute;
     top:50%;
     z-index:10;
     cursor:pointer;
     opacity:1;
      margin:-35px 0 0 0;
}

.owl-nav .owl-prev {
     float:left;
     left:0;
}

.owl-nav .owl-prev:before {
     border-top:25px solid transparent; 
     border-bottom:25px solid transparent; 
     border-right:25px solid #da1f3d;
     left:35px;
}

.owl-nav .owl-next {
     float:right;
     right:0;
     box-shadow:inset rgba(0, 0, 0, .30) -50px 0 50px;
}

.owl-nav .owl-next:before {
     border-top:25px solid transparent; 
     border-bottom:25px solid transparent; 
     border-left:25px solid #da1f3d;
     left:auto;
     right:35px; 
}


@media only screen and (max-width: 1099px) {
.owl-nav div {
     width:97px; 
}
}

@media only screen and (max-width: 979px) {
.owl-nav div:before { 
     margin:-20px 0 0 0;
}
}

@media only screen and (max-width: 767px) {
.owl-nav div {
     width:67px; 
}

.owl-nav .owl-prev:before {
     left:20px; 
}

.owl-nav .owl-next:before {
     right:20px; 
}
}

@media only screen and (max-width: 639px) {
.owl-nav div {
     width:40px; 
}

.owl-nav div:before { 
     margin:-15px 0 0 0;
}

.owl-nav .owl-prev:before {
     border-top:15px solid transparent; 
     border-bottom:15px solid transparent; 
     border-right:15px solid #da1f3d;
     left:10px; 
}

.owl-nav .owl-next:before {
     border-top:15px solid transparent; 
     border-bottom:15px solid transparent; 
     border-left:15px solid #da1f3d;
     right:10px; 
}
}



/*
 3.) Home page
----------------------------------------*/

.container-main { 
     width:100%; 
     float:left; 
}

.container {
     width:100%;
     max-width:1200px;
     margin:0 auto;
     padding:0 30px;
}

@media only screen and (max-width: 979px) {
.container {
     padding:0 80px;
}
}

@media only screen and (max-width: 767px) {
.container {
     padding:0 6%;
}
}


/* Vertical Align - Middle */
.outer-bg {
     width:100%;
     height:100%;
     float:none;
     display:table;
     margin:0 auto;
}

.inner-bg {
     width:100%;
     height:100%;
     float:none;
     display:table-cell;
     vertical-align:middle;
}


/*
 3.1) Header - Main
----------------------------------------*/

.header-main {
     width:100%;
     float:left;
     background:#ffffff;
     box-shadow:rgba(0, 0, 0, .10) 0 7px 10px;
     position:relative;
     z-index:500;
     padding:60px 0 0 0;
}
 
.header-main .container {
     max-width:1540px;
}

.sticky {
    position: fixed;
    zoom: 80%;
}
 
.header-main .logo {
     float:left;
     margin:39px -300px 0 0;
     position:relative;
     z-index:10;
}

.header-main nav {
     float:left;
     margin:0 0 0 284px;
}

.header-main nav ul {
     float:left;
     padding:0;
}

.header-main nav ul li {
     height:120px;
     float:left;
     line-height:120px;
     position:relative;
     padding:0;
     margin:0 0 0 50px;
}

.header-main nav ul li:before {
     display:none;
}

.header-main nav ul li a {
     font-family:"helveticaneuemedium", Arial, Helvetica, sans-serif;
     font-size:16px;
     color:#111111;
     text-transform:uppercase;
}

.header-main nav ul li:hover > a, 
.header-main nav ul li.current-menu-item > a, 
.header-main nav ul li.current-menu-parent > a,
.header-main nav ul li.current-menu-ancestor > a,
.header-main nav ul li.current-product-ancestor > a,
.header-main nav ul li.current-product-parent > a {
     color:#da1f3d;
     text-decoration:none;
}

.header-main nav ul li ul {
     display:none;
}

.header-main .top-bar {
     width:100%;
     height:60px;
     float:left;
     background:#231f20;
     position:absolute;
     top:0;
     right:0;
     overflow:hidden;
}

.header-main .top-bar p {
     height:60px;
     float:right;
     font-family:"helveticaneuelight", Arial, Helvetica, sans-serif;
     font-size:18px;
     color:#ffffff;
     line-height:63px;
     letter-spacing:0.02em;
     background:#da1f3d;
     position:relative;
     overflow:hidden;
     padding:0 500% 0 60px;
     margin:0 -500% 0 0;
}

.header-main .top-bar p br {
     display:none;
}

.header-main .top-bar p span {
     margin-left:30px;
}

.header-main .top-bar p:before {
     content:"";
     width:50px;
     height:200%;
     float:left;
     background:#212121;
     -webkit-transform: rotate(40deg);
     -moz-transform: rotate(40deg);
     -o-transform: rotate(40deg);
     position:absolute;
     top:-50%;
     left:-20px;
}

.header-main .menu-collapse {
     width:100%;
     float:left;
}

@media only screen and (max-width: 1199px) {
.header-main nav {
     margin:0 0 0 250px;
}

.header-main nav ul li {
     margin:0 0 0 30px;
}
}

@media only screen and (min-width: 980px) {
.header-main .menu-collapse {
     overflow:visible!important;
     visibility:visible!important;
     display:block!important;
}

.header-main nav ul li.menu-item-has-children > a {
     padding-right:17px;
}

.header-main nav ul li.menu-item-has-children > a:before {
     float:right;
     content:"\f107";
     font-family:"FontAwesome";
     position:absolute;
     top:0;
     right:0;
}

.header-main nav ul li:hover > ul {
     display:block!important;
}

.header-main nav ul li ul {
     width:200px;
     float:left;
     background:#ffffff;
     box-shadow:rgba(0, 0, 0, .20) 0 5px 5px;
     position:absolute;
     top:120px;
     left:0;
     display:none!important;
     padding:0 0 10px 0;
}

.header-main nav ul li ul li {
     width:100%;
     height:auto;
     float:left;
     line-height:normal;
     padding:0;
     margin:0;
}

.header-main nav ul li ul li a {
     width:100%;
     height:auto;
     float:left;
     font-size:15px;
     color:#111111;
     text-transform:none;
     padding:10px 20px;
     margin:0;
}

.header-main nav ul li ul li:hover > a, 
.header-main nav ul li ul li.current-menu-item > a, 
.header-main nav ul li ul li.current-menu-parent > a,
.header-main nav ul li ul li.current-menu-ancestor > a,
.header-main nav ul li ul li.current-product-ancestor > a,
.header-main nav ul li ul li.current-product-parent > a {
     color:#da1f3d;
}

.header-main nav ul li:nth-child(2) ul:after {
     left:12px;
}

.header-main nav ul li:nth-child(4) ul:after {
     left:40px;
}

.header-main nav ul li:nth-child(5) ul:after {
     left:12px;
}

.header-main nav ul li ul li:hover ul {
     display:none!important;
}

.header-main nav ul li ul li ul {
     display:none!important;
}
}

@media only screen and (max-width: 979px) {
.header-main {
     height:80px;
     padding:0;
}

.header-main .container {
     padding:0 30px;
}

.header-main .logo {
     margin:19px -300px 0 0;
}

.header-main .menu-collapse {
     width:100%;
     max-width:335px;
     float:right;
     background:rgba(255, 255, 255, .95);
     box-shadow:rgba(0, 0, 0, .20) 0 5px 5px;
     position:absolute;
     top:80px;
     right:0;
     padding:10px 40px 50px 40px;
     margin:0;
     display:none;
     z-index:100;
}

.header-main nav {
     width:100%;
     margin:0;
}

.header-main nav ul {
     width:100%;
}

.header-main nav ul li {
     width:100%;
     height:auto;
     line-height:normal;
     padding:0;
     margin:12px 0;
}

.header-main nav ul li a {
     width:100%;
     float:left;
     line-height:1.1em;
     padding:0;
}

.header-main nav ul li ul {
     padding:8px 0 0 20px;
}

.header-main nav ul li ul li {
     margin:12px 0 0 0;
}

.header-main nav ul li ul li a {
     text-transform:none;
}

.header-main nav ul li.menu-item-has-children .accord:before {
     width:50px;
     height:35px;
     position:absolute;
     top:-9px;
     right:0;
     float:right;
     content:"\f078";
     font-family:"FontAwesome";
     font-size:13px;
     text-align:right;
     line-height:35px;
     cursor:pointer;
}

.header-main nav ul li.menu-item-has-children .accord.active:before {
     content:"\f077";
}

.header-main nav ul li.menu-item-has-children ul li .accord {
     display:none;
}

.header-main .top-bar {
     height:auto;
     float:left;
     background:none;
     border-top:1px solid #dddddd;
     position:relative;
     padding:15px 0 0 0;
     margin:10px 0 0 0;
}

.header-main .top-bar .container {
     padding:0;
}

.header-main .top-bar p {
     width:100%;
     height:auto;
     font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
     font-size:16px;
     color:#555555;
     line-height:1.3em;
     background:none;
     padding:0;
     margin:0;
}

.header-main .top-bar p br {
     display:inline-block;
}

.header-main .top-bar p span {
     width:100%;
     float:left;
     margin:10px 0 0 0;
}

.header-main .top-bar p:before {
     display:none;
}
}

@media only screen and (max-width: 767px) {
.header-main .container {
     padding:0 6%;
}

.header-main .logo {
     max-width:190px;
     margin:23px -300px 0 0;
}
}

@media only screen and (max-width: 545px) {
.header-main .menu-collapse {
     width:90%;
     padding:10px 10% 50px 10%;
}
}


/* Search - Box */
.pg-he {
     margin-bottom:30px;
}

.search-box-bg {
     width:30px;
     height:35px;
     float:right;
     padding:0;
     margin:41px 0 0 -300px;
}

@media only screen and (min-width: 768px) {
.search-box-bg {
     width:30px;
     height:35px;
     float:right;
     position:relative;
     padding:0;
     margin:41px 0 0 -300px;
}

.search-box-bg .search-btn {
     display:none;
}

.search-box-bg .search-box {
     float:right;
     -webkit-transition: all 0.4s linear;
     -moz-transition: all 0.4s linear;
     -o-transition: all 0.4s linear;
     transition: all 0.4s linear;
     overflow:hidden;
     z-index:10;
}

.search-box-bg .search-box .input {
     width:0;
     height:35px;
     float:right;
     font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
     font-size:15px;
     color:#404041;
     line-height:18px;
     background:#e6e7e8;
     border:none;
     border-radius:0;
     -webkit-transition: all 0.4s linear;
     -moz-transition: all 0.4s linear;
     -o-transition: all 0.4s linear;
     transition: all 0.4s linear;
     padding:0;
     position:relative;
     z-index:17;
     margin:0;
}

.search-box-bg .search-box .input:focus {
     width:180px;
     background:#f1f1f1;
     -webkit-transition: all 0.4s linear;
     -moz-transition: all 0.4s linear;
     -o-transition: all 0.4s linear;
     transition: all 0.4s linear;
     padding:5px 42px 5px 12px;
}

.search-box-bg .search-box:hover {
     width:180px;
     -webkit-transition: all 0.4s linear;
     -moz-transition: all 0.4s linear;
     -o-transition: all 0.4s linear;
     transition: all 0.4s linear;
}

.search-box-bg .search-box:hover .input {
     width:180px;
     background:#f1f1f1;
     padding:5px 42px 5px 12px;
}

.search-box-bg .search-box:hover .btn-search {
     display:block;
     z-index:45;
     position:absolute;
}

.search-box-bg .search-box .btn-search {
     width:35px;
     height:35px;
     float:right;
     font-size:18px;
     color:#555555;
     line-height:32px;
     background:#ffffff;
     border:none;
     border-radius:0;
     outline:0;
     position:absolute;
     right:0;
     top:0;
     z-index:45;
     padding:0;
     margin:0;
}
}

@media only screen and (max-width: 979px) {
.search-box-bg {
     margin:23px 50px 0 -300px;
}
}

@media only screen and (max-width: 767px) {
.search-box-bg {
     width:35px;
     height:35px;
     margin:27px 30px 0 -300px;
}

.search-box-bg .search-btn {
     font-size:18px;
     display:block;
     cursor:pointer;
}

.search-box-bg .search-btn.active {
     color:#da1f3d;
}

.search-box-bg .search-box {
     width:100%;
     float:left;
     background:#e6e7e8;
     box-shadow:rgba(0, 0, 0, .30) 0 10px 15px;
     position:absolute;
     top:80px;
     right:0;
     display:none;
     padding:0 6%;
}

.search-box-bg .search-box .input {
     width:70%;
     height:50px;
     float:left;
     font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
     font-size:16px;
     color:#404041;
     line-height:30px;
     background:#e6e7e8;
     border:none;
     border-radius:0;
     position:relative;
     z-index:17;
     padding:15px 0;
     margin:0;
}

.search-box-bg .search-box .btn-search {
     width:35px;
     height:50px;
     float:right;
     font-size:18px;
     color:#555555;
     line-height:32px;
     background:none;
     border:none;
     border-radius:0;
     outline:0;
     z-index:45;
     padding:0;
     margin:0 0 0 -70px;
     position:relative;
}
}


/* Menu - Btn */
.menu-btn {
     width:28px;
     height:26px;
     float:right;
     display:none;
     cursor:pointer;
     position:relative;
     z-index:100;
     margin:30px 0 0 -50px;   
}

.menu-btn .icon-bar {
     width:100%;
     float:right;
     text-decoration:none;
     position:relative; 
     padding:0;
}

.menu-btn .icon-bar span {
     width:100%;
     height:3px;
     float:left;
     background:#555555;
     position:relative;
     transition:all 0.4s ease;
     margin:10px 0; 
}

.menu-btn .icon-bar span:before {
     content: "";
     width:100%;
     height:3px;
     float:left;
     background:#555555;
     position:absolute;
     top:-9px;
     left:0;
     transition:all 0.4s ease; 
}

.menu-btn .icon-bar span:after {
     content:"";
     width:100%;
     height:3px;
     float:left;
     background:#555555;
     position:absolute;
     top:9px;
     left:0;
     transition:all 0.4s ease; 
}

.menu-btn.active .icon-bar span {
     background:none; 
}

.menu-btn.active .icon-bar span:before {
     height:3px;
     top:0;
     -webkit-transform:rotate3d(0, 0, 1, 45deg);
     transform:rotate3d(0, 0, 1, 45deg);
     background:#da1f3d; 
}

.menu-btn.active .icon-bar span:after {
     height:3px;
     top:0;
     -webkit-transform:rotate3d(0, 0, 1, -45deg);
     transform:rotate3d(0, 0, 1, -45deg); 
     background:#da1f3d;
}

@media only screen and (max-width: 979px) {
.menu-btn {
     display:block;
}
}


/* Common Content Styles */

/* Title - Bar */
.title-bar-out {
     width:100%;
     float:left;
     padding:0 70px 25px 0;
}

.title-bar {
     width:auto;
     float:left;
     font-family:"helveticaneuebold", Arial, Helvetica, sans-serif;
     font-size:30px;
     color:#ffffff;
     line-height:34px;
     letter-spacing:0.02em;
     text-transform:uppercase;
     text-align:left;
     position:relative;
     background:#da1f3d;
     padding:12px 25px 12px 35px !important;
}

.title-bar:before {
     content:"";
     width:70px;
     height:100%;
     float:right;
     background:url(images/curve-01.png) no-repeat right center;
     background-size:100% 100%;
     position:absolute;
     top:0;
     right:-70px;
}

@media only screen and (max-width: 979px) {
.title-bar {
     font-size:26px;
     line-height:28px;
     padding:12px 20px 12px 25px;
}
}

@media only screen and (max-width: 767px) {
.title-bar-out {
     padding:0 70px 20px 0;
}

.title-bar {
     font-size:22px;
     line-height:24px;
}
}


/* Main - Heading */
.main-heading {
     width:100%;
     float:left;
     text-align:center;
     padding:0 0 55px 0;
}

.main-heading h1 {
     padding:0 0 13px 0;
}

.main-heading h2 {
     font-size:30px;
     padding:0 0 13px 0;
}

.main-heading h2:last-child {
     padding:0;
}

.main-heading aside {
     width:100%;
     max-width:900px;
     float:none;
     display:inline-block;
     padding:0 20px;
}

.main-heading aside p {
     font-family:"pt_serifbold_italic", Arial, Helvetica, sans-serif;
     line-height:26px;
}

@media only screen and (max-width: 979px) {
.main-heading {
     padding:0 0 45px 0;
}
}

@media only screen and (max-width: 767px) {
.main-heading {
     padding:0 0 40px 0;
}

.main-heading h2 {
     font-size:26px;
}

.main-heading aside {
     padding:0 15px;
}
}


/*
 3.2) Banner - Main
----------------------------------------*/

/* Banner - Cont */
.banner-cont {
     width:100%;
     height:100%;
     float:left;
     position:absolute;
     top:0;
     left:0;
}

.banner-cont aside {
     width:100%;
     max-width:360px;
     float:left;
}

.banner-cont aside p {
     font-family:"helveticaneuethin", Arial, Helvetica, sans-serif;
     font-size:28px;
     color:#ffffff;
     line-height:36px;
     letter-spacing:0.03em;
     background:rgba(0,0,0,.8);
     padding:20px;
     margin-bottom:20px;
}

.banner-cont .aside2 {
     max-width:390px;
}

.banner-cont .aside3 {
     max-width:455px;
}

.banner-cont .btn-white {
     width:195px;
     padding:0;
}

.banner-cont article {
     width:100%;
     float:left;
}

@media only screen and (max-width: 979px) {
.banner-cont aside p {
     font-size:24px;
     line-height:32px;
}
}

@media only screen and (max-width: 767px) {
.banner-cont aside {
     max-width:270px;
}

.banner-cont aside p {
     font-size:19px;
     line-height:25px;
}

.banner-cont .aside2 {
     max-width:290px;
}

.banner-cont .aside3 {
     max-width:320px;
}

.banner-cont .btn-white {
     width:180px;
}
}


/* Banner - Main */
.banner-main {
     width:100%;
     float:left;
     overflow:hidden;
     position:relative;
     background:#222223;
}

.banner-main ul { 
     padding:0;
}

.banner-main ul li { 
     padding:0; 
     margin:0;
}

.banner-main ul li:before { 
     display:none;
}

.banner-main figure {
     width:100%;
     float:left;
     text-align:center;
     overflow:hidden;
}

.banner-main figure img {
     width:100%;
     height:auto;
     min-width:1600px;
     margin:0 -800px;
     position:relative;
}

@media only screen and (max-width: 1299px) {
.banner-main .banner-cont article {
     padding-left:50px;
}
}

@media only screen and (max-width: 1199px) {
.banner-main .banner-cont article {
     padding-left:70px;
}
}

@media only screen and (max-width: 979px) {
.banner-main .banner-cont article {
     padding-left:15px;
}
}

@media only screen and (max-width: 767px) {
.banner-main figure img {
     min-width:1400px;
     margin:0 -700px;
}

.banner-main .banner-cont article {
     padding-left:0;
}
}


/* Content - Main */
.content-main { 
     width:100%; 
     float:left; 
     padding:50px 0;
}

@media only screen and (max-width: 767px) {
.content-main { 
     padding:40px 0;
}
}


/*
 3.3) Section - 1
----------------------------------------*/

.section-1 {
     width:100%;
     float:left;
     padding:65px 0 55px 0;
}

.section-1 .map {
     width:100%;
     float:left;
     text-align:center;
     margin:0 0 20px 0;
}

.section-1 article {
     width:33%;
     float:none;
     display:inline-block;
     vertical-align:top;
     position:relative;
     padding:0 0 35px 0;
     margin:0 -2px;
}

.section-1 article ul {
     width:100%;
     float:left;
     padding:0 10px 0 0;
}

.section-1 article ul li {
     width:100%;
     float:left;
}

.section-1 .cta-box {
     width:33%;
     float:none;
     display:inline-block;
     vertical-align:top;
     position:relative;
     margin:0 -2px;
}

.section-1 .cta-box figure {
     width:100%;
     float:left;
     text-align:center;
     overflow:hidden;
}

.section-1 .cta-box figure img {
     width:100%;
     height:auto;
     min-width:392px;
     margin:0 -196px;
}

.section-1 .cta-box .discover-txt {
     width:100%;
     height:100%;
     float:left;
     font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
     font-size:18px;
     color:#ffffff;
     text-transform:uppercase;
     text-decoration:none;
     position:absolute;
     top:0;
     left:0;
     padding:0 0 0 30px;
}

.section-1 .cta-box .discover-txt i {
     padding-left:15px;
}

.section-1 .cta-box .discover-txt br {
     display:none;
}

.section-1 .cta-box .discover-txt .inner-bg br {
     display:inline-block;
}

.section-1 .cta-box .discover-txt:hover {
     color:#da1f3d;
     text-decoration:none;
}

@media only screen and (max-width: 979px) {
.section-1 article {
     width:50%;
}

.section-1 .cta-box {
     width:50%;
}

.section-1 .cta-box figure img {
     min-width:500px;
     margin:0 -250px;
}

.section-1 .cta-box .discover-txt {
     font-size:16px;
     padding:0 0 0 20px;
}
}

@media only screen and (max-width: 767px) {
.section-1 {
     padding:45px 0;
}

.section-1 article {
     padding:0 10px 25px 0;
}

.section-1 .cta-box {
     width:100%;
}

.section-1 .cta-box .discover-txt {
     font-size:15px;
     padding:0 0 0 15px;
}
}

@media only screen and (max-width: 479px) {
.section-1 article {
     width:100%;
     padding:0 0 25px 0;
}
}



/* Product - List */
.product-list {
     width:100%;
     float:left;
     position:relative;
}

.product-list h3 {
     font-size:18px;
     color:#ffffff;
     text-transform:uppercase;
     padding:0;
     position:relative;
     z-index:20;
}

.product-list figure {
     width:100%;
     float:left;
}

.product-list figure img {
     width:100%;
     height:auto;
}.product-list .article-bg article figure img,.procucts-detail .product-list .article-bg article figure img {    height: 300px;    max-width: none;    width: auto;}

.product-list aside {
     width:100%;
     height:100%;
     float:left;
     text-align:center;
     background: #030303; /* Old browsers */
     background: -moz-linear-gradient(top, rgba(218, 31, 61, 0) 0%, rgba(3, 3, 3, 0.6) 100%, rgba(218, 31, 61, 0) 100%, rgba(3, 3, 3, 0.6) 100%);  /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(218, 31, 61, 0)), color-stop(100%, rgba(3, 3, 3, 0.6)), color-stop(100%, rgba(218, 31, 61, 0)), color-stop(100%, rgba(3, 3, 3, 0.6))); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, rgba(218, 31, 61, 0) 0%, rgba(3, 3, 3, 0.6) 100%, rgba(218, 31, 61, 0) 100%, rgba(3, 3, 3, 0.6) 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, rgba(218, 31, 61, 0) 0%, rgba(3, 3, 3, 0.6) 100%, rgba(218, 31, 61, 0) 100%, rgba(3, 3, 3, 0.6) 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top, rgba(218, 31, 61, 0) 0%, rgba(3, 3, 3, 0.6) 100%, rgba(218, 31, 61, 0) 100%, rgba(3, 3, 3, 0.6) 100%); /* IE10+ */
     background: linear-gradient(to bottom, rgba(218, 31, 61, 0) 0%, rgba(3, 3, 3, 0.6) 100%, rgba(218, 31, 61, 0) 100%, rgba(3, 3, 3, 0.6) 100%);  /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(218, 31, 61, 0)', endColorstr='rgba(3, 3, 3, 0.6)', GradientType=0 );  /* IE6-9 */
     padding:30px;
     position:absolute;
     top:0;
     left:0;
}

.product-list aside .inner-bg {
     vertical-align:bottom;
}

.product-list article {
     width:32.60%;
     float:none;
     display:inline-block;
     vertical-align:top;
     overflow:hidden;
     margin:0 0.2% 0.8% 0.2%;
     position:relative;
}

.product-list article:hover aside {
     background: #030303; /* Old browsers */
     background: -moz-linear-gradient(top, rgba(218, 31, 61, 0.7) 0%, rgba(3, 3, 3, 0.6) 100%, rgba(218, 31, 61, 0.7) 100%, rgba(3, 3, 3, 0.6) 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(218, 31, 61, 0.7)), color-stop(100%, rgba(3, 3, 3, 0.6)), color-stop(100%, rgba(218, 31, 61, 0.7)), color-stop(100%, rgba(3, 3, 3, 0.6))); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, rgba(218, 31, 61, 0.7) 0%, rgba(3, 3, 3, 0.6) 100%, rgba(218, 31, 61, 0.7) 100%, rgba(3, 3, 3, 0.6) 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, rgba(218, 31, 61, 0.7) 0%, rgba(3, 3, 3, 0.6) 100%, rgba(218, 31, 61, 0.7) 100%, rgba(3, 3, 3, 0.6) 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top, rgba(218, 31, 61, 0.7) 0%, rgba(3, 3, 3, 0.6) 100%, rgba(218, 31, 61, 0.7) 100%, rgba(3, 3, 3, 0.6) 100%); /* IE10+ */
     background: linear-gradient(to bottom, rgba(218, 31, 61, 0.7) 0%, rgba(3, 3, 3, 0.6) 100%, rgba(218, 31, 61, 0.7) 100%, rgba(3, 3, 3, 0.6) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(218, 31, 61, 0.7)', endColorstr='rgba(3, 3, 3, 0.6)', GradientType=0 ); /* IE6-9 */
     padding:30px;
     position:absolute;
     top:0;
     left:0;
}

.product-list article:hover aside .inner-bg {
     vertical-align:middle;
}

.product-list .article-bg {
     width:100.6%;
     float:left;
     text-align:center;
     margin:0 -0.3% -0.8% -0.3%;
}

@media only screen and (max-width: 979px ) {
.product-list article {
     width:49.20%;
     margin:0 0.2% 1% 0.2%;
}

.product-list .article-bg {
     margin:0 -0.3% -1% -0.3%;
}
}

@media only screen and (max-width: 767px ) {
.product-list aside {
     padding:25px;
}

.product-list article {
     width:100%;
     max-width:280px;
     margin:0 2px 8px 2px;
}

.product-list .article-bg {
     width:100%;
     margin:0 0 -8px 0;
}
}


/* Product Info - Home Page */
.product-info {
     width:100%;
     float:left;
     padding:70px 0;
}

.product-info .main-heading {
     padding:0 0 32px 0;
}

@media only screen and (max-width: 979px ) {
.product-info {
     padding:60px 0;
}
}

@media only screen and (max-width: 767px ) {
.product-info {
     padding:40px 0;
}
}


/* Product Info - Products Page
----------------------------------------*/

.product-info2 {
     padding:55px 0;
}

.product-info2 .main-heading {
     padding:0 0 55px 0;
}

@media only screen and (max-width: 979px ) {
.product-info2 .main-heading {
     padding:0 0 45px 0;
}
}

@media only screen and (max-width: 767px ) {
.product-info2 {
     padding:45px 0;
}

.product-info2 .main-heading {
     padding:0 0 40px 0;
}
}



/*
 3.4) Section - 2
----------------------------------------*/

.section-2 {
     width:100%;
     float:left;
     overflow:hidden;
     background:#231f20;
     padding:40px 0;
}

.section-2 .main-heading {
     padding:0 0 63px 0;
}

.section-2 .main-heading h2 {
     color:#ffffff;
}

.section-2 .main-heading p {
     color:#ffffff;
}

.section-2 .product-list {
     overflow:hidden;
     position:relative;
}

.section-2 .product-list article {
     max-width:100%;
     width:100%;
     overflow:hidden;
     margin:0;
}

.section-2 .product-list .owl-item {
     padding:0 3px;
}

.section-2 .product-list .article-bg {
     width:100%;
     margin:0;
}

@media only screen and (max-width: 979px ) {
.section-2 .main-heading {
     padding:0 0 53px 0;
}
}

@media only screen and (max-width: 767px ) {
.section-2 .main-heading {
     padding:0 0 45px 0;
}

.section-2 .product-list article {
     max-width:100%;
}
}

@media only screen and (max-width: 639px ) {
.section-2 .product-list .owl-carousel {
     padding:0 40px;
}
}




/*
 3.5) Section - 3
----------------------------------------*/



/*
 3.6) CTA - Info
----------------------------------------*/

.banner-cta {
     width:100%;
     float:left;
     background:#231f20 url(images/banner-joest-cta-01.jpg) no-repeat center center;
     -webkit-background-size:cover;
     -moz-background-size:cover;
     -o-background-size:cover;
     background-size:cover;
     position:relative;
     overflow:hidden;
     padding:65px 0;
}

.banner-cta aside {
     width:100%;
     float:left;
}

.banner-cta aside h2 {
     font-family:"helveticaneuebold", Arial, Helvetica, sans-serif;
     font-size:24px;
     color:#ffffff;
     letter-spacing:0.04em;
     padding:0 0 12px 0;
}

.banner-cta aside h2:last-child {
     padding-bottom:0;
}

.banner-cta aside p {
     font-family:"helveticaneuethin", Arial, Helvetica, sans-serif;
     font-size:18px;
     color:#ffffff;
     letter-spacing:0.03em;
     line-height:24px;
     padding:0 0 23px 0;
}

.banner-cta aside p br {
     display:none;
}

.banner-cta aside p:last-child {
     padding-bottom:0;
}

.banner-cta .title-bar-out {
     padding-bottom:32px;
}

.banner-cta .title-bar {
     padding:12px 15px 12px 35px;
}

.banner-cta article {
     width:100%;
     max-width:660px;
     float:left;
}

@media only screen and (max-width: 979px ) {
.banner-cta {
     padding:50px 0;
}

.banner-cta article {
     max-width:420px;
}
}

@media only screen and (max-width: 767px ) {
.banner-cta {
     padding:40px 0;
}

.banner-cta aside h2 {
     font-size:20px;
}

.banner-cta aside p {
     font-size:15px;
     line-height:22px;
}

.banner-cta aside p br {
     display:inline-block;
}

.banner-cta article {
     max-width:360px;
}

.banner-cta .title-bar-out {
     padding-bottom:30px;
}
}



/*
 3.7) Footer - Main
----------------------------------------*/

.footer-main {
     width:100%;
     float:left;
     overflow:hidden;
     position:relative;
}

/* Pre - Footer */
.pre-footer {
     width:100%;
     float:left;
     padding:70px 0 0 0;
}

.pre-footer h4 {
     width:100%;
     float:left;
     font-family:"helveticaneuebold", Arial, Helvetica, sans-serif;
     font-size:18px;
     color:#da1f3d;
     text-transform:uppercase;
     padding:0 0 17px 0;
}

.pre-footer h4:last-child {
     padding-bottom:0;
}

.pre-footer h4 a {
     color:#da1f3d;
     text-decoration:none;
}

.pre-footer h4 a:hover {
     text-decoration:underline;
}

.pre-footer nav {
     width:100%;
     float:left;
     padding:20px 0 0 0;
}

.pre-footer nav ul {
     width:100%;
     float:left;
     padding:0;
}

.pre-footer nav ul li {
     width:100%;
     float:left;
     font-size:14px;
     line-height:1.2em;
     letter-spacing:0.02em;
     padding:0 0 20px 0;
     margin:0;
}

.pre-footer nav ul li:before {
     display:none;
}

.pre-footer nav ul li:last-child {
     padding-bottom:0;
}

.pre-footer nav ul li a {
     color:#555555;
}

.pre-footer nav ul li a:hover, 
.pre-footer nav ul li.current-menu-item > a, 
.pre-footer nav ul li.current-menu-parent > a,
.pre-footer nav ul li.current-menu-ancestor > a,
.pre-footer nav ul li.current-product-ancestor > a,
.pre-footer nav ul li.current-product-parent > a {
     color:#da1f3d;
     text-decoration:underline;
}

.pre-footer nav ul li ul {
     display:none;
}

.pre-footer .txt-links {
     width:100%;
     float:left;
     padding:45px 0 0 0;
}

.pre-footer .groups {
     width:100%;
     float:left;
}

.pre-footer .groups ul {
     width:107%;
     float:left;
     padding:15px 0 0 0;
}

.pre-footer .groups ul li {
     width:43%;
     float:left;
     padding:0;
     margin:0 7% 5% 0;
}

.pre-footer .groups ul li:before {
     display:none;
}

.pre-footer .groups ul li:last-child {
     margin-bottom:0;
}

.pre-footer aside {
     width:22%;
     display:inline-block;
     vertical-align:top;
     padding:0 25px 50px 0;
}

.pre-footer aside:nth-child(3) {
     width:18%;
}

.pre-footer aside:nth-child(4) {
     width:38%;
     margin-right:-10%;
     margin-left:2%;
}

.pre-footer .aside-bg {
     width:100%;
     float:left;
}

.pre-footer .cnt-foot {
     width:100%;
     height:60px;
     float:left;
     margin:-40px 0 0 0;
}

.pre-footer .cnt-foot p {
     height:60px;
     float:right;
     font-family:"helveticaneuelight", Arial, Helvetica, sans-serif;
     font-size:18px;
     color:#ffffff;
     line-height:63px;
     letter-spacing:0.02em;
     background:#da1f3d;
     position:relative;
     overflow:hidden;
     padding:0 500% 0 120px;
     margin:0 -500% 0 0;
}

.pre-footer .cnt-foot p i {
     font-size:20px;
     margin:0 20px 0 0;
}

.pre-footer .cnt-foot p span {
     margin-left:60px;
}

.pre-footer .cnt-foot p:before {
     content:"";
     width:50px;
     height:200%;
     float:left;
     background:#ffffff;
     -webkit-transform: rotate(40deg);
     -moz-transform: rotate(40deg);
     -o-transform: rotate(40deg);
     position:absolute;
     top:-50%;
     left:-20px;
}

@media only screen and (max-width: 1023px) {
.pre-footer aside:nth-child(4) {
     width:37%;
}
}

@media only screen and (max-width: 979px) {
.pre-footer {
     padding:55px 0 0 0;
}

.pre-footer aside {
     width:39%;
}

.pre-footer aside:nth-child(3) {
     width:20%;
}

.pre-footer aside:nth-child(4) {
     width:100%;
     margin:0;
}

.pre-footer .cnt-foot {
     margin:0;
}
}

@media only screen and (max-width: 767px) {
.pre-footer {
     padding:45px 0 0 0;
}

.pre-footer nav {
     padding:10px 0 0 0;
}

.pre-footer .txt-links {
     padding:35px 0 0 0;
}

.pre-footer .groups ul {
     padding:10px 0 0 0;
}

.pre-footer aside {
     width:49%;
}

.pre-footer aside:nth-child(2) {
     width:49%;
}

.pre-footer aside:nth-child(3) {
     width:49%;
}

.pre-footer aside:nth-child(4) {
     width:54%;
     margin:0 -5% 0 0;
}

.pre-footer .cnt-foot {
     height:auto;
     margin:0;
}

.pre-footer .cnt-foot p {
     width:116%;
     height:auto;
     line-height:normal;
     text-align:center;
     padding:10px 8%;
     margin:0 -8%;
}

.pre-footer .cnt-foot p i {   
     margin-right:10px;
}

.pre-footer .cnt-foot p span {
     display:inline-block;
     vertical-align:middle;
     padding:0;     
     margin:10px;
}

.pre-footer .cnt-foot p:before {
     display:none;
}
}

@media only screen and (max-width: 570px) {
.pre-footer aside {
     width:100%;
}

.pre-footer aside:nth-child(2) {
     width:49%;
}

.pre-footer aside:nth-child(3) {
     width:49%;
}

.pre-footer aside:nth-child(4) {
     width:105%;
     margin:0;
}
}


/* Footer - Bar */
.footer-bar {
     width:100%;
     float:left;
     background:#231f20;
     padding:0;
}

@media only screen and (max-width: 767px) {
.footer-bar {
     padding:35px 0;
}
}

/* Social - Links */
.social-links {
     float:left;
}

.social-links h4 {
     height:80px;
     float:left;
     font-family:"helveticaneuebold", Arial, Helvetica, sans-serif;
     font-size:18px;
     color:#ffffff;
     line-height:80px;
     letter-spacing:0.02em;
     text-transform:uppercase;
     padding:0 35px 0 0;
}

.social-links ul {
     float:left;
     border-right:1px solid #505f5f;
     padding:0;
     margin:0;
}

.social-links ul li {
     height:80px;
     float:left;
     border-left:1px solid #505f5f;
     padding:0;
     margin:0;
}

.social-links ul li:before {
     display:none;
}

.social-links ul li a {
     width:73px;
     height:80px;
     float:left;
     font-size:14px;
     color:#ffffff;
     line-height:80px;
     text-align:center;
     text-decoration:none;
     background:#333333;
     overflow:hidden;
}

.social-links ul li a span {
     display:none;
}

.social-links ul li a:hover {
     opacity:.80;
}

.social-links ul li a.fa-facebook {
     background:#3c579d;
}

.social-links ul li a.fa-linkedin {
     background:#1675ba;
}

.social-links ul li a.fa-twitter {
     background:#5baaf4;
}

.social-links ul li a.fa-pinterest-p {
     background:#c52622;
}


/* Subscriber - Form */
.subscriber-form {
     width:490px;
     float:right;
}

.subscriber-form .form-bg {
     width:100%;
     height:80px;
     float:left;
     background:rgba(255, 255, 255, .050);
     position:relative;
     padding:0 75px 0 30px;
}

.subscriber-form .es_lablebox {
     width:100%;
     float:left;
     padding:0;
     margin:0;
     display:none;
}

.subscriber-form .es_textbox {
     width:100%;
     height:auto;
     float:left;
     padding:0;
     margin:0;
}

.subscriber-form .input,
.subscriber-form .es_textbox_class {
     width:100%;
     height:80px;
     font-size:18px;
     color:#d2d2d2;
     line-height:45px;
     background:none;
     border:none;
     padding:25px 0;
     margin:0;
}

.subscriber-form :placeholder {
     color:#d2d2d2;
}

.subscriber-form ::-webkit-input-placeholder, 
.subscriber-form ::-webkit-textarea-placeholder {
     color:#d2d2d2;
}

.subscriber-form input::-moz-placeholder, 
.subscriber-form textarea::-moz-placeholder {
     color:#d2d2d2;
}

.subscriber-form ::-moz-placeholder {
     color:#d2d2d2;
}

.subscriber-form :-ms-input-placeholder {
     color:#d2d2d2;
}

.subscriber-form .btn,
.subscriber-form .button {
     width:45px;
     height:80px;
     line-height:80px;
     text-indent:-99999px;
     background:url(images/icon-01.png) no-repeat center center;
     border:none;
     position:absolute;
     top:0;
     right:0;
     padding:0;
     margin:0;
     z-index:10;
}

.subscriber-form .btn:hover,
.subscriber-form .btn:focus,
.subscriber-form .btn:active,
.subscriber-form .btn:active:focus,
.subscriber-form .btn.active:focus,
.subscriber-form .button:hover,
.subscriber-form .button:focus,
.subscriber-form .button:active,
.subscriber-form .button:active:focus,
.subscriber-form .button.active:focus {
     background-color:rgba(255, 255, 255, .050);
}

.subscriber-form .es_button {
     width:45px;
     float:right;
     position:absolute;
     top:0;
     right:0;
     z-index:10;
     cursor:pointer;
     padding:0;
     margin:0;
}

.subscriber-form .es_button .es_textbox_button {
     width:45px;
     height:80px;
     line-height:80px;
     text-indent:-99999px;
     background:url(images/icon-01.png) no-repeat center center;
     border:none;
     padding:0;
     margin:0;
     z-index:10;
     cursor:pointer;
}

.subscriber-form .es_button .es_textbox_button:hover,
.subscriber-form .es_button .es_textbox_button:focus,
.subscriber-form .es_button .es_textbox_button:active,
.subscriber-form .es_button .es_textbox_button:active:focus,
.subscriber-form .es_button .es_textbox_button.active:focus {
     background-color:rgba(255, 255, 255, .050);
}

.subscriber-form .es_msg {
     width:100%;
     float:left;
     font-size:15px;
     line-height:1em;
     position:absolute;
     top:0;
     right:0;
     padding:5px 0 0 30px;
     margin:0;
}

@media only screen and (max-width: 1099px) {
.subscriber-form {
     width:420px;
}
}

@media only screen and (max-width: 979px) {
.subscriber-form {
     width:100%;
}
}

@media only screen and (max-width: 767px) {
.social-links {
     width:100%;
     text-align:center;
     padding:0 0 35px 0;
}

.social-links h4 {
     width:100%;
     height:auto;
     line-height:normal;
     padding:0 0 15px 0;
}

.social-links ul {
     width:100%;
     border:none;
}

.social-links ul li {
     height:auto;
     float:none;
     display:inline-block;
     vertical-align:top;
     border:none;
     padding:0;
     margin:0;
}

.social-links ul li a {
     width:50px;
     height:50px;
     line-height:50px;
}


.subscriber-form {
     width:100%;
}

.subscriber-form .form-bg {
     width:100%;
     height:60px;
     padding:0 45px 0 20px;
}

.subscriber-form .input,
.subscriber-form .es_textbox_class {
     height:60px;
     font-size:15px;
     line-height:30px;
     padding:20px 0;
}

.subscriber-form .btn,
.subscriber-form .button {
     height:60px;
     line-height:60px;
}

.subscriber-form .es_button .es_textbox_button {
     height:60px;
     line-height:60px;
}

.subscriber-form .es_msg {
     position:relative;
     padding:0 0 0 20px;
     margin:-25px 0 0 0;
}
.tow_line.spa{padding:0;}
.send_cont{padding:2%;}
}


/* Copy - Rights */
.copy-rights {
     width:100%;
     float:left;
     padding:7px 0;
}

.copy-rights p {
     float:left;
     font-size:14px;
     line-height:1.2em;
     padding:15px 0;
}

.copy-rights .btm-nav {
     float:right;
     padding:15px 0;
}

.copy-rights .btm-nav ul {
     float:right;
     padding:0;
}

.copy-rights .btm-nav ul li {
     float:left;
     font-size:14px;
     line-height:1.2em;
     padding:0 0 0 60px;
     margin:0;
}

.copy-rights .btm-nav ul li:before {
     display:none;
}

.copy-rights .btm-nav ul li a:hover, 
.copy-rights .btm-nav ul li.current-menu-item > a, 
.copy-rights .btm-nav ul li.current-menu-parent > a {
     color:#da1f3d;
     text-decoration:underline;
}

@media only screen and (max-width: 979px) {
.copy-rights {
     text-align:center;
     padding:20px 0;
}

.copy-rights p {
     width:100%;
     padding:5px 0;
}

.copy-rights .btm-nav {
     width:100%;
     padding:5px 0;
}

.copy-rights .btm-nav ul {
     width:100%;
}

.copy-rights .btm-nav ul li {
     float:none;
     display:inline-block;
     vertical-align:top;
     padding:5px 10px;
}
}



/*
 4.) Inner - Pages
----------------------------------------*/

/* Banner - Inner */
.banner-inner {
     width:100%;
     float:left;
     overflow:hidden;
     position:relative;
}

.banner-inner figure {
     width:100%;
     float:left;
     text-align:center;
     overflow:hidden;
}

.banner-inner figure img {
     width:100%;
     height:auto;
     min-width:1600px;
     margin:0 -800px;
}

.banner-inner .banner-cont {
     background:rgba(0, 0, 0, .50);
}

.banner-inner .banner-cont article { 
     max-width:100%;
}


/* Breadcrumb */
.breadcrumb {
     width:100%;
     float:left;
}

.breadcrumb p,
.breadcrumb nav {
     font-family:Helvetica, Arial, sans-serif!important;
     font-size:18px!important;
     color:#ffffff!important;
     line-height:24px!important;
     font-style:italic!important;
     padding:0!important;
     margin:0!important;
}

.breadcrumb p a,
.breadcrumb nav a {
     font-style:normal!important;
     font-family:"helveticaneuethin", Arial, Helvetica, sans-serif!important;
     color:#ffffff!important;
     text-decoration:none!important;
     letter-spacing:0.02em!important;
}

.breadcrumb p a:hover,
.breadcrumb nav a:hover {
     color:#da1f3d!important;
     text-decoration:underline;
}

.breadcrumb p i,
.breadcrumb nav i {
     padding:0 17px!important;
}

@media only screen and (max-width: 767px) {
.breadcrumb p,
.breadcrumb nav {
     font-size:16px!important;
     line-height:22px!important;
}

.breadcrumb p i,
.breadcrumb nav i {
     padding:0 10px!important;
}
}


/* Content - Inner */
.content-inner { 
     width:100%; 
     float:left; 
     padding:55px 0;
}

@media only screen and (max-width: 767px) {
.content-inner { 
     padding:45px 0;
}
}


/* Grid - Columns */
.col-left-lrg { 
     width:74.56%; 
     float:left; 
}

.col-right-sml { 
     width:22.80%; 
     float:right; 
}

.col-left-sml {
     width:22.80%;
     float:left;
}

.col-right-lrg {
     width:74.56%;
     float:right;
}


@media only screen and (max-width: 979px ) {
.col-left-lrg { 
     width:100%; 
     padding:0 0 40px 0; 
}

.col-right-sml { 
     width:100%; 
     max-width:260px; 
     float:none; 
     margin:0 auto; 
}

.col-left-sml {
     width:100%;
     max-width:260px; 
     float:none; 
     margin:0 auto; 
}

.col-right-lrg {
     width:100%;
     padding:0 0 40px 0; 
}
}


/* Side - Bar */
.side-bar {
     width:100%;
     float:left;
}

.side-bar h3 {
     font-size:18px;
     text-transform:uppercase;
     border-bottom:1px solid #e1e1e1;
     padding:0 0 12px 0;
     margin:0 0 35px 0;
     position:relative;
}

.side-bar h3:before {
     content:"";
     width:105px;
     height:3px;
     float:left;
     background:#da1f3d;
     position:absolute;
     left:0;
     bottom:-2px;
}

/* Sp - Links */
.side-bar aside {
     width:100%;
     float:left;
     margin:0 0 55px 0;
     position:relative;
     z-index:10;
}

.side-bar aside:last-child {
     margin-bottom:0;
}

.side-bar aside ul {
     width:100%;
     float:left;
     padding:0;
}

.side-bar aside ul li {
     width:100%;
     float:left;
     font-family:"helveticaneuemedium", Arial, Helvetica, sans-serif;
     font-size:14px;
     color:#555555;
     line-height:20px;
     padding:0 0 15px 0;
     position:relative;
}

.side-bar aside ul li:last-child {
     padding-bottom:0;
}

.side-bar aside ul li:before {
     display:none;
}

.side-bar aside ul li a {
     color:#555555;
     text-decoration:none;
     padding:0 0 1px 0;
}

.side-bar aside ul li a:hover, 
.side-bar aside ul li a.active, 
.side-bar aside ul li.current-menu-item > a, 
.side-bar aside ul li.current-menu-parent > a,
.side-bar aside ul li.current-menu-ancestor > a,
.side-bar aside ul li.current-product-ancestor > a,
.side-bar aside ul li.current-product-parent > a {
     color:#da1f3d;
     border-bottom:1px solid #da1f3d;
}

.side-bar aside ul li.child ul {
     width:100%;
     float:left;
     display:none;
     padding:17px 0 0 23px;
}

.side-bar aside ul li.child ul li {
     width:100%;
     float:left;
     font-size:13px;
     line-height:19px;
}

.side-bar aside ul li.child ul li a:hover {
     border-bottom:none;
}

.side-bar aside ul li.child ul li a.active {
     border-bottom:none;
}

.side-bar aside ul li.child .accord {
     float:right;
     cursor:pointer;
     position:absolute;
     top:-1px;
     right:8px;
}

.side-bar aside ul li.child .accord:before {
     content:"\f107";
     font-family:"FontAwesome";
     font-size:13px;
     color:#565656;
     line-height:16px;
}

.side-bar aside ul li.child .accord.active:before {
     color:#da1f3d;
}


/* Sp - Links */
.side-bar .product-cat {
     width:100%;
     float:left;
     margin:0 0 55px 0;
     position:relative;
     z-index:10;
}

.side-bar .product-cat:last-child {
     margin-bottom:0;
}

.side-bar .product-cat .cat-line {
     width:100%;
     float:left;
     position:relative;
     padding:0;
}

.side-bar .product-cat h4 {
     width:100%;
     float:left;
     font-family:"helveticaneuemedium", Arial, Helvetica, sans-serif;
     font-size:14px;
     color:#555555;
     line-height:20px;
     padding:0 0 15px 0;
     margin:0;
     position:relative;
     cursor:pointer;
}

.side-bar .product-cat .cat-line:hover h4,
.side-bar .product-cat .cat-line.active h4 {
     color:#da1f3d;
}

.side-bar .product-cat .cat-line h4:hover,
.side-bar .product-cat .cat-line h4.active {
     color:#da1f3d;
}

.side-bar .product-cat .cat-line h4:before {
     content:"\f107";
     font-family:"FontAwesome";
     font-size:13px;
     color:#565656;
     line-height:16px;
     position:absolute;
     top:4px;
     right:0;
}

.side-bar .product-cat .cat-line:hover h4:before,
.side-bar .product-cat .cat-line.active h4:before {
     color:#da1f3d;
}

.side-bar .product-cat .cat-line h4.active:before {
     color:#da1f3d;
}


.side-bar .product-cat ul {
     width:100%;
     float:left;
     display:none;
     padding:0 0 0 23px;
     margin:0;
}

.side-bar .product-cat ul li {
     width:100%;
     float:left;
     font-family:"helveticaneuemedium", Arial, Helvetica, sans-serif;
     font-size:13px;
     color:#555555;
     line-height:19px;
     padding:0 0 15px 0;
     margin:0;
     position:relative;
}

.side-bar .product-cat ul li:before {
     display:none;
}

.side-bar .product-cat ul li:hover > a,
.side-bar .product-cat ul li.active > a {
     color:#da1f3d;
}


/* Information */
.side-bar .information {
     width:100%;
     float:left;
     margin:0 0 55px 0;
}

.side-bar .information:last-child {
     margin-bottom:0;
}

.side-bar .information ul {
     width:100%;
     float:left;
}

.side-bar .information ul li {
     width:100%;
     float:left;
     font-family:"helveticaneuemedium", Arial, Helvetica, sans-serif;
     font-size:13px;
     color:#555555;
     line-height:19px;
     letter-spacing:0.02em;
     padding:0 0 13px 0;
}

.side-bar .information ul li:before {
     display:none;
}

.side-bar .information ul li a {
     width:100%;
     float:left;
     text-decoration:none;
     border:1px solid #ebebeb;
     background:#f7f7f7;
     position:relative;
     padding:10px 20px 10px 50px;
}

.side-bar .information ul li a i {
     width:30px;
     position:absolute;
     top:0;
     left:20px;
     padding:12px 0 0 0;
}

.side-bar .information ul li a:hover {
     color:#ffffff;
     border-color:#da1f3d;
     background:#da1f3d;
}

.side-bar .information ul li a.active {
     color:#ffffff;
     border-color:#da1f3d;
     background:#da1f3d;
}

/* Social - Links2 */
.side-bar .social-links2 {
     width:100%;
     float:left;
     margin:0 0 55px 0;
     position:relative;
     z-index:10;
}

.side-bar .social-links2:last-child {
     margin-bottom:0;
}

.side-bar .social-links2 ul {
     width:100%;
     float:left;
}

.side-bar .social-links2 ul li {
     width:100%;
     float:left;
     font-family:"latobold", Arial, Helvetica, sans-serif;
     font-size:14px;
     color:#ffffff;
     line-height:20px;
     letter-spacing:0.02em;
     text-transform:uppercase;
     padding:0 0 13px 0;
}

.side-bar .social-links2 ul li:before {
     display:none;
}

.side-bar .social-links2 ul li:last-child {
     padding-bottom:0;
}

.side-bar .social-links2 ul li .twitter {
     background:#4099ff;
}

.side-bar .social-links2 ul li .google-plus {
     background:#d34836;
}

.side-bar .social-links2 ul li .linkedin {
     background:#187bb6;
}

.side-bar .social-links2 ul li a {
     width:100%;
     height:50px;
     float:left;
     color:#ffffff;
     line-height:50px;
     text-align:center;
     text-decoration:none;
     background:#3b5998;
     border-radius:2px;
     padding:0 0 0 50px;
     position:relative;
}

.side-bar .social-links2 ul li a i {
     width:50px;
     height:50px;
     float:left;
     font-size:22px;
     color:#ffffff;
     line-height:50px;
     text-align:center;
     background:rgba(255, 255, 255, 0.2);
     border-radius:2px 0 0 2px;
     position:absolute;
     top:0;
     left:0;
}

.side-bar .social-links2 ul li a:hover {
     color:#ffffff;
     border:none;
}

.side-bar .social-links2 ul li a.active {
     color:#ffffff;
     border:none;
}

@media only screen and (max-width: 1199px ) {
.side-bar .social-links2 ul li {
     font-size:12px;
     line-height:18px;
}

.side-bar .social-links2 ul li a i {
     font-size:20px;
}
}


/* Newsletter */
.newsletter {
     width:100%;
     float:left;
     margin:0 0 55px 0;
}

.newsletter:last-child {
     margin-bottom:0;
}

.newsletter .es_lablebox {
     width:100%;
     float:left;
     display:none;
     padding:0;
     margin:0;
}

.newsletter .es_textbox_class {
     width:100%;
     height:38px;
     float:left;
     padding:5px 20px 5px 50px;
     margin:0 0 13px 0;
}

.newsletter .input:last-child {
     margin-bottom:0;
}

.newsletter #es_txt_name {
     background: url(images/user-icon.png) no-repeat 20px center
}

.newsletter #es_txt_email {
     background:#f7f7f7 url(images/email-icon.png) no-repeat 20px center;
}

.newsletter .es_button {
     width:100%;
     float:left;
     padding:0;
     margin:0;
}

.newsletter .es_button .es_textbox_button {
     width:100%;
     height:38px;
     font-family:"helveticaneuebold", Arial, Helvetica, sans-serif;
     font-size:14px;
     color:#ffffff;
     line-height:38px;
     letter-spacing:0.04em;
     text-align:center;
     text-decoration:none;
     text-transform:uppercase; 
     white-space:normal;
     vertical-align:middle;
     background:#da1f3d;
     border:none;
     filter:0;
     border-radius:0;
     position:relative; 
     cursor:pointer;
     padding:0;
}

.newsletter .es_button .es_textbox_button:hover,
.newsletter .es_button .es_textbox_button:focus,
.newsletter .es_button .es_textbox_button:active,
.newsletter .es_button .es_textbox_button:active:focus,
.newsletter .es_button .es_textbox_button.active:focus {
     color:#ffffff;
     background:#b80a26; 
     text-decoration:none; 
}

.newsletter .es_textbox {
     width:100%;
     height:auto;
     float:left;
     padding:0;
     margin:0;
}

.newsletter .es_msg {
     width:100%;
     float:left;
     padding:0;
     margin:0;
}



/* Newsletter - 1 */
.side-bar .newsletter1 {
     width:100%;
     float:left;
     margin:0 0 55px 0;
}

.side-bar .newsletter1:last-child {
     margin-bottom:0;
}

.side-bar .newsletter1 ul {
     width:100%;
     float:left;
     padding:0 0 26px 0;
}

.side-bar .newsletter1 ul li {
     width:100%;
     float:left;
     padding:0 0 13px 0;
     margin:0;
     position:relative;
}

.side-bar .newsletter1 ul li:before {
     display:none;
}

.side-bar .newsletter1 ul li:last-child {
     padding-bottom:0;
}

.side-bar .newsletter1 ul li .input {
     width:100%;
     height:38px;
     float:left;
     padding:5px 20px 5px 50px;
     margin:0;
}

.side-bar .newsletter1 ul li.mail-box .input {
     background:#f7f7f7;
}

.side-bar .newsletter1 .user-name {
     float:left;
     font-size:13px;
     color:#555555;
     line-height:17px;
     position:relative;
     z-index:20;
     position:absolute;
     top:11px;
     left:20px;
}

.side-bar .newsletter1 .email {
     float:left;
     font-size:13px;
     color:#555555;
     line-height:17px;
     position:relative;
     z-index:20;
     position:absolute;
     top:10px;
     left:20px;
}

.side-bar .newsletter1 .btn-out .btn {
     width:100%;
     height:38px;
     font-size:14px;
     line-height:38px;
     letter-spacing:0.04em;
     padding:0;
}

.side-bar .newsletter1 .btn-out .btn i {
     padding:0 15px 0 0;
}



/* Default - Page */

/* Row - Top  */
.row-top {
     width:100%;
     float:left;
     padding:0 0 60px 0;
}

.row-top:last-child {
     padding-bottom:0;
}

.row-top .left-col {
     width:42.63%;
     float:left;
}

.row-top .left-col figure {
     width:100%;
     float:left;
     text-align:center;
     overflow:hidden;
}

.row-top .left-col figure img {
     width:100%;
     height:auto;
}

.row-top .right-col {
     width:53.24%;
     float:right;
     padding:0 35px 0 0;
}

@media only screen and (max-width: 979px) {
.row-top {
     padding:0 0 50px 0;
}

.row-top .left-col {
     width:100%;
     padding:0 0 30px 0;
}

.row-top .left-col figure img {
     max-width:350px;
}

.row-top .right-col {
     width:100%;
     padding:0;
}
}

/* Row - Bottom  */
.row-bottom {
     width:100%;
     float:left;
}

.row-bottom .field {
     width:48%;
     float:left;
}

.row-bottom .field aside {
     width:100%;
     float:left;
     padding:0 0 45px 0;
}

.row-bottom .field aside:last-child {
     padding:0;
}

.row-bottom .field-right {
     float:right;
}

.row-bottom .main-heading h2 {
     font-size:22px;
}

@media only screen and (max-width: 479px) {
.row-bottom .field {
     width:100%;
}

.row-bottom .field aside {
     padding:0 0 35px 0;
}
}


/*
 5.) Industries - Page
----------------------------------------*/

.industries-info {
     width:100%;
     float:left;
}

.industries-info figure {
     width:45.3%;
     float:none;
     display:inline-block;
     vertical-align:middle;
     text-align:center;
     position:relative;
     overflow:hidden;
     margin:0 -45.3% 0 0;
     z-index:10;
}

.industries-info figure img {
     width:100%;
     height:auto;
     min-width:384px;
     margin:0 -192px;
}

.industries-info figure a {
     width:100%;
     height:100%;
     float:left;
     position:relative;
}

.industries-info figure a:before {
     content:"";
     width:100%;
     height:100%;
     float:left;
     background:rgba(0, 0, 0, 0.5) url(images/icon-plus.png) no-repeat center center;
     position:absolute;
     top:0;
     left:0;
     opacity:0;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
}

.industries-info .aside-bg {
     width:100%;
     float:none;
     display:inline-block;
     vertical-align:middle;
     padding:0 0 0 45.3%;
     margin:0 -3px;
}

.industries-info aside {
     width:100%;
     height:330px;
     float:left;
     position:relative;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
     padding:50px 35px 51px 35px;
}

.industries-info aside:before {
     content:"";
     width:0;
     height:0;
     float:left;
     border-top:11px solid transparent;
     border-bottom:11px solid transparent;
     border-right:11px solid #f7f7f7;
     position:absolute;
     top:50%;
     left:0;
     margin:-11px 0 0 -11px;
     z-index:20;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
}

.industries-info aside h3 {
     font-size:22px;
     color:#222222;
     padding:0 0 20px 0;
}

.industries-info aside h3 a {
     color:#222222;
}

.industries-info aside h3 a:hover {
     color:#da1f3d;
}

.industries-info aside .top-txt {
     font-family:"pt_serifbold_italic", Arial, Helvetica, sans-serif;
     font-size:16px;
     line-height:20px;
     padding:0 0 10px 0;
}

.industries-info aside p {
     padding:0;
}

.industries-info aside .btn {
     margin-top:30px;
}

.industries-info article {
     width:100%;
     float:left;
     background:#f7f7f7;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
     margin:0 0 45px 0;
}

.industries-info article:hover {
     background:#231f20;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
}

.industries-info article:hover figure a:before {
     opacity:1;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
}

.industries-info article:hover aside h3 a {
     color:#ffffff;
}

.industries-info article:hover aside h3 a:hover {
     color:#da1f3d;
}

.industries-info article:hover aside p {
     color:#cdcdcd;
}

.industries-info article:hover aside .top-txt {
     color:#cdcdcd;
}

.industries-info article:hover aside:before {
     border-right-color:#231f20;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
}

.industries-info article:nth-child(even) figure {
     width:45.3%;
     margin:0 -54.7% 0 54.7%;
}

.industries-info article:nth-child(even) .aside-bg {
     padding:0 45.3% 0 0;
     margin:0 -54.7% 0 -45.3%;
}

.industries-info article:nth-child(even) aside:before {
     border-top:11px solid transparent;
     border-bottom:11px solid transparent;
     border-left:11px solid #f7f7f7;
     border-right:none;
     left:auto;
     right:0;
     margin:-11px -6px 0 0;
}

.industries-info article:hover:nth-child(even) aside:before {
     border-left-color:#231f20;
}

@media only screen and (max-width: 1199px) {
.industries-info aside {
     padding:35px 25px 36px 25px;
}
}

@media only screen and (max-width: 979px) {
.industries-info aside {
     padding:30px 20px 31px 20px;
}
}

@media only screen and (max-width: 767px) {
.industries-info figure {
     width:100%;
     float:left;
     margin:0;
}

.industries-info figure img {
     min-width:inherit;
     margin:0;
}

.industries-info figure a:before {
     background-size:45px auto;
}

.industries-info .aside-bg {
     padding:0;
     margin:0;
}

.industries-info aside {
     height:auto;
     padding:30px 20px;
}

.industries-info aside:before {
     border-left:11px solid transparent;
     border-right:11px solid transparent;
     border-bottom:11px solid #f7f7f7;
     border-top:0;
     position:absolute;
     top:0;
     left:50%;
     margin:-11px 0 0 -11px;
}

.industries-info aside h3 {
     font-size:20px;
}

.industries-info aside .top-txt {
     font-size:15px;
}

.industries-info article {
     margin:0 0 30px 0;
}

.industries-info article:nth-child(even) figure {
     width:100%;
     margin:0;
}

.industries-info article:nth-child(even) .aside-bg {
     padding:0;
     margin:0;
}
}


/* Single Content Industries */
.single-cont-industries { width:100%; float:left;}
.single-cont-industries h1 { text-align:center; padding-bottom:20px;}
.single-cont-industries p { padding-bottom:30px;}
.single-cont-industries p:last-child { padding-bottom:0;}
.single-cont-industries .top-txt {
     font-family:"pt_serifbold_italic", Arial, Helvetica, sans-serif;
     font-size:16px;
     line-height:20px;
     text-align:center;
     padding:0 0 10px 0;
}

/*.single-cont-industries figure { width:100%; float:left; text-align:center; overflow:hidden; margin:0 0 30px 0;}*/
.single-cont-industries figure { width: 46%; float: left;text-align: center; overflow: hidden; margin: 0 26px 30px 0;}
.single-cont-industries figure img { width:auto; max-width:100%; height:auto;}




/*
 6.) Product Listing - Page
----------------------------------------*/

.product-list2 {
     width:100%;
     float:left;
     padding:30px 50px 0 0;
}

.product-list2 article {
     width:44.60%;
     margin:0 2.5% 35px 2.5%;
}

.product-list2 .article-bg {
     width:105%;
     margin:0 -2.5% -35px -2.5%;
}

@media only screen and (max-width: 979px ) {
.product-list2 {
     padding:0;
}
}

@media only screen and (max-width: 767px ) {
.product-list2 article {
     width:100%;
     margin:0 11px 25px 11px;
}

.product-list2 .article-bg {
     width:100%;
     margin:0 0 -25px 0;
}
}

@media only screen and (max-width: 479px ) {
.product-list2 article {
     margin:0 0 25px 0;
}
}


/*
 6.1) Products Detail - Page
----------------------------------------*/

/* Detail - Field  */
.detail-field {
     width:100%;
     float:left;
     padding:0 0 50px 0;
}

.detail-field:last-child {
     padding:0;
}

.detail-field h3 {
     font-family:"helveticaneuebold", Arial, Helvetica, sans-serif;
     color:#555555;
     line-height:1.7em;
}

.detail-field .slider-bg {
     width:100%;
     float:left;
     position:relative;
     padding:0 95px;
}

.detail-field .slider-bg ul {
     width:100%;
     float:left;
     padding:0;
}

.detail-field .slider-bg ul li {
     width:100%;
     float:left;
     padding:0;
}

.detail-field .slider-bg ul li img {
     width:100%;
     height:auto;
}
.detail-field .slider-bg ul.slides li { text-align: center;    overflow: hidden;}.detail-field .slider-bg ul.slides li img { width:auto;max-width:none;    height:400px;}
.detail-field .slider-bg ul li:before {
     display:none;
}

.detail-field .flex-direction-nav .flex-prev {
     left:35px;
}

.detail-field .flex-direction-nav .flex-next {
     right:35px;
}

.detail-field .flex-control-paging li a.flex-active {
     background:#931126;
}

@media only screen and (max-width: 979px) {
.detail-field .slider-bg {
     padding:0 65px;
}

.detail-field .flex-direction-nav .flex-prev {
     left:25px;
}

.detail-field .flex-direction-nav .flex-next {
     right:25px;
}
}

@media only screen and (max-width: 767px) {
.detail-field {
     padding:0 0 40px 0;
}

.detail-field .slider-bg {
     padding:0px;
}

.detail-field .flex-control-nav {
     margin:12px 0 0 0;
}
}


/* List - Field  */
.list-field {
     width:100%;
     float:left;
     padding:0 0 50px 0;
}

.list-field:last-child {
     padding:0;
}

.list-field .list {
     width:100%;
     float:left;
}

.list-field .list aside {
     width:42%;
     float:left;
}

.list-field .list aside:nth-child(even) {
     width:46%;
     float:right;
}

.list-field .main-heading {
     padding:0 0 40px 0;
}

@media only screen and (max-width: 767px) {
.list-field {
     padding:0 0 40px 0;
}
}

@media only screen and (max-width: 479px) {
.list-field .list aside {
     width:100%;
     padding:0;
}

.list-field .list aside:nth-child(even) {
     width:100%;
     float:left;
}

.list-field .main-heading {
     padding:0 0 30px 0;
}
}

/* Social - Share  */
.social-share {
     width:100%;
     float:left;
     text-align:center;
     background:#f7f7f7;
     padding:40px 20px 45px 20px;
}

.social-share h3 {
     font-family:"helveticaneuebold", Arial, Helvetica, sans-serif;
     font-size:18px;
     color:#222222;
     text-transform:uppercase;
     padding:0 0 30px 0;
}

.social-share ul {
     width:100%;
     float:left;
     padding:0;
     margin:0 0 -10px 0;
}

.social-share ul li {
     float:none;
     display:inline-block;
     vertical-align:middle;
     padding:0;
     margin:0 4px 10px 4px;
}

.social-share ul li:before {
     display:none;
}

.social-share ul li a span {
     display:none;
}

@media only screen and (max-width: 767px) {
.social-share {
     padding:35px 15px 40px 15px;
}
}

/* Products - Detail */
.procucts-detail {
     width:100%;
     float:left;
     background:#f6f6f6 url(images/pattern-01.png) repeat top center;
     padding:60px 0;
}

.procucts-detail .main-heading {
     padding:0 0 30px 0;
}

@media only screen and (max-width: 767px ) {
.procucts-detail {
     padding:40px 0;
}
}


/*
 7.)  News - Page
----------------------------------------*/

.post-info {
     width:100%;
     float:left;
}

.post-info figure {
     width:100%;
     float:left;
     text-align:center;
     overflow:hidden;
     position:relative;
}

.post-info figure img {
     width:auto;
     margin:0;
}

.post-info figure a {
     width:100%;
     float:left;
     position:relative;
}

.post-info aside {
     width:100%;  
     background:#fff;
     overflow:hidden;
     padding:0;
}

.post-info aside h3 {
     font-size:18px;
     line-height:1.5em;
     padding:0 0 12px 0;
}

.post-info aside h3 a {
     color:#555555;
}

.post-info aside h3 a:hover {
     color:#da1f3d;
     text-decoration:underline;
}

.post-info aside p {
     padding:0;
}

.post-info aside ul {
     width:100%;
     float:left;
}

.post-info aside ul li:first-child {
     padding-left:0;
}

.post-info aside ul li {
     float:left;
     font-family:"pt_serifbold_italic", Arial, Helvetica, sans-serif;
     font-size:13px;
     color:#a5a5a5;
     line-height:15px;
     padding:0 0 8px 38px;
}

.post-info aside ul li a {
     color:#a5a5a5;
}

.post-info aside ul li a:hover {
     text-decoration:none;
     color:#da1f3d;
}

.post-info aside ul li:before {
     display:none;
}

.post-info aside ul li i {
     padding:0 6px 0 0;
}

.post-info .category-bar {
     min-width:110px;
     float:left;
     font-family:"latobold", Arial, Helvetica, sans-serif;
     font-size:13px;
     color:#ffffff;
     text-align:center;
     text-transform:uppercase;
     line-height:15px;
     letter-spacing:0.01em;
     border-radius:3px;
     background:#da1f3d;
     padding:8px 15px 6px 15px;
     position:absolute;
     top:18px;
     left:18px;
     z-index:10;
}

.post-info .head-txt {
     width:100%;
     float:left;
     padding:0 0 10px 0;
}

.post-info .social-links {
     float:right;
     position:absolute;
     bottom:35px;
     right:30px;
}

.post-info .social-links a {
     float:right;
     font-size:14px;
     color:#cccccc;
}

.post-info .social-links a:hover {
     text-decoration:none;
     color:#da1f3d;
}

.post-info .social-links a.fa-share-alt {
     margin:0 25px 0 0;
}

.post-info article {
     width:100%;
     float:none;
     position:relative;
     overflow:hidden;
     margin:0 3% 3% 0;
}

.post-info article.full {
     width:100%;
     text-align:center;
     display:block!important;
     margin-right:0;
}

.post-info article.full figure img {
     height:auto;
}

.post-info article.full aside {
     min-height:inherit;
}

.post-info article.full aside h2 {
     padding:0 0 10px 0;
}

.post-info article.full aside h2 a {
     color:#222222;
}

.post-info article.full aside h2 a:hover {
     color:#da1f3d;
     text-decoration:underline;
}

.post-info article.full aside ul li {
     float:none;
     display:inline-block;
     padding:0 12px;
}

.post-info article.full.single-f {
     text-align:left;
}

.post-info article.full.single-f p {
     padding-bottom:20px;
}

.post-info .article-News figure img {
     width:auto;
     min-width: auto;
     margin:0;
height: auto;
}
.post-info .article-News figure{
    text-align:center;
}
.post-info .article-News aside {
     /*height:100%;
     position:absolute;
     top:0;
     left:0;
     background:rgba(0, 0, 0, 0.75);
     padding:100px 30px 30px 45px;
     display:none;*/
     padding:0 0 25px;
     background:none;
     min-height: 100%;
}
.post-info .article-News aside h3{margin:0;color:#222222;}
.post-info .article-News aside h3 a {
     color:#222222;
}

.post-info .article-News aside h3 a:hover {
     color:#da1f3d;
}
.post-info .article-News aside .head-txt{padding:0 0 15px;}
.post-info .article-News aside p {
     color:#555555;
     margin-bottom:25px;
}

.post-info .article-News .category-bar {
     top:40px;
     left:45px;
     display:block;
}

.post-info .article-News:hover aside {
     display:block;
}

.post-info article .video-play {
     display:none;
}

.post-info .article-Video .video-play {
     width:100%;
     height:100%;
     float:left;
     position:absolute;
     top:0;
     left:0;
     display:block;
}

.post-info .article-Video .video-play a {
     width:100%;
     height:100%;
     float:left;
     text-indent:-9999px;
     position:absolute;
     top:0;
     left:0;
}

.post-info .article-Video .video-play a:before {
     content:"\f04b";
     width:60px;
     height:60px;
     float:left;
     font-family:"FontAwesome";
     font-size:20px;
     color:#ffffff;
     text-align:center;
     line-height:60px;
     text-indent:0;
     border-radius:60px;
     background:#da1f3d;
     position:absolute;
     top:50%;
     left:50%;
     margin:-30px 0 0 -30px;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     transform: translateZ(0);
}

.post-info .article-Video .video-play a:hover:before {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     transform: scale(1.1);
     z-index:10;
}

.post-info .article-Video aside {
     height:0;
     display:none;
     overflow:hidden;
}

.post-info .article-Video .category-bar {
     height:0;
     display:none;
     overflow:hidden;
}

.post-info .article-bg {
     width:100%;
     float:left;
     padding:0 0 20px 0;
     margin:0 -3% -3% 0;
}

.post-info .article-bg .article-Joest {
     height:0!important;
     overflow:hidden!important;
     margin:0!important;
}

.post-info .btn {
     width:225px;
     height:45px;
     font-size:18px;
     line-height:45px;
     padding:0;
}

.post-info .btn-out {
     text-align:center;
}

/* Grid - View */
.post-info #tiles {
     width:100%;
     float:left;
     list-style-type:none;
     padding:0;
     margin:0;
}

.post-info article.inactive {
     visibility: hidden;
     opacity: 0;
}

.post-info article {
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}


@media only screen and (max-width: 1199px) {
.post-info aside .social-share {
     bottom:25px;
     right:25px;
}

.post-info .article-News aside {
     padding:80px 30px 30px 40px;
}

.post-info .article-News .category-bar {
     top:40px;
     left:40px;
}
}

@media only screen and (max-width: 767px) {
.post-info aside {
     padding:23px 30px 30px 30px;
}

.post-info aside ul li {
     padding:0 0 5px 20px;
}

.post-info .article-News aside {
     padding:80px 30px 30px 35px;
}

.post-info .article-News .category-bar {
     top:35px;
     left:35px;
}
}

@media only screen and (max-width: 699px) {
.post-info article {
     width:100%!important;
     margin:0 0 30px 0;
}

.post-info .article-bg {
     width:100%;
     max-width:380px;
     float:none;
     margin:0 auto;
}

.post-info article.full {
     max-width:100%;
}

.post-info .btn {
     width:200px;
     height:40px;
     font-size:16px;
     line-height:40px;
}
}





/*
 6.) Video Gallery - Popup
----------------------------------------*/

.fancybox-wrap, 
.fancybox-skin, 
.fancybox-outer, 
.fancybox-inner, 
.fancybox-image, 
.fancybox-wrap iframe, 
.fancybox-wrap object, 
.fancybox-nav, 
.fancybox-nav span, 
.fancybox-tmp {
     padding: 0;
     margin: 0;
     border: 0;
     outline: none;
     vertical-align: top;
}

.fancybox-wrap {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 8020;
}

.fancybox-skin {
     position: relative;
     background: #da1f3d;
     color: #444;
     text-shadow: none;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     padding:0;
}

.fancybox-opened {
     z-index: 8030;
}

.fancybox-opened .fancybox-skin {
     -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
     box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
     position: relative;
}

.fancybox-inner {
     overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
     -webkit-overflow-scrolling: touch;
}

.fancybox-error {
     color: #444;
     font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
     margin: 0;
     padding: 15px;
     white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
     display: block;
     width: 100%;
     height: 100%;
}

.fancybox-image {
     max-width: 100%;
     max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
     background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
     position: fixed;
     top: 50%;
     left: 50%;
     margin-top: -22px;
     margin-left: -22px;
     background-position: 0 -108px;
     opacity: 0.8;
     cursor: pointer;
     z-index: 8060;
}

#fancybox-loading div {
     width: 44px;
     height: 44px;
     background: url('images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
     position: absolute;
     top: -18px;
     right: -18px;
     width: 30px;
     height: 30px;
     background:rgba(0, 0, 0, .3)!important;
     border:4px solid rgba(255, 255, 255, .7)!important;
     border-radius:30px!important;
     cursor: pointer;
     z-index: 8040;
}

.fancybox-close:before {
     width:22px;
     height:22px;
     float:left;
     content:"\f00d";
     font-family:"FontAwesome";
     font-size:16px;
     color:rgba(255, 255, 255, .7);
     line-height:22px;
     text-align:center;
     position: absolute;
     top: 0;
     right: 0;
}

.fancybox-nav {
     position: absolute;
     top: 0;
     width: 40%;
     height: 100%;
     cursor: pointer;
     text-decoration: none;
     background: transparent url('images/blank.gif'); /* helps IE */
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     z-index: 8040;
}

.fancybox-prev {
     left: 0;
}

.fancybox-next {
     right: 0;
}

.fancybox-nav span {
     position: absolute;
     top: 50%;
     width: 36px;
     height: 34px;
     margin-top: -18px;
     cursor: pointer;
     z-index: 8040;
     visibility: hidden;
}

.fancybox-prev span {
     left: 10px;
     background-position: 0 -36px;
}

.fancybox-next span {
     right: 10px;
     background-position: 0 -72px;
}

.fancybox-nav:hover span {
     visibility: visible;
}

.fancybox-tmp {
     position: absolute;
     top: -99999px;
     left: -99999px;
     visibility: hidden;
     max-width: 99999px;
     max-height: 99999px;
     overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
     overflow: hidden !important;
     width: auto;
}

.fancybox-lock body {
     overflow: hidden !important;
}

.fancybox-lock-test {
     overflow-y: hidden !important;
}

.fancybox-overlay {
     position: absolute;
     top: 0;
     left: 0;
     overflow: hidden;
     display: none;
     z-index: 8010;
     background: rgba(0, 0, 0, .7);
}

.fancybox-overlay-fixed {
     position: fixed;
     bottom: 0;
     right: 0;
}

.fancybox-lock .fancybox-overlay {
     overflow: auto;
     overflow-y: scroll;
}

/* Title helper */


.fancybox-title {
     visibility: hidden;
     font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
     position: relative;
     text-shadow: none;
     z-index: 8050;
}

.fancybox-opened .fancybox-title {
     visibility: visible;
}

.fancybox-title-float-wrap {
     position: absolute;
     bottom: 0;
     right: 50%;
     margin-bottom: -35px;
     z-index: 8050;
     text-align: center;
}

.fancybox-title-float-wrap .child {
     display: inline-block;
     margin-right: -100%;
     padding: 2px 20px;
     background: transparent; /* Fallback for web browsers that doesn't support RGBa */
     background: rgba(0, 0, 0, 0.8);
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
     text-shadow: 0 1px 2px #222;
     color: #FFF;
     font-weight: bold;
     line-height: 24px;
     white-space: nowrap;
}

.fancybox-title-outside-wrap {
     position: relative;
     margin-top: 10px;
     color: #fff;
}

.fancybox-title-inside-wrap {
     padding-top: 10px;
}

.fancybox-title-over-wrap {
     position: absolute;
     bottom: 0;
     left: 0;
     color: #fff;
     padding: 10px;
     background: #000;
     background: rgba(0, 0, 0, .8);
}

// New  Styles 
.companycls p ,.companycls strong {
    line-height: 1.6;
}
.newh{
line-height:1.3 !important;
}
.contwidth{
width: 95% !important;
padding: 28px 0 !important;
border-bottom: 1px dotted #abab;
}                                                 
@media print {
  a:after { content:''; }
    a[href]:after { content: none !important; }
}.finegrinding_linkshow{display:none}.industrie-template-default.postid-173 .finegrinding_linkshow{display:block}.page-id-379 .send_cont,.page-id-379 input[type="text"],.page-id-379 input[type="email"],.page-id-379 input[type="file"],.page-id-379 input[type="tel"],.page-id-379 .send_cont select{width:100% !important}.page-id-379 p{padding:0}.page-id-379 p strong{font-size: 22px;}.page-id-379 .send_cont  input[type="text"],.page-id-379 .send_cont  input[type="email"],.page-id-379 .send_cont  input[type="tel"],.page-id-379 .send_cont  textarea,.page-id-379 .send_cont  select{margin:0;}.page-id-379 .send_cont strong{color:#fff;}.page-id-379 .send_cont .tow_line,.page-id-379 .send_cont .one_line,.page-id-379 .send_cont .three_line{padding:0 1%;margin-bottom:2%}.page-id-379 .send_cont .clearboth{clear:both;height:0}.page-id-379 .send_cont .three_line{width:33.3%;float:left}.page-id-379 .send_cont .one_line.textsection{color:#fff;font-size:14px;line-height: 20px;}.page-id-379 .send_cont .one_line.no-margin{margin:0}.page-id-379 .send_cont label{color:#fff}.page-id-379 .send_cont .input-group-addon{border-radius:0}.page-id-379 .send_cont select {background:#fff url("images/arrow-03.png") no-repeat right center;}@media only screen and (max-width: 767px) {.tow_line{width:100%}}
.alignnone.size-full.wp-image-161 {
  height: 135px;
}
.banner-inner img {
  height: 250px !important;
  margin: 0 !important;
}
.term-11 .prod_cat_banner {
  background:url("http://joest.com.au/wp-content/uploads/2017/06/page-banner-01.jpg")!important ;
    background-repeat: no-repeat;
  background-size: cover;
}
.term-13 .prod_cat_banner {
  background:url("http://joest.com.au/wp-content/uploads/2017/06/banner-joest-03.jpg")!important ;
    background-repeat: no-repeat;
  background-size: cover;
}
.term-14 .prod_cat_banner {
  background: url("http://joest.com.au/wp-content/uploads/2017/06/page-banner-02.jpg") !important;
  background-repeat: no-repeat;
  background-size: cover;
}

.term-15 .inner-bg.prod_cat_banner {
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: url("http://joest.com.au/wp-content/uploads/2016/10/page-banner-06.jpg") !important;
  background-origin: padding-box !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat;
  background-size: cover !important;
}
.term-16 .prod_cat_banner {
  background: url("http://joest.com.au/wp-content/uploads/2017/06/banner-joest-03.jpg") !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.cat_prod_description {
  margin-bottom: 25px !important;
}
/*.send_cont .tow_upload .UPLOAD .wpcf7-file {opacity: 0;z-index:9999;position:relative;}
.send_cont .tow_upload .UPLOAD:after{
    bottom: 0;
    color: #fff;
    content: "Upload File";
    font-size: 14px;
    font-weight: normal;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 20%;
    z-index: 0;
}
.send_cont .tow_upload .UPLOAD{
    background: #e14c64 none repeat scroll 0 0;
    display: inline-block;
    position: relative;
}*/

.send_cont .tow_upload.fileupload .wpcf7-file {
     width: 0.1px;
     height: 0.1px;
     opacity: 0;
     overflow: hidden;
     position: absolute;
     z-index: -1;
}

.send_cont .tow_upload.fileupload .wpcf7-file + label {
    font-size:13px; 
    color: white;
    background-color: #e14c64;
    display: inline-block;
    text-align:center;
    padding: 15px;
}

.send_cont .tow_upload.fileupload .wpcf7-file + label,
.send_cont .tow_upload.fileupload .wpcf7-file + label:hover {
    background-color: #e14c64;
}
.send_cont .tow_upload.fileupload .wpcf7-file + label {
     cursor: pointer;
}

.tow_line input[type="text"],
.tow_line input[type="email"],
.tow_line input[type="tel"]{width: 100% !important;}
div.wpcf7-response-output{clear: both;margin: 0;}
.category-news h1{padding:15px 0;font-size:22px;}
h2.privacy_tit {
    padding-bottom: 5px;
}
a.phn_no {
    color: #fff;
}
.bemedia_logo_footer {
  border-top: 1px solid;
  overflow: hidden;
  padding-top: 5px;
  width: 100%;
  padding-bottom: 5px;
}
.bemedia_logo_footer img {
  float: right;
  margin-right: 105px;
  width:200px;
}
.container aside h2 a {
  color: #fff;
}
.map_addrs_phn {
  float: left;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.map_phn {
  float: left;
  width: 50%;
}
.site_map_sec h2 a {
    color: #555555 !important;
}
.site_map_sec h2 {
    margin-top: 35px;
    padding-bottom: 14px !important;
}
h2.cont_site_top {
    margin-top: 5px;
}
.s > a {
  color: #fff;
}
.on_con {
  border:none !important;
  float: left;
  font-size: 14px;
  text-align: center;
  width: 40%;
}
.email_cont_midd {
 
}
.on_con1 {
  float: left;
  font-size: 14px;
  text-align: center;
  width: 40%;
}
.email_cont_midd {
    margin: 180px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
      background: #fff
}

.email_line{
     background:url('images/center-line-bg.jpg') repeat-y center top;float:left;width:20%;
}

@media only screen and (min-width:1600px) {
   .product-list .article-bg article figure img {height: 370px;}
}

@media only screen and (min-width:1400px) {
   .product-list .article-bg article figure img {width: 100%;}
}
@media only screen and (max-width:767px) {
.email_line,.on_con,.on_con1{width:100%;margin:0 0 15px}
.email_cont_midd {margin:75px 0;}
.cont_offi img{height:auto}
}