@charset "UTF-8";
/* CSS Document */

body {font-family: 'Montserrat', sans-serif;}

.orange-bg {background-color: #ff7300 !important}

#lower-menu li.dropmenu:hover>.dropdown-menu {
  display: block;
}


.menu-height {height: 138px;}
@media (max-width: 1200px) {
	.menu-height {height: 78px;}
}

.title-green-white {background-color: #b4c140; color: #ffffff; padding-bottom:20px;overflow:auto;}
.titles-common { padding: 20px 20px 5px; font-weight: 500;}
.title-green-white h4 {font-size: 15px; color: #ffffff; text-transform: uppercase; font-weight: 400;}
.titles-common::-webkit-input-placeholder { /* Edge */
  color: #888;
  font-weight:300;
}

.titles-common:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #888;
  font-weight:300;
}

.titles-common::placeholder {
  color: #888;
  font-weight:300;
}
input.titles-common, select.titles-common {font-family: Arial; font-size:18px}
input.titles-common:after, select.titles-common:after {    content: "\f058";
	color: #fff;	
    display: block;
    position: absolute;
	font-size:15px;
    top: 9px;
    right:12px;
    z-index: 1;
	font-family: "Font Awesome\ 5 Free";}
	
.input-text-wrapper {background: rgba(180, 193, 64, 0.15); padding: 10px; display: table;width: 100%;}
.input-text-wrapper input, .input-text-wrapper select {padding-top: 24px; border: none;width: 100%;padding-bottom: 20px; background: #fff; display: table-cell; border-radius: 8px;}
.input-text-wrapper label {display: block;}


.menu-feature-product { font-size: 16px; padding-top: 16px;}
.menu-feature-applications {font-size: 11px; font-weight: 500; padding: 10px 20px; list-style: none;}
.menu-feature-applications li {color:#888; padding-bottom: 8px; padding-top: 8px; font-weight: 400}

.menu-right { background: #333333;  padding: 10% 5%; background-image: url("../images/home1-2.jpg"); background-size: cover; opacity: 1; transition: background-size 0.3s ease; background-position: center;}
.menu-right:hover {background-size: cover; opacity: 0.9;}
.menu-right h1 {color: #fff; font-weight: 100; font-size: 72px;}
.menu-right a {color: #ffffff; text-decoration: none; position: relative}
.menu-right-text {padding:10% 0px;}


ul.dash {
  list-style-type: none;
}

ul.dash li:before {
  content: '\2014';
  position: absolute;
  margin-left: -20px;
}


@media (max-width: 1200px) {
/*.menu-right {padding: 10% 5%;}
.menu-right-text {padding:20% 0px;}
*/
}


#menuHydraulic .menu-right { background-image: url("../images/hydraulic.jpg");}
[data-family="Hydraulic"] .menu-right { background-image: url("../images/hydraulic.jpg");}

#menuUHP .menu-right { background-image: url("../images/UHP.jpg");}
[data-family="UHP"] .menu-right { background-image: url("../images/UHP.jpg");}

.menu-bottom {text-transform: none;}
.menu-bottom .ulheader {font-weight:700;text-transform:uppercase;}
.menu-bottom ul {list-style-type:none;padding-left:0;margin-top:24px;}
.menu-bottom ul li {padding-top:4px; padding-bottom: 4px;}

.menu-results {background: #B4C13F; padding-right: 50px; padding-bottom: 10px;}
.menu-results h4 {padding-top: 10px; padding-bottom: 20px;}
.menu-results .product_box {margin-bottom: 20px;}
.menu-results .bg_slider {--slideBgColor: #eaeeca;}

/* HEADER */
#header {z-index:999999; border-top: 5px solid #aaa;}
.navbar-light {background:#FFF;}

.menu-left {padding: 0 !important; border-bottom: 8px solid #eaeeca;}
#upper-menu  li {padding: 0px 16px;}
#upper-menu  li a {color: #000000; font-size: 11px; text-decoration: none}
#lower-nav #srch {border: 0; font-size: 13px; font-weight: 300; width:100%;}
#btn-search {right:8px; position: absolute;}
#btn-search img {width: 24px; height: 24px}
#top-search-container {background-color: #ffffff; }
.form-control:focus {
    outline: none;
	box-shadow: none;
}

.menu-feature-header {border-top: 5px solid #eaeeca; font-size: 14px; font-weight: 500; text-transform:uppercase; line-height: 22px; }

#lower-nav a{color: white; font-size: 11px; text-transform: uppercase}
#lower-nav > ul > li  { padding: 0px 16px;}
#lower-nav > ul > li:hover  {background: #FF7300; transition: background-color 1s}
#lower-nav {padding: 0px; margin: 0px;}

#lower-menu {padding: 18px 0px; margin: 0px;}
#lower-menu > li {padding: 10px 0px; margin: 0px;}
#lower-menu > li > a {padding: 17px 0px; margin: 0px;}
.selected-menu {border-bottom: 5px solid #B4C13F;}

.arrow-container {position: relative;}
.arrow-up {position: absolute; width: 20px; height: auto; top: 15px; right: 15px;font-size:22px;}
.close {position: absolute; width: 25px; height: auto; top: 25px; right: 15px;}



.menu-li {background: #fff; border-bottom:1px solid #FFF;}
.menu-li:hover {cursor: pointer; background: #EAEECA; transition: background 0.2s ease;}

#extra_content .menu-li:hover {cursor: default; background: #EAEECA; transition: background 0.2s ease;}
#extra_content a {color:inherit;}
#extra_content a:hover {text-decoration:none;}
#extra_content #div_packaging .menu-li:hover {background:none;}

.filter-wrapper {	
	border: 1px solid rgba(180, 193, 64, 0.25);
    padding: 16px;
    border-radius: 8px;
	}
	
.fltApp.selected, .fltApp2.selected {background: #ff7300 ; transition: background 0.2s ease; color:#FFF; border-bottom:1px solid rgba(255,255,255,0.4);border-radius:8px;}
.fltApp.selected:after, .fltApp2.selected:after {
    content: "\f058";
	color: #fff;	
    display: block;
    position: absolute;
	font-size:15px;
    top: 9px;
    right:12px;
    z-index: 1;
	font-family: "Font Awesome\ 5 Free";
}

.fltReset {font-size:11px; color:#CCC;}


[data-toggle="collapse"] i:before{
    content: "\f077";
	color: #000;
}

[data-toggle="collapse"].collapsed i:before{
    content: "\f078";
	color: #000;
}

@media (min-width: 992px) {
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + #myGroup + #content-container {
  padding-top: 45px;
}
}

.collapsiblemenu {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);}
/* ------ */


/* FOOTER */

#footer div {background: #FF7300; padding-top: 32px; color: #ffff; font-weight: 300; font-size: 13px; padding-bottom: 48px}
#footer a {color:inherit;text-decoration:none;}

#footer2 {border-top:10px solid #FF7300;}
#footer2 > .row {padding-top:48px; padding-bottom:48px;}
#footer2 div {background: #fff; color: #777; font-weight: 300; font-size: 12px;}
#footer2 a {color:inherit;text-decoration:none;}
#footer2 .servicelinks {border-left:1px solid  #777;padding-top: 0px; padding-bottom: 0px;}
#footer2 .companyinfo {padding-top: 0px; padding-bottom: 0px;font-size:14px;}

.servicelinks ul {list-style-type:none;padding-left:0;margin-top:30px;}
.servicelinks ul li {padding-top:8px; padding-bottom: 8px;}


.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	background-color: #b4c140;
	border-color:#b4c140;
	z-index:99999;
}
.back-to-top:hover, .back-to-top:focus, .back-to-top.focus, .back-to-top:active, .back-to-top.active {
	background-color: #ff7300!important;
	border-color:#ff7300!important;
    box-shadow: 0 0 0 0.2rem rgba(255, 115, 0, 0.5)!important;
}

/* ----- */



/* HOME */
.row1 {position:relative;}
.row1 h2, .row2 h2, .row3 h2 {font-size: 60px; font-weight: 100; line-height: 55px;}

.home {font-size: 12px;}
.row1, .row2 {}
.row1 h2 {color: #FF7300;font-weight:300;}
.row1 img, .row2 img, .row3 img {width: 100%;}
.home_text_1 {padding-left: 5%; padding-top: 12%;}
.home_img_1 {background-image: url("../images/sede.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; height: 500px;}
/*.circle {margin-top: -26%; margin-left: calc(50% - 40px); z-index: 9999; width: 80px;} */
.circle {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 z-index: 9999; width: 80px;	
}	
	
.row2 {}
.row2 h2 {color: #000000;text-transform: uppercase;}
.home_img_2 {background-image: url("../images/home3.jpg"); background-repeat: no-repeat; background-position: top left; background-size: cover; height: 500px;}
.home_text_2 {padding-left: 5%; padding-top: 40px; margin-left: -68px;}
.home_table_1 {position: absolute; left: 90px; bottom: 20px;}
.home_table_1 h3 {font-size: 11px; border-bottom: 3px solid #FF7300; padding-bottom: 7px;text-transform: uppercase;color:initial;}
.home_table_1 table {text-align: center;}
.home_table_1 td {padding: 20px 8px;width:50%;}
.home_table_1 td:first-child {border-right: 1px solid #cccccc;}
.home_table_1 tr:first-child {border-bottom: 1px solid #cccccc;}
.home_table_1 img {height: 52px;padding-bottom: 7px;width: auto;}

.row3 {}
.row3 h2 {color: #000000;text-transform: uppercase;}
.home_text_3 {}
.home_text_3 .over_text {position: absolute; top: 40px; right: -57px; z-index: 9999;text-align: right;}
.home_img_3 {background-image: url("../images/home2a.jpg"); background-repeat: no-repeat; background-position: top right; background-size: cover; height: 500px;}
.home_table_2 {position: absolute; right: 20px; bottom: 0px;}
.home_table_2 h3 {font-size: 11px; border-bottom: 3px solid #FF7300; padding-bottom: 7px;text-transform: uppercase;color:initial;}
.home_table_2 table {text-align: center;}
.home_table_2 td {padding: 20px 8px;width:50%;}
.home_table_2 td:first-child {border-right: 1px solid #cccccc;}
.home_table_2 tr:first-child {border-bottom: 1px solid #cccccc;}
.home_table_2 img {height: 52px;padding-bottom: 7px;width: auto;}

.home_img_4 {background-image: url("../images/home4.jpg"); background-repeat: no-repeat; background-position: top left; background-size: cover; height: 500px;}

.home_img_5 {background-image: url("../images/home5.jpg"); background-repeat: no-repeat; background-position: top left; background-size: cover; height: 500px;}

/* ---- */



/* DEPARTMENT */

.department_link {border-bottom: 4px solid #B4C13F; padding-right: 0px; padding-bottom: 3px; transition: padding-right 0.2s ease;}
.department_link:hover {border-bottom: 4px solid #B4C13F; padding-right: 48px; padding-bottom: 3px;}
.department_menu {text-transform: uppercase; padding: 0px; padding-left: 20px; font-weight: 200;}
.department_menu li {list-style: none; border-bottom: 1px solid #B4C13F; padding: 4px; background-image: url("../images/arrow-left.svg"); background-repeat: no-repeat; background-position: 98% 50%; background-size: 2%;}
.department_main {color: #B4C13E;}
.department_submenu {border-bottom: 1px solid #B4C13F;}
.department_submenu li, li.department_selected {border-bottom: none;}
.department_submenu li, li.department_main {background-image: none;}
li.department_selected {color: #B4C13E; font-weight: 500; background-image: url("../images/arrow-down.svg"); background-repeat: no-repeat; background-position: 98% 50%; background-size: 3%;}
.department_menu li:hover, .department_submenu li:hover {background: #EAEECA; cursor: pointer;}
li.department_main:hover {background: none; cursor: default;}
.product_title a {color: inherit;text-decoration: none;}
/* --------- */




/* PROFILE */

.profile {}
.profile_image {position: relative;}
.profile_arrow {position: absolute; bottom: 10%; left: 50%; width: 30px;}

.profile_text1 {font-size: 13px;}
.profile_text2 {font-size: 13px; font-weight: 300; color: #999999;}
.profile_text3 {background: url("../images/slide-home2.jpg") no-repeat; background-size:  cover; padding: 40px 0px; color: #ffffff; font-size: 13px;}

.profile-h1, .careers-h1, .profile-h1 {position:absolute; top: 35%; left: 90px; color: #ffffff;}
.careers-h1 {top: 45%;}
.profile-h1 h1, .branches-h1 h1, .careers-h1 h1, .production-h1 h1 {font-weight: 100; font-size: 72px; line-height: 95%; padding-bottom: 15px;}
.profile-h1 a, .careers-h1 a, .production-h1 a {font-size: 16px; color: #ffffff; font-weight: normal;}
.profile-h1 a:hover, .branches-h1 a:hover, .careers-h1 a:hover, .production-h1 a:hover {text-decoration: none;}

.branches-h1 {position:absolute; top: 50%; left: 90px; color: #000000;}
.branches-h1 a {font-size: 16px; color: #000000; font-weight: normal;}

.production-h1 h1 {position:absolute; top: 40%; left: 90px; color: #ffffff; line-height: 95%!important;}
.production-h1 a {font-size: 16px; color: #000000; font-weight: normal;}

.benefit-img  {text-align: center;}
.benefit-img img {height: 150px; margin-bottom: 50px;}
.benefit-container {}
.benefit_text2 h4 {font-size: 30px; color: #666666; font-weight: 400;}
.benefit_text2 {font-size: 13px; font-weight: 300; color: #999999; padding-bottom: 30px; margin: 30px 30px 50px 30px; border-bottom: 3px solid #FF7300;}

.subsidiaries-img  {text-align: left;}
.subsidiaries-img img {max-height: 250px; margin-bottom: 50px;}
.subsidiaries-container {}
.subsidiaries_text2 {font-size: 13px; font-weight: 300; color: #999999; padding-bottom: 30px; margin: 30px 30px 50px 30px; border-bottom: 3px solid #FF7300;}

.form-label {margin-top: 40px; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #dddddd; font-weight: 300; color: #555555; font-size: 18px;}
.form-input {margin-bottom: 25px;}
.form-input input, .form-input select, .form-input textarea {width: 100%; padding: 6px;}
.mandatory {margin-top: 80px; padding-top: 15px; border-top: 1px solid #bbbbbb; font-size: 11px;}

.form-label {font-weight:bold;font-size:24px;border-bottom:4px solid #ff7300;margin-top:80px;}
.form-label:first-child {margin-top:20px;}

.scroll-down{text-align:center;width:34px;height:58px;display:inline-block;border-radius:20px;border:2px solid #fff;position: absolute; bottom:50px;left:48%;z-index: 9999;}
.scroll-down i{height:10px;width:4px;background:#fff;display:inline-block;border-radius:3px;-webkit-animation-name:fadebounce;-moz-animation-name:fadebounce;-ms-animation-name:fadebounce;-o-animation-name:fadebounce;animation-name:fadebounce;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}

@keyframes fadebounce {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}


/* ------ */


.load_more {padding: 5px 0px 15px 0px; text-align: right; width: 100%; margin: 0px;}
.load_more a {padding: 5px 15px; color: #ffffff; text-transform: uppercase; border: 1px solid #ffffff;}
.load_more a:hover, .load_more .selected {text-decoration: none; color: #B4C13F; background: #ffffff;}


/* BREADCRUMBS */

.breadcrumbs {text-align: center; font-size: 12px; font-weight: 400;}
.product.breadcrumbs {text-align: center; font-size: 12px; font-weight: 400;padding-left: 0;}
.breadcrumbs li {display: inline; list-style: none;}
.breadcrumbs li:after {content: " / ";}
.breadcrumbs li:last-child:after {content: "";}
.breadcrumbs li a {color:#FF7300;}
.breadcrumbs li:last-child a {color: #000000;}

/* --------- */


.product_title {}
.rel_product_title {font-size: 14px; font-weight: 600;line-height: 1.3;}
.product_subtitle {}
.rel_product_subtitle {font-size: 12px; font-weight: 300; color:#888;}
.product_image {padding: 15px 0;}
.rel_product_image {}
.rel_product_image img {width: 180px;}
.bg_slider:hover .rel_product_subtitle {color:#5e6332;}



.product_box {padding: 20px; background-color: #FFFFFF; transition: background-color 0.3s ease;}
.product_box:hover {background-color: #B4C13F; cursor: pointer;}
.product_box a:hover {text-decoration: none;}
.rel_product_box {}


.arrow {text-align: right;}
.arrow img {width: 28px;}


.department_box {padding: 20px; margin-bottom: 70px;}
.department_box:hover {cursor: pointer;}
.department_box a:hover {text-decoration: none;}
.departmet_title {color: #FF7300; font-size: 22px; font-weight: 400; text-align: center; padding-bottom: 20px;line-height:1.2;}
.department_subtitle {padding-bottom: 20px; font-weight: 400; text-align: center;}
.goto-link {text-align: center; font-weight: 600; font-size: 13px;}
.goto-link a {border-bottom: 4px solid #FF7300; padding: 0px 20px 4px 20px;}
.department_box.bg_slider {--slideBgColor: #f9f9f9;}


.download_box {font-size: 11px; line-height: 12px;}
.download_box ul {padding: 0px; margin: 0px; width: 100%;}
.download_box ul li {display: inline-block; list-style: none; padding: 8px; margin: 0px; width: 48%; margin-right: 2%;}
.download_box .dowload_img {float: left;}
.download_box .dowload_img img {height: 23px; padding-right: 10px;}
.download_box .dowload_txt {}
.download_box li.bg_slider {--slideBgColor: #eaeeca;}


.products {padding: 0px 8%;}
.products .product_title {font-weight: 200; font-size: 36px; line-height: 36px; padding-bottom: 40px;}
.products .product_image {padding: 0px; margin: 0px; padding-bottom: 40px;}
.products .product_image img {width: 100%;}



.bg_slider {
  --initialTextColor: #000000;
  --slideTextColor: #000000;

  --initialBgColor: #FFFFFF;
  --slideBgColor: #B4C13F;

  color: var(--initialTextColor);

  background-image: linear-gradient(90deg,
	  var(--initialBgColor) 0%,
	  var(--initialBgColor) 50%,
	  var(--slideBgColor) 50%,
	  var(--slideBgColor) 100%);
  background-size: 200%;
  transition: background-position .2s cubic-bezier(.47, .1, 1, .63),
	color .2s linear;
  transition-delay: 0.0s, 0.15s;
}

.bg_slider:hover {
  color: var(--slideTextColor);
  cursor: pointer;
  background-position: -100% 100%;
}


/* RADIO BUTTONS */
/* Customize the label (the container) */
.rb-container {display: block;position: relative;padding-left: 28px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 11px; color: #888;font-weight: 300;}
/* Hide the browser's default radio button */
.rb-container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom radio button */
.checkmark {position: absolute;top: -2px;left: 0;height: 24px;width: 24px;background-color: #fff;border-radius: 50%;border: 1px solid #b4c140;}
/* On mouse-over, add a grey background color */
.rb-container:hover input ~ .checkmark {background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.rb-container input:checked ~ .checkmark {background-color: #fff;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.rb-container input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.rb-container .checkmark:after {top: 4px;left: 4px;width: 14px;height: 14px;border-radius: 50%;background: #b4c140;}

@media (max-width: 1079px) {
.checkmark {height: 16px;width: 16px;}
.rb-container .checkmark:after {top: 3px;left: 3px;width: 8px;height: 8px;}
.rb-container {padding-left: 20px;margin-left:2px; font-size:9px;}
}

/* BAR PSI */

.pressione, .diametro {position: relative;}
.um_pressione, .um_diametro {font-size: 12px; position: absolute; overflow: auto; right: 0; top: 25px; text-align: right;}
/*.um_pressione {width: 200px;}*/
/*.um_diametro {width: 250px;}*/

/*.um_pressione table, .um_diametro table {width: 100%;}*/
.um_pressione table tr td, .um_diametro table tr td {text-align: left; width: 60px;}
.um_pressione table tr td.img, .um_diametro table tr td.img {width: 30px;padding-left:4px;}
.um_pressione table tr td img, .um_diametro table tr td img {width: 24px;}

/* ----------- */




@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}




/* RANGE SLIDER */

.slider-container {width: 100%; position: relative; height: 140px;}
.slider-background {width: 100%; background: #EAEECA; position: absolute; height: 13px; left: 0px; top: 100px;}

.ui-rangeSlider-bar {height: 9px;}
.ui-rangeSlider-container, .ui-rangeSlider-arrow {height: 11px;}

.sliderPres, .sliderDiam, .sliderPres2, .sliderDiam2 {width: 90%; position: absolute; top: 60px; margin-left: 5%; z-index: 999;}

.slider-diam-scale-container {width: 95.25%; margin-left: 4.75%; position: absolute; bottom: 5px; overflow: hidden;}
.slider-diam-scale {width: 100%; padding: 0; margin: 0;}
.slider-diam-scale li {display: inline-block; font-size: 9px; width: 5.95%; text-align: left; padding: 0; margin: 0;}

.slider-pres-scale-container {width: 99%; margin-right: 0%; margin-left: 1%; position: absolute; bottom: 5px; overflow: hidden;}
.slider-pres-scale {width: 100%; padding: 0; margin: 0;}
.slider-pres-scale li {display: inline-block; font-size: 9px; width: 8.25%; text-align: left; padding: 0; margin: 0;}


.slider-diam2-scale-container {width: 95%; margin-left: 5%; position: absolute; bottom: 5px; overflow: hidden;}
.slider-diam2-scale {width: 100%; padding: 0; margin: 0;}
.slider-diam2-scale li {display: inline-block; font-size: 9px; width: 5.45%; text-align: left; padding: 0; margin: 0;}

.slider-pres2-scale-container {width: 99%; margin-left: 1%; position: absolute; bottom: 5px; overflow: hidden;}
.slider-pres2-scale {width: 100%; padding: 0; margin: 0;}
.slider-pres2-scale li {display: inline-block; font-size: 9px; width: 8%; text-align: left; padding: 0; margin: 0;}

/* ----------- */


/* TABELLA DATI TECNICI */

.technical_details_section {background: #F0F0F0; width: 100%; margin: 0px; padding: 40px 8%;}
.technical_details {margin: 0 auto;}

.technical_details_section .technical_details .technical_title {font-weight: 500; font-size: 28px; padding: 0px; margin: 0px;} /* titolo */
.technical_details_section .technical_details h2 {display: inline; border-bottom: 2px solid #000000; padding-bottom: 3px;}

.technical_data {background: #ffffff; text-align: center; width: 100%;} /* table */
.technical_data tr {}
.technical_data tr:hover, .technical_data tr:hover a {background: #ff7300; color: #ffffff;}
.technical_data th {background: #cccccc; padding: 10px 6px; font-size: 11px; font-weight: 500; border-bottom: 10px solid #f0f0f0; border-left: 2px solid #f0f0f0;}
.technical_data tr:hover th {background: #cccccc; color: #000000;}
.technical_data th:first-child {border-left: none; border-right: 6px solid #f0f0f0;}
.technical_data td {padding: 10px; font-size: 15px; font-weight: 400; border-bottom: 2px solid #f0f0f0;}
.technical_data td a {color: #000000; text-decoration: underline;}

.technical_unit {text-align: right; float: right; font-size: 12px; margin-top: 8px;}
.technical_unit a {color: #000000; padding: 5px 7px;}
.technical_unit a.selected {font-weight: 500;}
.technical_unit a:hover {color: #ffffff; background: #ff7300; text-decoration: none;}

/* ----------- */


/* FEATURES */

#features {width: 100%; margin: 0px; padding: 0px 8%;}
.features {}
.features_title {}
.features_title h2 {color: #ff7300; font-size: 36px; font-weight: 200;}
.features_text {padding-left: 80px; font-size: 20px; font-weight: 200;}

/* -------- */


/* DESCRIPTION */

#description {width: 100%; margin: 0px;}
.description {font-size: 14px;}
.description1 {background: #ff7300; color: #ffffff; padding: 50px 8%; font-weight:300;}
.description2 {background: #f0f0f0; padding: 50px 8% 50px 80px; font-weight:300;}
.description1 h3, .description2 h3 {font-size: 14px;text-transform: uppercase;font-weight: bold;}
.description1 h3 strong, .description2 h3 strong {font-weight: bold;}
.description1 h2, .description2 h2, .description1 h4, .description2 h4 {font-size: 18px;text-transform: uppercase;font-weight: bold;}
.description1 p strong, .description2 p strong {text-transform: uppercase;font-weight:bold;}

/* ----------- */


/* EXTRA CONTENT */

#extra_content {width: 100%; margin: 0px; padding: 0px 8%;}
.extra_content {}
.extra_content h2 {font-weight: 400; font-size: 28px; padding: 0px; margin: 0px; border-bottom: 2px solid #000000; padding-bottom: 3px; margin-bottom: 20px;}

/* ------------- */
















/* TIMELINE */

:root {
	--white:#ffffff;
	--black:#000000;
	--blue:#ff7300;
	--gray:#ebebeb;
	--box-shadow1:0px 0px 18px 2px rgba(10, 55, 90, 0.15);
}

:focus{
    outline: 0px solid transparent !important;
}
.timeline {
    padding: 50px 0;
    position: relative;
	border-bottom: 10px solid #ff7300;
}
.timeline-nodes {
        padding-bottom: 25px;
        position: relative;
    }
.timeline-nodes:nth-child(even) {
    flex-direction: row-reverse;
}
.timeline h3, .timeline p {
    padding: 8px 15px;
} 
.timeline h3{
    font-weight: 300;
    background: var(--blue);
	text-transform: uppercase;
	font-size: 20px;
}
.timeline h3.text-light, .timeline table tr td p{
	margin-bottom: 0px!important;
}
.timeline p, .timeline time {
    color: #000000;
	font-size: 12px;
}
.timeline time {font-size: 30px; font-weight: 400;}
.timeline p img:nth-child(odd) {float: left; padding-right: 15px; width: 200px; margin: -16px 0px -14px -15px;}
.timeline p img:nth-child(even) {float: right; padding-left: 15px; width: 200px; margin: -16px -14px 0x -15px;}
.timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    border-left: 1px dashed var(--blue);
    height: 100%;
    z-index: 1;
    transform: translateX(-50%);
}
.timeline-content {
    border: 1px solid var(--blue);
    position: relative;
    /* border-radius: 0 0 10px 10px; */
    /* box-shadow: 0px 3px 25px 0px rgba(10, 55, 90, 0.2); */
	overflow: hidden;
}
.timeline-nodes:nth-child(odd) h3,
.timeline-nodes:nth-child(odd) p {
    text-align: right;
}
.timeline-nodes:nth-child(odd) .timeline-date {
    text-align: left;
}
 
.timeline-nodes:nth-child(even) .timeline-date {
    text-align: right;
}
.timeline-nodes:nth-child(odd) .timeline-content::after {
    content: "";
    position: absolute;
    top: 5%;
    left: 100%;
    width: 0;
    border-left: 10px solid var(--blue);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.timeline-nodes:nth-child(even) .timeline-content::after {
    content: "";
    position: absolute;
    top: 5%;
    right: 100%;
    width: 0;
    border-right: 10px solid var(--blue);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.timeline-image {
    position: relative;
    z-index: 100;
}
.timeline-image::before {
    content: "";
    width: 80px;
    height: 80px;
    border: 1px dashed var(--blue);
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    z-index: 1;
    

}
.timeline-image img {
    position: relative;
    z-index: 100;
}
/*small device style*/

@media (max-width: 991px) {
    .timeline-nodes:nth-child(odd) h3,
    .timeline-nodes:nth-child(odd) p {
    text-align: left
}
.timeline-nodes:nth-child(even) {
    flex-direction: row;
}
    .timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 4%;
    width: 0;
    border-left: 1px dashed var(--blue);
    height: 100%;
    z-index: 1;
    transform: translateX(-50%);
}
.timeline h3 {
    font-size: 1.7rem;
}
.timeline p {
    font-size: 13px;
	color: #000000;
}
.timeline-image {
    position: absolute;
    left: 0%;
    top: 60px;
    /*transform: translateX(-50%;);*/
}
.timeline-nodes:nth-child(odd) .timeline-content::after {
    content: "";
    position: absolute;
    top: 5%;
    left: auto;
    right: 100%;
    width: 0;
    border-left: 0;
    border-right: 10px solid var(--blue);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.timeline-nodes:nth-child(even) .timeline-content::after {
    content: "";
    position: absolute;
    top: 5%;
    right: 100%;
    width: 0;
    border-right: 10px solid var(--blue);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.timeline-nodes:nth-child(even) .timeline-date {
    text-align: left;
}
.timeline-image::before {
    width: 65px;
    height: 65px;
}
}

/*extra small device style */
@media (max-width: 991px) {
    .timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 3%;
}
.timeline-image {
    position: absolute;
    left: -5%;
    }
.timeline-image::before {
    width: 60px;
    height: 60px;
}
}

.timeline-date {padding-top: 0!important; margin-top: -5px;}

/* -------- */


/* CERTIFICATIONS */

.certifications {}
.certifications h2 {color: #FF7300; text-align: center; float: none; clear: both;}
.certifications h3 {color: #FF7300; font-weight: 500; font-size: 20px;}
.certifications p {font-weight: 400; font-size: 13px;}

/* -------------- */










/* MEDIA QUERY */

@media (min-width: 1800px) {
	
	/* FOOTER */
	
	#footer {text-align: left;}
	#footer .menu-bottom {}
	
	/* ------ */
	
	
	
	/* HOME */
	
	.row1 h2, .row2 h2, .row3 h2 {font-size: 70px; font-weight: 100; line-height: 65px;}
	.home_text_1, .home_text_2 {}
	.home_text_1 {padding-top: 14%;}
	.home_text_2 {padding-top: 80px;}
	.home_text_3 .over_text {padding-top: 80px;}
	.home_img_1 {height: 700px;}
	.home_img_2 {height: 700px;}
	.home_img_3 {height: 700px;}
	.home_img_4 {height: 700px; background-position: top right;}
	.home_img_5 {height: 700px;}
	
	.home_table_1 {position: absolute; left: 100px; bottom: 40px;}
	.home_table_2 {position: absolute; right: 100px; bottom: 40px;}
	
	/*.circle {margin-top: -20%; margin-left: calc(50% - 40px); z-index: 9999; width: 80px;}*/
		
	/* ---- */
}


@media (min-width: 768px) and (max-width: 992px) {
	
	/* FOOTER */
	
	#footer {text-align: left;}
	#footer .menu-bottom {}
	
	/* ------ */
	
	
	
	/* HOME */
	
	.row1 h2, .row2 h2, .row3 h2 {font-size: 40px; font-weight: 300; line-height: 45px;}
	.home_text_1, .home_text_2 {}
	.home_text_1 {}
	.home_text_2 {}
	.home_text_3 {}
	.home_img_1 {height: 400px;}
	.home_img_2 {height: 400px;}
	.home_img_3 {height: 400px;}
	.home_img_4 {height: 400px; background-position: top right;}
	.home_img_5 {height: 400px;}
		
	/* ---- */
}


@media (max-width: 767px) {
	
	/* FOOTER */
	
	#footer {text-align: center;}
	#footer .menu-bottom {padding: 10px; border-bottom: 1px solid #ffffff; width: 80%; margin-left: 10%;}
	
	/* ------ */
	
	
	
	/* HOME */
	
	.row1 h2, .row2 h2, .row3 h2 {font-size: 40px; font-weight: 100; line-height: 45px;}
	.circle {display: none;}
	.home_text_1, .home_text_2 {padding-left: 5%; padding-top: 70px; margin-left: 10%;}
	.home_text_1 {padding-bottom: 100px;}
	.home_text_2 {padding-bottom: 100px;}
	.home_text_3 {margin-left: 15%; padding-top: 50px; padding-bottom: 100px;}
	.home_table_1 {position: static;}
	.home_text_3 .over_text {position: static;text-align:center;}
	.home_table_2 {position: static;margin-top: 50px;}
	.home_img_1 {order: 0; height: 300px;}
	.home_text_1 {order: 1;}
	.home_img_2 {order: 2; height: 300px;}
	.home_text_2 {order: 3;}
	.home_img_3 {order: 4; height: 300px;}
	.home_text_3 {order: 5;}
	.home_img_4 {order: 6!important; height: 300px;}
	.home_text_4 {order: 7!important;}
	.home_img_5 {order: 8!important; height: 300px;}
	.home_text_5 {order: 9!important;}
	.home_text_2, .home_text_3 {text-align: center;margin-left: 0px;}
	.home_table_1 {margin-top: 50px;}
	.home_table_1 table, .home_table_2 table {margin: 0 auto;}
	.hidemd {display:none;}
	/* ---- */
}

/* ---------- */







.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-25,
.col-sm-25,
.col-md-25,
.col-lg-25,
.col-xs-35,
.col-sm-35,
.col-md-35,
.col-lg-35,
.col-xs-45,
.col-sm-45,
.col-md-45,
.col-lg-45

 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


.col-xs-15 {
    width: 20%;
    float: left;
}

.col-xs-25 {
width: 40%;
float: left;
}

.col-xs-35 {
width: 60%;
float: left;
}

.col-xs-45 {
width: 80%;
float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
.col-sm-25 {
        width: 40%;
        float: left;
    }
.col-sm-35 {
        width: 60%;
        float: left;
    }
.col-sm-45 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
.col-md-15 {
        width: 20%;
        float: left;
    }
.col-md-25 {
        width: 40%;
        float: left;
    }
.col-md-35 {
        width: 60%;
        float: left;
    }
.col-md-45 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
.col-lg-15 {
    width: 20%;
    float: left;
}
.col-lg-25 {
		width: 40%;
		float: left;
	}
.col-lg-35 {
		width: 60%;
		float: left;
	}
.col-lg-45 {
		width: 80%;
		float: left;
	}
}















/* HOME - UHP */

.row5 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00DAF7+25,0076D1+75 */
	background: #00DAF7; /* Old browsers */
	background: -moz-linear-gradient(left,  #00DAF7 25%, #0076D1 75%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #00DAF7 25%,#0076D1 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #00DAF7 25%,#0076D1 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00DAF7', endColorstr='#0076D1',GradientType=1 ); /* IE6-9 */
	padding: 40px;
}
.row5 h2 {text-align: center; font-size: 60px; font-weight: 100; line-height: 55px; color: #ffffff; text-transform: uppercase;}
.row5 h3 {text-align: center; font-size: 30px; font-weight: 100; line-height: 1.5; color: #ffffff; text-transform: uppercase;}
.row5 h4 {text-align: center; font-size: 12px; font-weight: 400; line-height: 1.5; color: #ffffff; text-transform: uppercase;}
.row5 .home_table_5 {}
.row5 .home_table_5 h5 {font-size: 11px; border-bottom: 3px solid #FF7300; padding-bottom: 7px; color: #ffffff; text-transform: uppercase;}
.row5 .home_table_5 table {text-align: center;width: 80%; table-layout: fixed;max-width: 270px;}
.row5 .home_table_5 td {padding: 20px 8px;width:50%;}
.row5 .home_table_5 td:nth-child(even) {border-left: 1px solid #000000;}
.row5 .home_table_5 tr:nth-child(2) {border-bottom: 1px solid #000000;}
.row5 .home_table_5 img {height: 52px;padding-bottom: 7px;width: auto;}
.row5 .hose-img img {width: 90%;}
.row5 .steel-img img {width: 90%;float: right;}

/* -------- */


/* HOME - NEWS */

/*.row6 {background: url("../images/news-bg.png") repeat-y right;}*/
.row6 h2 {text-align: center; font-size: 60px; font-weight: 100; line-height: 55px; color: #000000; text-transform: capitalize;}
.row6 h3 {text-align: center; font-size: 30px; font-weight: 100; line-height: 1; color: #ffffff; text-transform: uppercase;}
.row6 h4 {text-align: center; font-size: 24px; font-weight: 100; line-height: 1.5; color: #000000; text-transform: lowercase; padding: 0px;}
/*.row6 .img1 {text-align: left;}
.row6 .img2 {text-align: center;}
.row6 .img3 {text-align: right;}
.news-img img {width: 97%;}*/

.row6 .news-img {
  margin-right: 15px;
  float: left;
  position:relative;
}

.row6 .news-img {
  width: calc((100% - 15px * 2) / 3);
  /* other properties */
}

.row6 .news-img:last-child, .row6 .news-img:nth-child(3n+1) {
  margin-right: 0;
  float: right;
}

@media (max-width: 767px) {
	
.row5 .home_table_5 table {
    margin: 20px auto;
	float:none!important;
}
	
.row6 .news-img {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
	
}
.row6 a:hover{text-decoration:none;}

/* -------- */

.home_table_2 {bottom: 25px;}












/* SPACER */
.spacer-20 {width: 100%; height: 20px; float: none; clear: both;}
.spacer-40 {width: 100%; height: 40px; float: none; clear: both;}
.spacer-60 {width: 100%; height: 60px; float: none; clear: both;}
.spacer-80 {width: 100%; height: 80px; float: none; clear: both;}
.spacer-100 {width: 100%; height: 100px; float: none; clear: both;}
.spacer-120 {width: 100%; height: 120px; float: none; clear: both;}
.spacer-150 {width: 100%; height: 150px; float: none; clear: both;}
/* ----- */









.m-0{margin-top:0 !important;margin-right:0 !important;margin-bottom:0 !important;margin-left:0 !important;}
.p-0{padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important;padding-left:0 !important;}
.mt-0{margin-top:0 !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-30{margin-top:30px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.mt-60{margin-top:60px !important;}
.mt-70{margin-top:70px !important;}
.mt-80{margin-top:80px !important;}
.mt-90{margin-top:90px !important;}
.mt-100{margin-top:100px !important;}
.mt-110{margin-top:110px !important;}
.mt-120{margin-top:120px !important;}
.mt-130{margin-top:130px !important;}
.mt-140{margin-top:140px !important;}
.mt-150{margin-top:150px !important;}
.mr-0{margin-right:0!important}
.mr-10{margin-right:10px !important;}
.mr-15{margin-right:15px !important;}
.mr-20{margin-right:20px !important;}
.mr-30{margin-right:30px !important;}
.mr-40{margin-right:40px !important;}
.mr-50{margin-right:50px !important;}
.mr-60{margin-right:60px !important;}
.mr-70{margin-right:70px !important;}
.mr-80{margin-right:80px !important;}
.mr-90{margin-right:90px !important;}
.mr-100{margin-right:100px !important;}
.mr-110{margin-right:110px !important;}
.mr-120{margin-right:120px !important;}
.mr-130{margin-right:130px !important;}
.mr-140{margin-right:140px !important;}
.mr-150{margin-right:150px !important;}
.mb-0{margin-bottom:0!important}
.mb-10{margin-bottom:10px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-50{margin-bottom:50px !important;}
.mb-60{margin-bottom:60px !important;}
.mb-70{margin-bottom:70px !important;}
.mb-80{margin-bottom:80px !important;}
.mb-90{margin-bottom:90px !important;}
.mb-100{margin-bottom:100px !important;}
.mb-110{margin-bottom:110px !important;}
.mb-120{margin-bottom:120px !important;}
.mb-130{margin-bottom:130px !important;}
.mb-140{margin-bottom:140px !important;}
.mb-150{margin-bottom:150px !important;}
.ml-0{margin-left:0!important}
.ml-10{margin-left:10px !important;}
.ml-15{margin-left:15px !important;}
.ml-20{margin-left:20px !important;}
.ml-30{margin-left:30px !important;}
.ml-40{margin-left:40px !important;}
.ml-50{margin-left:50px !important;}
.ml-60{margin-left:60px !important;}
.ml-70{margin-left:70px !important;}
.ml-80{margin-left:80px !important;}
.ml-90{margin-left:90px !important;}
.ml-100{margin-left:100px !important;}
.ml-110{margin-left:110px !important;}
.ml-120{margin-left:120px !important;}
.ml-130{margin-left:130px !important;}
.ml-140{margin-left:140px !important;}
.ml-150{margin-left:150px !important;}
.pt-0{padding-top:0!important}
.pt-10{padding-top:10px !important;}
.pt-15{padding-top:15px !important;}
.pt-20{padding-top:20px !important;}
.pt-30{padding-top:30px !important;}
.pt-40{padding-top:40px !important;}
.pt-50{padding-top:50px !important;}
.pt-60{padding-top:60px !important;}
.pt-70{padding-top:70px !important;}
.pt-80{padding-top:80px !important;}
.pt-90{padding-top:90px !important;}
.pt-100{padding-top:100px !important;}
.pt-110{padding-top:110px !important;}
.pt-120{padding-top:120px !important;}
.pt-130{padding-top:130px !important;}
.pt-140{padding-top:140px !important;}
.pt-150{padding-top:150px !important;}
.pr-0{padding-right:0!important}
.pr-10{padding-right:10px !important;}
.pr-15{padding-right:15px !important;}
.pr-20{padding-right:20px !important;}
.pr-30{padding-right:30px !important;}
.pr-40{padding-right:40px !important;}
.pr-50{padding-right:50px !important;}
.pr-60{padding-right:60px !important;}
.pr-70{padding-right:70px !important;}
.pr-80{padding-right:80px !important;}
.pr-90{padding-right:90px !important;}
.pr-100{padding-right:100px !important;}
.pr-110{padding-right:110px !important;}
.pr-120{padding-right:120px !important;}
.pr-130{padding-right:130px !important;}
.pr-140{padding-right:140px !important;}
.pb-0{padding-bottom:0!important}
.pb-10{padding-bottom:10px !important;}
.pb-15{padding-bottom:15px !important;}
.pb-20{padding-bottom:20px !important;}
.pb-30{padding-bottom:30px !important;}
.pb-40{padding-bottom:40px !important;}
.pb-50{padding-bottom:50px !important;}
.pb-60{padding-bottom:60px !important;}
.pb-70{padding-bottom:70px !important;}
.pb-80{padding-bottom:80px !important;}
.pb-90{padding-bottom:90px !important;}
.pb-100{padding-bottom:100px !important;}
.pb-110{padding-bottom:110px !important;}
.pb-120{padding-bottom:120px !important;}
.pb-130{padding-bottom:130px !important;}
.pb-140{padding-bottom:140px !important;}
.pb-150{padding-bottom:150px !important;}
.pl-0{padding-left:0!important}
.pl-10{padding-left:10px !important;}
.pl-15{padding-left:15px !important;}
.pl-20{padding-left:20px !important;}
.pl-30{padding-left:30px !important;}
.pl-40{padding-left:40px !important;}
.pl-50{padding-left:50px !important;}
.pl-60{padding-left:60px !important;}
.pl-70{padding-left:70px !important;}
.pl-80{padding-left:80px !important;}
.pl-90{padding-left:90px !important;}
.pl-100{padding-left:100px !important;}
.pl-110{padding-left:110px !important;}
.pl-120{padding-left:120px !important;}
.pl-130{padding-left:130px !important;}
.pl-140{padding-left:140px !important;}
.pl-150{padding-left:150px !important;}




@media(max-width:1199px){.md-mt-0{margin-top:0 !important;}
.md-mt-10{margin-top:10px !important;}
.md-mt-15{margin-top:15px !important;}
.md-mt-20{margin-top:20px !important;}
.md-mt-30{margin-top:30px !important;}
.md-mt-40{margin-top:40px !important;}
.md-mt-50{margin-top:50px !important;}
.md-mr-0{margin-right:0!important}
.md-mr-10{margin-right:10px !important;}
.md-mr-15{margin-right:15px !important;}
.md-mr-20{margin-right:20px !important;}
.md-mr-30{margin-right:30px !important;}
.md-mr-40{margin-right:40px !important;}
.md-mr-50{margin-right:50px !important;}
.md-mb-0{margin-bottom:0!important}
.md-mb-10{margin-bottom:10px !important;}
.md-mb-15{margin-bottom:15px !important;}
.md-mb-20{margin-bottom:20px !important;}
.md-mb-30{margin-bottom:30px !important;}
.md-mb-40{margin-bottom:40px !important;}
.md-mb-50{margin-bottom:50px !important;}
.md-ml-0{margin-left:0!important}
.md-ml-10{margin-left:10px !important;}
.md-ml-15{margin-left:15px !important;}
.md-ml-20{margin-left:20px !important;}
.md-ml-30{margin-left:30px !important;}
.md-ml-40{margin-left:40px !important;}
.md-ml-50{margin-left:50px !important;}
.md-pt-0{padding-top:0!important}
.md-pt-10{padding-top:10px !important;}
.md-pt-15{padding-top:15px !important;}
.md-pt-20{padding-top:20px !important;}
.md-pt-30{padding-top:30px !important;}
.md-pt-40{padding-top:40px !important;}
.md-pt-50{padding-top:50px !important;}
.md-pr-0{padding-right:0!important}
.md-pr-10{padding-right:10px !important;}
.md-pr-15{padding-right:15px !important;}
.md-pr-20{padding-right:20px !important;}
.md-pr-30{padding-right:30px !important;}
.md-pr-40{padding-right:40px !important;}
.md-pr-50{padding-right:50px !important;}
.md-pb-0{padding-bottom:0!important}
.md-pb-10{padding-bottom:10px !important;}
.md-pb-15{padding-bottom:15px !important;}
.md-pb-20{padding-bottom:20px !important;}
.md-pb-30{padding-bottom:30px !important;}
.md-pb-40{padding-bottom:40px !important;}
.md-pb-50{padding-bottom:50px !important;}
.md-pl-0{padding-left:0!important}
.md-pl-10{padding-left:10px !important;}
.md-pl-15{padding-left:15px !important;}
.md-pl-20{padding-left:20px !important;}
.md-pl-30{padding-left:30px !important;}
.md-pl-40{padding-left:40px !important;}
.md-pl-50{padding-left:50px !important;}
}





@media(max-width:992px){.sm-mt-0{margin-top:0 !important;}
.sm-mt-10{margin-top:10px !important;}
.sm-mt-15{margin-top:15px !important;}
.sm-mt-20{margin-top:20px !important;}
.sm-mt-30{margin-top:30px !important;}
.sm-mt-40{margin-top:40px !important;}
.sm-mt-50{margin-top:50px !important;}
.sm-mr-0{margin-right:0!important}
.sm-mr-10{margin-right:10px !important;}
.sm-mr-15{margin-right:15px !important;}
.sm-mr-20{margin-right:20px !important;}
.sm-mr-30{margin-right:30px !important;}
.sm-mr-40{margin-right:40px !important;}
.sm-mr-50{margin-right:50px !important;}
.sm-mb-0{margin-bottom:0!important}
.sm-mb-10{margin-bottom:10px !important;}
.sm-mb-15{margin-bottom:15px !important;}
.sm-mb-20{margin-bottom:20px !important;}
.sm-mb-30{margin-bottom:30px !important;}
.sm-mb-40{margin-bottom:40px !important;}
.sm-mb-50{margin-bottom:50px !important;}
.sm-ml-0{margin-left:0!important}
.sm-ml-10{margin-left:10px !important;}
.sm-ml-15{margin-left:15px !important;}
.sm-ml-20{margin-left:20px !important;}
.sm-ml-30{margin-left:30px !important;}
.sm-ml-40{margin-left:40px !important;}
.sm-ml-50{margin-left:50px !important;}
.sm-pt-0{padding-top:0!important}
.sm-pt-10{padding-top:10px !important;}
.sm-pt-15{padding-top:15px !important;}
.sm-pt-20{padding-top:20px !important;}
.sm-pt-30{padding-top:30px !important;}
.sm-pt-40{padding-top:40px !important;}
.sm-pt-50{padding-top:50px !important;}
.sm-pr-0{padding-right:0!important}
.sm-pr-10{padding-right:10px !important;}
.sm-pr-15{padding-right:15px !important;}
.sm-pr-20{padding-right:20px !important;}
.sm-pr-30{padding-right:30px !important;}
.sm-pr-40{padding-right:40px !important;}
.sm-pr-50{padding-right:50px !important;}
.sm-pb-0{padding-bottom:0!important}
.sm-pb-10{padding-bottom:10px !important;}
.sm-pb-15{padding-bottom:15px !important;}
.sm-pb-20{padding-bottom:20px !important;}
.sm-pb-30{padding-bottom:30px !important;}
.sm-pb-40{padding-bottom:40px !important;}
.sm-pb-50{padding-bottom:50px !important;}
.sm-pl-0{padding-left:0!important}
.sm-pl-10{padding-left:10px !important;}
.sm-pl-15{padding-left:15px !important;}
.sm-pl-20{padding-left:20px !important;}
.sm-pl-30{padding-left:30px !important;}
.sm-pl-40{padding-left:40px !important;}
.sm-pl-50{padding-left:50px !important;}
}


@media(max-width:767px){.xs-mt-0{margin-top:0 !important;}
.xs-mt-10{margin-top:10px !important;}
.xs-mt-15{margin-top:15px !important;}
.xs-mt-20{margin-top:20px !important;}
.xs-mt-30{margin-top:30px !important;}
.xs-mt-40{margin-top:40px !important;}
.xs-mr-0{margin-right:0!important}
.xs-mr-10{margin-right:10px !important;}
.xs-mr-15{margin-right:15px !important;}
.xs-mr-20{margin-right:20px !important;}
.xs-mr-30{margin-right:30px !important;}
.xs-mr-40{margin-right:40px !important;}
.xs-mb-0{margin-bottom:0!important}
.xs-mb-10{margin-bottom:10px !important;}
.xs-mb-15{margin-bottom:15px !important;}
.xs-mb-20{margin-bottom:20px !important;}
.xs-mb-30{margin-bottom:30px !important;}
.xs-mb-40{margin-bottom:40px !important;}
.xs-ml-0{margin-left:0!important}
.xs-ml-10{margin-left:10px !important;}
.xs-ml-15{margin-left:15px !important;}
.xs-ml-20{margin-left:20px !important;}
.xs-ml-30{margin-left:30px !important;}
.xs-ml-40{margin-left:40px !important;}
.xs-pt-0{padding-top:0!important}
.xs-pt-10{padding-top:10px !important;}
.xs-pt-15{padding-top:15px !important;}
.xs-pt-20{padding-top:20px !important;}
.xs-pt-30{padding-top:30px !important;}
.xs-pt-40{padding-top:40px !important;}
.xs-pr-0{padding-right:0!important}
.xs-pr-10{padding-right:10px !important;}
.xs-pr-15{padding-right:15px !important;}
.xs-pr-20{padding-right:20px !important;}
.xs-pr-30{padding-right:30px !important;}
.xs-pr-40{padding-right:40px !important;}
.xs-pb-0{padding-bottom:0!important}
.xs-pb-10{padding-bottom:10px !important;}
.xs-pb-15{padding-bottom:15px !important;}
.xs-pb-20{padding-bottom:20px !important;}
.xs-pb-30{padding-bottom:30px !important;}
.xs-pb-40{padding-bottom:40px !important;}
.xs-pl-0{padding-left:0!important}
.xs-pl-10{padding-left:10px !important;}
.xs-pl-15{padding-left:15px !important;}
.xs-pl-20{padding-left:20px !important;}
.xs-pl-30{padding-left:30px !important;}
.xs-pl-40{padding-left:40px !important;}
}

@media(max-width:479px){.xx-mt-0{margin-top:0 !important;}
.xx-mt-10{margin-top:10px !important;}
.xx-mt-15{margin-top:15px !important;}
.xx-mt-20{margin-top:20px !important;}
.xx-mt-30{margin-top:30px !important;}
.xx-mt-40{margin-top:40px !important;}
.xx-mr-0{margin-right:0!important}
.xx-mr-10{margin-right:10px !important;}
.xx-mr-15{margin-right:15px !important;}
.xx-mr-20{margin-right:20px !important;}
.xx-mr-30{margin-right:30px !important;}
.xx-mr-40{margin-right:40px !important;}
.xx-mb-0{margin-bottom:0!important}
.xx-mb-10{margin-bottom:10px !important;}
.xx-mb-15{margin-bottom:15px !important;}
.xx-mb-20{margin-bottom:20px !important;}
.xx-mb-30{margin-bottom:30px !important;}
.xx-mb-40{margin-bottom:40px !important;}
.xx-ml-0{margin-left:0!important}
.xx-ml-10{margin-left:10px !important;}
.xx-ml-15{margin-left:15px !important;}
.xx-ml-20{margin-left:20px !important;}
.xx-ml-30{margin-left:30px !important;}
.xx-ml-40{margin-left:40px !important;}
.xx-pt-0{padding-top:0!important}
.xx-pt-10{padding-top:10px !important;}
.xx-pt-15{padding-top:15px !important;}
.xx-pt-20{padding-top:20px !important;}
.xx-pt-30{padding-top:30px !important;}
.xx-pt-40{padding-top:40px !important;}
.xx-pr-0{padding-right:0!important}
.xx-pr-10{padding-right:10px !important;}
.xx-pr-15{padding-right:15px !important;}
.xx-pr-20{padding-right:20px !important;}
.xx-pr-30{padding-right:30px !important;}
.xx-pr-40{padding-right:40px !important;}
.xx-pb-0{padding-bottom:0!important}
.xx-pb-10{padding-bottom:10px !important;}
.xx-pb-15{padding-bottom:15px !important;}
.xx-pb-20{padding-bottom:20px !important;}
.xx-pb-30{padding-bottom:30px !important;}
.xx-pb-40{padding-bottom:40px !important;}
.xx-pl-0{padding-left:0!important}
.xx-pl-10{padding-left:10px !important;}
.xx-pl-15{padding-left:15px !important;}
.xx-pl-20{padding-left:20px !important;}
.xx-pl-30{padding-left:30px !important;}
.xx-pl-40{padding-left:40px !important;}
.col-xx-12{width:100% !important;}
.col-xx-6{width:50% !important;}
}

.btn-primary {
    color: #fff;
    background-color: #fb6f00;
    border-color: #fb6f00;
}
.btn-primary:hover {
    background-color: #ff7300;
    border-color: #fb6f00;
}

.btn-gs {
	border-radius:0.5rem;
	border:2px solid #FF5500;
}
.btn-gs:hover {
	background: #FF9900;
}

.page-item .page-link {
  color: #fb6f00;
}
.page-item.active .page-link {
  background-color: #fb6f00;
  border-color: #fb6f00;
}

.table.tracking th, .table.tracking td {
    padding: 0.95rem;
    font-size: 13px;
	border: none;
	border-top:none;
}
.table.tracking.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fafafa;
}


#from_email {
    display: none;
}



@media (max-width:979px) {	
		.benefit-img > p {text-align:center;}
		.benefit-img .overlay {display: none;}
		}		
		
		@media (min-width:980px) {		
		.benefit-img > p {display:none}
		
		.benefit-img {
		  position: relative;
		  height:100%;
		}

		.benefit-img img {
		  display: block;
		  margin: 0 auto 50px;
		}
		
		.benefit-container .overlay {
		  position: absolute;
		  top: 0;
		  bottom: 0;
		  left: -10%;
		  right: 0;
		  height: 100%;
		  width: 120%;
		  opacity: 0;
		  transition: .5s ease;
		  background-color: #008CBA;
		}

		.benefit-img:hover .overlay {
		  opacity: 1;
		}

		.benefit-container .text {
		  color: white;
		  font-size: 11px;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  -webkit-transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
		  text-align: center;
		  width:90%;
		}
		.benefit-container .text h4 {
		  color: white;
		  font-size: 22px;
		  text-align: center;
		}
		
}
		
.benefit_text2 h4 {text-align:center;}

.menusize {
    font-size: 42px;
    width: 48px;
}
.menutxt {
    padding-top: 10px;
	/*margin-right: -50px;*/
    padding-right: 16px;
}