ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.just-text{
	padding: 30px 15px;
    background: #fff;
}
.just-text h1,.just-text h2,.just-text h3{
	margin-bottom:2rem;
}
.just-text h3{
	font-size: 20px;
	font-weight: 600;
}
.just-text p{
	margin-bottom:1rem;
	font-size: 16px;
}
.just-text p strong{
	font-weight: 500;
}
.just-text p b{
	font-weight: 500;
}
.hpi-responsive-wrapper{
	margin:0 auto;
	width:100%;
	padding: 0 20px;
}
.prim-ul{
	display: block;
    margin-left: 20px;
}
.sec-ul{
	display: block;
    margin-left: 20px;
}
.prim-ul li, .sec-ul li{
	font-size: 15px;
}
.list-ul{
	display: block;
    margin-left: 35px;
}
.list-ul li{
	font-size: 15px;
}
.pdr4{
	padding-right: 4px;
}
.pdr5{
	padding-right: 5px;
}

/*------------------ hpi-footer Sectione --------------*/
#hpi-footer{}
.hpi-footer{
	display: block;
    position: relative;
    width: 100%;
	
}
.hpi-footer-content{
	content: "";
	display: block;
    position: relative;
	width: 100%;
    height: 100%;
    padding-bottom: 0;
}
.footer-description-content{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0;
    padding-bottom: 0;
    justify-content: flex-start;
    align-items: flex-start;
	padding: 0 35px;
}
.hpi-footer-brand{
	display: block;
    position: relative;
    width: 100%;
    padding-top: 10px;
}
.footer-logo{
	display: block;
    position: relative;
    width: 100%;
	margin-bottom: 20px;
}
.ft-logo:focus img{
	outline: none;
}
a.ft-logo:focus img {
  outline: none;
}
.footer-logo img{
	display: block;
    position: relative;
    width: 100%;
    max-width: 200px;
    height: auto;
}
.hpi-footer-products{
	display: inline-block;
    position: relative;
    width: 100%;
	background-color: #003049;
	padding-top: 50px;
    padding-bottom: 25px;
	color: #fff;
}
a.ar-after{
	display: flex;
	position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
	text-align: left;
	font-weight: 400;
	transition: 0.4s ease-in-out;
}

a.ar-after:hover{
	color: #E63946;
    transform: translateX(10px) scale(1.02);
    text-decoration: none;
    border-left: 3px solid #E63946;
    padding-left: 5px;
}
a.ar-after:before{
    content: "";
	transition: 0.6s ease-in-out;
}
/*
a.ar-after:hover:before{
	background: #A7BEAE;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px;
	z-index: 80;
}*/

.ftr-list{
	display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    padding-bottom: 15px;
    gap: 30px;
    justify-content: space-between;
}
.ftr-list-step1{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
	padding-bottom: 0;
	font-size: 18px;
    font-weight: 600;
}
.ftr-list1, .ftr-list2{
	display: flex;
    flex-direction: column;
    padding-top: 5px;
    align-items: flex-start;
    text-align: center;
	padding-left: 0;
	gap: 10px;
}
.ftr-list1 li{
	display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.ftr-list1 li:not(:last-child){
	padding-bottom: 0;
}
.subscribe-sectione{
	display: none;
    position: relative;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.sub-sect-cont{
	display: flex;
    position: relative;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 20px;
}
.sub-sect-cont h3{
	font-size: 24px;
    line-height: 1;
    font-weight: 400;
    padding-bottom: 15px;
}

.subscribe-sectione p{
	display: block;
    font-size: 13px;
    line-height: 16px;
    padding: 5px;
	color: #828282;
}
.sub-sect-cont p{
	font-size: 16px;
    margin-bottom: 90px;
    padding: 0;
    color: #fff;
    line-height: 1;
}
.hpi-footer-txt{
	display: block;
    position: relative;
    padding-top: 40px;
    color: #fff;
    opacity: 1;
    background-color: #011f2f;
}
.hpi-footer-txt p{
	font-size: 14px;
    line-height: 18px;
	font-weight: var(--hpi-font-weight-regular);
}
/*
.hpi-footer-txt ul{
	list-style: none;
    padding-left: 30px;
    padding-top: 10px;
    font-size: 13px;
}
.hpi-footer-txt ul li{
	display: list-item;
    padding-bottom: 6px;
}

.hpi-footer-txt p a{
	color: #d3bea3;
    font-weight: 400;
    text-decoration: underline;
}
.hpi-footer-txt p a:hover{
	color: #A7BEAE;
	text-decoration: none;
}

.hpi-conditions{
	display: block;
    position: relative;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #ccc;
}
*/
.ftr-legals{
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    gap: 15px;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}
.ftr-legals a{
	display: flex;
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: left;
    font-weight: 500;
	text-decoration: none;
    transition: 0.4s ease-in-out;
}
.ftr-legals a:hover{
    color: #E63946    ;
	transform: translateY(-2px) scale(1.02);
	text-decoration: none;
}
.ftr2-legals{
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    gap: 15px;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}
.ftr2-legals a{
	position: relative;
	color: #313131;
    font-weight: 600;
    padding: 3px 9px;
    font-size: 14px;
    border-top: 2px solid #ffcd14;
    border-bottom: 2px solid #ffcd14;
}
.ftr2-legals a:hover{
    color: #ababab;
}

.hpi-footer-legals{
	display: block;
    position: relative;
    width: 100%;
	/*background: #070707;*/
	/*padding: 25px 0;*/
}
.hpi-footer-copyright{
	display: block;
    position: relative;
    width: 100%;
}
.copyright, .brand-txt{
	font-size: 14px;
    font-weight: 600;
    text-align: center;
	padding: 25px 0;
	line-height: 18px;
}
.hpi-footer-copyright span{
	display: block;
    padding-top: 6px;
}
.contact-media{
	display: flex;
    flex-direction: row;
    padding-top: 10px;
    align-items: flex-start;
    text-align: center;
    padding-left: 0;
    gap: 10px;
}
.contact-media i{
	color: #5c5c90;
    font-size: 26px;
    line-height: 1;
    font-weight: var(--hpi-font-weight-regular);
}
.contact-media .a-media{
	padding: 2px;
    border-radius: 4px;
    border: 1px solid #5c5c90;
}

/*---------------End hpi-Footer Sectione-------------*/

/*-------Start Home Button----------*/
.to-top{
	position: fixed;
	display: inline-block;
	vertical-align: middle;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAYUExURUdwTP///////////////////////////x1LVb4AAAAHdFJOUwClZYO4C0oMO1UAAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAcElEQVQoz73QKw6AMBAE0OHncbUkCCzhBDgst0CXEPb6dOlntz1Ax83kqUHVdGsxGJv3hmjMAZEtQE4MD4r8QBMH3ksRBlOriAM3sCTyA0CIB0ICEBJBJAlEIiAQAZ7gEMDkQS+AyY5h0z/MJyoE+ADnwSyyw1hPqQAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #003f5c;
	border: 10px solid #003f5c;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	float: right;
	right: 30px;
	cursor: pointer;
	z-index: 1000;
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s ease;
}
.to-top.active{
	bottom: 10px;
	opacity:1;
	pointer-events:auto;
}
.to-top:hover{
	background-color: #A7BEAE;
	border: 10px solid #A7BEAE;
}
		
/*------- Finish Home Button--------- */

.hidden{
	display:none;
}	
.not-mobile{
	display:none;
}
.mobile{
	display: block;
}
.left{
	text-align: left;
}
.mob-flex{display: flex;}
.desktop-flex{display: none;}


/*============== Header Style ============*/

/*=============== REUSABLE CSS CLASSES ===============*/
.container {
	width: 100%;
    max-width: 1400px;
	padding: 0 20px;
}

/*=============== HEADER ===============*/
#pre-header{
    position: relative;
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
	background: #fff;
    border-bottom: 1px solid #f4f4f4;
    height: 40px;
    overflow: hidden;
    -webkit-transition: margin .4s;
    transition: margin .4s;
}
#pre-header ul{
	display: flex;
    position: relative;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}
#pre-header ul li{
	
}
#pre-header ul li a{
	display: flex;
	position: relative;
    flex-direction: row;
    align-content: center;
    align-items: center;
    color: #444;
    border-right: 1px solid #f4f4f4;
    padding: 0 10px;
    flex-wrap: wrap;
	line-height: 40px;
	font-size: 0.875rem;
	font-weight: 600;
}
#pre-header ul li a:first-child{
    border-left: 1px solid #f4f4f4;
}
#pre-header ul li a:hover{
	background: #f7f7e3;
    color: #ffcd1d;
}
#pre-header ul li a:hover:before {
	background: #ffcd1d;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
}
#pre-header ul li a:hover:after{
	background: #ffcd1d;
    content: "";
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 4px;
}

#pre-header-phone{
	position: relative;
    background: #000;
    height: 40px;
    margin: 0 auto;
    width: 100%;
    vertical-align: middle;
    overflow: hidden;
}
.pre-header-cont{
	display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
	justify-content: space-around;
    width: 100%;
	height: 100%;
}
.pre-header-phone{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
   
}

.txt-phone{
	padding: 0 4px;
}

.pre-header-contacs{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
a.cts, .pre-header-phone a{
	display: flex;
    position: relative;
    flex-direction: row;
    align-content: center;
    align-items: center;
    padding: 0 10px;
    flex-wrap: wrap;
    font-size: 0.875rem;
    text-align: center;
	justify-content: center;
    border-radius: 3px;
	color: #000;
	font-weight: 600;
	border: 1px solid #ffce00;
    background-color: #ffce00;
}
.txt-phone{
	padding: 0 4px;
}
.header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding: 10px 0;
    height: 90px;
	z-index: 100;
	background-color: #003049;
	border-bottom: 2px solid #ffffff;
    box-shadow: 0px 4px 7px 2px #4e4e4e;
}
.phone{
	
}
#head-phone{
	display: flex;
    flex-direction: column;
    line-height: 1;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
	height: 100%;
}
#head-phone a{
	
}
#head-phone a:first-child{
	height: 68px;
}
#head-phone a:last-child{
	display: flex;
    color: #fff;
    font-weight: 500;
    font-size: 0.875em;
    height: auto;
    line-height: 22px;
    border: 1px solid #fff;
    padding: 3px 10px;
    border-radius: 5px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
	margin-top: 5px;
}
#head-phone a:last-child:hover{
	 background-color: #ffcd1d;
	 
}

.txt-logo{
	 height: 100%;
    vertical-align: middle;
    position: relative;
}
a.txt-logo{
	display: block;
    height: 100%;
    vertical-align: middle;
    position: relative;
	font-size: 2.2em;
    line-height: 1;
    padding: 0 10px;
	font-family: 'Russo One';
	font-weight: 500;
	color: #212325;
}
/*
a.txt-logo b{
	color: #ffcd1d;
	font-weight: 600;
}
a.txt-logo:hover{
	background: #f7f7e3;
    color: #fff;
}
a.txt-logo:hover:before{
	background: #ffcd1d;
    content: "";
    width: 4px;
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
}
a.txt-logo:hover:after{
	background: #ffcd1d;
    content: "";
    width: 4px;
    right: 0;
    position: absolute;
    bottom: 0;
    height: 100%;
}*/
/*------- Prenav       --------- */
.pre_nav{
	display: none;
    width: 100%;
    background: transparent;
	margin: 0 auto;
}
.prenav_cont{
	display: flex;
    max-width: 1400px;
    padding: 0 20px;
    margin: 0 auto;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
    height: 100%;
    gap: 10px;
    padding: 10px 20px
}
.prenav_list1{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	
}
.prenav_list1 a:hover, .prenav_list3 a:hover{
	text-decoration: underline;
}
.prenav_link1, .prenav_link3{
    padding-right: 20px;
	line-height: 44px;
    height: 100%;
    color: #232930;
    font-weight: bold;
    font-size: 16px;
}
.prenav_link3{
	padding-left: 20px;
}
/*
.prenav_select1{
	background: #fff;
    color: #232930;
}*/
.prenav_list2{
	display: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	gap: 5px;
}
.prenav_link2{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #F08A5D;
	background-color: #F08A5D;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3px 4px;
	line-height: 1;
}
.prenav_link2 i{
	font-size: 18px;
}
.prenav_select2{
	
}
.prenav_list3{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	display: none;
}
.prenav_link3{

}
.prenav_select3{
	
}
.nav_contect_list{
	display: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	gap: 10px;
}
.nav_contect_link{
	font-size: 14px;
    font-weight: bold;
    color: #232930;
    border: 1px solid #232930;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3px 4px;
	line-height: 1;
}
.nav_contect_link i{
	font-size: 18px;
}

/*------- Finish Prenav--------- */
/*=============== NAV ===============*/
.nav {
	height: 100%;
	padding-top: 2px;
	/*padding-bottom: 20px;*/
}

.nav__logo, .nav__burger, .nav__close {
  color: #d7d7d7;
}
.nav__data {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	gap: 15px;
	height: 70px;
}
.nav__data img, .head4-logo img{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 160px;
    height: auto;
	z-index: 1000 !important;
}
/*.nav__data img:hover {
    opacity: .6;
}*/
.nav__data a{
	display: inline-flex;
	/*height: 60px;*/
    text-decoration: none;
	flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.nav__list{
	height: 70vh;
    background: #21536d;
}
.nav__logo {
  display: inline-flex;
  align-items: center;
  column-gap: .25rem;
  font-weight: 400;
}

.nav__logo i {
  font-weight: initial;
  font-size: 1.25rem;
}
.nav_menu_icon{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.nav_menu_icon span{
	font-size: 13px;
    font-weight: bold;
    color: #3ba942;
    margin-top: -3px;
}
.nav_menu_contacts{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.menu_link4{
	font-size: 14px;
    font-weight: bold;
	color: #fff;
    background-color: #F08A5D;
    border: 1px solid #F08A5D;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3px 4px;
    line-height: 1;
}
.menu_link4 i{
	font-size: 18px;
}

.nav__toggle {
  position: relative;
  width: 40px;
  height: 40px;
  left: -4px;
}

.nav__burger, 
.nav__close {
  position: absolute;
  width: max-content;
  height: max-content;
  inset: 0;
  margin: auto;
  font-size: 46px;
  cursor: pointer;
  transition: opacity .1s, transform .4s;
}

.nav__close {
  opacity: 0;
}
.nav__menu {
    height: calc(100vh - 3.5rem);
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.mob-contact{
	display: flex;
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #767676;
    height: 70px;
    justify-content: center;
    align-items: center;
}
.justbg{
	display: none;
	width: 100%;
	background: #1e9771;
    height: 4px;
}



@media screen and (max-width: 766px) {
  .nav__menu {
    position: absolute;
    left: 0;
    top: 128px;
    width: 100%;
    height: calc(100vh - 3.5rem);
    overflow: auto;
    pointer-events: none;
    opacity: 0;
    transition: top .4s, opacity .3s;
  }
  .nav__menu::-webkit-scrollbar { width: 0; }
 
}
.nav__link {
	position: relative;
    color: #d7d7d7;
   /* background-color: #2c2c2c;*/
    font-family: var(--hpi-font-family-base);
    font-weight: var(--hpi-font-weight-medium);
    font-size: 20px;
    padding: 15px 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color .3s;
    border-bottom: 1px solid #d7d7d7;
}

.nav__link:hover {
	color: #fff;
    background-color: #006580;
}
.nav__link:hover:before {
	background: #d7d7d7;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
	left: 0;
    width: 20px;
}
.nav__link:hover:after {
	background: #d7d7d7;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
	right: 0;
    width: 20px;
}

/* Show menu */
.show-menu {
  opacity: 1;
  top: 94px;
  pointer-events: initial;
}

/* Show icon */
.show-icon .nav__burger {
  opacity: 0;
  transform: rotate(90deg);
}
.show-icon .nav__close {
  opacity: 1;
  transform: rotate(90deg);
}

/*=============== DROPDOWN ===============*/
.dropdown__item {
  cursor: pointer;
}

.dropdown__arrow {
  font-size: 1.25rem;
  font-weight: initial;
  transition: transform .4s;
}

.dropdown__link, 
.dropdown__sublink {
  padding: 1.25rem 1.25rem 1.25rem 2.5rem;
  color: #fff;
  background-color: #1d232f;
  display: flex;
  align-items: center;
  column-gap: .5rem;
  font-weight: 400;
  transition: background-color .3s;
}

.dropdown__link i, 
.dropdown__sublink i {
  font-size: 1.25rem;
  font-weight: initial;
}

.dropdown__link:hover, 
.dropdown__sublink:hover {
  background-color: #171c26;
  color: #cfc4b9;
}
.dropdown__menu, 
.dropdown__submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease-out;
}
.dropdown__submenu2 {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease-out;
}

/* Show dropdown menu & submenu */
.dropdown__item:hover .dropdown__menu, 
.dropdown__subitem:hover > .dropdown__submenu {
  max-height: 1000px;
  transition: max-height .4s ease-in;
}
.dropdown__item:hover .dropdown__menu, 
.dropdown__subitem:hover > .dropdown__submenu2 {
  max-height: 1000px;
  transition: max-height .4s ease-in;
}
/* Rotate dropdown icon */
.dropdown__item:hover .dropdown__arrow {
  transform: rotate(180deg);
}

/*=============== DROPDOWN SUBMENU ===============*/
.dropdown__add {
  margin-left: auto;
}

.dropdown__sublink {
  background-color: #1d232f;
}

.btn-submenu{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: center;
    padding: 1.25rem 1.5rem;
    justify-content: center;
}
#user_area{
	display: block;
    position: relative;
}
#user_area a{
	display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    padding: 0 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 5px;
	margin-right: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #171c26;
    font-weight: 500;
}
#user_area a span{display: inline-block;}
.icon-user{
	content: "";
    display: flex;
    background-image: url(/hpi/v1/files/user32x32.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
	margin-right: 7px;
	
}
#user_area a:hover{
	background-color: #4caf50;
	color: #fff;
	transition: background-color .3s;
	
}
#user_area a:hover .icon-user{
	filter: brightness(0) saturate(100%) invert(99%) sepia(52%) saturate(1%) hue-rotate(270deg) brightness(107%) contrast(100%);
    /*transition: filter 0.2s;*/
}

#hd-contact{
	display: flex;
    flex-direction: row;
    align-items: center;
	min-width: 170px;
    margin-left: 15px;
	height: 40px;
	z-index: 10;
}
#hd-contact a{
	display: block;
}
#hd-contact a span{
	content: "";
    display: flex;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAANlBMVEVHcEwxMTQwMDUwMDUwMDUvLzUvLzYvLzUvLzQwMDUxp4EwMDVChUc7l2E3UzwzPTc8aUBCjk/0MyDVAAAACnRSTlMADvjomssniFfFSazoiQAAAOtJREFUOMuNk1kShCAMRAHDomHR+192CAKigE5/aeVVZ4WxKm5ALkIsEgxnvRQIrBKgHmGum3BC9M1FSewkG0ItONCi3uORyB5c4kQ5i6bvY4van4ROCVL9FN+OJyDIArACrksCsYJzAC4ROLAw55dNgO8IkzPgngA7yJF7DJMiJCtDohw29MNiZUl+WAKKCpCFCwOg7iGMJhVTXIugJEfA4Kxvi4Trh1p1Pk3EHXtp0+CdqCqD4u2t+SdA24K2pmDvANR1Xya2AYSqB9O67NbljvXHya3lKD+O9vvso8c69//v6RHy/njnz/8HDdshfTEPV7YAAAAASUVORK5CYII=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
	margin-right: 12px;
}
.hd-phone{
	display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
}
.hd-phone a.hd-color1{
	font-size: 14px;
    color: #c6c6c6;
    font-weight: 500;
   
}
.hd-phone a.hd-color2{
	font-size: 16px;
    color: #fff;
    font-weight: 500;
    
}
#hd-contact a span:hover, #hd-contact a span:active{
	 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAANlBMVEVHcEwypYExp4Exp4Exp4Exp4EypYIxqH8xp4EzqX3///8xp4HK6Mvi8uNKsIGKy42i1aRxwHybr8BnAAAACnRSTlMADvjoypokh1cubmDVJgAAAOtJREFUOMuVk1kWgyAMRZkCKJPsf7MFhIiAtX1feHJNHkkgBEU1CM4YF6ApmSWBGRQDOYSp6sIFUbcsUphJoiM2bhbiG/6/jCei5qDCPKhWUfls96RjJFQpUPzn+G5HgOUUYBBwUxFIDs4GuEKYRQp9noqHPUyErhVMWJtINeod/YMJQVqTcg3r52aRNqSYgDj3iiGQUzi/AHAOfmmSk2sQ4XThnQ29Sbg+jnyPWDri7NGuqc2dQLVG0X7XwgjkaUHvyds7ADhuVLQdwCQuTJ8lWFdvrH5bOUJflvZ97ddVBP3n6WXk++N9fv4f7KghZd8pAKQAAAAASUVORK5CYII=);
	 color: #1e9771;
}
.hd-phone a.hd-color1:hover, .hd-phone a.hd-color1:active, .hd-phone a.hd-color2:hover, .hd-phone a.hd-color2:active{
	color: #1e9771;
}

.not-display{
	display: none;
}
.lastli{  
   padding-bottom: 30px;
   padding-top: 20px;
}
/*==== header3 ====*/
.head3-col1{
	display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
}
.head3-col2{
	display: block;
    height: 70px;
    line-height: 70px;
}
.head3-col2 a{
	color: #ffcd1d;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.head3-col2 a:hover{
    color: #212325;
}
.head3-col2 a i{
	font-size: 20px;
    color: #444;
}
.head3-col2 a span{
	color: #444;
    font-weight: 600;
    font-size: 16px;
}
.head3-logo{
	display: block;
    position: relative;
    vertical-align: middle;
}

.head3-steps{
	display: none;
    position: relative;
    flex-direction: row;
    align-items: center;
    height: 70px;
	vertical-align: middle;
}
.step-style{
	display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    margin-right: 10px;
    color: #d8d8d8;
    font-size: 16px;
}
}
.step-style p{
	
}
.step-numb{
	display: flex;
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    border: 2px solid #d8d8d8;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}
.step-name{
	display: none
}
.select-numb{
	color: #ffcd1d;
	border: 2px solid #ffcd1d;
}
.select-name{
	display: inline-block;
	color: #444;
}

.head4-logo{
	
}
.head4-col{
	display: flex;
    flex-direction: column;
    height: 100%;
    width: fit-content;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
.head4-row{
    display: block;
    width: fit-content;
	margin-top: 5px;
}
.head4-row a{
	color: #ffcd1d;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
    display: flex;
	padding: 4px 15px;
}
.head4-row a:hover{
	color: #000;
	background-color: #E7E8D1;
    padding: 4px 15px;
    border: 1px solid #A7BEAE;
    border-radius: 3px;
    
}
.head4-row a i{
	font-size: 20px;
    color: #444;
}
.head4-row a span{
	color: #444;
	font-weight: 500;
    font-size: 16px;
}

/*=============== BREAKPOINTS ===============*/


/* For small devices */
/*
@media screen and (max-width: 340px) {
  .container {  }
  .nav__link { padding-inline: 1rem;}
  .nav__data img, .head4-logo img {max-width: 180px;}
}
@media screen and (max-width: 465px) {
	.btn-submenu {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: center;
		padding: 1.25rem 1.5rem;
		justify-content: center;
	}
	#user_area a {
		display: flex;
		position: relative;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		background: #f5f5f5;
		padding: 0 40px;
		height: 40px;
		cursor: pointer;
		border-radius: 5px;
		margin-right: 0;
		font-size: 16px;
		line-height: 24px;
		color: #171c26;
		font-weight: 500;
		margin-bottom: 25px;
	}
	#hd-contact {
		display: flex;
		flex-direction: row;
		align-items: center;
		min-width: 170px;
		margin-left: 0;
		height: 40px;
		z-index: 10;
	}
}*/

@media screen and (min-width: 380px) {
	.pre_nav {
		height: 40px;
	}
	.prenav_cont {
		justify-content: space-between;
		flex-wrap: nowrap;
		padding: 0 20px;
		gap: 0;
	}
	.show-menu {
		top: 94px;
	}
}



@media screen and (min-width: 550px) {
	.head3-col2 a {
		line-height: 70px;
		display: flex;
		justify-content: flex-end;
		height: 70px;
		}
	.v4{
		height: 70px;
	}
	.head4-col{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	.head4-row{
		display: flex;
		padding: 0;
		height: 70px;
		align-items: center;
		justify-content: flex-end;
	}
	
}
@media screen and (min-width: 767px) {
	.container {padding: 0 35px;}
	.not-mobile{display: block;}
	.mobile{display: none;}
	/*.nav:before {width: 200px; clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);}
	.nav:after {width: 200px; clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%);}*/
	/*.nav__data img{max-width: 280px;}*/
	.header {
		padding: 5px 0;
		height: 122px;
	}
	.nav {
		height: 56px;
	}
	.nav__toggle {display: none;}
	.nav__list {
		height: 100%;
		display: none;
		column-gap: 0.1rem;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		box-shadow: none;
	}
	.nav__list li{
        position: relative;
		height: 100%;
	}
	
	.nav__list li:not(:last-child) { }
    .nav__menu {
        display: flex;
		height: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        align-content: flex-start;
        width: 100%;
        position: relative;
        z-index: 10;
	}

	.log-data {
		display: flex;
        height: 100%;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
	}
	.log-data p {
		font-size: 1.3rem;
		font-weight: 600;
		padding-left: 5px;
	}
	a.txt-logo {
		font-size: unset;
		display: flex;
        position: relative;
        left: -2px;
        height: 90px;
        /* line-height: 90px; */
        /* border-left: 2px solid #3ba942; */
        padding-left: 0;
        align-items: center;
	}
	.log-data img{
		display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 200px;
        height: auto;
	}
	/*.log-data img:hover {opacity: .6;}*/
	
	.nav__link {
		height: 100%;
        padding: 0;
        justify-content: initial;
        background-color: transparent;
        border-bottom: none;
        color: #111117;
		font-size: 16px;
        font-weight: 600;
        padding: 0 5px;
	}
	.nav__link:hover {
		background: #f7f7e3;
		color: #ffcd1d;
	}
	.nav__link:hover:before {
		background: #ffcd1d;
		content: "";
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 4px;
	}
	.nav__link:hover:after {
		background: #ffcd1d;
		content: "";
		height: 100%;
		right: 0;
		position: absolute;
		top: 0;
		width: 4px;
	}
	.nav_contect_link {
		
	}

	  .dropdown__item, 
	  .dropdown__subitem {
		position: relative;
	  }

	  .dropdown__menu, 
	  .dropdown__submenu {
		max-height: initial;
		overflow: initial;
		position: absolute;
		min-width: 270px;
		left: -2px;
		top: 7rem;
		opacity: 0;
		pointer-events: none;
		transition: opacity .3s, top .3s;
	  }
	  .dropdown__submenu2 {
		max-height: initial;
		overflow: initial;
		position: absolute;
		min-width: 270px;
		left: -2px;
		top: 7rem;
		opacity: 0;
		pointer-events: none;
		transition: opacity .3s, top .3s;
	  }
	.dropdown__link, 
	.dropdown__sublink {padding: 1rem; padding-inline: 1rem 1.5rem;}
	.dropdown__subitem .dropdown__link {padding-inline: 1rem; }
	.dropdown__submenu {position: absolute;left: 100%;top: 1rem;}
	.dropdown__submenu2{position: absolute;left: -100%;top: 1rem;}

  /* Show dropdown menu */
  .dropdown__item:hover .dropdown__menu {
    opacity: 1;
    top: 5.7rem;
    pointer-events: initial;
    transition: top .3s;
	color: #cfc4b9;
  }

  /* Show dropdown submenu */
  .dropdown__subitem:hover > .dropdown__submenu {
    opacity: 1;
    top: 1.3rem;
    pointer-events: initial;
    transition: top .3s;
	color: #cfc4b9;
  }
	.dropdown__subitem:hover > .dropdown__submenu2 {
		opacity: 1;
		top: 1.3rem;
		pointer-events: initial;
		transition: top .3s;
		color: #cfc4b9;
	}
	.mob-contact{
		display: none;
	}
	.justbg{
		display: block;
	}
	.sub-heada{
		display: flex;
        height: 100%;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: center;
        width: 100%;
	}
	.sub-headb{
		display: flex;
		height: 70px;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
	}
	
	/*------- Prenav       --------- */
	.pre_nav{
		display: block;
		height: 110px;
	}
	.prenav_cont{
		display: flex;
        padding: 0 35px;
        justify-content: space-between;
        width: 100%;
        overflow: hidden;
	}
	.prenav_link1, .prenav_link3{
		padding-right: 24px;
		line-height: 44px;
		font-size: 17px;
	}
	.prenav_link3{
		line-height: 22px;
		font-size: 17px;
		padding: 0;
		color: #fff;
		font-family: var(--hpi-font-family-heading);
		font-weight: var(--hpi-font-weight-bold);
	}

	.prenav_list3{
		display: flex;
        position: relative;
        right: 0;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 21px;
	}
	.prenav_list3 a:hover{
		/*color: #e7d1ad;
        border-bottom: 4px solid #e7d1ad;*/
        text-decoration: none;
        color: #E63946;
	}
	
	.nav_contect_list{
		display: flex;
	}

	/*------- Finish Prenav--------- */
	
}
@media screen and (min-width: 992px) {
	.head3-steps {display: flex;}
	.nav__link {padding: 0 10px; font-size: 18px;}
	a.txt-logo {font-size: 3.2em;}
	.log-data img {}
	.prenav_cont{
		
	}
	.prenav_list2{
		display: flex;
	}
	.nav_contect_list{
		display: none;
	}
	
}
/* For large devices */
@media screen and (min-width: 1200px) {
	.container {padding: 0 40px;}
	.prenav_cont{padding: 0 40px;}
	.prenav_list3 {gap: 40px;}
	.prenav_link3 {
        line-height: 28px;
        font-size: 17px;
	}
/*---------------------------------------------*/
	.brtop{border-bottom: 1px solid #575757;}
	
	.lastli {padding-bottom: 0; padding-top: 0;}
	.btn-submenu{ justify-content: flex-end; padding-right: 0;}
	#user_area a { padding: 10px; height: 46px; border-radius: 50%;  margin-right: 5px;}
	#user_area a span {display: none;}
	.icon-user {width: 26px;height: 26px;margin-right: 0;}
	#hd-contact {min-width: 170px; margin-left: 15px; height: 46px;}
	#hd-contact a span {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAANlBMVEVHcEwwMDUwMDUvLzUvLzUwMDUwMDQwMDUwMDUxp4EwMDU+dEMyonozQThDi0k4mGg4VD06YT+ikKO3AAAACXRSTlMA68sUeVekjDLYC++0AAABv0lEQVRYw61XV7LDIAw0xYUO979s8p7tGIMwUsh+MqNFvUxTA2KWC2dMa8b4ImcxkbCtXBfg64aVFrKSPjikQIkz3QTrU8wP4jvF8/dcd8HF998fSswt+VUjscLyi0ZjgeS5JoAP/Q/qsGoiCj/MmoxbLASjEzABOTBatcMaiiMvA075NyLeiMyAjCDhjZAaIujboGXtwUAiOFTIFMgJvMaqkOewvwgCNqO3/MVcBMohGLYyiZOihGFP6FsVOkVzwtsGcX8JRBtEWUa5EwyqpOT9ISpqIMtGQsvFd2MpO9nHBmtwva3sBO4Ud7iuUBEcyWgdsq1M1ZPDe/APNcFZD+ZbE7TbA2HjtwRnIFBuYOBAOowIDhNGaCIdRnwYjG8GdSlT+Z7Qux/+TfLJwakMz6SUpeOpjwremBTLYhKwap+M9i4v0Cq8ojnWr5qwdwJVNsXWXE6qgbKlba0IRdsn2B5XE+d7BLwaLKUj7DOB7C4HkBL1dJVPuVpTVMO1t5+4whBgR+luSNEEYGbOpB3RJeNDsDZEaFccXrKG17zxRXN81R1ftsfX/fGDY/zkGT+6xs++Hxye46fvD45v2vn/At8me8y7ENr9AAAAAElFTkSuQmCC);
		width: 46px;
		height: 46px;
		margin-right: 10px;
	}
	#hd-contact a span:hover, #hd-contact a span:active{
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAQlBMVEVHcEwxp4Exp4Exp4ExqH8wp4Ixp4Exp4Exp4E+ol4wp4IxqH8xp4Exp4H////4/fmMzI7j8+Ss2q5Jr4HF5cZhuXtMF6byAAAADXRSTlMA63rREIykU74FIjJg6pmPjgAAAeNJREFUWMO1V9m2gyAMBES01RhQ/P9fvbYuRRYNpXceOSdzkknIwlgCshGq4hyA80qJRrIsdHUFHqq6o1pLEVhvHEKSzDkkwe8p+gvzleLS/NnCLdpn2r7hQABvUvY1EFFHzR8KyFCPiH0LGWhDBgVZUF/Hn9ChgWyccvHk+QTcrYdDQG2GFTjeC+nU7/G42y/Qtwz98X8+AWAOAd9/loDvCEAEDrghjEB1wXHAJbBAdcHtP/ZDYAgE1bv/uS/jhwAnAkPnF7EeslR8F/Spg05DnghLDPL8YjJjkP43clSkJHL5UuL84IpgSIn0GwnmeaCYP4WORCLFflHR7wTzbj7RukJAsMmIM7GtsOBppiv4QkiwZ1ITCcJuOK2JQP2lBkciSDJwFlsmtno2EyWNsYm0BTGYzYfRJJOq/FI+F/SqwysktHqKl3J8JrkMuz9o7Ki19j+TjLt2VLSZnS4V/hDJWHXDgHgmQL8ppuayHhLwW1qXypDGe4LOb+vnbJo7gioYLL4QeE0ggtEWOGGvCPbpKq5qdbZpAhGO9yiFF0g43p0FI5UQayK9us/aESc9WmMQjY6sOOVLVvGaV75olq+65ct2lg+xdb/84PjByVN+dFHOvv6/D89XQstO3x8c33nn/x/li6UM9Y3+IgAAAABJRU5ErkJggg==);
	}
	.hd-phone a.hd-color1 {font-size: 15px;}
	.hd-phone a.hd-color2 {font-size: 17px;}
	
	/*==== header3 ====*/
	
	.step-name{display: inline-block;}
	.log-data img {}
}
/*=====================*/


.mob-display{
	display: block;
}
.desk-display{
	display: none;
}
/*-------------Loading Gif-----*/
.lds-spinner {
  /* change color here */
  color: #1c4c5b
}
.lds-spinner,
.lds-spinner div,
.lds-spinner div:after {
  box-sizing: border-box;
}
.lds-spinner {
  color: currentColor;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3.2px;
  left: 36.8px;
  width: 6.4px;
  height: 17.6px;
  border-radius: 20%;
  background: currentColor;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*-----------------------------*/
@media screen and (min-width: 480px) {
	a.txt-logo {font-size: 3.2em;}
	#head-phone a:last-child {
    font-size: 1.2em;
    line-height: 24px;
	}
	.nav__data img, .head4-logo img {max-width: 160px;}
}
@media screen and (min-width: 600px) {
	.nav__data img, .head4-logo img {max-width: 160px;}
}

@media screen and (min-width:767px){
	.hpi-responsive-wrapper{width: 100%;max-width: none; padding: 0 35px;}
	.pad-r{padding-right: 10px; float: left;}
	.pad-l{padding-left: 10px; float: right;}
	.col-left,.col-right{float:left;}
	.col-left-strict{float:left;}
	.col-right-strict{float:right;}
	.col-left,.col-left-strict{padding-right:15px;}
	.col-right,.col-right-strict{padding-left:15px;}
	.desk{display: block;}
	.mob-flex{display: none;}
	.desktop-flex{display: flex;}
	.mob-display{display: none;}
	.desk-display{display: block;}
	.hpi-quote-box{width: 60%;margin: 0 auto;}
	.hpi-quote-list>li>label{float: left;width: 29%;padding-right: 16px;	margin-bottom: 16px;}
	.hpi-quote-list>li>div{width: 70%;margin-left: 29%;}
	.hpi-quote-list .av_checkbox{width: calc(70% + 16px);}
	
	#hpi-h-logo {top: 10px;}
	#hpi-h-logo a {height: 70px;}
	#hpi-h-logo img {width: 40px;}
	#hpi-h-logo p {padding-left: 4px;font-size: 15px;}
	.mob-head {float: right;width: 50%;text-align: right;line-height: 36px;margin-top: 15px;}
	.mob-head-buttons {font-size: 14px;height: 36px;max-height: 36px;line-height: 36px;	border-radius: 18px;}
	#rec-menu a{font-size: 14px;font-weight: bold;padding: 0 20px;}
	.desk-head-buttons{display: block;margin-top: 18px;}
	#hpi-nllist.hpi-shoit {display:none;}
	#hpi-nllist {position: static;right: 0;flex: 1;width: auto;max-width: 100%;height: auto;padding: 0;padding-right: 2rem;box-shadow:none;-webkit-box-shadow:none;}
	#hpi-nllist.hpi-shoit {top:  0;box-shadow:none;-webkit-box-shadow:none;}
	#hpi-nllist.hpi-shoit li{display: inline-block!important;text-align: center;font-size: inherit;padding: 0;}
	#hpi-link a{font-size: 1rem;padding-right: 8px;}
	#hpi-link .color1::after, #hpi-link .color2::after{height: 9px;width: 9px;margin: 0 8px;}
	.nav__data img, .head4-logo img{max-width: 350px;}
	.v2{ height: 80px;}
/*---------------Start hpi-Footer Sectione-----------*/
	.hpi-footer-content {padding: 30px 0; padding-bottom: 0; padding-top: 60px;}
	
	.footer-description-content{padding: 0;}
	.hpi-footer-brand{width: 50%; padding-right: 15px; padding-top: 0;}
	.footer-logo{}
	.footer-logo img{width: 100%; max-width: 200px;}
	.footer-logo h4{font-size: 1.25rem;font-weight: 600; line-height: 30px;}
	.hpi-footer-brand p{	display: block; text-align: left;}
	.hpi-footer-brand ul{display: flex; flex-direction: row; align-items: center;}
	.hpi-footer-brand li:not(:last-child){margin-right: 10px; display: flex; flex-direction: row; align-items: center; text-align: left;}
	.hpi-footer-brand ul li a{display: flex; align-items: center;}
	.hpi-footer-brand ul li a img{display: inline-block; width: 22px; height: 22px;}
	.hpi-footer-products{}
	.ftr-list{
		display: flex;
        flex-wrap: nowrap;
        gap: 30px;
        justify-content: space-between;
        flex-direction: row;
        align-items: flex-start;
	}
	.ftr-list-step1{
		align-items: flex-start;
        font-size: 18px;
        margin-bottom: 0;
        line-height: 18px;
	}
	.ftr-list2{display: flex; padding-left: 5px; padding-top: 5px; text-align: left; align-items: flex-start;}
	.ftr-list1{
		padding-top: 15px;
        align-items: flex-start;
        text-align: left;
	}
	.contact-media {
		padding-top: 15px;
	}
	.ftr-list1 li{}
	.ftr-list2 li{font-size: 0.95rem; line-height: 22px;}
	.ftr-list2 li:not(:last-child){margin-bottom: 15px;}
	.ftr-list3{padding-left: 5px;padding-top: 5px;align-items: flex-start;}
	.ftr-list3 li:not(:last-child){	margin-bottom: 5px;}
	.ftr-list3 li{font-size: 0.925rem;line-height: 17px;}
	.hpi-footer-legals{padding: 0;}
	.hpi-legals-content{}
	.hpi-footer-copyright{}
	.copyright, .brand-txt{	font-size: 14px; line-height: 20px; padding: 30px 0;}
	.brand-txt{padding: 4px 20px;}
	.hpi-legals-list{}
	.hpi-legals-list ul{}
	.hpi-legals-list ul li{}	
	.hpi-legals-list ul li:not(:last-child){	margin-right: 30px;}
	.hpi-legals-list ul li a{font-size: 0.875rem; line-height: 16px;}
/*---------------End hpi-Footer Sectione-------------*/

/*-------Start Home Button----------*/
.to-top{right: 35px;}
.to-top.active{bottom: 10px;}
/*------- Finish Home Button--------- */

}
@media screen and (min-width:992px){
	
	.hpi-footer-products {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 25px;
    }
	a.txt-logo {
        font-size: 3.2em;
    }
	.nav__link {padding: 0 10px;}
	a.txt-logo {font-size: 3.2em;}
	.ftr-list {gap: 25px;}
	.hpi-footer-txt p {font-size: 16px;line-height: 22px;}
	.hpi-footer-txt ul {font-size: 15px; padding-bottom: 15px;}
	.ftr-legals, .ftr2-legals {gap: 40px;}
	.ftr-legals a, .ftr2-legals {font-size: 15px;}
	.ftr-list-step1 {
        width: calc(33% - 60px);
    }
	
}

@media screen and (min-width:1200px){
	.hpi-responsive-wrapper{width: 100%; max-width: none; padding: 0 40px;}
	.nav__link{	padding: 0 20px;}

/*---------------Start hpi-Footer Sectione-----------*/
	.hpi-footer-content{padding: 40px 0; padding-bottom: 0;}
	.hpi-footer-legals{padding: 0;}
	.footer-description-content{}
	.hpi-footer-brand{}
	.footer-logo img{ }
	.footer-logo h4{font-size: 1.75rem; line-height: 40px;}
	.hpi-footer-brand p{font-size: 16px; line-height: 24px; margin: 35px 0;}
	.hpi-footer-brand li:not(:last-child){margin-right: 20px;}
	.hpi-footer-brand ul li a img{width: 25px; height: 25px;}
	.hpi-footer-products{}
	.hpi-footer-products a{}
	.ftr-list {display: flex; justify-content: flex-start; gap: 60px;}
	.hpi-footer-legals{padding: 0;}
	.hpi-legals-content{ display: flex; flex-direction: row; align-items: flex-start;}
	.hpi-footer-copyright{}
	.copyright, .brand-txt{font-size: 16px; line-height: 20px; padding: 30px 0;}
	.brand-txt{text-align: left; padding: 0;}
	.hpi-legals-list{}
	.hpi-legals-list ul{}
	.hpi-legals-list ul li{}	
	.hpi-legals-list ul li:not(:last-child){	margin-right: 30px;}
	.hpi-legals-list ul li a{font-size: 1rem; line-height: 22px;}
	

/*---------------End hpi-Footer Sectione-------------*/
}

@media screen and (min-width:1400px){
	.hpi-responsive-wrapper{width: 100%;max-width: none; padding: 0 60px; max-width: 1400px;}
	.container {padding: 0 60px; /*max-width: 1400px;*/ margin: 0 auto;}
	.prenav_cont{padding: 0 60px;}
	/*.nav__list {column-gap: 2.5rem;}*/
	.to-top{right: 100px;}
/*------Footer Sectione--------*/
    .ftr-list {gap: 80px;}
	.subscribe-sectione {max-width: 600px;}
	
/*------Footer Sectione----*/	
/*------------- Av Login Form Sectione --------*/
	.form-popup {top: 40%;}
/*--------- End Av Login Form Sectione --------*/
}
.w10T{width: 10%;}
.w20T{width: 20%;}
.w30T{width: 30%;}
.w33T{width: 33.3333%;}
.w40T{width: 40%;}
.w50T{width: 50%;}
.w60T{width: 60%;}
.w70T{width: 70%;}
.w80T{width: 80%;}
.w90T{width: 90%;}
.w100T{width: 100%;}