@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*common_css_start*/
:root {
  --pt_font: "PT Sans", serif;
}

.container{max-width:1330px; margin:0 auto; padding:0 15px;}
a.btn { padding: 10px 30px; display: inline-block; background: #E1251B; font-size: 18px; line-height: 25px; color: #fff; text-decoration: none; transition: all 0.4s ease; font-weight: 700; text-align: center; min-width: 140px; font-family: var(--pt_font);}
a.btn.border_btn { background: transparent; border: 1px solid #fff; }
* {
  box-sizing: border-box;
}

.row-fluid [class*=span] {
  min-height: 0 !important;
}

/*common_css_end*/

.new_header_section {position: absolute;width: 100%;left: 0;top: 0; z-index:9999999;}
.new_header_social_media ul li svg { height: 15px; width: 15px; display: block; fill: #fff; }
.new_header_social_media ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 13px; }
.new_header_top { background: #FFFFFF;  }
.new_header_row_top { display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; gap:30px;}
.new_header_social_media ul li a { height: 25px; width: 25px; background: #E1251B; display: inline-flex; align-items: center; justify-content: center; transition: all 0.4s ease;}
.new_header_social_media ul li a:hover {background: #000;}
.new_header_contact { display: flex; align-items: center; gap: 30px; }
.new_header_contact_box a { display: flex; align-items: center; gap: 8px; transition: all 0.4s ease;}
.new_header_contact_box a {
    min-width: 133px;
    text-align: center;
    justify-content: center;
}

.new_header_menu > ul { padding: 0; margin: 0; list-style: none; display: flex; gap: 35px; justify-content: right; }
.new_header_row { display: flex; flex-flow: wrap; align-items: center; }
.new_header_left { width: 15%; padding-right:20px;}
.new_header_right { width: 85%; text-align: right; }
.new_header_bottom { padding: 20px 0; }
.new_header_menu>ul>li>a { color: #fff; font-size: 18px; line-height: 25px; font-family: var(--pt_font);font-weight: 400;}
.new_header_btn>a { background: #E1251B; padding: 12px 30px; color: #FFFFFF; cursor:pointer; font-family: var(--pt_font); transition: all 0.4s ease; font-size: 18px; line-height: 25px; font-weight: 700; position: relative; display: inline-flex; align-items: center; font-weight: 400; min-width:130px; justify-content:center;}
span.header_btn_arrow.arrow_design { border-color: #ffffff; border-style: solid; border-width: 0 2px 2px 0; content: ""; display: block; height: 6px; width: 6px; transform: rotate(45deg); ); ); margin-left: 6px; margin-top: -2px; }
.header_sub_menu span.menu_icon svg {height: 25px;width: 25px;fill: #E1251B;}
.new_header_menu ul li {position: relative;}
.header_sub_menu ul {padding: 0;margin: 0;list-style: none;}
.header_sub_menu { position: absolute; top: 100%; left: -70px; min-width: 230px; box-shadow: 0px 0px 30px #00000029; background: #fff; opacity: 0; visibility: hidden; z-index: 9; transition: all 0.4s ease; text-align: left; padding: 15px; right: 0; transform: translateY(50px); padding-right:0;}
.new_header_menu ul li:hover .header_sub_menu {opacity: 1;visibility: visible; transform: translateY(25px);}
span.menu_arrow { border-color: #fff; border-style: solid; border-width: 0 2px 2px 0; content: ""; display: block; height: 8px; left: 0; margin-top: -3px; position: absolute; right: 0; top: 50%; transform: rotate(45deg) translateY(-50%); width: 8px; transition: all 0.4s ease; right: 0; left: auto; }
.new_header_menu ul li:hover span.menu_arrow  {transform: rotate(-135deg) translateY(0);}
.new_header_menu>ul>li:hover > a {font-weight: 700;}
.header_sub_menu ul li { padding: 10px 0; border-bottom: 1px solid #00000029; }
.header_sub_menu ul li:last-child { border-bottom: 0; padding-bottom: 0; }
.header_sub_menu ul li a {display: flex;align-items: center;font-size: 14px;line-height: 20px;font-family: var(--pt_font);font-weight: 400;}
span.menu_icon { width: 35px; padding-right: 10px;}
span.menu_text { width: calc(100% - 35px); }
li.sub__menu {padding-right: 15px;}
.header_sub_menu:after { content: ""; position: absolute; top: -3px; height: 3px; width: 100px; background: #E1251B; left: 0; right: 0; margin: 0 auto; z-index: -1; }
.new_header_row_top.mobile{display:none;}

a.btn:hover {background: #000000;color: #ffffff;}
a.btn.border_btn:hover {background: #fff;color: #000;border-color: #000;}

.login_sub_list ul { padding: 0; margin: 0; list-style: none; }
.login_sub_list ul li a { display: flex; align-items: center; }
.login_sub_list { position: absolute; top: 100%; box-shadow: 0px 0px 30px #00000029; background: #fff; padding: 10px; z-index: 99; right: 0; transition: all 0.4s ease; width: 100%; transform: translateY(15px); opacity: 0; visibility: hidden; }
.new_header_btn { position: relative; }
.login_sub_list ul li { padding: 10px 10px; border-bottom: 1px solid #00000029; }
.login_sub_list ul li a { font-size: 14px; line-height: 20px; font-family: var(--pt_font); font-weight: 400; }
.login_sub_list ul li:last-child {  border: none; }
.new_header_btn:hover .login_sub_list { opacity: 1; visibility: visible; transform: translateY(0px); }
li.sub__menu:after { content: ""; position: absolute;height: 32px;width: 100%;  background: transparent;left: 0;top: 100%;}
.header_sub_menu ul li a:hover {font-weight: 700;color: #e0251b;}

.login_sub_list ul li:hover { background: #e0251b; }
.login_sub_list ul li { transition: all 0.4s ease; }
.login_sub_list { padding: 0; }
.login_sub_list ul li:hover a { color: #fff; }
.login_sub_list ul li a { transition: all 0.4s ease; }
.login_sub_list ul li span.menu_icon img { transition: all 0.4s ease; }
.login_sub_list ul li:hover span.menu_icon img { filter: brightness(0) invert(1); }

.new_header_contact_box a:hover {font-weight: 600;}


@keyframes slideNavIn {
  0% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }

  to {
    -webkit-transform: none;
    transform: none
  }
}


@media(min-width:1025px){
  .new_header_section.fixed {position: fixed;top: 0;left: 0;width: 100%; z-index:99999;  }
  .new_header_section.fixed .new_header_bottom {background: #000;}
  .new_header_section.fixed {animation-duration: .4s;animation-fill-mode: both;animation-name: slideNavIn;position: fixed;top: 0;}
  .new_header_section.fixed .new_header_top.desktop {display: none;}
  .new_header_section.fixed .new_header_logo {max-width: 140px;}
  .new_header_section.fixed .new_header_bottom {padding: 10px;}  

}



@media(max-width:1500px){
  li.sub__menu:last-child .header_sub_menu {left: auto;}
}


@media(max-width:1299px){
  .new_header_menu > ul {gap: 20px;}
  .new_header_menu>ul>li>a {font-size: 16px;line-height: 22px;}
}


@media(max-width:1024px){

  a.mobile-trigger { display: flex !important; cursor: pointer; transition: all 0.4s ease; position: absolute; top: auto; right: 15px; width: 45px; border: none; height: 40px; padding: 5px 11px; background: #E1251B; z-index: 99999999999; -webkit-transition: background-color .2s linear; font-size: 16px; font-weight: 400; text-align: left; text-transform: uppercase; border-radius: 0px; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; transition: color .2s ease-in; bottom:auto; align-items:center; justify-content:center; top: 50%;transform: translateY(-50%);}
  a.mobile-trigger i:before { margin-top: -8px; }
  a.mobile-trigger i, a.mobile-trigger i:after, a.mobile-trigger i:before { width: 22px; height: 3px; background: #fff; display: inline-block; transition: all 0.4s ease; }
  a.mobile-trigger i:after, a.mobile-trigger i:before { position: absolute; content: ""; }
  a.mobile-trigger i:after { margin-top: 8px; }
  .mobile-open a.mobile-trigger i { transition: all 0.4s ease; background-color: transparent; }
  .mobile-open a.mobile-trigger i:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);background: #fff; }
  .mobile-open a.mobile-trigger i:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);background: #fff; }
  .mobile-open a.mobile-trigger i:after, .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transition-delay: 0, .2s; transition: all 0.4s ease; }
  .new_header_bottom {position: relative;}
  .new_header_menu > ul { display: block; text-align: left; }
  span.menu_arrow { display: none; position: static; }
  .new_header_menu>ul>li { padding: 10px 0; }

  .new_header_menu { background-color: #fff; padding: 0; position: absolute; top: 100%; width: 100%; z-index: 9999; display: none; left: 0; padding: 20px; }
  .new_header_left { width: 100%; padding-right: 0; }
  .new_header_logo {max-width: 230px;}
  .header_sub_menu { position: static; visibility: visible; display: none; opacity: 1; transform: translateY(0); transition: none; width: 100%; max-width: 100%; }
  .new_header_menu ul li:hover .header_sub_menu { transform: translateY(0); }
  .new_header_menu>ul>li { padding: 0; }
  .new_header_menu>ul>li>a { padding: 10px 0; display: block; }

  span.sub_trigger {position: absolute;right: 0;height: 42px;width: 42px;color: #000;top: 0;display: flex;align-items: center;justify-content: center;font-size: 20px;} 
  .sub_trigger:after { border-color: #000; border-style: solid; border-width: 0 2px 2px 0; content: ""; display: block; height: 8px; margin-top: -3px; position: absolute; top: 50%; transform: rotate(45deg) translateY(-50%); width: 8px; transition: all 0.4s ease; right: auto; left: auto; }
  .submenu-open>.sub_trigger:after { transform: rotate(-135deg);}
  .new_header_menu>ul>li>a {color: #000;}
  .new_header_menu>ul>li:hover > a {font-weight: 400;}
  li.sub__menu:after{display:none; position:static;}
  .header_sub_menu:after {position: static;display: none;}

  .new_header_section.fixed .new_header_bottom {background: #000;}
  .new_header_section.fixed {animation-duration: .4s;animation-fill-mode: both;animation-name: slideNavIn;position: fixed;top: 0; left:0; width:100%;  z-index:999999; }

  .new_header_section.fixed .new_header_logo {max-width: 150px;}
  .new_header_section.fixed .new_header_bottom {padding: 10px 0;}
  li.sub__menu > a {pointer-events: none;}

  
}


@media(max-width:767px){
  .new_header_left {width: 100%;}
  .new_header_logo {max-width: 200px;}
  .new_header_top.desktop {display: none;}
  .new_header_row_top {gap: 20px;}
  .new_header_row_top.mobile{display:flex; padding:10px 0;}
  .new_header_contact {gap: 15px;}
  .new_header_btn { width: 100%; }
  .new_header_btn>a { width: 100%; justify-content: space-between; padding-left:7px; padding-right:12px;}
  .login_sub_list { position: static; opacity: 1; visibility: visible; margin: 9px 0; transform: translateY(0px); transition: none; display:none;}
  .login_sub_list span.menu_text { text-align: left; }
  span.header_btn_arrow.arrow_design {height: 10px;width: 10px;}
  
  .customer_support_section{  top: auto !important; bottom: 20px !important;  transform: inherit !important;  }
  
  
}
