@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,500,600,700,800&display=swap');


body {
	font-family: 'Raleway', sans-serif;
	margin: 0;
	font-size: 10pt;
}

[data-href]{cursor: pointer;}

@media print {
	.noprint {display:none !important;}
	a:link:after, a:visited:after {
		display: none;
		content: "";
	}
}


/*************************************************************************************************
	Class for hidden label for inputs with placeholder only 
	add class="placeholder" to the input. label must come after the input itself
	make extra individual css settings for the label itself for each place
*************************************************************************************************/

input.placeholder:focus::-moz-placeholder {  color:transparent;  }
input.placeholder:focus::-webkit-input-placeholder {  color:transparent;  }
input.placeholder:focus:-ms-input-placeholder {  color:transparent;  }

input.placeholder + label {
position:absolute;
right:-999px;
cursor: text;
opacity: 0;
}

input.placeholder:focus + label {
transition: all 0.5s cubic-bezier(1, 0, 0, 1) 0s;
opacity: 1;
right: 0;
}
table{width: 100%}
/*** end placeholder label classes ***/
.lego-row img{max-width: 100% !important;}

/*UI TOOLTIP*/
.ui-tooltip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;}.ui-tooltip-fluid{display:block;visibility:hidden;position:static!important;float:left!important;}.ui-tooltip-content{position:relative;padding:5px 9px;overflow:hidden;border:1px solid #000001;text-align:left;word-wrap:break-word;}.ui-tooltip-titlebar{position:relative;min-height:14px;padding:5px 35px 5px 10px;overflow:hidden;border:1px solid #000001;border-bottom-width: 0;font-weight:bold;}.ui-tooltip-titlebar+.ui-tooltip-content{border-top-width:0!important;}/*!Default close button class */ .ui-tooltip-titlebar .ui-state-default{position:absolute;right:4px;top:50%;margin-top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;}* html .ui-tooltip-titlebar .ui-state-default{top:16px;}.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon{display:block;text-indent:-1000em;}.ui-tooltip-icon,.ui-tooltip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-tooltip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em;}/*!Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar,.ui-tooltip-default .ui-tooltip-content{border-color:#F1D031;background-color:#FFFFA3;color:#555;}.ui-tooltip-default .ui-tooltip-titlebar{background-color:#FFEF93;}.ui-tooltip-default .ui-tooltip-icon{border-color:#CCC;background:#F1F1F1;color:#777;}.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{border-color:#AAA;color:#111;}.ui-tooltip .ui-tooltip-tip{margin:0 auto;overflow:hidden;z-index:10;}.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip *{position:absolute;line-height:.1px!important;font-size:.1px!important;color:#123456;background:transparent;border:0 dashed transparent;}.ui-tooltip .ui-tooltip-tip canvas{top:0;left:0;}#qtip-overlay{position:fixed;left:-10000em;top:-10000em;}#qtip-overlay.blurs{cursor:pointer;}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:black;opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}/*!Light tooltip style */ .ui-tooltip-light .ui-tooltip-titlebar,.ui-tooltip-light .ui-tooltip-content{border-color:#E2E2E2;color:#454545;}.ui-tooltip-light .ui-tooltip-content{background-color:white;}.ui-tooltip-light .ui-tooltip-titlebar{background-color:#f1f1f1;}/*!Dark tooltip style */ .ui-tooltip-dark .ui-tooltip-titlebar,.ui-tooltip-dark .ui-tooltip-content{border-color:#303030;color:#f3f3f3;}.ui-tooltip-dark .ui-tooltip-content{background-color:#505050;}.ui-tooltip-dark .ui-tooltip-titlebar{background-color:#404040;}.ui-tooltip-dark .ui-tooltip-icon{border-color:#444;}.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{border-color:#303030;}/*!Cream tooltip style */ .ui-tooltip-cream .ui-tooltip-titlebar,.ui-tooltip-cream .ui-tooltip-content{border-color:#F9E98E;color:#A27D35;}.ui-tooltip-cream .ui-tooltip-content{background-color:#FBF7AA;}.ui-tooltip-cream .ui-tooltip-titlebar{background-color:#F0DE7D;}.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{background-position:-82px 0;}/*!Red tooltip style */ .ui-tooltip-red .ui-tooltip-titlebar,.ui-tooltip-red .ui-tooltip-content{border-color:#D95252;color:#912323;}.ui-tooltip-red .ui-tooltip-content{background-color:#F78B83;}.ui-tooltip-red .ui-tooltip-titlebar{background-color:#F06D65;}.ui-tooltip-red .ui-state-default .ui-tooltip-icon{background-position:-102px 0;}.ui-tooltip-red .ui-tooltip-icon{border-color:#D95252;}.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{border-color:#D95252;}/*!Green tooltip style */ .ui-tooltip-green .ui-tooltip-titlebar,.ui-tooltip-green .ui-tooltip-content{border-color:#90D93F;color:#3F6219;}.ui-tooltip-green .ui-tooltip-content{background-color:#CAED9E;}.ui-tooltip-green .ui-tooltip-titlebar{background-color:#B0DE78;}.ui-tooltip-green .ui-state-default .ui-tooltip-icon{background-position:-42px 0;}/*!Blue tooltip style */ .ui-tooltip-blue .ui-tooltip-titlebar,.ui-tooltip-blue .ui-tooltip-content{border-color:#ADD9ED;color:#5E99BD;}.ui-tooltip-blue .ui-tooltip-content{background-color:#E5F6FE;}.ui-tooltip-blue .ui-tooltip-titlebar{background-color:#D0E9F5;}.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{background-position:-2px 0;}/*!Add shadows to your tooltips in:FF3+,Chrome 2+,Opera 10.6+,IE6+,Safari 2+*/ .ui-tooltip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);}.ui-tooltip-shadow .ui-tooltip-titlebar,.ui-tooltip-shadow .ui-tooltip-content{filter:progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3)";_margin-bottom:-3px;.margin-bottom:-3px;}/*!Add rounded corners to your tooltips in:FF3+,Chrome 2+,Opera 10.6+,IE9+,Safari 2+*/ .ui-tooltip-rounded,.ui-tooltip-rounded .ui-tooltip-content,.ui-tooltip-tipsy,.ui-tooltip-tipsy .ui-tooltip-content,.ui-tooltip-youtube,.ui-tooltip-youtube .ui-tooltip-content{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.ui-tooltip-rounded .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-titlebar{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}.ui-tooltip-rounded .ui-tooltip-titlebar+.ui-tooltip-content,.ui-tooltip-tipsy .ui-tooltip-titlebar+.ui-tooltip-content,.ui-tooltip-youtube .ui-tooltip-titlebar+.ui-tooltip-content{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}/*!Youtube tooltip style */ .ui-tooltip-youtube{-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;}.ui-tooltip-youtube .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-content{_margin-bottom:0;.margin-bottom:0;background:transparent;background:rgba(0,0,0,0.85);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";color:white;border-color:#CCC;}.ui-tooltip-youtube .ui-tooltip-icon{border-color:#222;}.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{border-color:#303030;}.ui-tooltip-jtools{background:#232323;background:rgba(0,0,0,0.7);background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));border:2px solid #ddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333;}.ui-tooltip-jtools .ui-tooltip-titlebar{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";}.ui-tooltip-jtools .ui-tooltip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";}.ui-tooltip-jtools .ui-tooltip-titlebar,.ui-tooltip-jtools .ui-tooltip-content{background:transparent;color:white;border:0 dashed transparent;}.ui-tooltip-jtools .ui-tooltip-icon{border-color:#555;}.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{border-color:#333;}.ui-tooltip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.4);box-shadow:4px 4px 5px rgba(0,0,0,0.4);}.ui-tooltip-cluetip .ui-tooltip-titlebar{background-color:#87876A;color:white;border:0 dashed transparent;}.ui-tooltip-cluetip .ui-tooltip-content{background-color:#D9D9C2;color:#111;border:0 dashed transparent;}.ui-tooltip-cluetip .ui-tooltip-icon{border-color:#808064;}.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{border-color:#696952;color:#696952;}.ui-tooltip-tipsy{border:0;}.ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-content{_margin-bottom:0;.margin-bottom:0;background:transparent;background:rgba(0,0,0,.87);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";color:white;border:0 transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:bold;line-height:16px;text-shadow:0 1px black;}.ui-tooltip-tipsy .ui-tooltip-titlebar{padding:6px 35px 0 10px;}.ui-tooltip-tipsy .ui-tooltip-content{padding:6px 10px;}.ui-tooltip-tipsy .ui-tooltip-icon{border-color:#222;text-shadow:none;}.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{border-color:#303030;}.ui-tooltip-tipped .ui-tooltip-titlebar,.ui-tooltip-tipped .ui-tooltip-content{border:3px solid #959FA9;filter:none;-ms-filter:none;}.ui-tooltip-tipped .ui-tooltip-titlebar{background:#3A79B8;background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";color:white;font-weight:normal;font-family:serif;border-bottom-width:0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}.ui-tooltip-tipped .ui-tooltip-content{background-color:#F9F9F9;color:#454545;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}.ui-tooltip-tipped .ui-tooltip-icon{border:2px solid #285589;background:#285589;}.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{background-color:#FBFBFB;color:#555;}.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{filter:none;-ms-filter:none;}
.ui-tooltip-slider {width:55px !important;}
.ui-tooltip-slider *{font-family:Arial, sans-serif !important;font-size:10px !important;direction:rtl !important;text-decoration:none !important;text-align:center !important;white-space:nowrap !important;color:#ffffff !important;background:#1870b1 !important;border:0 !important;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}


#addwat_buttons.awb_bright #addwat_menu h2 {
    text-transform: none;
    line-height: 1.3;
    color: black;
    font-weight: 500;
    font-size: 1.1em;
}

.ui-tooltip-help, .ui-tooltip-help-ltr {width:180px !important;}
.ui-tooltip-help *,  .ui-tooltip-help-ltr *{
direction:rtl !important;
text-decoration:none !important;
text-align:right !important;
color:#ffffff !important;
background:#0AA6CC !important;
text-shadow:0 0 !important;
font-weight:normal !important;
font-size:12px !important;
}

 .ui-tooltip-help-ltr * {
direction:ltr !important;
text-align:left !important;
}

.ui-tooltip-img{width:220px !important;}
.ui-tooltip-img *{
text-align:center !important;
background:#efefef !important;
border:0 !important;
font-family: Arial, sans-serif !important;
font-size:11px !important;
direction:ltr !important;
}
.ui-tooltip-img .ui-tooltip-content  {
padding:10px 3px;
}

.ui-tooltip-img img {
width: auto;
max-width:200px;
margin-bottom:5px;
}

.ui-tooltip-theme{
	width:auto !important;
	max-width:406px !important;
}
.ui-tooltip-theme *{
text-align:center !important;
background:#efefef !important;
border:0px !important;
font-family:Arial, sans-serif !important;
font-size:11px !important;
direction:ltr !important;
}
.ui-tooltip-theme .ui-tooltip-content  {
padding:10px 3px;
}

.ui-tooltip-theme img {
max-width:400px;
margin-bottom:5px;
}

.ui-tooltip-title *{
font-size: 11px !important;
direction:rtl !important;
text-align:center !important;
color:#eee !important;
opacity:.9;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-shadow:0 0 !important;
font-weight:normal !important;
}

.ui-tooltip {
padding:0 !important;
}

/*** End Qtip **/


/**
**  Main styles
**/


:root {
	height: 100%;
	width: 100%;
    scroll-behavior: smooth;

    /*** Theme Variables ***/

    /** Basic Colors **/
    --color-light: white;
    --color-light-rgb: 255,255,255;

    --color-primary:    #1a1a1a; /* Regular texts */
    --color-secondary:  #05003b; /* Links, headings of 1st level */
    --color-tertiary:   #24305e; /* Headings 2nd level and less, highlighted texts */
    --color-quaternary: #215e8b; /* Team members' names, Logo, play icon */
    --color-quinary:    #fafafa; /*  */

    /** Brand Colors **/
    --color-green:      #57ab46;
    --color-red:        #dc3232;
    --color-blue:       #2761a9;
    --color-gray:       #afafaf;

    /** Gaps **/
    --gap: 12px;
    --gap-basic: 1rem;
    --gap-big: 22px;

    /** Borders & Shadows **/
    --shadow-card: 3px 3px 20px rgba(0, 0, 0, .16);
    --shadow-card-hover: 3px 3px 20px rgba(36, 48, 94, .7);

    /** Fonts **/
    --font-family: 'Railway', sans-serif;

    --wrapper-width: 100%;
    --wrapper-gap: 30px;
}

@media (min-width: 768px) {
    :root {
        --wrapper-width: 750px;
        --wrapper-gap: calc((100vw - var(--wrapper-width)) / 2);
    }
}
@media (min-width: 992px) {
    :root {
        --wrapper-width: 970px;
    }
}
@media (min-width: 1200px) {
    :root {
        --wrapper-width: 1170px;
    }

    :root .narrow {
        max-width: 1170px;
    }
}
@media (min-width: 1200px) {
    :root {
        --wrapper-width: 1170px;
    }

    :root .narrow {
        max-width: 1170px;
    }
}
@media (min-width: 1534px) {
    :root {
        --wrapper-width: 1310px;
    }
}
@media (min-width: 1920px) {
    :root {
        --wrapper-width: 1640px;
    }
}


/* Lazy Load */
.lazy {
     opacity: 0;
}
.lazy.loaded,
.lazy[data-bg][data-was-processed="true"] {
     opacity: 1;
     transition: 0.5s 0.1s opacity ease;
 }




.m_deburring, .m_deburring:after, .deb, .menu-item-deb, .dropdown-submenu-deb {
    --category-color: var(--color-blue);
}
.m_holding, .m_holding:after, .holding, .hold, .menu-item-hold, .dropdown-submenu-hold {
    --category-color: var(--color-red);
}
.m_cooling, .m_cooling:after, .cool, .cooling, .menu-item-cool, .dropdown-submenu-cool {
    --category-color: var(--color-green);
}
.m_holdit, .m_holdit:after, .holdit, .menu-item-holdit, .dropdown-submenu-holdit {
    --category-color: var(--color-gray);
}


/* Bootstrap 3 fix to flex */

.flex {
    display: flex;
}
.flex > div {
    float: none;
}
.flex-col {
    flex-direction: column;
}
.flex-row {
    flex-direction: row;
}
.flex-col.flex-row {
    flex-direction: row;
}

.justify-content-space-between {
    justify-content: space-between;
}
.justify-content-flex-start {
    justify-content: flex-start;
}
.justify-content-flex-end {
    justify-content: flex-end;
}
.justify-content-center {
    justify-content: center;
}

.justify-self-flex-start {
    justify-self: flex-start;
}
.justify-self-flex-end {
    justify-self: flex-end;
}
.justify-self-center {
    justify-self: center;
}

.align-items-flex-start {
    align-items: flex-start;
}
.align-items-flex-end {
    align-items: flex-end;
}
.align-items-center {
    align-items: center;
}

.align-self-flex-start {
    align-self: flex-start;
}
.align-self-flex-end {
    align-self: flex-end;
}
.align-self-center {
    align-self: center;
}

.flex .col,
.flex .col-1,.flex .col-2,.flex .col-3,.flex .col-4,.flex .col-5,.flex .col-6,.flex .col-7,.flex .col-8,.flex .col-9,.flex .col-10,.flex .col-11,.flex .col-12,
.flex .col-xs-1,.flex .col-xs-2,.flex .col-xs-3,.flex .col-xs-4,.flex .col-xs-5,.flex .col-xs-6,.flex .col-xs-7,.flex .col-xs-8,.flex .col-xs-9,.flex .col-xs-10,.flex .col-xs-11,.flex .col-xs-12,
.flex .col-sm-1,.flex .col-sm-2,.flex .col-sm-3,.flex .col-sm-4,.flex .col-sm-5,.flex .col-sm-6,.flex .col-sm-7,.flex .col-sm-8,.flex .col-sm-9,.flex .col-sm-10,.flex .col-sm-11,.flex .col-sm-12,
.flex .col-md-1,.flex .col-md-2,.flex .col-md-3,.flex .col-md-4,.flex .col-md-5,.flex .col-md-6,.flex .col-md-7,.flex .col-md-8,.flex .col-md-9,.flex .col-md-10,.flex .col-md-11,.flex .col-md-12,
.flex .col-lg-1,.flex .col-lg-2,.flex .col-lg-3,.flex .col-lg-4,.flex .col-lg-5,.flex .col-lg-6,.flex .col-lg-7,.flex .col-lg-8,.flex .col-lg-9,.flex .col-lg-10,.flex .col-lg-11,.flex .col-lg-12,
.flex .col-xl-1,.flex .col-xl-2,.flex .col-xl-3,.flex .col-xl-4,.flex .col-xl-5,.flex .col-xl-6,.flex .col-xl-7,.flex .col-xl-8,.flex .col-xl-9,.flex .col-xl-10,.flex .col-xl-11,.flex .col-xl-12,
.flex .col-xxl-1,.flex .col-xxl-2,.flex .col-xxl-3,.flex .col-xxl-4,.flex .col-xxl-5,.flex .col-xxl-6,.flex .col-xxl-7,.flex .col-xxl-8,.flex .col-xxl-9,.flex .col-xxl-10,.flex .col-xxl-11,.flex .col-xxl-12 {
    float: none;
}



@media (min-width: 0) {
    .flex .col-1 { flex-basis: 8.3333% }
    .flex .col-2 { flex-basis: 16.6667% }
    .flex .col-3 { flex-basis: 25% }
    .flex .col-4 { flex-basis: 33.3333% }
    .flex .col-6 { flex-basis: 50% }
    .flex .col-12 { flex-basis: 100% }
}
@media (min-width: 480px) {
    .flex .col-xsm-1 { flex-basis: 8.3333% }
    .flex .col-xsm-2 { flex-basis: 16.6667% }
    .flex .col-xsm-3 { flex-basis: 25% }
    .flex .col-xsm-4 { flex-basis: 33.3333% }
    .flex .col-xsm-6 { flex-basis: 50% }
    .flex .col-xsm-12 { flex-basis: 100% }
}
@media (min-width: 576px) {
    .flex .col-xs-1 { flex-basis: 8.3333% }
    .flex .col-xs-2 { flex-basis: 16.6667% }
    .flex .col-xs-3 { flex-basis: 25% }
    .flex .col-xs-4 { flex-basis: 33.3333% }
    .flex .col-xs-6 { flex-basis: 50% }
    .flex .col-xs-12 { flex-basis: 100% }
}
@media (min-width: 768px) {
    .flex .col-sm-1 { flex-basis: 8.3333% }
    .flex .col-sm-2 { flex-basis: 16.6667% }
    .flex .col-sm-3 { flex-basis: 25% }
    .flex .col-sm-4 { flex-basis: 33.3333% }
    .flex .col-sm-6 { flex-basis: 50% }
    .flex .col-sm-12 { flex-basis: 100% }
}
@media (min-width: 992px) {
    .flex .col-md-1 { flex-basis: 8.3333% }
    .flex .col-md-2 { flex-basis: 16.6667% }
    .flex .col-md-3 { flex-basis: 25% }
    .flex .col-md-4 { flex-basis: 33.3333% }
    .flex .col-md-6 { flex-basis: 50% }
    .flex .col-md-12 { flex-basis: 100% }
}
@media (min-width: 1200px) {
    .flex .col-lg-1 { flex-basis: 8.3333% }
    .flex .col-lg-2 { flex-basis: 16.6667% }
    .flex .col-lg-3 { flex-basis: 25% }
    .flex .col-lg-4 { flex-basis: 33.3333% }
    .flex .col-lg-6 { flex-basis: 50% }
    .flex .col-lg-12 { flex-basis: 100% }
}
@media (min-width: 1200px) {
    .flex .col-xl-1 { flex-basis: 8.3333% }
    .flex .col-xl-2 { flex-basis: 16.6667% }
    .flex .col-xl-3 { flex-basis: 25% }
    .flex .col-xl-4 { flex-basis: 33.3333% }
    .flex .col-xl-6 { flex-basis: 50% }
    .flex .col-xl-12 { flex-basis: 100% }
}
@media (min-width: 1534px) {
    .flex .col-xxl-1 { flex-basis: 8.3333% }
    .flex .col-xxl-2 { flex-basis: 16.6667% }
    .flex .col-xxl-3 { flex-basis: 25% }
    .flex .col-xxl-4 { flex-basis: 33.3333% }
    .flex .col-xxl-6 { flex-basis: 50% }
    .flex .col-xxl-12 { flex-basis: 100% }
}
@media (min-width: 1920px) {
    .flex .col-xxxl-1 { flex-basis: 8.3333% }
    .flex .col-xxxl-2 { flex-basis: 16.6667% }
    .flex .col-xxxl-3 { flex-basis: 25% }
    .flex .col-xxxl-4 { flex-basis: 33.3333% }
    .flex .col-xxxl-6 { flex-basis: 50% }
    .flex .col-xxxl-12 { flex-basis: 100% }
}





.no-gutters .col-xs-12,
.no-gutters .col-sm-6,
.no-gutters .col-md-6,
.no-gutters .col-lg-3,
.no-gutters .col-md-3 {
    margin-left: 0 !important;
    margin-right: 0 !important;;
    padding-left: 0 !important;
    padding-right: 0 !important;;
}


.modal-backdrop {
    background-color: var(--color-light);
}



html, body {
	height: 100%;
	direction: ltr;
	font-size: 16px;
	color: var(--color-primary);
	padding: 0 !important;
}

body {
	height: 100%;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
    appearance: none;
}

select::-ms-expand {
	display: none;
}

h1 {
	color:  var(--color-secondary);
    margin: 35px 0;
	position: relative;
    font-size: 43px;
    font-weight: 800;
    letter-spacing: 2.15px;
    text-transform: uppercase;
}

h2 {
	color: var(--color-secondary);
	font-weight: 800;
	margin-top: 70px;
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase;
}

*:focus {
    outline: none;
}


/* Cards */
.card {
    box-shadow: var(--shadow-card);
    }

    .card:hover,
    .card:focus {
        box-shadow: var(--shadow-card-hover);
}



/* Images */
/* add this class to any responsive image to make it sharp */
.sharpen {
    image-rendering:optimizeSpeed;
    image-rendering:-moz-crisp-edges;
    image-rendering:-o-crisp-edges;
    image-rendering:-webkit-optimize-contrast;
    image-rendering:crisp-edges;
    -ms-interpolation-mode:bicubic;
}

/* add this class to any image to make it responsive */
.responsive {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/*  emulates ratioBox mixin - add this class to any lazyload image and assign width and height by custom properties if needed */
.ratiobox {
    --ratioWidth: 348; /* Default: Card proportions */
    --ratioHeight: 356; /* Default: Card proportions */

    --ratioPaddingTop: calc(var(--ratioHeight) / var(--ratioWidth) * 100%); /* To be used where it's necessary */

    width: 100%;
    height: 0;
    display: flex;
    position: relative;
    padding-top: var(--ratioPaddingTop);
}

.thumb-img {
    width: 100%;
    object-fit: cover;
    max-height: 100%;
}

.ratiobox .thumb-img {
    top: 0;
    left: 0;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-position: 50% 50%;
}


/* Arrows */

.btn-arrow {
    width: 72px;
    color: var(--color-tertiary);
    height: 69px;
    border: 1px solid var(--color-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    }

    .btn-arrow svg {
        width: 20px;
        height: 16px;
        transition: transform .25s;
    }

    .btn-arrow:hover svg,
    .btn-arrow:active svg {
        transform: translateX(8px);
}








/* Page parts */

main.wrapper {
    margin: 106px auto -302px;
    min-height: calc(100% - 164px);
}

.main-header {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 3;
    background: #fff;
    padding: 30px var(--gap);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    }

    .main-header .logo {
        width: 170px;
        display: block;
        padding: 0;
    }

    .main-header .logo img {
        object-fit: contain;
        object-position: 0 0;
        width: 100%;
    }

    .main-header .logo svg {
        width: 100%;
        height: 50px;
        transform: translateX(-30px);
    }

@media (min-width: 992px) {
    .main-header .logo svg {
        max-width: 210px;
    }
    .main-header .logo-dental {
        margin-left: 50px;
    }
    .main-header .logo-dental svg {
        width: 160px;
        height: 50px;
    }
    .main-header nav {display: flex; align-items: center;}
}

    .main-header nav {
        padding-top: 0;
    }

    .main-header .nav > li > a:hover,
    .main-header .nav > li > a:focus {
        background-color: #efefef;
    }

    .main-header .btn-menu {
        margin: 0;
        }

        @media only screen and (max-width: 768px) {
            .main-header .btn-menu {
                background: none;
                border-radius: 0;
                padding-left: 0;
                padding-right: 0;
                position: relative;
                top: 0;
                }

                .main-header .btn-menu .icon-bar {
                    background-color: var(--color-secondary);
                    width: 32px;
                    height: 2px;
                    }
                    .main-header .btn-menu .icon-bar + .icon-bar {
                        margin-top: 8px;
            }
        }

    .main-header .menu {
        z-index: 5;
        background-color: var(--color-light);
        }

        .main-header .menu .modal-dialog {
            min-height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
            margin: 0;
            padding: 40px 27px;
            }

            .main-header .menu .modal-dialog .modal-content {
                box-shadow: none;
                border: none;
                border-radius: 0;
                background: none;
                }

                .main-header .menu .modal-dialog .modal-content .navbar-nav {
                }

                .main-header .menu .modal-dialog .modal-content .close {
                    color: var(--color-secondary);
                    width: 21px;
                    height: 21px;
                    color: var(--color-secondary);
                    opacity: 1;
                    }
                    .main-header .menu .modal-dialog .modal-content .icon-close {
                            width: 100%;
                            height: 100%;
                    }
                    .main-header .menu .modal-dialog .modal-content .close:hover,
                    .main-header .menu .modal-dialog .modal-content .close:focus {
                        opacity: 1;
                    }

    .main-header .menu .menu-item-name {
        margin-right: 8px;
        transition: margin .25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .main-header .menu a:hover .menu-item-name,
        .main-header .menu a:focus .menu-item-name {
            margin-right: 16px;
        }
    .main-header .menu .icon-caret {
        transform: rotate(-90deg);
        width: 8px;
        height: 12px;
        transition: transform .25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .main-header .menu .open .icon-caret {
        transform: rotate(0deg);
    }


    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: var(--color-secondary);
        color: var(--category-color);
        background-color: transparent;
    }

    .navbar-nav .dropdown-submenu.open .dropdown-menu li a {
        color: var(--color-secondary);
    }
    .navbar-nav .dropdown-submenu.open .dropdown-menu li a:hover,
    .navbar-nav .dropdown-submenu.open .dropdown-menu li a:focus {
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-position: under;
    }



    .dropdown-submenu .category-link-container {
    }
    .dropdown-submenu .category-link-container .link-all  {
        font-size: 16px;
        line-height: 19px;
        padding-left: 21px;
        font-weight: 600;
        margin-top: 30px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        color: var(--color-secondary);
    }
    .dropdown-submenu .category-link-container .link-all .icon-arrow {
        width: 14px;
        height: 10px;
        margin-left: 13px;
        color: var(--color-secondary);
    }

    .dropdown-submenu:not(.open) .category-link-container {
        visibility: hidden;
        display: none;
        top: -9999px;
    }




.logo-container {
    padding-left: 0;
}
.navbar-container {
    padding-right: 0;
}

.accessBtn,
.searchBtn {
    background: none;
    border: none;
    width: 25px;
    height: 25px;
    padding: 0;
    margin-top: 10px;
    margin-left: 26px;
    overflow: visible;
}

@media (max-width: 767px) {
    .accessBtn,
    .searchBtn {
        margin-top: 0;
    }
    .accessBtn.pull-right,
    .searchBtn.pull-right {
        float: left !important;
        margin-left: calc(36px + 25px);
    }
    .searchBtn.pull-right {
        position: absolute;
        left: 0;
        margin-left: 0;
    }
}


.accessBtn .icon-access,
.searchBtn .icon-search {
    max-width: 25px;
    max-height: 25px;
    overflow: visible;
}




.modal-backdrop {
    z-index: 1;
        background-color: transparent;
    background-image: linear-gradient(180deg, var(--color-secondary) -30%, rgba(0,0,0,0) 150%);
}
.modal-backdrop.in {
    opacity: 1;
}


.main-header .container > .row {
    /*max-height: 48px;*/
}


.modal-search.modal-dialog {
    margin: 0 !important;
}

.modal-search {
    background-color: #f9f9f9;
    position: fixed;
        top: 102px;
    width: 100%;
    height: 92px;
    display: flex;
    box-shadow: 0 6px 6px -3px rgba(0,0,0,.16) inset;
    align-items: center;
    justify-content: center;
}

.modal-search .searchTxt {
    display: block;
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d6d6d6;
    color: var(--color-secondary);
    font-weight: 400;
    font-size: 25px;
}
.modal-search .container {
    position: relative;
}
.modal-search .searchTxt + .searchLabel {
    position: absolute;
    color: rgba(5, 0, 59, .48);
    top: 0;
    left: 15px;
    white-space: nowrap;
    font-weight: 400;
    pointer-events: none;
    font-size: 25px;
    transition: all .2s;
}
.modal-search .searchTxt:focus + .searchLabel,
.modal-search .searchTxt:not(:placeholder-shown) + .searchLabel {
    transform: translateY(-80%);
}
.modal-search .searchButton {
    position: absolute;
    top: 50%;
    right: 15px;
    background: none;
    border: none;
    color: var(--color-secondary);
    width: 30px;
    height: 22px;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}
.modal-search .searchButton .icon-search {
    max-width: 100%;
    max-height: 100%;
}
.searchBtn {
    transition: all .2s;
    position: relative;
}
.searchBtn.sopen {
}
.searchBtn .icon-close {
    transition: all .2s;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 17px;
    max-height: 17px;
    transform: translateX(-50%) translateY(calc(-50% + 1px));
}
.searchBtn .icon-search {
    transition: all .2s .3s;
    opacity: 1;
}
.searchBtn.sopen .icon-search {
    transition: all .2s;
    opacity: 0;
}
.searchBtn.sopen .icon-close {
    transition: all .2s .3s;
    opacity: 1;
}

.search-open #mainMenu.modal.fade.menu.in {
    transition: all .2s;
    opacity: 0;
}



footer, .push {
    height: 305px;
}

/*navigation*/
.nav>li>a{ color:var(--color-secondary); font-weight: 600; font-size: 1.111rem; background: transparent;text-transform: uppercase; }

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{ background-color: transparent; border:0;}



/*access*/
.accessWrapper{float: right; width: 55px; height: 34px; margin-right: 12px; overflow: visible; position: relative;}
.accessWrapper:after{ content: '';  position: absolute;  top: 0; left: 0;  width: 100%;    background: #e1e1e1;
    -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0;  transform-origin: 100% 0;
    -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg);  z-index: -1;  height: 34px;}

.accessWrapper svg { width: 13px; height: 17px; fill: var(--color-secondary); position: relative}
.accessWrapper button{border: none; width: 95%; background: transparent!important;margin-top:7px}

.Title .container{clear: both; padding: 0 15px; }
.imgBorder{border:solid 1px #d9d9d9;}

.pagination .previous, .pagination .next{font-family: arial;}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 1;
}

.pagination>li>a, .pagination>li>span{margin-left: -2px;}
.pagination li:last-child a, .pagination li:last-child span {margin-left: -1px;}




.search_page .itemInfo .read_more{display: block;}


/*rotator*/
.mainBanner {
	width: 100%;
	height: 100%;
    position: relative;
    overflow: hidden;
}

.mainBanner {
    --slide-padding: 26px;
}

.mainBanner .slide-container {
    display: flex;
    flex-direction: column;
}

.mainBanner .owl-carousel .owl-item .slide-container {
    padding-top: calc(484 / 375 * 100%);
    height: 0;
}

.mainBanner .owl-carousel .owl-item .carousel-img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    object-fit: cover;
}

.container {
    --container-width: var(--wrapper-width);
    width: var(--container-width);
}
.container.fullwidth.gap-fix {
    width: 100%;
    margin-right: 0;
}

.mainBanner .container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}
@media (min-width: 768px) {
    .container {
        --container-width: var(--wrapper-width);
    }
    .container.gap-fix {
        --container-side-gap: calc((100vw - var(--container-width)) / 2 - var(--slide-padding) / 2 );
        left: var(--container-side-gap);
    }
    .mainBanner .container.gap-fix {
        max-width: var(--container-width);
    }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1534px) {
}
@media (min-width: 1920px) {
}

.mainBanner .rotatorTxt {
    top: 0;
    left: 0;
    width: 100%;
    color: var(--color-light);
    height: 100%;
    display: flex;
    padding: var(--slide-padding);
    position: absolute;
    flex-direction: column;
}

.mainBanner .rotatorTxt h2 {
    color: inherit;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-top: 0;
    font-weight: 800;
}

.mainBanner .rotatorTxt .desc {
    font-size: 20px;
    line-height: 24px;
    margin-top: 8px;
    letter-spacing: .6px;
}

.mainBanner .rotatorTxt .desc a {
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    white-space: nowrap;
}

.mainBanner .rotatorTxt .desc a .icon-arrow {
    width: 16px;
    height: 11px;
    margin-left: 8px;
    transition: transform .2s ease-in-out;
}

.mainBanner .rotatorTxt .desc a:hover .icon-arrow,
.mainBanner .rotatorTxt .desc a:focus .icon-arrow {
    transform: translateX(120%);
}

.mainBanner .owl-carousel .owl-dots {
	position: absolute;
	bottom: calc(var(--slide-padding) / 2);
	left: var(--slide-padding);
	transform: translateX(-8px);
}

.mainBanner .owl-carousel .owl-dots .owl-dot {
	width: 14px;
	height: 14px;
	background: none;
	display: inline-block;
    border: 1px solid var(--color-light);
    border-radius: 50%;
	margin: 5px;
    filter: drop-shadow(0px 3px 6px rgba(0,0,0,.16));
}

.mainBanner .owl-carousel .owl-dots .owl-dot.active {
	background: var(--color-light);
	position: relative;
}

.caruselEx {
	margin: 50px 0;
}

.caruselEx .owl-carousel .owl-dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	-ms-transform: translate(-50%);
	transform: translate(-50%);
}

.caruselEx .owl-carousel .owl-dots .owl-dot {
	width: 45px;
	height: 10px;
	background: #fff;
	display: inline-block;
	margin: 5px;
}

.caruselEx .owl-carousel .owl-dots .owl-dot.active {
	background: var(--color-secondary);
	position: relative
}

.owl-prev, .owl-next {
	text-align: center;
	width: 65px;
	height: 65px;
	position: absolute;
	top: calc(50% - 35px);
}
.mainBanner .owl-item.active:after{
    /*content: "";*/
    width: 100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left: 0;
    z-index: 0;
}

.mainBanner .owl-prev {
	left: 0;

	width: 65px;
	height: 70px;
	overflow: visible;
}


.mainBanner .owl-next {
	display: none;
    visibility: hidden;
}


.topProd .owl-nav {
    top: 0;
    width: 100%;
    display: flex;
    position: absolute;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
}
.topProd .owl-nav .owl-prev,
.topProd .owl-nav .owl-next {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--color-light);
    border: 1px solid var(--color-secondary);
    color: var(--color-secondary);
    width: 58px;
    height: 56px;
    transition: all .2s ease-in-out;
}
.topProd .owl-nav .owl-next {
    margin-left: 22px;
}
.topProd .owl-nav .owl-prev .icon-arrow,
.topProd .owl-nav .owl-next .icon-arrow {
    transition: all .15s;
}
.topProd .owl-nav .owl-prev .icon-arrow {
    transform: scaleX(-1);
}
.topProd .owl-nav .icon-arrow {
    width: 22px;
    height: 16px;
}

.topProd .owl-nav .owl-prev:not(.disabled):hover .icon-arrow,
.topProd .owl-nav .owl-prev:not(.disabled):focus .icon-arrow {
    transform: scaleX(-1) translateX(50%);
}
.topProd .owl-nav .owl-next:not(.disabled):hover .icon-arrow,
.topProd .owl-nav .owl-next:not(.disabled):focus .icon-arrow {
    transform: translateX(50%);
}

.topProd .owl-nav .owl-prev.disabled,
.topProd .owl-nav .owl-next.disabled {
    border: 1px solid #d7d7d7;
    color: #d7d7d7;
    width: 38px;
    height: 37px;
    cursor: no-drop;
    background-color: transparent;
}
.topProd .owl-nav .owl-prev.disabled {
    margin-right: 20px;
}
.topProd .owl-nav .owl-next.disabled {
    margin-left: 42px;
}


/*a:hover div.deburring, a:hover div.holding, a:hover div.cooling, a:hover div.holdit*/
.megaHeader .megaMenu > a:hover,
.megaHeader .megaMenu > a:focus {
}

a.noUnderLine:hover {
	text-decoration: none !important;
}

.SectionBox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.SectionBox:after,
.dropdown.productLi ul>li>a:after{
}


.prodSection {
    background: transparent linear-gradient(to top, #f9f9f9 0px, rgba(0,0,0,0) 100px, rgba(0,0,0,0));
    padding-bottom: 110px;
}
.prodSection {
}

.prodSection a {
    display: block;
    margin-top: 80px;
}
.prodSection a .SectionBox {
    color: var(--color-secondary);
    display: flex;
    position: relative;
    transition: color .2s ease-in-out;
    margin-bottom: 0;
    flex-direction: column;
    padding-bottom: 10px;
    }
    .prodSection a .SectionBox:after {
        left: 50%;
        width: 38px;
        height: 4px;
        bottom: 0;
        content: "";
        display: block;
        position: absolute;
        transform: translateX(-50%);
        transition: background-color .2s ease-in-out;
    }

    .prodSection a .SectionBox:after {
        background-color: var(--category-color);
}


.prodSection a .SectionBox .icon {
    width: 70px;
    height: 70px;
    transition: transform .2s ease-in-out, filter .2s ease-in-out;
}
.prodSection a:hover .SectionBox,
.prodSection a:focus .SectionBox {
    color: var(--category-color);
}
.prodSection a:hover .SectionBox .icon,
.prodSection a:focus .SectionBox .icon {
    transform: rotate(180deg) scale(1.2);
    filter: drop-shadow(1px 0px 0 var(--category-color));
}

.SectionBox h3 {
    color: var(--color-secondary);
    font-size: 24px;
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.m_deburring:after ,
.dropdown.productLi ul>li>a.deb:after{
	left: 10px;
	/*background-image: url("../images/deburring_icon.png");*/
}

.dropdown.productLi ul>li>a.deb:after{background-size: 84px 65px;}

.m_holding:after,
.dropdown.productLi ul>li>a.hold:after{
	left: 10px;
	background-image: url("../images/holding_icon.png");
}

.dropdown.productLi ul>li>a.hold:after{background-size: 63px 72px;}

.m_cooling:after,
.dropdown.productLi ul>li>a.cool:after {
	left: 10px;
	background-image: url("../images/cooling_icon.png");
}

.dropdown.productLi ul>li>a.cool:after {background-size: 71px 75px;}

.m_holdit:after,
.dropdown.productLi ul>li>a.holdit:after{
	left: 10px;
	background-image: url("../images/holdit_icon.png");
}

.dropdown.productLi ul>li>a.holdit:after{background-size: 82px 81px;}

.cat_products_nav {margin-top: 50px;}
.cat_products_nav ul{margin-top: 0}
.cat_products_nav .fixed_nav{
	position: fixed;
	width: 100%;
	background: #fff;
	z-index:2;
}

.table_notice{
	color: red;
	font-size: .8rem;
}


/*top products*/
.applProd{float: left;  border:solid 1px #c3c1c2; margin-right: 20px; padding-left: 5px; margin-bottom: 10px;}
.applProd img{float: right}
.applProd span{text-align: center; font-size: 0.7778rem; }
.topProd {
	width: 100%;
	clear: both;
	text-align: center;
	display: block;
	margin-top: 0;
}


.topProd h2 {
	text-transform: uppercase;
	text-align: left;
	padding: 20px 15px 15px 15px;
	color: var(--color-secondary);
}

.topProd hr.underLine {
	width: 70%;
	margin-top: 0;
	border-top: 3px solid var(--color-secondary);
}

.topProd .ImgProduct {
	position: relative;
	margin: 24px;
    box-shadow: var(--shadow-card);
    transition: all .25s;
}
.topProd .ImgProduct:hover,
.topProd .ImgProduct:focus {
    box-shadow: var(--shadow-card-hover);
}

.topProd .ImgProduct > div {
	padding-bottom: 96.56%;
	position: relative;
}



.topProd .owl-stage > .owl-item:first-child {
    margin-left: -24px;
}

.topProd .ImgProduct img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
/*	left: 50%;*/
/*	top: 50%;*/
	transform: scale(.6);
    transition: all .25s;
}

.topProd .ImgProduct:hover img,
.topProd .ImgProduct:focus img {
    transform: scale(.8);
}

.topProd .newProd {
	color: var(--color-quaternary);
	overflow: visible;
    display: flex;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    justify-content: center;
    font-size: 16px;
    margin-top: 10px;
}

.topProd a:hover .newProd,
.topProd a:focus .newProd {
    text-decoration: none;
}

/*.topProd .newProd:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: var(--color-secondary;
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	transform: skew(-10deg);
	z-index: -1;
	height: 47px;
}*/

.topProd .newProd svg {
	width: 19px;
	height: 14px;
	fill: var(--color-secondary);
	margin-right: -1px;
}

.topProd .newRaper {
	position: absolute;
	top: 30px;
	background: red;
	width: 100%
}

.topProd .titleProd {
	text-align: center;
    padding: 5px 25px;
	height: 110px;
}

.topProd .titleProd a {
	font-size: 15px;
	color: var(--color-primary);
	line-height: 15px;
}

.topProd .viewProd {

}

.topProd .viewProd:hover {

}

.topProd .viewProd span {

}

.topProd .viewProd span:after {

}

.topProd .owl-carousel {
    padding-top: 120px;
}

.topProd .owl-carousel .owl-item {
    width: 100%
}

.productWrapper {
    margin-top: 40px;
}
.productWrapper > .container{position: relative;}

.catBody[aria-expanded="false"] + a{
	height: 50px;
	margin-top: 10px;
	text-align: center;
	display: block;
	position: absolute;
    font-weight: 700;
	padding-top: 15px;
/*    background: #fff;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+85&0+0,1+85 */
/*	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%); /* FF3.6-15 */*/
/*	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%); /* Chrome10-25,Safari5.1-6 */*/
/*	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */*/
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */*/
    width: calc(100% - 30px) !important;
}
.catBody[aria-expanded="true"] + a{display: none;}


/***
*** ABOUT
****************/


.flex-wrap {
    flex-wrap: wrap;
}
.justify-content-center {
    justify-content: center;
}

section {
    /*overflow: hidden;*/
}

.section-top {
    display: flex;
    flex-direction: column;
}
.section-top .brd-con {
    width: 100%;
    min-height: 42px;
    font-size: 14px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background-color: #f6f6f6;
    margin-bottom: 9px;
}
.section-top .brd-con a {
    color: #888888;
}
.section-top .brd-con a:hover,
.section-top .brd-con a:focus {
    color: var(--color-secondary);
}
.section-top .brd {
    padding-top: 15px;
    padding-bottom: 5px;
}
.section-top .brd li+li:before {
    content: ">";
    color: #888888;
}
.section-top .brd li.active {
    color: var(--color-secondary);
}

.section-top .header-about {
    height: 222px;
    position: relative;
}

.section-top .header-about .image {
    top: 0;
    height: 0;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.section-top .header-about:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: transparent linear-gradient(178deg, #05003B 0, rgba(26, 26, 26, 0.09) 100%) 0 0 no-repeat padding-box;
    z-index: 1;
}
.section-top .header-about .container {
    color: var(--color-light);
    height: 100%;
    z-index: 2;
    position: relative;
    align-items: center;
    text-align: left;
    justify-content: flex-start;
}
.section-top .header-about .container h1 {
    color: var(--color-light);
    padding-top: 32px;
    text-align: left;
}




.section-management {
    display: flex;
    text-align: center;
    justify-content: center;
    padding-bottom: 40px;
}



.member-card {
    margin-top: 57px;
}

.member-card .ratiobox {

}

.member-card .thumb-img {
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s ease;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.16);
}

.member-name {
    text-align: left;
    text-transform: capitalize;
    margin-top: 30px;
    color: var(--color-quaternary);
    font-size: 18px;
    letter-spacing: 3.78px;
    font-weight: 800;
    padding-left: 30px;
    padding-right: 12px;
}
.member-position {
    text-align: left;
    text-transform: capitalize;
    padding-left: 30px;
    padding-right: 12px;
    font-size: 18px;
    letter-spacing: .36px;
    min-height: 18px;
    line-height: 18px;
    margin-top: 20px;
}
.member-position:before {
    position: relative;
    content: "";
    height: 2px;
    background-color: var(--color-quaternary);
    width: 20px;
    bottom: 6px;
    margin-right: 6px;
    display: inline-block;
}
.member-description {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    /*text-transform: capitalize;*/
    margin-top: 22px;
    padding-left: 30px;
    padding-right: 12px;
}




section.about {
	margin: 40px 0 0 0;
}

.about .text {
	width: 60%;
	margin: 100px auto 0 auto;
}

.about.no .text {
    width: 100%;
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.about  .welcome-text {
    box-shadow: 0 0 15px rgba(36, 48, 94, .25);
    padding-bottom: 60px;
}

.about h2 {
	color: var(--color-secondary) !important;
	font-size: 25px !important;
    margin-bottom: 40px;
}

.about p {
    margin-top: 20px;
    color: var(--color-tertiary);
    font-size: 17px;
    line-height: 25px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.about a.rMore {
	color: inherit;
	background: none;
	text-decoration: none;
	font-size: 1.111rem;
    font-weight: 600;
    padding: 0;
    margin-top: 16px;
	transition: all .25s ease-in-out;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: .48px;
}
.about a.rMore:hover,
.about a.rMore:focus {
    text-decoration: underline;
}

.youtubeWrapper {
	margin-bottom: 0;
	padding: 0;
	position: relative;
    margin-left: auto;
    margin-top: -60px;
    width: 80vw;
    height: 80vw;
}
.youtubeWrapper .img-responsive {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
}

.videoLink {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    align-items: flex-end;
    color: var(--color-light);
}
.videoLink:hover,
.videoLink:focus {
    color: var(--color-light);
}

.videoLink .btn-play {
    width: 37px;
    height: 37px;
    background: rgba(255,255,255,.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-quaternary);
    margin-left: 12px;
    transition: all .3s;
}
.videoLink .btn-play:hover {
    background: var(--color-light);
    transform: scale(1.2) rotate(360deg);
    transition: all .3s;
}
.videoLink .btn-play:hover .icon-play{
    transform: translateX(-10%);
}
.videoLink .btn-play:hover .icon-play{
    transform: translateX(0) scale(1.2);
}

.youtubeWrapper .videoPlay {
	display: flex;
    align-items: center;
    padding: 10px 24px;
}

.youtubeWrapper .videoPlay img {width: 100%;}

.youtubeWrapper .videoPlay svg {
}

/*hpBoxes*/
.hpBoxes {
	margin: 0;
	padding: 100px 0;
	display: block;
	clear: both;
	text-align: center
}

.hpBox {
    position: relative;
}

.hpBoxes nav ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.hpBoxes .menuTitle{
    top: 0;
    left: 0;
    color: var(--color-light);
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    font-size: 23px;
    transition: all .25s;
    text-shadow: 0 3px 2px rgba(0,0,0,.16);
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 1.15px;
    justify-content: center;
    background-color: rgba(5, 0, 59, .49);
}
.hpBoxes .menuTitle strong {
    transition: all .25s;
    font-weight: 800;
}
.hpBox .icon-arrow {
    top: 50%;
    left: 50%;
    width: 27px;
    color: var(--color-light);
    height: 20px;
    opacity: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: all .25s;
}

.hpBox:hover .menuTitle,
.hpBox:focus .menuTitle {
    background-color: rgba(5, 0, 59, .31);
}
.hpBox:hover .menuTitle strong,
.hpBox:focus .menuTitle strong {
    transform: translateY(-100%);
}
.hpBox:hover .icon-arrow,
.hpBox:focus .icon-arrow {
    opacity: 1;
}



/*footer*/

.upperFooter {
    min-height: 255px;
    box-sizing: border-box;
    clear: both;
    background-color: var(--color-secondary);
    color: var(--color-light);
    margin-top: 40px;
    padding-bottom: 48px;
}


.upperFooter .container.flex {
    flex-direction: column;
}
.upperFooter .container.flex > .flex {
    flex-direction: column;
}

.upperFooter h2 {
    color: var(--color-light);
    font-size: 18px;
    line-height: 23px;
    padding: 0;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 48px;
}

.upperFooter p {
    margin-top: 8px;
    line-height: 24px;
}

.footLogo {
    margin-top: 55px;
    position: relative;
    width: 80%;
}
.footLogo a {
    max-width: 100%;
}
.footLogo a img {
   max-width: 100%;
    object-fit: contain;
}

.upperFooter span {
    color: var(--color-light);
    font-weight: 600
}

.upperFooter .social-link {
	display:inline-block;
    margin-bottom: 6px;
}

.upperFooter .social-link:nth-of-type(1) {
    margin-top: 24px;
}

.upperFooter .icon {
    max-width: 17px;
    max-height: 17px;
    fill: var(--color-light);
    color: var(--color-light);
    transition: all .25s ease-in-out;
}

.upperFooter .icon:hover,
.upperFooter .icon:focus {
    fill: var(--color-quaternary);
    color: var(--color-quaternary);
}

.upperFooter .container {
    position: relative;
}

.bottomFooter {
    min-height: 60px;
    background: #15104D;
}

.bottomFooter .d-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.bottomFooter .d-flex .nova-wrap,
.bottomFooter .d-flex .tag-dental-wrap {
    flex-basis: 50%;
}

@media (min-width: 992px) {
    .bottomFooter .d-flex .nova-wrap {
        flex-basis: unset;
    }

    .bottomFooter .d-flex .tag-dental-wrap {
        display: none;
    }
}

.tag-dental-wrap svg {
    width: 100px;
    height: 50px;
    padding: 10px;
}

.footerMenu {
	margin: 0;
	list-style: none;
	float: right;
	margin-top: 11px;
}

.footerMenu li {
	display: inline-block;
}

.footerMenu li a {
	color: #e1e1e1;
	font-size: 0.8333rem;
}

.footerMenu li + li:before {
	content: "|";
	color: #fff;
	padding: 0 5px;
}

.tycoLogo {
	text-align: left;
}

.tycoLogo a {
	float: left;
	position: relative;
	height: 19px;
}

.tycoLogo a span {
	position: absolute;
	width: 90px;
	top: 0;
	left: 0;
	opacity: 0;
	color: #fff;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.tycoLogo a:hover span,
.tycoLogo a:focus span {
	opacity: 1;
	left: 150%;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	font-size: 0.7222rem;
}

.tyco {
    width: 60px;
    height: 18px;
	fill: #e8e8e8;
}

.tycoLogo,
.footerCredit, .bottomFooter img {
	padding: 15px;
	line-height: 19px;
}

.footerCredit p {
	margin: 0;
	color: var(--color-light);
	font-size: 16px;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: transparent;
	border: 0;
}

.tycoLogo, .footerCredit {
    float: inherit;
}
.bottomFooter img {
    float: right;
}


.mega-menu {  padding: 10px 0 ! important;  width:100%;  border-radius: 0;  margin-top: 0;}

/*header_thin*/
.header_thin{display: block; background: var(--color-secondary); height:50px; margin-bottom: 45px; float: left; width: 100%}

/*header-in-product*/
.header_product {
	position: relative;
	display: block;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: 288px;
/*	margin-bottom: 45px;*/
	float: left;
	width: 100%
}

.header_product:before {
	content:'';
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events: none;
	background-color: rgba(0,0,0,.3);
}

.breadcrumb {
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 0;
	background: transparent;
	text-shadow: 1px 1px 2px rgba(0,0,0,.8);
}

.breadcrumb > li a, .breadcrumb > li {
	font-size: 0.9444rem;
	color: #fff;
}

.breadcrumb > .active span{
	font-size: 0.9444rem;
	color: #fff;
	text-decoration: underline
}

.breadcrumb > li + li:before {
	color: #fff;
	padding-right: 0;
}

.header_bread h1 {
	color: var(--color-light);
	font-weight: 800;
	position: relative;
	margin: 80px 0;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.16);
}

.productWrapper{float: left; width: 100%; }
.category_contents_deb{
	background: url("../images/centerProductBg.jpg") top right no-repeat;
}
.category_contents_hold{
	 background: url("../images/holdingSystem.jpg") top right no-repeat;
 }
.category_contents_cool{
	background: url("../images/coolingSystem.jpg") top right no-repeat;
}
.bottomProdInfoLinks {
	background: #eee;
	clear: both;
	display: block;
}

.bottomProdInfoLinks .container {
	padding: 30px 0 !important;
}

.bottomProdInfoLinks .prodInfoLinks {
	float: none;
	display: inline-block;
	margin: 15px !important;
}

.prodInfoLinks{padding: 0; margin: 0;}

.prodInfoLinks li {
	float: left;
	margin: 35px 35px 35px 0;
    list-style: none !important;
}

.prodInfoLinks li .icon {
	width: 63px;
	height: 50px;
	float: left;
	text-align: center;
	padding-top: 12px;
	overflow: visible;
	position: relative;
	background: #184464;
}

.prodInfoLinks li .icon:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #184464;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	transform: skew(-10deg);
	z-index: 1;
	height: 50px;
}

.prodInfoLinks li .linkText,
.loader .linkText {
	color: #fff;
	line-height: 50px;
	padding: 0 20px;
	float: left;
	background: var(--color-secondary);
	z-index: 0;
	position: relative;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.prodInfoLinks li .linkText:hover,
.loader .linkText:hover {
	background: #184464;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

svg.icon-contact, svg.icon-globe,
svg.icon-download, svg.icon-load,
svg.icon-play {
	width: 24px;
	height: 24px;
	fill: #fff;
	z-index:1;
	position: relative;
}

.topProd .container {
}

.container .loader {
	width: 255px;
	margin: auto;
}

.loader .icon {
	width: 63px;
	height: 50px;
	float: left;
	text-align: center;
	padding-top: 12px;
	overflow: visible;
	position: relative;
	background: #184464;
}

.loader .icon:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #184464;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	transform: skew(-10deg);
	z-index: 1;
	height: 50px;
}

.topProd .item {
	float: left;
	width: 20%;
	text-align: center
}

/*tab-nav*/
.nav-tabs {
	border-bottom: 0;
	margin: 50px 0 0 0;
	text-align: center;
}

.nav-tabs > li {
	float: none;
	display: inline-block;
}



.nav-tabs > li > a {
	color: #444444;
	font-size: 1.556rem;
	font-weight: 700;
	border: 0px;
	text-transform: none;
}

.nav-tabs > li.active > a {
	color: var(--color-secondary);
	border: 0;
	font-size: 1.556rem;
	font-weight: 700;
}

.nav-tabs > li > a {
	color: #444444;
	font-size: 1.556rem;
	font-weight: bold;
	border: 0px;
	text-transform: none;
}

.tabMenu > li > a:hover:before,
.tabMenu > li > a:hover:after {
	opacity: 1;
}
.nav-tabs>li.active>a,

.nav-tabs>li.active>a:hover{background-color: transparent !important;}

.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: var(--color-secondary);
    border: 0;
}

.tabMenu > li.active > a:before,
.tabMenu > li.active > a:after,
.tabMenu > li > a:focus:before,
.tabMenus > li > a:focus:after {
    color: var(--color-secondary);
    border: 0;
    content: " / ";
    font-size: 2rem;
    opacity: 1;
}
.tabMenu>li>a:before, .tabMenu>li>a:after {
    content: " / ";
    opacity: 0;
    font-size: 2rem;}
.tabMenu>li:hover>a:before, .tabMenu>li:hover>a:after,  .tabMenu>li>a:hover:before, .tabMenu>li>a:hover:after,  .tabMenu>li>a:focus:before, .tabMenu>li>a:focus:after {
    background: transparent; font-size: 2rem;
    color: var(--color-secondary);
    content: " / ";
    opacity: 1;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
/*table*/
.exhibitions.table {
	text-align: center;
	display: table;
	border-collapse: separate;
}

table thead tr.level_one th {
	color: var(--color-secondary);
	background: #e6eef3;
	font-weight: bold;
	border-bottom: solid 2px var(--color-secondary);
	border-right: solid 2px #fff;
	border-left: solid 2px #fff;
	font-size: 1.111rem;
	text-align: center;
}

table thead tr.level_two td, table thead tr.level_three td {
	color: var(--color-secondary);
	font-weight: bold;
	background: #d5e1e9;
	border-style: solid;
	border-color: #fff;
	border-width: 0 2px 4px 2px;
}

td.bgGray {
	background: #d5e1e9;
	border: 0px;
	border-bottom: solid 2px var(--color-secondary);
}

td.bgBlue {
	background: #bacddb;
	border: 0px;
	border-bottom: solid 2px var(--color-secondary);
}

/*404*/
section.wrapperPNF {
	background: url("../images/404.jpg") top center no-repeat;
	min-height: 619px;
	text-align: center;
	float: left;
	width: 100%;
	margin-top: -50px;
	display: block;
}

.pnf {
	position: relative;
	overflow: visible;
	color: var(--color-secondary);
	font-size: 2.778rem;
	font-style: italic;
	display: inline-block;
	margin: 150px 0 50px 0;
	padding-right: 10px;
}

.pnf:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	transform: skew(-10deg);
	height: 64px;
	border-top: solid 2px var(--color-secondary);
	border-bottom: solid 2px var(--color-secondary);
}

.pnf svg.icon-new {
	width: 39px;
	height: 31px;
	fill: var(--color-secondary);
	margin-right: -3px;
}


/*items*/
.wrapperPNF a {
	color: var(--color-secondary);
	font-size: 1.556rem;
	text-decoration: underline
}

.itemInfo {
	width: 100%;
	float: left;
	margin: 15px 0;
	background: #EFF4F8;
	padding: 20px 10px;
}

.itemInfo img {
	border: solid 1px #d8d8d8
}

.itemInfo h2 {
	color: var(--color-secondary);
	font-size: 1.333rem;
	margin: 0;
	padding: 0;
}

.itemInfo .groupName {
	font-size: 0.9444rem;
	font-weight: bold
}

/*faq*/
.faq-list .panel-group .panel + .panel {
	background: #fcefef;
}

.faq-list .panel-group .panel-heading > a.collapsed{background-color: #F7F7F7 !important; color: #333 !important;}
.faq-list .panel-group .panel-body{border-top: 0!important; padding-left: 50px;}

.faq-list #faq-deb .panel-group .panel-body,
.faq-list #faq-deb .panel-group .panel-heading > a{background: #EFF4F8;}
.faq-list #faq-deb h2,
.faq-list #faq-deb .panel-group .panel-heading > a:not(.collapsed){color: #306DB6 !important;}

.faq-list #faq-hld .panel-group .panel-body,
.faq-list #faq-hld .panel-group .panel-heading > a{background: #FDEFEF;}
.faq-list #faq-hld h2,
.faq-list #faq-hld .panel-group .panel-heading > a:not(.collapsed){color: #E35857 !important;}

.faq-list #faq-col .panel-group .panel-body,
.faq-list #faq-col .panel-group .panel-heading > a{background: #F2F7F0;}
.faq-list #faq-col h2,
.faq-list #faq-col .panel-group .panel-heading > a:not(.collapsed){color:#55AB45 !important;}

.faq-list #faq-oth .panel-group .panel-body,
.faq-list #faq-oth .panel-group .panel-heading > a{background: #F7F7F7;}

.faq-list .panel-group .panel {
	margin-bottom: 15px;
	opacity: 1;
	height: 100%;
	visibility: visible;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.faq-list .panel-group .panel.faq_hide{
	opacity: 0;
	height: 0;
	visibility: hidden;
	margin: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.faq-list .panel-default {
	border-color: transparent;
}

.faq-list .panel-heading {
	border-bottom: 0;
	border-radius: 0 !important;
	padding: 0;
}

.faq-list .panel-heading > a {
	display: block;
	padding: 15px;
	padding-left: 50px;
	position: relative;
	color: #424242;
}

.faq-list .panel-heading > a .panel-title{
	font-size: 1.111rem;
}

.faq-list .panel-heading > a .icon{
	width: 40px;
	height: 40px;
	position: absolute;
	top: calc(50% - 20px);
	left: 5px;
}

.faq-list .panel-heading > a .icon:before,
.faq-list .panel-heading > a .icon:after{
	content: '';
	background: #424242;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.faq-list .panel-heading > a .icon:before{
	width: 25px;
	height: 2px;
}
.faq-list .panel-heading > a .icon:after{
	height: 0;
	width: 2px;
}
.faq-list .panel-heading > a.collapsed .icon:after{height: 25px;}

.faq-list .panel-default > .panel-heading {
	border-color: transparent;
}



/*contact-map*/
.worldwideContent .prodInfoLinks, .contact-section .prodInfoLinks, .contact-section .prodInfoLinks li {
	margin: 0px;
}

.prodInfoLinks{float: left; margin:35px 35px 35px 0;}
.prodInfoLinks .icon{width:63px; height:50px;  float: left; text-align: center;padding-top: 12px;overflow: visible; position: relative;background:#184464; z-index:0}
.prodInfoLinks .icon:after{content: '';  position: absolute;  top: 0; left: 0;  width: 100%;background: #184464;
    -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%;  transform-origin: 100% 100%;
    -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg);  z-index: 1; height:50px;}

.prodInfoLinks .linkText,
.loader .linkText
{color:#fff; line-height: 50px; padding: 0 20px; float: left;background:var(--color-secondary);z-index: 0;
    position: relative;transition: all .25s ease-in-out;  -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
.prodInfoLinks .linkText:hover,
.loader .linkText:hover
{background:#184464;transition: all .25s ease-in-out;    -moz-transition: all .25s ease-in-out;    -webkit-transition: all .25s ease-in-out;  }

svg.icon-contact, svg.icon-globe,
svg.icon-download,svg.icon-load,
svg.icon-play{width:24px;  height:24px;  fill:#fff;    z-index: 2; position: relative; }

.worldwideContent .selectWrap select {
	padding: 0px 30px;
	color: #424242;
	font-size: 1.111rem;
	line-height: 50px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 390px;
	border: 0;
	background: url("../images/selectB.png") right center no-repeat;
	background-color: #eef2f6;
    height: 50px !important;
}

.contact-map {
	position: relative;
	margin: 50px 0;
	display: block;
}

.contact-map ul{padding: 0; margin: 0}

#googlemaps{
	width: 100%;
	padding-bottom: 52%;
}

.branchInfo {
	width: 215px;
	position: absolute;
	top: 45px;
	margin: auto;
	background: #184464;
	left: 200px;
}

.branchInfo .country {
	color: #fff;
	font-size: 1.278rem;
	display: block;
	padding: 20px;
}

.country span {
	font-size: 0.9444rem;
}

.branchInfo .contacts {
	color: #fff;
	font-size: 0.9444rem;
	display: block;
	background: var(--color-secondary);
	padding: 20px;
}

.branchesList > li{display: none; list-style: none!important; padding: inherit;}
.branchesList > li>ul>li{list-style: none!important;}
.branchesList > li>ul>li>ul>li{list-style: none!important;}
.branchesList > li h3{font-size:1.833rem; color:#184464; font-weight: 600; }

.locationDetails{padding: 0px;padding-right: 20px; margin-bottom: 20px;}
.locationDetails>div{background:#184464; padding: 15px;}
.locationDetails>div h4{color:#fff; font-size:1.278rem;margin-top: 0; }
.locationDetails>div h5{color:#fff; font-size:0.9444rem;margin-bottom: 0;  }
.locationDetails ul{color:#fff; padding: 15px;background: var(--color-secondary);}
.locationDetails ul a{color:#fff;}

/*product-item-page*/
.imgZoom {
	position: relative;
	border: solid 1px #d9d9d9;
	margin: 0px 90px 50px 0;
    max-width: calc(100% - 50px);
}

.imgZoom .zoom{
	position: absolute;
	top: 30px;
	right: 30px;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

svg.icon-zoom {
	height: 44px;
	width: 44px;
	fill: var(--color-secondary) !important;
	margin: 0;
	vertical-align: middle;
}

.youtubeWrp a .videoPlay {
	width: 60px;
	height: 60px;
	position: absolute;
	top: calc(50% - 30px);
	right: calc(50% - 30px);
}

.youtubeWrp a .videoPlay svg {
	width: 100%;
	height: 100%;
	fill: #fff;
}

.youtubeWrp{
	border: 0;
	width: 353px;
}

.youtubeWrp iframe{
	width: 100%;
	height: 100%;
	border: 0;
	position: absolute;
	top:0;
	left: 0;
}
ul.details {
	padding: 0;
	border-bottom: solid 1px var(--color-secondary);
	margin: 50px 0;
}

.details li {
	font-size: 1.056rem;
	line-height: 50px;
	display: block;
	border-top: solid 1px var(--color-secondary);
	list-style: none;
}

.details li span {
	font-size: 1.167rem;
	font-weight: bold;
	color: var(--color-secondary);
	padding-left: 10px;
}

.details li:nth-child(even) {
	background: #eef2f6
}

.includes {
	margin-bottom: 20px;
	/*min-height: 70px;*/
	display: flex;
	align-items: center
}

.includes img {
	max-width: 72px;
	float: left;
}

.includes a {
	float: left;
	font-size: 1.1rem;
}

.includes img + a{margin-left: 20px;}

.mfp-bottom-bar .mfp-title{display: none!important;}

/***
**** CONTACT-FORM
**********************/
.classic {
    opacity: 0;
    top: 2em;
    z-index: -1;
}
.classic.is-active {
    opacity: 1;
    top: 1em;
    z-index: 1;
}
input.searchTxt::-webkit-input-placeholder
input.searchTxt:-ms-input-placeholder,
input.searchTxt:-moz-placeholder,
input.searchTxt::-moz-placeholder{ color: #fff;opacity: 1;}

::-webkit-input-placeholder { color: #7e7e7e;}/* Chrome */
:-ms-input-placeholder { color: #7e7e7e;}/* IE 10+ */
::-moz-placeholder { color: #7e7e7e; opacity: 1;}/* Firefox 19+ */
:-moz-placeholder { color: #7e7e7e; opacity: 1;}/* Firefox 4 - 18 */

.contactFormWrap {
	width: 100%;
	float: left;
	background: url("../images/mapBG.jpg") right center no-repeat;
	margin: 35px 0;
	position: relative;
}

.contactFormWrap .contact-form {
	background: #ececec;
	padding-top: 40px;
	position: relative;
	z-index: 1;
}

.contactFormWrap .contact-form:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #ececec;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: skew(-7deg);
	-ms-transform: skew(-7deg);
	transform: skew(-7deg);
	z-index: 0;
	height: 100%;
}

.contactUs{position: relative;}

.inputWrap {
	margin-bottom: 35px;
}

.inputWrap input, .inputWrap select {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #7e7e7e;
	font-size: 0.9444rem;
	border: solid 1px #7e7e7e;
	padding: 0 15px;
	background: #f2f2f2
}

.inputWrap textarea {
	width: 100%;
	color: #7e7e7e;
	font-size: 0.9444rem;
	border: solid 1px #7e7e7e;
	padding: 8px 15px;
	background: #f2f2f2
}

.inputWrap.submitWrap input {
	cursor: pointer;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 0.9444rem;
	border: solid 1px #7e7e7e;
	padding: 0 15px;
	background: var(--color-secondary);
	text-align: center;
}

.inputWrap select {
	-moz-appearance: none;
	-webkit-appearance: none;
	color: #7e7e7e;
	background: url("../images/select.png") right center no-repeat;
	background-color: #f2f2f2;
}

form .inputWrap.file input {
	opacity: 0;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

.inputWrap.file {
	border: solid 1px #7e7e7e;
	background: transparent;
	position: relative;
}

.inputWrap.file input:focus + .files_names{
	outline: -webkit-focus-ring-color auto 5px;
}
.inputWrap.file .files_names{
	position: absolute;
	top: 0;
	left: 0;
	color: #A9A9AD;
	width: 100%;
	height: 100%;
	line-height: 39px;
	text-indent: 18px;
	font-size: 0.9444rem;
	padding-right: 50px;
	background: #f2f2f2;
}

.formInput + .fly_label{
	position: absolute;
	z-index: -1;
	opacity: 0;
	top:0;
    left: 15px;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.formInput:focus + .fly_label,
.formInput.filled + .fly_label{
	opacity: 1;
	z-index: 0;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.icon-file-bg {
	position: absolute;
	top: 0;
	right: 0;
	background: var(--color-secondary);
	padding: 10px 15px;
	height: 40px;
	z-index: 1;
}

.icon-file-bg:before {
	content: '';
	position: absolute;
	top: 0;
	right: 7px;
	width: 100%;
	background: var(--color-secondary);
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	transform: skew(-10deg);
	z-index: -1;
	height: 40px;
}

svg.icon-file {
	width: 14px;
	height: 18px;
	fill: #fff;
}

.contactFormWrap .mapBg {
	background: rgba(23, 74, 111, 0.76);
	text-align: center;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.contactFormWrap .mapBg h2 {
	color: #fff;
	font-size: 1.611rem;
	font-weight: bold;
	margin-top: 165px;
	margin-bottom: 35px;
}

.contactFormWrap .mapBg p {
	color: #fff;
	font-size: 1.222rem;
	margin: 0 115px 30px;
}

.contactFormWrap .mapBg p a {
	color: #fff;
	text-decoration: none;
}

div.inputWrap.radioWrp {
	position: relative;
	z-index: 1 !important;
}

div.inputWrap.radioWrp:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 80%;
	height: 2px;
	background: #fff;
	margin-left: 20px;
	z-index: -1;
}

.radioWrp label > input {
	opacity: 0;
	position: absolute;
	width: 1px !important;
	height: 1px !important;
}

.radioWrp label > input + span {
	cursor: pointer;
	padding: 1px 6px;
	border-radius: 100%;
	background: #bebebe;
	border: 1px solid transparent;
	display: inline-block;
}

.radioWrp label > input + span > img {
	cursor: pointer;
	width: 15px;
	height: auto
}

.radioWrp label > input:checked + span {
	background: var(--color-secondary);
	padding: 5px 7px;
}

.radioWrp label > input:checked + span > img {
	width: 22px;
	height: auto;
}

.radioWrp label {
	width: 20%;
	text-align: center;
	padding-left: 0;
}

.radioWrp label .title {
	text-align: center;
	font-size: 0.5556rem;
	padding: 0;
	margin-top: 5px;
	display: block;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
	margin-top: 0;
	margin-left: -5px;
}
.emoji:before{    content: '';
    position: absolute;
    top: 12px;
    left: 0px;
    width: 80%;
    height: 2px;
    background: #fff;
    margin-left: 30px;
    z-index:0;
}

/*DOWNLOADS*/
.download h2{
    color:#4f4f4f;
    font-size:  1.667rem;
}
.download a{text-decoration: none;}
.download a:hover{text-decoration: none;}
.download a:hover .downlWrp {
    background: #e8e9ea;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.downlWrp {
    background: #eff4f9;
    padding: 6px;
	padding-right: 35px;
    margin: 15px 0;
    position: relative;
}

.downlWrp [class*="col"] {
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	float: none;
	margin-right: -3px;
}

.downlWrp p{
    padding: 0;margin: 0;
    font-size: 1.333rem;
    color:var(--color-secondary);
    line-height: 17px;
    font-weight: bold;
    text-decoration: none;
	margin-left: 10px;
}
.downlWrp span{
    padding: 0;margin: 0;
    font-size: 0.9444rem;
    font-weight: bold;
    color:#333333 !important;
}
.downlWrp svg.downloads_arrow {
	width: 9px;
	height: 18px;
	fill: #959595;
	position: absolute;
	right: 13px;
	top: calc(50% - 9px);
}

.brd {
    font-size: 0.92em;
    padding: 25px 0 10px;
    list-style: none;
}

.brd li {
    display: inline-block;
}

.brd li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.brd li.active {
    color: #797979;
}


.section-faq {
    margin-bottom: 80px;
}




.topProd.old-style .owl-prev:after{content: ""; width: 22%; height: 100%; position: absolute; top: 0; z-index: 99999; background: #215e8b; transform: skew(-10deg); right: -6px;}
.topProd.old-style .owl-next:after{content: ""; width: 22%; height: 100%; position: absolute; top: 0; z-index: 99999; background: #215e8b; transform: skew(-10deg); left: -6px;}


.topProd.old-style {
    width: 100%;
    clear: both;
    text-align: center;
    display: block;
    float: left;
    margin-top: 50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5c5c5+0,99daff+17&0.5+0,0+17 */
    background: -moz-linear-gradient(top,  rgba(197,197,197,0.5) 0%, rgba(153,218,255,0) 17%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(197,197,197,0.5) 0%,rgba(153,218,255,0) 17%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(197,197,197,0.5) 0%,rgba(153,218,255,0) 17%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c5c5c5', endColorstr='#0099daff',GradientType=0 ); /* IE6-9 */
}

.topProd.old-style .titleWrp {
        margin: auto;
    padding: 0 15px;
}

.topProd.old-style .titleWrp h2 {
        padding-left: var(--wrapper-gap);
}

.topProd.old-style hr.underLine {
        display: none;
}

.topProd.old-style .ImgProduct {
    border-bottom: solid 3px #215e8b;
    position: relative;
    margin: 15px;
    box-shadow: none;
}
.topProd.old-style .ImgProduct:hover {
    box-shadow: none;
}

.topProd.old-style .ImgProduct > div {
    padding-bottom: 96.56%;
    position: relative;
}

.topProd.old-style .ImgProduct img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.topProd.old-style .newProd {
    position: absolute;
    color: #215e8b;
    padding: 0;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 30px;
    font-style: italic;
    font-size: 16px;
    overflow: visible;
    width: 83px;
    padding-left: 0;
    display: block;
    margin: 0 auto;
}

/*.topProd.old-style .newProd:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #215e8b;
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	transform: skew(-10deg);
	z-index: -1;
	height: 47px;
}*/

.topProd.old-style .newProd svg {
    width: 19px;
    height: 14px;
    fill: #215e8b;
    margin-right: -3px;
}

.topProd.old-style .newRaper {
    position: absolute;
    top: 30px;
    background: red;
    width: 100%
}

.topProd.old-style .titleProd {
    text-align: center;
    padding: 5px 25px;
    height: 110px;
}

.topProd.old-style .titleProd a {
    font-size: 1.1rem;
    color: #333333;
    line-height: 15px;
}

.topProd.old-style .viewProd {
    position: absolute;
    width: 100%;
    height: calc(100% + 3px);
    top: 0;
    background: rgba(255, 255, 255, 0.75);
    z-index: 1;
    opacity: 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.topProd.old-style .viewProd:hover {
    background: rgba(255, 255, 255, 0.75);
    opacity: 1;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.topProd.old-style .viewProd span {
    position: absolute;
    overflow: visible;
    color: #fff;
    padding: 5px 22px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-style: italic;
    font-size: 1.444rem;
    z-index: 9999;
    top: 50%;
}

.topProd.old-style .viewProd span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #215e8b;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    width: 100px;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    z-index: -1;
    height: 47px;
}

.topProd.old-style .owl-carousel .owl-item {
    width: 100%
}

.topProd.old-style .owl-carousel .owl-prev {
    left: 0;
    background: #215e8b
}

.topProd.old-style .owl-carousel .owl-next {
    right: 0;
    background: #215e8b
}

.topProd.old-style .owl-carousel .owl-prev:before,
.topProd.old-style .owl-carousel .owl-next:before {
    color: #fff;
    font-size: 45px;
    display: block;
}


.topProd.old-style .container {
    clear: both;
    padding: 0;
    width: 100%;
}


.topProd.old-style {
    width: 100%;
    clear: both;
    text-align: center;
    display: block;
    float: left;
    margin-top: 50px;
    background: -moz-linear-gradient(top, rgba(197,197,197,0.5) 0%, rgba(153,218,255,0) 17%);
    background: -webkit-linear-gradient(top, rgba(197,197,197,0.5) 0%,rgba(153,218,255,0) 17%);
    background: linear-gradient(to bottom, rgba(197,197,197,0.5) 0%,rgba(153,218,255,0) 17%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c5c5c5', endColorstr='#0099daff',GradientType=0 );
}


.topProd.old-style .owl-carousel .owl-prev {
    left: 0;
    background: #215e8b;
}
.topProd.old-style .owl-carousel .owl-next {
    right: 0;
    background: #215e8b;
}
.topProd.old-style .owl-carousel .owl-dot,
.topProd.old-style .owl-carousel .owl-nav .owl-next,
.topProd.old-style .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-prev, .owl-next {
    text-align: center;
    width: 65px;
    height: 65px;
    position: absolute;
    top: calc(50% - 35px);
}
.topProd.old-style .owl-carousel .owl-prev:before, .topProd.old-style .owl-carousel .owl-next:before {
    color: #fff;
    font-size: 45px;
    display: block;
}
.topProd.old-style .owl-prev:before {
    content: "<";
    color: #fff;
    font-size: 50px;
    display: block;
}
.topProd.old-style .owl-next:before {
    content: ">";
    color: #fff;
    font-size: 50px;
    display: block;
}
.topProd.old-style .owl-prev:after {
    content: "";
    width: 22%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 99999;
    background: #215e8b;
    transform: skew(-10deg);
    right: -6px;
}
.topProd.old-style .owl-next:after {
    content: "";
    width: 22%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 99999;
    background: #215e8b;
    transform: skew(-10deg);
    left: -6px;
}

.topProd.old-style .owl-nav {
    top: 50%;
    width: 100%;
    display: flex;
    position: absolute;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    justify-content: space-between;
}
.topProd.old-style .owl-nav .owl-prev,
.topProd.old-style .owl-nav .owl-next {
    border: none;
}