/*footer*/
.page-footer { overflow: hidden; }
.footer_bottom { background-color: #2b2b2b; padding: 0; }
.footer-top-box { font-size: 0; }
.footer-top-box > div { width: 33.3%; display: inline-block; vertical-align: top; padding-right: 10px; }
.footer-top-box > div:last-child { padding-right: 0; }
.footer-top-box > div.footer-box.one .footer-box-contain { font-size: 0; }
.footer-top-box > div.footer-box.one .footer-box-contain ul { width: 50%; vertical-align: top; display: inline-block; }
.footer-top-box > div.footer-box.two .footer-box-contain div { display: flex; justify-content: space-between; }
.footer-top-box > div.footer-box.one .footer-box-contain ul { width: 50%; vertical-align: top; display: inline-block; }
.bottom-main-box { padding: 40px 0; }
.footer-top-box h4.footer-box-title { font-size: 18px; color: #ffffff; margin: 0 0 12px; font-weight: 700; }
.footer-top-box ul { padding: 0; margin: 0; list-style: none; padding-right: 10px !important; }
.footer-top-box ul li { margin: 0 0 17px; }
.footer-top-box ul li:last-child { margin: 0; }
.footer-top-box ul li a { font-size: 14px; color: #999999; font-weight: 400; }
.no-touch .footer-top-box ul li a:hover,
.footer-top-box ul li.active a { color: #ffffff; }
.follow_us { background-color: #e6e7e8; padding: 25px 0; }
.follow_us .footer-social-links { display: flex; justify-content: center; align-items: center; }
.follow_us h4 { color: #1c1d20; font-size: 30px; font-weight: 700; margin: 0 28px 0 0; }
.follow_us .f-link { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; line-height: 0; }
.follow_us .f-link li { margin-left: 20px; margin-bottom: 0; }
.follow_us .f-link li:first-child { margin-left: 0; }
.follow_us .f-link li a { width: 45px; height: 45px; background-color: #ffffff; display: flex; justify-content: center; align-items: center; border-radius: 100%; }
.no-touch .follow_us .f-link li a:hover { background-color: #ed1c24; }
.no-touch .follow_us .f-link li a:hover svg path { fill: #ffffff; }
.footer-contact { background-color: #1c1d20; padding: 22px 0; }
.footer-contact > div { display: flex; justify-content: space-around; color: #ffffff; align-items: center; }
.footer-contact > div > div { display: flex; align-items: center; justify-content: flex-start; font-size: 16px; color: #999999; }
.footer-contact > div > div.address p { margin: 0; font-size: 16px; }
.footer-contact span { line-height: 0; display: inline-block; padding-right: 12px; }
.footer-contact strong { padding-right: 4px; font-weight: 400; color: #ffffff; }
.footer-contact a { color: #999999; white-space: nowrap; }
.no-touch .footer-contact a:hover { color: #ed1c24; }
.copyright { text-align: center; padding: 18px 0; }
.copyright p { margin: 0; font-size: 14px; color: #ffffff; }
.copyright p a { color: #ffffff; }
.no-touch .copyright p a:hover { text-decoration: none; }
.bottom-main-box .flogo-box .flogo { margin: 0 0 30px; }
.bottom-main-box .f-description { max-width: 344px; }
.bottom-main-box .f-description p { color: #999999; font-weight: 400; font-size: 14px; }
.footer-subscribe { padding: 74px 0; background-image: url(../images/newsletterbg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; min-height: 250px; }
.block.newsletter { margin: 0; width: 100%; max-width: 652px; /*max-width: 582px;*/}
.block.newsletter h3 { margin: 0; font-size: 40px; color: #ffffff; margin: 0 0 15px; }
.block.newsletter h3:after,
.block.newsletter h3:before { content: ''; width: 20px; height: 2px; display: inline-block; vertical-align: middle; background: var(--hyd-red); }
.block.newsletter h3:after { margin-left: 18px; }
.block.newsletter h3:before { margin-right: 18px; display: none; }
.block.newsletter .title { margin: 0 0 28px; }
.block.newsletter .title strong { font-size: 14px; font-weight: 400; color: #ffffff; }
.block.newsletter .form.subscribe { display: table; width: 100%; }
.block.newsletter .fieldset { display: table-cell; margin: 0; padding: 0; vertical-align: top; }
.block.newsletter .field { margin: 0; }
.block.newsletter .field .control { display: inline-block; text-decoration: none; display: block; padding-right: 10px; }
.block.newsletter .actions { display: table-cell; vertical-align: top; width: 1%; }
.no-touch .block.newsletter .action.subscribe:hover { background: #ffffff; color: var(--hyd-red); }
.block.newsletter .action.subscribe svg { display: none; }
.grecaptcha-badge { opacity: 0; }
.checkout-index-index .grecaptcha-badge { opacity: 1; }
.scrollToTop { position: fixed; right: 30px; bottom: 30px; z-index: 99; width: 50px; height: 50px; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; background: var(--hyd-red); display: flex; justify-content: center; align-items: center; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.scrollToTop svg path { fill: var(--hyd-white); }
.no-touch a.scrollToTop:hover { background: var(--hyd-black); }

/* .touch .back-to-top { display: none; } */

@media (min-width:1700px) {
    .scrollToTop { right: 90px; bottom: 65px; }
}
@media (max-width:1399px) {
.footer-contact { padding: 15px 0; }
.footer-contact > div > div { padding: 0 10px; font-size: 14px; }
.footer-subscribe { padding: 50px 0; }
}
 @media (min-width:1024px) {
.footer-top-box h4.footer-box-title { pointer-events: none; margin-bottom: 15px; }
.footer-top-box h4.footer-box-title:after { content: ''; width: 20px; height: 2px; display: inline-block; vertical-align: middle; background: var(--hyd-red); }
.footer-top-box h4.footer-box-title:after { margin-left: 7px; }
.bottom-main-box { font-size: 0; }
.bottom-main-box .flogo-box { display: inline-block; vertical-align: top; font-size: 14px; width: 29%; padding-right: 15px; }
.bottom-main-box .footer-top-box { display: inline-block; vertical-align: top; font-size: 14px; width: 71%; font-size: 0; }
.footer-top-box > div.one { width: 53.1%; }
.footer-top-box > div.two { width: 46.9%; }
    
}
 @media (max-width:1023px) {
.footer-top { padding: 25px 0; }
.footer-top-box > div { width: 100%; display: block; padding-right: 0; }
.footer-top-box h4.footer-box-title { margin: 0; font-size: 16px; font-weight: 600; line-height: 1; display: block; position: relative; padding: 10px; border-top: solid 1px #3e3e3e; padding-right: 50px; background-image: url(../images/fplus.svg); background-position: right center; background-size: 14px; background-repeat: no-repeat; }
.footer-top-box > div.active h4.footer-box-title { background-image: url(../images/fminus.svg); }
.footer-top-box > div:first-child h4.footer-box-title { margin-top: 0; }
.footer-top-box > div:last-child h4.footer-box-title { margin-top: 0; border-bottom: 1px solid #3e3e3e; }
.footer-box-contain { margin: 20px 0 20px; padding: 0 10px; display: none; }
.footer-top-box ul li { margin: 0 0 8px; }
.top-main-box .flogo-box { text-align: center; margin: 0 0 25px; }
.follow_us { padding: 15px; }
.follow_us .footer-social-links { display: block; text-align: center; }
.follow_us h4 { margin: 0 0 15px; font-size: 24px; }
.bottom-main-box { padding: 25px 0; }
.bottom-main-box .flogo-box { margin: 0 0 25px; text-align: center; }
.bottom-main-box .flogo-box .flogo { margin: 0 0 10px; }
.bottom-main-box .f-description { max-width: 100%; }
.block.newsletter h3 { font-size: 30px; }
.footer-top-box > div.footer-box.two .footer-box-contain div ul { width: 50%; padding-right: 10px; }
.footer-top-box > div.footer-box.one .footer-box-contain ul { padding-right: 10px; }
     
.footer-contact > div > div.address p { font-size: 14px; }
}
 @media (max-width:991px) {
 .footer-contact > div { flex-direction: column; align-items: flex-start; text-align: left; }
.footer-contact > div > div { margin-top: 15px; }
.footer-contact > div > div:first-child { margin-top: 0; }
 }
 @media (max-width:767px) {
.footer-contact > div { flex-direction: column; align-items: flex-start; }
.footer-contact > div > div { margin-top: 15px; }
.footer-contact > div > div:first-child { margin-top: 0; }
.bottom-main-box .f-description p { font-size: 12px; font-weight: 500; }
.follow_us h4 { font-size: 22px; }
.follow_us .f-link li { margin-left: 10px; }
.follow_us .f-link li a { width: 38px; height: 38px; }
.bottom-main-box .flogo-box .flogo img { max-width: 204px; }
.footer-subscribe { padding: 30px 0; min-height: inherit; }
.block.newsletter input { height: 35px; }
.block.newsletter { max-width: 100%; text-align: center; }
.block.newsletter .title { margin: 0 0 20px; }
.block.newsletter .title strong { font-size: 12px; }
.block.newsletter h3 { font-size: 22px; text-align: center; }
.block.newsletter h3:after { margin-left: 8px; }
.block.newsletter h3:before { margin-right: 8px; display: inline-block; }
.block.newsletter .field { text-align: left; }
     
.copyright { padding: 8px 0; }
.copyright p { font-size: 12px; }
    
.footer-contact > div > div.address p { font-size: 14px; }
}
@media (max-width:639px) {
.footer-contact > div > div.address { align-items: flex-start; }
.scrollToTop {left:20px; right: auto; bottom: 10px;  width: 25px; height: 25px;}
.scrollToTop svg{ width: 12px; height: 12px;}
}
 @media (max-width:400px) {
.block.newsletter h3,
.follow_us h4 { font-size: 20px; }
.block.newsletter .form.subscribe { display: block; }
.block.newsletter .field .control { padding-right: 0; margin-bottom: 10px; }
.block.newsletter .actions { display: block; width: 100%; }
.block.newsletter .action.primary { width: 100%; }
}
 @media (max-width:359px) {
.block.newsletter h3:before { display: none; }
.block.newsletter h3:after { display: block; margin: 10px auto 0; }
}
/*footer end*/



/* new */
@media (min-width:1200px) {
.main-content-banner { min-height: 495px; }
}