@font-face {
  font-family: "flaticon_mycollection";
  src: url("../fonts/flaticon_mycollection0a26.ttf?daf3537cfa3a0a65b920829be3f43ef6") format("truetype"),
  url("../fonts/flaticon_mycollection0a26.woff?daf3537cfa3a0a65b920829be3f43ef6") format("woff"),
  url("../fonts/flaticon_mycollection0a26.woff2?daf3537cfa3a0a65b920829be3f43ef6") format("woff2"),
  url("../fonts/flaticon_mycollection0a26.eot?daf3537cfa3a0a65b920829be3f43ef6#iefix") format("embedded-opentype"),
  url("../fonts/flaticon_mycollection0a26.svg?daf3537cfa3a0a65b920829be3f43ef6#flaticon_mycollection") format("svg");
}

i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
  font-family: flaticon_mycollection !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.flaticon-twitter:before {
  content: "\f101";
}
.flaticon-airplane49 { font-family: "flaticon_mycollection";}


.flaticon-twitter{
  font-size: 14px;
  position: relative;
  top: 2px;
}
/* ==========================================================================






 */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 26, 2023 */
@font-face{font-family:Poppins;src:url('../fonts/poppins-black.woff2') format('woff2'),url('../fonts/poppins-black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../fonts/poppins-extrabold.woff2') format('woff2'),url('../fonts/poppins-extrabold.woff') format('woff');font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../fonts/poppins-bold.woff2') format('woff2'),url('../fonts/poppins-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../fonts/poppins-semibold.woff2') format('woff2'),url('../fonts/poppins-semibold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../fonts/poppins-medium.woff2') format('woff2'),url('../fonts/poppins-medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../fonts/poppins-regular.woff2') format('woff2'),url('../fonts/poppins-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../fonts/poppins-light.woff2') format('woff2'),url('../fonts/poppins-light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../fonts/poppins-extralight.woff2') format('woff2'),url('../fonts/poppins-extralight.woff') format('woff');font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url('../fonts/poppins-thin.woff2') format('woff2'),url('../fonts/poppins-thin.woff') format('woff');font-weight:100;font-style:normal;font-display:swap}

/* ==========================================================================

  Css reset begin

  ========================================================================== */

* { box-sizing: border-box;}

html, body { height: 100%;}

body { margin:0; padding:0; font-size:16px; line-height:24px; font-weight:400; color:#7C7885; position:relative;font-display:auto; font-style:normal; font-family: 'Poppins', sans-serif;}

a:focus,button:focus,input:focus,textarea:focus { outline:0; text-decoration:none;}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; -webkit-font-smoothing:antialiased; margin-bottom:15px; color:#464646;}

h1 { font-size: 53px; font-weight: 700;}

h2 { font-size: 55px; line-height: 55px; font-weight: 600; color: #0F1F3F;}

h2 span { color: #ee3e35; position: relative; display: inline-block;}

h3 { font-size:36px;}

h4 { font-size:28px;}

a { color:#018aff; text-decoration:none; transition:all ease-out .3s; -webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s;-ms-transition:all ease-out .3s; -o-transition:all ease-out .3s;}

a:hover { text-decoration:none;color:#3ba4ff;}

label { font-weight:400;margin:0;}

p { font-size:14px; line-height: 22px; color:#3e3d3d; margin:0; padding:0; font-weight:400; margin-bottom:15px;}

li,ol,ul { list-style:none; margin:0; padding:0;}

focus { outline:0;}

/* ==========================================================================

   Css reset End

   ========================================================================== */



/*========================== Commen styles ========================*/

section { display: block;}

.primary-btn { display: inline-block; padding: 13px 33px; border-radius: 30px; background: #ffc631; color: #000000; font-size: 16px; font-weight: 500; text-align: center; transition: all ease-out 0.3s;}

.primary-btn:hover { background: #f1c556; color: #000000; box-shadow: 0px 3px 10px rgba(0,0,0,.25); -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px);}

.red-btn { background: #ee3e35 !important; color: #ffffff !important;}

.red-btn:hover { background: #f85d55 !important; color: #ffffff !important;}

.primary-link { display: inline-block; position: relative; Color: #122a4b; text-decoration: underline; font-size: 14px;}

.primary-link:hover { text-decoration: underline; color: #5488d0;}

.primary-link::after { content: "\f105"; font-family: 'FontAwesome'; display: inline-block; width: 15px; height: 15px; display: block; border-radius: 100%; background: #122a4b; color: #ffffff; font-size: 12px; text-align: center; line-height: 15px; position: absolute; right: -25px; top: 5px;}

.primary-link:hover::after  { background: #5488d0; color: #ffffff;}

.dark-blue-bg { background: #122a4b !important;}

/*========================== Commen styles ========================*/



.header { display: block; position: relative;}

.header-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.logo { display: flex;}

.logo a { display: block; width: 200px;}

.header-cal-mail { display: -webkit-box; display: -ms-flexbox; display: flex;}

.header-cal-mail li { display: inline-block; position: relative; padding: 0 28px; padding-left: 80px; border-left: 1px solid #dbdbdb;}

.header-cal-mail li i { width: 42px; height: 42px; border: 1px solid #e7e5e5; border-radius: 4px; display: flex; justify-content: center; align-items: center; color: #b30a0c; font-size: 20px; position: absolute; left: 28px; top: 0;}

.header-cal-mail li p { margin-bottom: 0; line-height: 22px;}

.header-cal-mail li p span { display: block;}

.header-cal-mail li p a { color: #08182f; font-size: 14px; font-weight: 700;}

.header-cal-mail li p a:hover { color: #b30a0c;}

.header-cal-mail li p span { font-size: 20px; font-weight: 300; color: #999a9b;}

.header-cal-mail li:last-child { border-right: 1px solid #dbdbdb;}



.header-search { display: block; margin: 0 30px; position: relative;}

.header-search-input { width: 279px; height: 45px; border-radius: 30px; border: 1px solid #e7e5e5; padding: 0 70px 0 20px; transition: all ease-out 0.3s;}

.header-search-input:focus { border-color: #464646;}

.header-search-submit { display: inline-block;position: absolute; right: 5px; top: 5px; background: #ee9913; color: #ffffff; border-radius: 25px; border: none; padding: 5px 18px; transition: all ease-out 0.3s;}

.header-search-submit:hover { background: #f8ad34; color: #ffffff;}



.header-social { display: -webkit-box; display: -ms-flexbox; display: flex; border-left: 1px solid #dbdbdb; padding-left: 25px;}

.header-social a { display: inline-block; margin-left: 5px;}

.header-social a i { width: 42px; height: 42px; background: #eae8e8; color: #282828; font-size: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%;}

.header-social a:hover i { color: #ffffff; box-shadow: 0px 3px 10px rgba(0,0,0,.25);}

.header-social a:hover .fa-facebook { background: #4267B2;} 

.header-social a:hover .fa-twitter { background: #00acee;} 

.header-social a:hover .fa-instagram { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);} 



.main-menu-block { display: block; background: #0F1F3F; position: relative;}

.main-menu-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}

.all-category-menu { display: block; position: relative; margin-right: 25px;}

.category-link { display: inline-block; padding: 12px 45px 12px 20px; position: relative; background: #ee3e35; color: #ffffff; font-size: 16px;}

.category-link::after { content: "\f107"; font-family: 'FontAwesome'; font-size: 18px; display: inline-block; position: absolute; right: 20px; top: 12px; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}

.category-link.active::after { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg);}

.category-link:hover { background: #fa5e56; color: #ffffff;}

.all-category-list { padding: 5px 15px; background: #ffffff; position: absolute; top: 48px; left: 0; z-index: 2; width: 200px; opacity: 0; pointer-events: none; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}

.all-category-list li { display: block; border-top: 1px solid #e7e5e5;}

.all-category-list li:first-child { border-top: none;}

.all-category-list li a { display: block; padding: 7px 0; font-size: 14px; color: #464646;}

.all-category-list li a:hover { color: #ee3e35;}

.all-category-list.open { opacity: 1; pointer-events: visible; transform: translateY(0px);}



.main-menu-left { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.header-contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.header-contact li { display: inline-block; margin-left: 22px;}
.header-contact li:nth-child(2) i{color: #008ad3;}
.header-contact li:nth-child(3) i{color: #c00364;}
.header-contact li:nth-child(4) i{color: #25d366;}

.header-contact li a { color: #0F1F3F; font-size: 14px; font-weight: 700;}

.header-contact li a i { display: inline-block; margin-right: 6px; color: #b30a0c;}

.header-contact li a:hover { color: #b30a0c;}



/* ==========================================================================

   Menu with dropdown menu begin

   ========================================================================== */

.main-menu { display:block;}

.main-menu > ul { font-size: 0; display:-webkit-box; display:-ms-flexbox; display:flex;}

.main-menu > ul > li { display:inline-flex; align-items: center; text-align: left; vertical-align: middle;}

.main-menu > ul > li > a { display: block; font-size: 14px; padding: 15px 14px; position: relative; font-weight: 400; line-height: 18px; color: #ffffff !important;}

.main-menu > ul > li:hover > a { background: #d13529; color: #ffffff;}

.main-menu > ul > li.drp a { padding: 15px 20px 15px 14px;}

.main-menu > ul > li.join-class-li > .join-class-btn { background: #ffffff; border: 1px solid #616161; color: #000000; font-size: 14px; margin-left: 20px; border-radius: 5px; padding: 11px 20px;}

.main-menu > ul > li.join-class-li > .join-class-btn:hover { background: #616161; color: #ffffff; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px);}

.main-menu > ul > li.book-free-trial > .book-free-trial-btn { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 400; margin-left: 12px; text-align: center; position: relative; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; border: none; border-radius: 5px; color: #ffffff; padding: 12px 20px; animation: animatedgradient 3s ease alternate infinite; overflow: hidden; background: linear-gradient(60deg, #d40f0f, #ea0707, #ff0000, #ff0000, #dd0c0c, #d40f0f); animation: animatedgradient 5s ease alternate infinite; background-size: 300% 300%;}

@keyframes animatedgradient {

  0% { background-position: 0% 50%;}

  50% { background-position: 100% 50%;}

  100% { background-position: 0% 50%;}

}

.main-menu > ul > li.dropdown > a { padding: 15px 26px 15px 13px;}

.main-menu > ul > li.dropdown > a:after {width: 0; height: 0px; display: block; border: 4px solid #fff;content: ""; border-color: #fff transparent transparent transparent; font-size: 14px; position: absolute; right: 12px; top:24px;transition: all .3s ease-in-out; }
.main-menu > ul > li.dropdown:hover a:after{transform: rotate(180deg); top:19px}
.main-menu > ul > li.dropdown:hover > a { color: #ffffff;}

.main-menu > ul > li.book-free-trial > .book-free-trial-btn:hover { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px);}

.main-menu > ul > li.drp a::before { content: ''; width: 0; height: 0px; display: block; border: 4px solid #fff; border-color: #fff transparent transparent transparent; position: absolute; right:4px; top: 24px; transition: all .3s ease-in-out;}
.main-menu > ul > li.drp:hover a:before{transform: rotate(180deg); top:19px}

.main-menu > ul > li.drp a:hover:before { border-color: #fff transparent transparent transparent;}

.main-menu > ul > li.drp:hover a::before, .main-menu > ul > li.drp.active a::before { border-color: #fff transparent transparent transparent;}

.main-menu > ul > li.equipment > a { }

.main-menu > ul > li.packages > a { }

.main-menu > ul > li.accessories > a { }

/* .main-menu > ul > li.equipment > a { color: #000000 !important;} */



.main-menu > ul > li > ul { display:block; position:absolute; top:47px; left: 0px; background-color: #58585a; min-width: 200px; width: 100%; font-weight: 400; z-index: 10; opacity: 0; pointer-events: none; transition: all ease-out 0.3s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}

.main-menu > ul > li > ul > li { display:block; border-top:1px solid #69696b;}

.main-menu > ul > li > ul > li:first-child { border-top:none;}

.main-menu > ul > li > ul > li > a { display: block; color: #d1e1f4; padding: 12px 15px; font-weight: 400; font-size: 14px; position: relative; text-align: left; line-height: 16px;}

.main-menu > ul > li > ul > li:hover > a { background: #ee3e35; color: #fff !important;}

.main-menu > ul > li:last-child > ul { left: inherit; right: 0px;}

.main-menu > ul > li:hover ul { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); pointer-events: visible;}



.main-menu > ul > li.equipment > ul { background: #f8931d;}

.main-menu > ul > li.equipment > ul > li { border-color: #faa038;}

.main-menu > ul > li.equipment > ul > li > a:hover { background: #ec8611;}



.main-menu > ul > li.packages > ul { background: #001f3f;}

.main-menu > ul > li.packages > ul > li { border-color: #03274b;}

.main-menu > ul > li.packages > ul > li > a:hover { background: #334475;}



.main-menu > ul > li.accessories > ul { background: #7e0000;}

.main-menu > ul > li.accessories > ul > li { border-color: #8f0303;}

.main-menu > ul > li.accessories > ul > li > a:hover { background: #5c0101;}



/* Menu Second Level  */

.main-menu > ul > li > ul > li { position: relative; display: block;}

.main-menu > ul > li > ul > li> a.hoverClass { color: #FFF;}

.main-menu > ul > li > ul > li.dropdown >a:after{ content: "\f107"; position: absolute; top: 8px; right: 15px; font-family: 'FontAwesome'; transition: all ease 0.2s;}

.main-menu > ul > li > ul > li.dropdown> a.hoverClass:after{ color: #FFF; transform: rotate(-90deg);}

.main-menu > ul > li > ul > li > ul { display: block; transition: all ease 0.2s; position:absolute; top:0px; left:220px; background-color: #454546; width: 200px; font-weight: 400; opacity: 0;}

.main-menu > ul > li > ul > li > ul.pull-ul { right:200px; opacity: 1; pointer-events: auto; z-index: 3;}

.main-menu > ul > li > ul > li > ul > li { display:block; border-top:1px solid #615f5f;}

.main-menu > ul > li > ul > li > ul > li:first-child { border-top:none;}

.main-menu > ul > li > ul > li ul > li > a {display: block; color: #a6a6ac; padding: 10px 15px; font-weight: 400; font-size: 14px; position: relative; text-align: left;}

.main-menu > ul > li > ul > li ul > li > a:hover { color:#fff;}



/*======================================== Menu Style End =======================================*/

.mobile-menu ul.menu-list { padding-bottom:20px;}

.mobile-menu ul.menu-list > li > a:hover { background:#f9931d; color:#FFF;}

.mobile-menu ul.menu-list > li > ul { display:none; margin-left:0; padding:10px 0; background:#2b2a2a;}

.mobile-menu ul.menu-list> li a.open,.mobile-menu ul.menu-list > li > ul > li a:hover { background:#f9931d;color:#FFF;}

.mobile-menu ul.menu-list > li > ul > li a {color:#FFF; padding:10px 10px;display:block; font-size:16px; transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-ms-transition:all ease-out .2s;-o-transition:all ease-out .2s;text-align:center;}

.menu-toggle { position:absolute; display:none; width:40px; height:40px; background:#3cb9e0; top:8px; right:20px; box-sizing:border-box; border: none; padding: 0;}

.menu-toggle span.line { position:relative; width:65%; height:2px; background: #d13529; margin:6px auto; display:block; transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; -ms-transition:all ease .3s}

.menu-toggle.active span.line { position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; transform-origin:center center;}

.menu-toggle.active span.line.a { transform:rotate(45deg)}

.menu-toggle.active span.line.c { transform:rotate(-45deg)}

.menu-toggle.active span.line.b { opacity:0}

.mobile-menu { display:none;}

.mobile-menu ul { padding:10px 0}

.mobile-menu ul > li { text-align:center;}

.mobile-menu ul > li:first-child { border-top:none;}

.mobile-menu ul > li > a { display:block; color:#FFF; font-size:16px; padding:8px 20px;}

.mobile-menu ul > li > a > img { display: block; text-align: center; margin: 0px auto;} 

.mobile-menu ul > li.dropdown > a { position:relative;}

.mobile-menu ul > li.dropdown > a:after { content:''; width:0; height:0; display:block; border:6px solid #fff; border-color:#fff transparent transparent transparent; position:absolute; right:15px; top:15px;}

.mobile-menu ul > li.dropdown > a.open:after { border:6px solid #fff; border-color: transparent transparent #fff transparent; top:10px}

.mobile-menu ul > li.drp > a:after { content:''; width:0; height:0; display:block; border:6px solid #fff; border-color:#fff transparent transparent transparent; position:absolute; right:15px; top:15px;}

.mobile-menu ul > li.drp > a.open:after { border:6px solid #fff; border-color: transparent transparent #fff transparent; top:10px}

/*======================================== Menu Style End =======================================*/

.mega-drop { background: #f6f9fc; border-top: none; position: absolute; width:100%; top: 48px; left: 0; display: block; opacity: 0; pointer-events: none; /*overflow: hidden;*/  text-align: left; padding:20px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.144); border-radius: 10px;transition: all ease-out 0.3s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); z-index: 99;}

.mega-drop.active { opacity: 1; pointer-events: auto; transform: scale(1);}

.main-menu > ul > li:hover > .mega-drop { opacity: 1; pointer-events: auto; transform: scale(1);}

.mega-drop-main { display: block; overflow: hidden;}

.mega-drop-box { display: block; position: relative;}

/* ==========================================================================

   Menu with dropdown menu End

   ========================================================================== */

.support-menu { display: block; position: relative;}

.support-menu .category-link { background: #ffc631;} 

.support-menu .all-category-list { left: inherit; right: 0; width: 170px;}



.hero-secion { display: block; background: #f6f5f5;}

.hero-item { display: block; overflow: hidden;}

.hero-desktop-banner { display: block; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important;}

.hero-desktop-left { position: relative; margin-left: 130px; padding-right: 35px; margin-right: 35px;}

/* .hero-desktop-left::before { content: ''; width: 0; height: 0; border-top: 669px solid #282828; border-left: 130px solid transparent; position: absolute; left: -130px; top: 0;}

.hero-desktop-left::after { content: ''; width: 0; height: 0; border-bottom: 669px solid #282828; border-right: 130px solid transparent; position: absolute; right: -130px; top: 0;} */

.hero-desktop-left .text { min-height: 669px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.hero-desktop-left h1 { text-transform: uppercase; color: #ffffff; margin-bottom: 5px;}

.hero-desktop-left h4 { color: #ffffff; font-size: 24px; font-weight: 400; font-weight: 300;}

.hero-desktop-left p { color: #ffffff; margin-bottom: 20px;}

.hero-desktop-left .primary-btn { width: 156px;}

.banner-element { display: inline-block; position: absolute; top: 35px; left: 0; width: 150px;}

.hero-desktop-right { text-align: right; margin-right: -50px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; position: relative;}

.banner-element2 { display: inline-block; position: absolute; bottom: 20px; left: 150px; width: 101px; z-index: 2;}

@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

            transform: translate3d(0, 100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

            transform: translate3d(0, 100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

.hero-desktop-left .text { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.hero-secion .owl-carousel.owl-drag .owl-item.active .hero-desktop-left .text { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}

.hero-desktop-right { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}

.hero-secion .owl-carousel.owl-drag .owl-item.active .hero-desktop-right { -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}

/* .hero-secion .owl-carousel .owl-item img { width: auto;} */

.hero-secion .owl-carousel .owl-dots { display: block; width: 100%; position: absolute; bottom: 30px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-wrap: wrap;}

.hero-secion .owl-carousel button.owl-dot { background: #666; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px;}

.hero-secion .owl-carousel button.owl-dot.active { background: #000;}



.markets-applications-block { display: block; padding: 60px 0 70px; background: #f6f5f5; position: relative; z-index: 1; overflow-x: clip;}

.markets-applications-block h2 { text-align: center; position: relative; z-index: 2;}

.markets-applications { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;position: relative; z-index: 2;margin-top: 55px;}

.markets-applications > li { margin: 0 6px; margin-top: 20px;}

.markets-applications-box { text-align: center; border-radius: 10px; padding: 20px; width: 180px; color: #000000; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height:200px; position: relative;}

.markets-applications-box .icon { display: block; }

.markets-applications-box:hover { color: #000000; background: #ffffff;}

.markets-applications-bg { display: inline-block; position: absolute; left: -100px; top: -70px;}





.fluid-innovation-block { display: block; background: #001f3f; padding: 70px 0 100px;}

.fluid-innovation-block h2 { text-align: center; color: #ffffff;}

.fluid-innovation-block h2 span { position: relative;}

.fluid-innovation-block h2 span .line-brush { display: inline-block; position: absolute; right: -43px; top: -14px;}

.fluid-innovation-left { display: block; margin-top: 35px; padding-right:0px;}

.fluid-innovation-left h5 { color: #ffffff; font-size: 18px; font-weight: 600; text-transform: uppercase; position: relative; padding-left: 62px;}

.fluid-innovation-left h5::before { content: ''; width: 42px; height: 2px; display: block; background: #ffc631; position: absolute; left: 0; top: 6px; background: #ffc631;}

.fluid-innovation-left h3 { color: #ffffff; font-size: 40px; font-weight: 600; line-height: 54px;}

.fluid-innovation-left h3 span { color: #0da574;}

.fluid-innovation-left p { font-size: 16px; line-height: 28px; color: #ffffff;}

.fluid-innovation-list { padding-top: 25px;}

.fluid-innovation-list h6 { margin-bottom: 32px; font-size: 19px; line-height: 28px; font-weight: 500; color: #ffffff; padding-left: 70px; position: relative;}

.fluid-innovation-list h6 .icon { width: 46px; display: block; position: absolute; left: 0; top: 0;}

.fluid-innovation-right { display: block; margin-top: 35px;}

.fluid-innovation-right h1 { color: #0da574; font-size: 80px; line-height: 80px; font-weight: 700; margin-bottom: 0;}

.fluid-innovation-right p { font-size: 12px; line-height: 28px; color: #ffffff; font-weight: 500; margin-bottom: 42px;}



.featured-product-block { display: block; padding: 70px 0; position: relative; overflow-x: clip;}

.featured-product-block .markets-applications-bg { display: inline-block; position: absolute; left: inherit; right: 0; top: -140px; z-index: 3;}

.featured-product-block h2 { text-align: center; margin-bottom: 45px; position: relative; z-index: 3;}

.featured-product-block h2 span { display: inline-block; position: relative;}

.featured-product-block h2 span .line-brush { display: inline-block;bottom: -70px; right: -35px;}

.featured-product-main { display: block; position: relative;}

.featured-product-main::before { content: ''; width: 1px; height: 100%; display: block; background: #ffffff; position: absolute; left: -1px; top: 0; z-index: 6;}

.featured-product-main::after { content: ''; width: 100%; height: 1px; display: block; background: #ffffff; position: absolute; left: 0; top: -1px; z-index: 2;}

.featured-product-main .row > div { position: relative;}

/* .featured-product-main .row > div::before { content: ''; width: 100%; height: 1px; display: block; background: #e9e4e4; position: absolute; left: 0; top: -1px; z-index: 2;} */

.featured-product-box { display: block; text-align: center; padding: 0 15px 25px 15px; position: relative; margin:0 0 50px 0; z-index: 5; background: #ffffff;}

.featured-product-box::before { content: ''; width: 1px; height: 100%; display: block; background: #e9e4e4; position: absolute; left: -1px; top: 0;}

.featured-product-box .featured-img img { transition: 0.3s;}

.featured-product-box:hover .featured-img img{transform: scale(1.1);}

.featured-image { min-height: 190px; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.featured-image img { max-height: 190px;}
.featured-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 59px; margin-bottom: 15px;}

.featured-product-box h5 { color: #1d1d1d; font-size: 16px; font-weight: 500;}

.featured-product-box p { font-size: 14px; line-height: 18px; margin-bottom: 20px;}

.featured-product-box .primary-btn { background: #ffc631; padding: 7px 30px; color: #000000; font-size: 14px;}

.featured-product-box .primary-btn:hover { background: #b30a0c; color: #fff;}

/* .featured-product-box:hover { background: #ffffff; box-shadow: 0 0 43px 0 #00000023; z-index: 7;} */

.featured-product-box:hover::before { display: none;}

.featured-all { display: block; width: 160px; margin: auto;}



.global-partners-block { display: block; background: #fff; padding: 67px 0;}

.global-partners-block h2 { text-align: center; margin-bottom: 105px;}

.global-partners-block h2 span { display: inline-block;}

.global-partners-block h2 span figure {
  display: inline-block;
  right: -30px;
  top: 39px;
  margin: 0;
}

.global-partners-left { display: block;}

.global-partners-right { display: block; background: #ffffff; padding: 20px 26px; border-radius: 5px; margin-top: 40px;}

.global-partners-right li { padding: 20px 0; border-top: 1px solid #eaeaea; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.global-partners-right li:first-child { border-top: none;}

.global-partners-right li .icon { display: inline-block; width: 22px; height: 30px; margin-right: 10px;}

.global-partners-right li .icon img { width: 100%; height: 100%;}

.global-partners-right li p { margin-bottom: 0; color: #000000; font-size: 16px; font-weight: 500;}

.global-partners-right li p span { display: block; font-size: 13px;}



.our-brands-block { display: block; padding: 70px 0 85px; position: relative; overflow-x: clip;}

.our-brands-block .owl-carousel .owl-nav { display: none;}

.our-brand-img { display: inline-block; position: absolute; left: 0; top: -190px;}

.our-brands-block .container { max-width: 1320px; position: relative; z-index: 2;}

.our-brands-block h2 { text-align: center; padding-bottom: 30px; margin-bottom: 60px;}

.our-brands-block h2 span figure { display: inline-block; right: -58px; bottom: -20px; margin: 0;}

.our-brands-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-shadow: 0 0 7px 0 #0000000e; padding:45px; height: 90px;}

.our-brands-item img { max-height: 70px; width: auto; height: auto;}

.our-brands-block .owl-carousel { padding: 0;}

.our-brands-block .owl-carousel.owl-drag .owl-item { padding: 3px;}

.our-brands-block .owl-carousel.owl-drag .owl-item:nth-child(even) .our-brands-item { margin-top: 85px;}



.home-services-block { display: block; background: #001f3f; overflow-x: clip;}

.home-services-block h2 { padding-bottom: 45px; margin-bottom: 30px; color: #ffffff;}

.home-services-block h2 span figure { display: inline-block; right: -58px; bottom: -35px; margin: 0;}

.home-services-left { display: block; padding: 65px 0 85px; position: relative; z-index: 2;}

.home-services-left-top { display: block;}

.home-services-left-top p { color: #ffffff; font-size: 19px; line-height: 28px; margin-bottom: 35px;}

.home-services-left-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #191515; border-radius: 5px; overflow: hidden; }

/* background: linear-gradient(to bottom, #ee3e35, #191515); */

.home-services-left-bottom li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 25%; padding: 10px 20px; padding-left:60px; background: #191515; border: 2px solid; border-image-slice: 1; border-width: 2px; border-image-source: linear-gradient(to bottom, #ee3e35, #191515);}

.home-services-left-bottom li h5 { margin-bottom: 0; color: #ffffff; font-size: 13px; font-weight: 600; line-height:normal;}

.home-services-left-bottom li .icon { width:45px; height:45px; display: block; position: absolute; left:5px; top: 5px;}

.home-services-left-bottom li .service-icon { display: block;}

.home-services-left-bottom li .hover-icon { display: none;}

.home-services-left-bottom li:hover { border-image-source: linear-gradient(to bottom, #ee3e35, #ee3e35); background: rgb(179,26,18); background: linear-gradient(0deg, rgba(179,26,18,1) 0%, rgba(242,53,44,1) 100%);}

.home-services-left-bottom li:hover .service-icon { display: none;}

.home-services-left-bottom li:hover .hover-icon { display: block;}

.home-services-right { display: block; margin-right: -90px; margin-top: -10px;}



.home-new-arrival-block { padding: 70px 0 40px;}

.home-blog-block { display: block; padding: 70px 0; background: #f6f5f5; overflow: hidden;}

.home-blog-block h2 { padding-bottom: 40px; margin-bottom: 30px;}

.home-blog-block h2 span figure { display: inline-block;right: -15px; bottom: -25px; margin: 0;}

.home-blog-block .owl-carousel .owl-stage-outer { overflow: unset;}

.home-blog-block .owl-carousel .owl-stage { padding-left: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex;}

.home-blog-item { display: block; position: relative; height: 100%; padding-bottom: 60px;}

.home-blog-image { display: block; margin-bottom: 22px;}

.home-blog-body { display: block; padding: 0 30px;}

.home-blog-body .post-date { display: block; position: relative; padding-left: 21px; color: #202c38; font-size: 14px; text-transform: uppercase; margin-bottom: 22px;}

.home-blog-body .post-date::before { content: ''; width: 5px; height: 5px; display: block; border-radius: 100%; background: #ffc631; position: absolute; left: 0; top: 10px;}

.home-blog-body h4 { color: #000810; font-size: 20px; font-weight: 600; line-height: 30px;}

.home-blog-body p { color: #202c38; font-size: 19px; line-height: 28px; margin-bottom: 30px;}

.read-post { display: block; border-top: 1px solid #dddddd; position: absolute; bottom: 0; left: 0; padding: 25px; width: 100%; }

.home-blog-item{background: #fff;transition: all ease-out .3s;
  -webkit-transition: all ease-out .3s;
  -moz-transition: all ease-out .3s;
  -ms-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;}
  .home-blog-item:hover{box-shadow: 0px 3px 10px rgba(0,0,0,.25);
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);}
.home-blog-item .read-more { display: inline-block; color: #ee3e35; font-size: 18px; text-transform: uppercase; font-weight: 600;}
.home-blog-item .read-more:hover{color: #ffc631;}

.home-blog-item .read-more svg { display: inline-block; margin-left: 12px;}

.home-blog-item:hover{background: #fff;}



.home-testimonial-block { display: block; padding: 70px 0;}
.home-testimonial-block .container-fluid{padding: 0 15px !important;}

.home-testimonial-block h2 { padding-bottom: 40px; margin-bottom: 30px;}

.home-testimonial-block h2 span figure { display: inline-block; position: absolute; right: -15px; bottom: -35px; margin: 0;}

.home-testimonial-block .owl-carousel .owl-nav { display: none;}

.home-testimonial-block .owl-carousel .owl-stage { display: flex;}

.home-testimonial-block .item { border: 1px solid #c8c8c8; padding: 45px; padding-bottom: 120px; position: relative; margin: 1px;}


.latest-news { color: #000810; font-weight: 400; text-transform: uppercase; font-size: 18px; padding-left: 58px; position: relative;}

.latest-news::before { content: ''; width: 42px; height: 2px; display: block; position: absolute; left: 0; top: 10px; background: #ffc631;}

.testimonial-item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

.testimonial-item p { color: #000810; font-size: 19px; line-height: 28px;}

.testimonial-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; bottom: 40px; width: 100%; padding: 0 40px;}



.home-help-block { display: block; padding: 62px 0; background: #001f3f;}

.home-help-block h2 { text-align: center; color: #ffffff; margin-bottom: 50px;}

.home-help-block h2 span figure { display: inline-block; position: absolute; right: -40px; bottom: -15px; margin: 0; top:50px}

.home-help-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.home-help-list li { display: inline-block; padding: 0 15px; margin-top: 10px; width: calc(100%/6);}

.home-help-list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #ffffff; font-size: 16px; font-weight: 600; line-height: 20px; text-align: center;}

.home-help-list li a .icon { display: block; width: 65px; max-height: 65px; margin-bottom: 20px; margin-bottom: 0; margin: 0px auto;}



.footer { display: block; background:url(../img/dubai-skyline.webp) repeat-x center bottom #282828;}

.footer-top-block { display: block; padding: 45px 0;}

.footer-link-block { display: block;}

.footer-link-block h3 { color: #ffffff; font-size: 20px; margin-bottom: 20px;}

.footer-links { display: block;}

.footer-links li { display: block;}

.footer-links li a { color: #9c9fa2; font-size: 14px; padding: 2px 0; padding-left: 20px; position: relative; display: block;}

.footer-links li a::before { content: ''; width: 10px; height: 9px; display: block; position: absolute; left: 0; top: 10px; background: url(../img/footer-arrow.svg) no-repeat left top; background-size: 10px;}

.footer-links li a:hover { color: #e12e30;}

.footer-links li a:hover::before { background: url(../img/footer-arrow-hover.svg) no-repeat left top; background-size: 10px;}



.footer-location-block { display: block;}

.footer-location-block h4 { color: #ffffff; font-weight: 600; font-size: 20px; margin-bottom: 20px;}

.footer-location-block h3 { color: #ffffff; font-weight: 600; font-size: 20px; margin-bottom: 20px;}

.footer-location-block iframe { width: 100%; height: 177px;}

.footer-timing { display: block; padding-left: 54px; position: relative; margin-bottom: 25px;}

/* .footer-timing::before { content: ''; width: 34px; height: 34px; background-size: 27px; display: block; position: absolute; left: 0; top: 5px; background: url(../img/clock.svg) no-repeat center top;} */

.footer-timing p { font-size: 14px; color: #cfcfcf; line-height: 27px; font-weight: 400;}

.footer-timing span { display: block; color: #8e9196; font-weight: 600; font-size: 16px;}

.google-review { display: block; width: 136px; margin-top: 30px;}

.footer-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px;}

.footer-social li { display: inline-block; margin-right: 9px;}

.footer-social li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 42px; height: 42px; background: #eae8e8; color: #282828; font-size: 16px; border-radius: 100%;}

.footer-social li a:hover { background: #b30a0c; color: #ffffff;}



.footer-address-block { display: block;}

.footer-address-block h4 { color: #ffffff; font-size: 600; font-size: 20px; margin-bottom: 20px;}

.footer-address-block h3 { color: #ffffff; font-size: 600; font-size: 20px; margin-bottom: 20px;}

.footer-address { display: block; padding-left: 87px; position: relative; padding-right: 50px;}

.address-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 78px; height: 78px; border-radius: 100%; border-radius: 100%; padding: 14px; padding: 0; position: absolute; left: 0; top: -10px;}

.footer-address p { color: #a0a0a0; font-size: 14px; line-height: 21px;}

.footer-contact { display: block; }

.footer-contact li { display: block;}

.footer-contact li a { display: block; position: relative; padding: 8px 0; padding-left: 35px; color: #8e9196; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;

 -ms-flex-align: center; align-items: center;}

.footer-contact li a .icon { border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; top: 8px;}

.footer-contact li a .icon img { width: 20px; height: 20px;}

.footer-contact li a:hover { color: #ffffff;}

.footer-bottom { display: block; border-top: 1px solid #403d3d; padding: 20px 0;}

.footer-bottom p { margin-bottom: 0; text-align: center; color: #a0a0a0; font-size: 14px;}

.footer-contact li a .fa-whatsapp { width: 30px; height: 30px; background: #25d366; border-radius: 100%; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 12px;}



/*========================================================================

  Sub Pages

  ======================================================================== */

.secondary-hero-block { display: block; min-height: 175px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important;}

.secondary-hero-block h2 { color: #ffffff; position: relative; font-size: 45px; font-weight: 300;}

.secondary-hero-block h2 span { color: #ffffff; position: relative;}

.secondary-hero-block h2 span path { fill: #ffffff;}

.secondary-hero-block h2 figure { margin-bottom: 0; display: inline-block; position: absolute; right: -30px; bottom: -20px;}

.secondary-hero-block .container-fluid { padding: 45px 5%;}

.breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.breadcrumbs li { padding: 0 10px; position: relative; color: #ffffff; font-size: 14px;}

.breadcrumbs li::before { content: "\f105"; font-family: 'FontAwesome'; font-size: 12px; color: #ffffff; position: absolute; left: 0; top: 0;}

.breadcrumbs li:first-child { padding-left: 0;}

.breadcrumbs li:first-child::before { display: none;}

.breadcrumbs li a { color: #ffffff; font-size: 14px;}

.breadcrumbs li:last-child { text-decoration: underline;}



.product-page { display: block; position: relative;}

.product-page .container { position: relative; z-index: 2;}

.product-filterings { display: block; background: #f6f6f6; padding: 20px; border: 1px solid #e8e8e8; margin: 45px 0; margin-right: -20px;}

.product-filterings h3 { color: #1d1d1d; font-size: 22px; font-weight: 700;}

.product-filterings h4 { color: #b30a0c; font-size: 18px; font-weight: 600;}

.filtering-menu { display: block; margin-bottom: 25px;}

.filtering-menu > li { display: block; margin-bottom: 7px; position: relative; padding-left: 20px;}

.filtering-menu > li > a { display: inline-block; color: #101010; font-size: 15px; font-weight: 600; word-break: break-word;}

.filtering-menu > li::before { content: "\f054"; font-family: 'FontAwesome'; font-size: 11px; display: inline-block; position: absolute; left: 0; top: 0; color: #101010;}

.filtering-menu > li:hover > a { color: #b30a0c;}

.filtering-menu > li:hover::before { color: #b30a0c;}

.filtering-menu > li > ul { display: none;}

.filtering-menu > li > ul > li { display: block; position: relative; padding-left: 17px;}

.filtering-menu > li > ul > li::before { content: ''; width: 8px; height: 8px; display: block; border-radius: 100%; border: 2px solid #615e5e; position: absolute; left: 0; top: 8px;}

.filtering-menu > li > ul > li > a { color: #615e5e; font-size: 14px; display: block;}

.filtering-menu > li > ul > li > a:hover { color: #b30a0c;}

.filtering-menu > li > ul > li:hover::before { border-color: #b30a0c;}



.product-brand-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.product-brand-filter li { display: inline-block; width: 48%; height: 60px; margin-bottom: 12px; text-align: center;}

.product-brand-filter li a { display: inline-block; border: 1px solid #e8e8e8;} 
.product-brand-filter li a img{transition: all ease-out 0.3s;}
.product-brand-filter li a:hover img {transform: scale(1.05);}

.product-content-block { display: block;}

.product-page .featured-product-main { margin-top: 1px; margin-left: 20px;}



.product-detail-page { display: block; padding: 40px 0;}

.product-detail-top { display: block;}

.product-detail-top-left { display: block;}

.product-detail-top-left .owl-carousel .owl-item img { width: auto;}

#big .item { text-align: center; border: 1px solid #e8e8e8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #ffffff;}

#big.owl-theme { position: relative; }

#big.owl-theme .owl-next, 

#big.owl-theme .owl-prev { background:#333; width: 22px; line-height:40px; height: 40px; margin-top: -20px; position: absolute; text-align:center; top: 50%; }

#big.owl-theme .owl-prev { left: 10px;}

#big.owl-theme .owl-next { right: 10px;}

#thumbs { position: relative; margin-top: -45px;}

#thumbs.owl-carousel .owl-stage-outer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

#thumbs.owl-carousel .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-content: center; margin: auto;}

/* transform: translate3d(0, 0px, 0px) !important; */

/* #thumbs.owl-carousel .owl-item { width: auto !important; margin: 0 8px;} */

#thumbs .item { padding: 0px; margin:2px; color: #FFF; text-align: center; cursor: pointer; border: 1px solid #ededed; width: 92px; height: 92px; border-radius: 100%; overflow: hidden; margin: auto;}

#thumbs .current .item { border-color: #d33d31;}

#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333;}

.product-detail-top-left .owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; display: none;}

.product-detail-top-left .owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }



.product-detail-top-right { display: block; padding-left: 15px;}

.product-detail-top-right h3 { color: #b30a0c;  font-size: 40px; font-weight: 600;}

.product-detail-top-right p { color: #615e5e; font-size: 14px; line-height: 22px;}

.product-detail-top-right ul.product-detail-top-list li { position: relative; color: #615e5e; font-size: 14px; line-height: 22px; margin-bottom: 5px; padding-left: 15px;}

.product-detail-top-right ul.product-detail-top-list li::before { content: ''; width: 8px; height: 8px; display: block; border-radius: 100%; border: 2px solid #615e5e; position: absolute; left: 0; top: 8px;}

.product-detail-help { display: block; border: 1px solid #ee3e35; padding: 25px; padding-left: 105px; border-radius: 10px; margin-top: 25px; position: relative;}

.product-detail-help .icon { width: 50px; height: 50px; display: block; border-radius: 100%; position: absolute; left: 30px; top: 30px;}

.product-detail-help p { font-size: 14px; color: #615e5e;}

.product-detail-help p span { display: block; margin-bottom: 10px;}

.product-detail-help p a { font-size: 25px; color: #615e5e;}

.product-detail-help .primary-btn { padding: 7px 23px; font-size: 14px; font-weight: 600;}

.product-detail-social { display: flex; margin-top: 30px;}

.product-detail-social li { display: inline-block; margin-right: 10px;}

.product-detail-social li a { background: #eae8e8; width: 42px; height: 42px; font-size: 16px; color: #282828; display: flex; justify-content: center; align-items: center; border-radius: 100%;}

.product-detail-social li a:hover { background: #ffc631; color: #ffffff;}



.product-detail-tabs { display: block; padding: 35px; border: 1px solid #e8e8e8; border-radius: 10px; margin-top: 50px; background: #ffffff;}

.product-detail-tabs .resp-tabs-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; padding: 7px; border-radius: 30px; margin-bottom: 25px; box-shadow: 4px 6px 24px 0 #00000008;}

.product-detail-tabs .resp-tabs-list li { float: none; margin: 0; background-color: transparent !important; border-radius: 30px; padding: 6px 25px !important; color: #615e5e; font-size: 15px; font-weight: 600;}

.product-detail-tabs .resp-tabs-list li.resp-tab-active { border: none !important; background: #b30a0c !important; color: #ffffff;}

.product-detail-tabs .resp-tabs-container { background: transparent;}

.product-detail-tabs .resp-tab-content { border: none; padding: 0px;}

.description-cont { display: block;}

.commen-listing { display: block; padding-left: 20px;}

.commen-listing li { display: list-item; list-style: circle; color: #615e5e; font-size: 14px; line-height: 20px; margin-bottom: 10px;}

.description-cont h5 { color: #000000; font-weight: 700;}

.related-product-tabs { display: block; margin-top: 38px;}

.related-product-tabs h3 { color: #b30a0c; font-weight: 700; font-size: 25px; margin-bottom: 0;}

.related-product-tabs .featured-product-box { margin: 35px 0;}



.about-top-block { display: block; padding: 55px 0 230px 0; position: relative;}

.about-top-block::after { content: ''; width: 100%; height: 346px; display: block; position: absolute; left: 0; bottom: 0; background: url(../img/about-top-bg.jpg) no-repeat center top; background-size: cover;}

.about-top-block .markets-applications-bg { top: 80px;}

.about-top-block .container { position: relative; z-index: 3;}

.about-top-block h2 { text-align: center; margin-bottom: 25px;}

.about-top-content { display: block; background: #ffffff; box-shadow: 4px 6px 24px 0 #0000000d; padding: 45px; padding-bottom: 25px;}

.about-top-content h3 { color: #ee3e35; font-size: 40px; font-weight: 700;}

.about-top-content p { color: #505050; font-size: 19px; line-height: 28px; margin-bottom: 25px;}



.about-second-block { display: block;}

.product-item { display: block; padding: 35px; background: #ffffff; border: 1px solid #d6d6d6;}

.product-item h4 { color: #ee3e35; font-size: 30px; font-weight: 600;}

.product-item-left { display: block;}

.product-item-right { display: block;}

.product-item-right p { color: #505050; font-size: 17px; line-height: 28px;}

.about-second-block .owl-carousel .owl-stage-outer { margin-top: -103px;}

.about-second-block .owl-carousel.owl-drag .owl-item { padding: 20px;}

.about-second-block .owl-carousel.owl-drag .owl-item.center .product-item { box-shadow: 7px 6px 24px 0 #0000001c;}

.about-second-block .owl-carousel .owl-dots { display: flex; justify-content: center; align-items: center; padding-top: 20px;}

.about-second-block .owl-carousel .owl-dots .owl-dot span { width: 12px; height: 12px; background: #d4d4d4; display: block; border-radius: 100%; margin: 0 6px;}

.about-second-block .owl-carousel .owl-dots .owl-dot.active span { width: 14px; height: 14px; background: #ee3e36;}



.our-mission-block { display: block; padding: 75px 0; position: relative; overflow-x: clip;}

.our-mission-block .container { position: relative; z-index: 3;}

.our-mission-block h2 { text-align: center;}

.our-mission-block .commen-head { display: block; text-align: center;}

.our-mission-block .commen-head p { font-size: 17px; line-height: 28px;}

.our-mission-box { display: block; padding: 25px 30px; position: relative; border: 1px solid #d6d6d6; padding-bottom: 55px; height: 100%; background: #ffffff;}

.our-mission-box h4 { color: #ee3e35; font-size: 20px; font-weight: 600; position: relative; padding: 10px 0; padding-left: 87px;}

.our-mission-box p { font-size: 15px; color: #505050;}

.our-mission-box .icon { width: 68px; height: 68px; padding: 15px; padding: 5px; border-radius: 100%; border: 1px solid #ee3e35; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; top: 0;}

.show-more { display: inline-block; position: absolute; left: 30px; bottom: 30px; color: #ee3e36; font-size: 15px; text-decoration: underline;}

.show-more:hover { color: #000000; text-decoration: underline;}

.our-mission-block .markets-applications-bg { left: inherit; top: inherit; right: 0; bottom: 100px;}



.partners-brand-page { display: block; padding: 60px 0;}

.partners-logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.partners-logos li { display: inline-block; border: 1px solid #d6d6d6; margin: 0 4px 10px 4px;}

.our-brands { display: block; padding-top: 40px;}

.our-brands h2 { text-align: center;}



.services-page { display: block; padding: 70px 0 65px; position: relative;}

.services-page .container { position: relative; z-index: 3;}

.services-top-left { display: block;}

.services-top-right { display: block;}

.services-top-right p { font-size: 17px; line-height: 27px; color: #505050;}

.services-bottom-block { display: block;}

.services-bottom-box { display: block; padding: 15px; padding-left: 145px; position: relative; margin-top: 70px; background: #ffffff;}

.services-bottom-box .icon { width: 100px; height: 100px; background: #001f3f; border-radius: 100%; display: flex; justify-content: center; align-items: center; padding: 20px; padding: 5px; position: absolute; left: 15px; top: 15px;}

.services-bottom-box .icon img { width: 50px; height: 50px;}

.services-bottom-ul { display: block;}

.services-bottom-ul li { display: block;}

.services-bottom-box h4 { color: #ee3e35; font-weight: 600; font-size: 30px;}

.services-bottom-box p { color: #505050; line-height: 22px; font-size: 14px;}

.services-bottom-box ul li { display: block; color: #505050; line-height: 22px; font-size: 14px; padding-left: 17px; margin-bottom: 5px; position: relative;}

.services-bottom-box ul li::before { content: "\f054"; font-family: 'FontAwesome'; font-size: 10px; display: inline-block; color: #505050; position: absolute; left: 0; top: 0;}



.contact-top-block { display: block; padding: 60px 0;}

.contact-top-left { display: block; background: #ffffff; box-shadow: 4px 6px 24px 0 #00000009;}

.contact-map { display: block;}

.contact-map iframe { width: 100%; height: 336px;}

.location-hours { display: block; padding: 15px 25px;}

.location-hours li { display: block; position: relative; padding: 15px 0; padding-left: 72px; color: #505050; font-size: 14px; line-height: 22px;}

.location-hours li .icon { width: 52px; height: 52px; background: #ee3e35; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; top: 15px;}

.location-hours li .icon img { width: 30px; height: 30px;}

.location-hours li.hours .icon { background: #001f3f;}

.location-hours li b { display: block; color: #505050; font-weight: 600;}
.location-hours a {  color: #505050; font-size: 14px; line-height: 22px;}
.contact-top-right { display: block; padding-left: 10px;}

.contact-top-right h3 { font-size: 40px; font-weight: 600; color: #ee3e35; margin-bottom: 0;}

.contact-top-right p { color: #ee3e35; font-weight: 300; font-size: 20px;}

.contact-top-box { display: block; margin-bottom: 25px;}

.contact-top-box label { margin-bottom: 10px; font-size: 14px; color: #505050; margin-bottom: 5px;}

.contact-input { width: 100%; height: 49px; display: block; border: 1px solid #d6d6d6; padding: 0 15px; font-size: 13px;}

.contact-textarea { width: 100%; height: 159px; display: block; border: 1px solid #d6d6d6; padding: 10px 15px; resize: none;}

.contact-submit { background: #b30a0c; color: #ffffff; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 5px 32px; border-radius: 25px; border: none;}



.contact-bottom-block { display: block; padding: 45px 0; background: #f7f7f7;}

.contact-bottom-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.contact-bottom-list li { display: block; padding: 10px; width: 20%; text-align: center;}

.contact-bottom-list li .icon { width: 67px; height: 67px; border-radius: 100%; border: 1px solid #ee453c; padding: 15px; display: flex; justify-content: center; align-items: center; margin: auto; margin-bottom: 15px;}

.contact-bottom-list li .icon img { width: 25px; height: 30px;}

.contact-bottom-list li a { color: #000000; font-size: 20px; font-weight: 500;}





.login-wraper { display: block; padding: 70px 0;}

.login-main { display: block; background: #fff; position: relative; box-shadow: 0 0 10px 0 #0000000d; max-width: 900px; width: 100%; margin: auto;}

.login-body { display: block; background: #ffffff; padding: 50px 30px;}

.login-logo { display: block; text-align: center; margin-bottom: 20px;}

.login-logo a { display: inline-block; max-width: 200px;}

.login-left { background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important;}

.login-form { display: block;}

.login-box { display: block; margin-bottom: 20px;}

.login-box p { margin-bottom: 5px; font-weight: 600;}

.login-input { width: 100%; height: 48px; padding: 0 15px; border: 1px solid #ebebeb; border-radius: 5px;}

.login-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #bababa; font-size: 14px;}

.login-input::-moz-placeholder { /* Firefox 19+ */ color: #bababa; font-size: 14px;}

.login-input:-ms-input-placeholder { /* IE 10+ */ color: #bababa; font-size: 14px;}

.login-input:-moz-placeholder { /* Firefox 18- */ color: #bababa; font-size: 14px;}

.login-submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px;}

.login-submit .primary-btn { -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; border: none; padding: 10px 30px;}

.login-submit a { color: #000000; text-decoration: underline;}

.login-submit a:hover { color: #ee453c;}

.login-signup { display: block; border-top: 1px solid #ebebeb; padding-top: 15px;}

.login-signup p { margin-bottom: 0; font-size: 14px; text-align: center;}

.login-signup p a { color: #ee453c; text-decoration: underline;}

.login-signup p a:hover { color: #fc675f;}

.login-body h3 { font-weight: 700; font-size: 36px; text-transform: uppercase;}




.featured-home .featured-img img { width:200px;}

.featured-home .featured-image { border: none;}

.home-featured-product .featured-product-box { padding: 0;}

.home-featured-product .featured-product-box::before { display: none;}

.home-featured-product .featured-product-box:hover { box-shadow: none;}

.home-featured-product .featured-product-box .featured-image { box-shadow: 0 0 20px 0 #00000023; margin-bottom: 15px; padding: 25px;}

.home-featured-product .featured-product-box .featured-logo { max-width: 95px; min-height: 40px; right: 10px;}

.home-featured-product .featured-product-box .featured-image { min-height: auto; height: 180px;}

.home-featured-product .featured-product-box .featured-image .featured-img img { max-height: 150px; width: auto;}

/* .mobile-map { display: none;}

.desktop-map-block { display: inline-block; position: relative;}

.map-location { display: block; width: 29px; height: 38px;}

.map-location a { display: block; width: 29px; height: 38px;} */

#big .item { min-height: 450px;}

#big .item img { max-height: 350px !important;}

#thumbs .item { padding: 15px; display: flex; justify-content: center; align-items: center;}

#thumbs .item img { max-height: 63px !important;}






/* New pages 21-10-2022 */

.downloads-top-block { display: block; padding: 40px 0;}

.downloads-head { display: block;}

.downloads-head h2 { font-size: 48px;}

.downloads-head p { font-size: 16px;}

.downloads-main { display: block;}

.downloads-main h4 { font-size: 25px; color: #b30a0c; font-weight: 700; border-top: 1px solid #e1e1e1;}

.downloads-box { padding: 20px; border: 1px solid #e8f3ff; margin-top: 20px; box-shadow: 4px 6px 24px 0 #00000011; color: #505050; font-size: 16px; font-weight: 600; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center;}

.downloads-box::before { content: ''; width: 85px; height: 85px; display: block; border-radius: 100%; background: url(../img/pdf-icon.webp) no-repeat center center #f5f5f5; background-size: 40px; margin-bottom: 10px;}

.downloads-box:hover { border: 1px solid #e8f3ff; color: #000000; box-shadow: 4px 6px 24px 0 #0000003d;}



.info-hub-box { padding: 20px; padding-left: 115px; border: 1px solid #e8f3ff; margin-top: 20px; box-shadow: 4px 6px 24px 0 #00000011; color: #505050; font-size: 16px; font-weight: 600; position: relative; min-height: 97px; display: flex; flex-direction: column; justify-content: center;}

.info-hub-box .icon { width: 52px; height: 52px; background: #ee3e35; border-radius: 100%; position: absolute; left: 35px; top: 21px; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.info-hub-box .icon img { max-width: 30px; max-height: 30px;}

.info-hub-box:hover { border: 1px solid #e8f3ff; color: #000000; box-shadow: 4px 6px 24px 0 #0000003d;}

.info-hub-listing li:nth-child(even) .info-hub-box span { background: #001f3f;}

.our-customers-block { display: flex; flex-wrap: wrap;}

.our-customers-block li { width: 24%; height: 130px; margin-top: 1%; border: 1px solid #e8f3ff; box-shadow: 4px 6px 24px 0 #00000011; padding: 15px; display: flex; align-items: center; justify-content: center; margin-right: 1%; transform: scale(1.05); }

.our-customers-block li img { display: block; max-height: 110px; transition: 0.3s;}
.our-customers-block li:hover img{ transform: scale(1.05);}



.career-box { display: block; border: 1px solid #e8f3ff; box-shadow: 4px 6px 24px 0 #00000011; padding: 35px; margin-top: 20px;}

.career-box h4 { font-size: 25px; color: #b30a0c; font-weight: 700;}

.career-box h5 { font-weight: 600;}

.career-box ul { display: block; margin-bottom: 20px; padding-left: 40px;}

.career-box ul li { list-style: circle; color: #3e3d3d;}

.career-box ul li a { color: #000000; font-weight: 700;}

.career-box ul li a:hover { color: #b30a0c;}



.blog-block { display: block; padding: 60px 0 70px;}

.blog-block .commen-head { text-align: center;}

.blog-block .commen-head p { font-size: 18px; line-height: 28px;}

.blog-box { display: block; height: 100%; box-shadow: 4px 6px 24px 0 #00000011; background: #ffffff;}

.blog-image { display: block;}

.blog-image img { display: block; max-height: 285px; height: 100%; width: 100%;}

.blog-body { display: block; padding: 25px;}

.blog-heading { color: #000000; font-size: 22px; font-weight: 700; display: block; margin-bottom: 15px;}

.blog-body .date { display: block; margin-bottom: 15px; font-size: 12px; line-height: 18px; color: #b4b4b4;}

.readmore-link { display: inline-block; position: relative; color: #fd2b2d; text-decoration: underline; font-size: 14px;}



.blog-detail-main { display: block;}

.blog-detail-main h2 { font-size: 42px;}

.blog-detail-top-image { display: block;}

.blog-detail-main img { display: block; margin: auto; margin-bottom: 20px;}

.blog-detail-main .date { display: block; margin-bottom: 15px; font-size: 12px; line-height: 18px; color: #b4b4b4;}

.blog-detail-main h3 { font-size: 32px; color: #b30a0c; font-weight: 600;}

.blog-detail-main ul { display: block; padding-left: 30px; margin-bottom: 15px;}

.blog-detail-main ol { display: block; padding-left: 30px; margin: 5px 0;}

.blog-detail-main ul li { list-style: circle; font-size: 14px; line-height: 22px; color: #3e3d3d; margin-bottom: 5px;}

.blog-detail-main ul li a { color: #000000; text-decoration: underline;}

.blog-detail-main h4 { color: #000000; font-weight: 700; font-size: 24px;}



.blog-social-shares { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 25px; border-top: 1px solid #e4e4e4; padding-top: 25px;}

.blog-social-shares a { display: inline-block; margin: 0 5px;}

.blog-social-shares a i { width: 40px; height: 40px; border-radius: 100%; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all ease-out 0.3s;}

.blog-social-shares a .fa-facebook { background: #1877f2;}

.blog-social-shares a:hover .fa-facebook { background: #3c8ffa; color: #ffffff;}

.blog-social-shares a .fa-twitter { background: #00acee;}

.blog-social-shares a:hover .fa-twitter { background: #3fc6fc; color: #ffffff;}

.blog-social-shares a .fa-pinterest-p { background: #ec353e;}

.blog-social-shares a:hover .fa-pinterest-p { background: #ca1f27; color: #ffffff;}

.blog-social-shares a .fa-tumblr { background: #2c4762;}

.blog-social-shares a:hover .fa-tumblr { background: #476c91; color: #ffffff;}



.blog-reply { display: block; max-width: 840px; margin: auto; margin-top: 25px; background: #ffffff; box-shadow: 0 0 20px 0 #00000018; padding: 25px;}

.blog-reply h4 { font-size: 24px; color: #b30a0c; font-weight: 600;}

.blog-reply-wraper { display: block;}

.blog-reply-box { display: block; position: relative; min-height: 125px; padding: 25px 95px 15px 115px; border-top: 1px solid #ededed;}

.blog-reply-box .avatar { width: 73px; height: 73px; display: block; overflow: hidden; border-radius: 100%; position: absolute; left: 20px; top: 20px;}

.blog-reply-box h6 span { font-size: 12px; color: #b4b4b4;}

.blog-reply-box h6 { margin-bottom: 5px;}

.blog-reply-box p { margin-bottom: 0;}

.blog-comment-reply-btn { color: #b30a0c; width: 55px; height: 22px; display: block; border: 1px solid #b30a0c; text-align: center; line-height: 20px; font-size: 12px; position: absolute; right: 20px; top: 25px;}

.blog-comment-reply-btn:hover { background: #b30a0c; color: #ffffff;}



.blog-leave-reply { display: block; max-width: 840px; margin: auto; margin-top: 40px;}

.blog-leave-reply h4 { font-size: 24px; color: #b30a0c; font-weight: 600; margin-bottom: 10px;}

.blog-leave-reply label { display: block; font-size: 14px;}

.reply-input { width: 100%; height: 45px; margin-bottom: 15px; padding: 0 15px; border: 1px solid #ededed; transition: all ease-out 0.3s;}

.reply-input:focus { border-color: #000000;}

.reply-textarea { width: 100%; height: 100px; margin-bottom: 15px; padding: 10px 15px; resize: none; border: 1px solid #ededed; transition: all ease-out 0.3s;}

.reply-textarea:focus { border-color: #000000;}

.blog-leave-reply .primary-btn { border: none; transition: all ease-out 0.3s;}



.galley-block { display: block; padding: 60px 0 70px;}

.galley-block .commen-head { text-align: center;}

.galley-block .commen-head p { font-size: 18px; line-height: 28px;}

.galley-main { display: block;}

.gallery-box { display: block; position: relative; transition: all ease-out 0.3s; cursor: pointer;}

.gallery-box::before { content: ''; width: 0; height: 0; display: block; background: #0000008c; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: all ease-out 0.3s;}

.gallery-box::after { content: ''; width: 40px; height: 40px; display: block; background: url(../img/expand-icon.svg) no-repeat center center; background-size: 40px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 0; transition: all ease-out 0.3s; transform: translateY(10px);}

.gallery-box:hover::before { width: 100%; height: 100%;}

.gallery-box:hover::after { opacity: 1; transform: translateY(0px);}

.gallery-box img { width: 100%;}

.galley-block #parentHorizontalTab { text-align: center; padding-top: 15px;}

.galley-block .resp-tabs-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #ffffff; padding: 7px; border-radius: 30px; margin-bottom: 25px; box-shadow: 4px 6px 24px 0 #00000008;}

.galley-block .resp-tabs-list li { float: none; margin: 0; background-color: transparent !important; border-radius: 30px; padding: 6px 25px !important; color: #615e5e; font-size: 15px; font-weight: 600;}

.galley-block .resp-tabs-list li.resp-tab-active { border: none !important; background: #b30a0c !important; color: #ffffff;}

.galley-block .resp-tabs-container { background: transparent;}

.galley-block .resp-tab-content { border: none; padding: 0px;}



.faq-block { display: block; padding: 60px 0 70px;}

.faq-block .commen-head { text-align: center;}

.faq-block .commen-head p { font-size: 18px; line-height: 28px;}

.faq-main { display: block; margin-top: 25px;}

.faq-main h3 { font-size: 28px; color: #b30a0c; font-weight: 600;}

.faq-main .accordion-item { cursor: pointer; padding: 15px 20px; padding-right: 55px; position: relative; color: #000000; font-weight: 600;}

.faq-main .accordion-item::before { content: ''; background: #000000; height: 2px; width: 16px; display: block; position: absolute; top: 25px; right: 15px; transition: transform .3s ease-out;}

.faq-main .accordion-item::after { content: ''; background: #000000; height: 16px; width: 2px; display: block; position: absolute; top: 18px; right: 22px; transition: transform .3s ease-out;}

.faq-main .accordion-item.open { border-bottom: none;}

.faq-main .accordion-item.open::after { display: none;}

.faq-main .data { display: none; border: 1px solid rgba(0,0,0,.125); border-top: none; padding: 15px 20px; padding-top: 0;}

.faq-main .data ol { display: block; margin: 0 0 10px 0; padding-left: 35px;}

.faq-main .data ol li { list-style: decimal; font-size: 14px; line-height: 22px; color: #3e3d3d;}

.faq-main .data ul { display: block; margin: 0 0 10px 0; padding-left: 35px;}

.faq-main .data ul li { list-style: circle; font-size: 14px; line-height: 22px; color: #3e3d3d;}

.faq-main .data table tr td { font-size: 14px;}

.index-featured-block .featured-logo { margin-bottom: 0; position: absolute; right: 0; top: 0; max-width: 110px;}

.partners-logos { display: flex; flex-wrap: wrap;}

/* .partners-logos li { display: flex; justify-content: center; align-items: center; max-width: 184px; height: 104px; padding: 15px;} */

.partners-logos li { display: inline-block;}

.partners-logos li a { display: flex; justify-content: center; align-items: center; max-width: 184px; height: 104px; padding: 15px;}

.partners-logos li a img { width: 100%; max-height: 90px; transition: all ease-out 0.3s;}

.partners-logos li a:hover img { transform: scale(1.05);}


/* New pages 21-10-2022 end */

.product-page .featured-product-main { padding-top: 40px;}
.featured-product-box { margin:0 0 30px 0;transition: 0.3s;}
.featured-img img{transition: 0.3s;}
.featured-product-box:hover .featured-img img { transform: scale(1.05);}
.product-brand-filter li { margin-bottom: 8px;}
.product-brand-filter li a { display: flex; justify-content: center; align-items: center; background: #ffffff; height: 60px; overflow: hidden; padding: 10px;}
.product-detail-tabs .description-cont ul { display: block; padding-left: 25px; margin-bottom: 15px;}
.product-detail-tabs .description-cont ul li { list-style: circle; font-size: 14px;}
.product-detail-tabs .description-cont ol li { list-style: decimal; font-size: 14px;}
.product-detail-tabs .description-cont h3 { font-weight: 700; font-size: 30px;}
.related-pro-item .featured-logo img { max-width: 120px;}
.page-description h4 { font-weight: 700;}
.product-listing-bottom { display: block; padding: 15px 0 50px;}
.product-listing-bottom h2 { font-weight: 700; font-size: 36px;}
.product-listing-bottom p strong { font-size: 18px;}
.product-gcc-page .container { background: #ffffff;}
.featured-logo { min-height: auto; margin-bottom: 0;}
.featured-logo img { display: block; max-height: 59px; }
#thumbs .item { background: #ffffff;}
.product-detail-top-right h3 { font-size: 32px;}
.des-brand-logo { max-width: 150px;}
.product-detail-tabs .description-cont table { width: 100%; margin-bottom: 15px;}
.product-detail-tabs .description-cont table tr td { border: 1px solid #e5e5e6; padding: 5px 7px; font-size: 14px;}
.product-detail-tabs .description-cont table tr td p { margin-bottom: 0;}
/* .product-detail-tabs .description-cont table tr th { padding: 10px 15px; font-size: 14px; background: #b30a0c; color: #ffffff;} */
.product-detail-tabs .description-cont table tr th { border: 1px solid #e5e5e6; padding: 3px 5px; font-size: 14px; color: #7C7885; font-weight: 400;}
.product-detail-top-right table { width: 100%;}
.product-detail-top-right table tr td { border: 1px solid #e5e5e6; padding: 3px 5px; font-size: 14px;}
.product-detail-top-right table tr td h4 { margin-bottom: 0; font-size: 16px; font-weight: 700;}
.product-detail-top-right table tr td h6 { margin-bottom: 0; font-size: 14px;}
.product-detail-top-right table tr td p{ margin-bottom: 0;}
.product-detail-top-right table tr th { padding: 10px 15px; font-size: 14px; background: #b30a0c; color: #ffffff;}
.product-detail-top-right h2 { font-size: 42px; line-height: 46px;}
.product-detail-top-right ul { display: block; padding-left: 20px; margin-bottom: 15px;}
.product-detail-top-right ul li { list-style: circle; font-size: 14px; color: #615e5e;}
.page-description h1 { font-size: 42px;}
.description-large-image { margin-bottom: 15px;}
.product-detail-tabs .resp-tabs-list { flex-wrap: wrap;}


/*  Pagination */
.prdduct-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.prdduct-pagination li { display: inline-block; padding: 0 5px; font-size: 14px; color: #3e3d3d;}
.prdduct-pagination li a { width: 30px; height: 30px; background: #e9e4e4; color: #000000; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%;}
.prdduct-pagination li a i { font-size: 18px;}
.prdduct-pagination li a:hover,
.prdduct-pagination li.active a { background: #b30a0c; color: #ffffff !important;}
/*  Pagination */



 /*  Pagination */
 /* .pro-pagination { display: flex; flex-wrap: wrap; align-items: center;}
 .pro-pagination li { display: inline-block; padding: 0 5px; font-size: 14px; color: #3e3d3d;}
 .pro-pagination a { width: 30px; height: 30px; background: #e9e4e4; color: #000000; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; position: relative;}
 .pro-pagination a i { font-size: 18px;}
 .pro-pagination a:hover { background: #b30a0c; color: #ffffff;} */

 .pro-pagination { display: flex; flex-wrap: wrap; align-items: center;}
 .pro-pagination a { display: inline-block; padding: 0 5px; font-size: 14px; color: #3e3d3d;}
 .pro-pagination a { width: 30px; height: 30px; background: #e9e4e4; color: #000000; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; position: relative;}
 .pro-pagination a i { font-size: 18px;}
 .pro-pagination a:hover { background: #b30a0c; color: #ffffff;}
.pro-pagination a {
margin: 2px!important;
}

.pro-pagination li.current a  { background: #b30a0c; color: #ffffff !important;}

 .pro-pagination .before{ width: 30px; height: 30px; background: #e9e4e4; color: #000000; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; position: relative; }
 .pro-pagination .after{ width: 30px; height: 30px; background: #e9e4e4; color: #000000; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; position: relative; }
 

 
 /*.pro-pagination li.prev a:before { content: "\f104"; font-family: "FontAwesome"; display: inline-block; font-size: 15px; display: :none; }
 .pro-pagination li.next a:before { content: "\f105"; font-family: "FontAwesome"; display: inline-block; font-size: 15px; display: none; }*/
 
 
 .pro-pagination li.current { width: 30px; height: 30px; background: #b30a0c; color: #ffffff; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; position: relative;}
 /*  Pagination */

/*  14-11-2022 updates */
.announcement-bar { display: block; background: #f1f3f4; padding: 8px 45px 8px 15px; width: 100%; position: relative; transition: all ease-out 0.3s;}
.announcement-bar p { margin-bottom: 0; color: #a2242d;}
.announcement-close { background: #a2242d; color: #ffffff; width: 26px; height: 26px; border-radius: 100%; position: absolute; right: 10px; top: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px;}
.announcement-close:hover { background: #c9333d; color: #ffffff;}
.announcement-bar.fixed { position: fixed; top: 0; z-index: 12; box-shadow: 0 3px 6px 0 #00000015;}
.announcement-bar.close { display: none !important;}

.header-contact .primary-btn { padding: 10px 25px; line-height: 18px;}
.header-contact .primary-btn:hover { color: #000000;}
.main-menu-block .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.search-box { position: relative; display: inline-block; margin-right: 5px;}
.search-btn { color: #ffffff; display: inline-block; padding: 5px; width: 36px; text-align: center;}
.search-btn:hover { color: #ffc631;}
.search-box-body { position: absolute; right: 0; top: 40px; width: 200px; z-index: 2; transition: all ease-out 0.3s; opacity: 0; pointer-events: none; transform: translateY(10px);}
.search-box-body.open { opacity: 1; pointer-events: visible; transform: translateY(0px);}
.search-input { width: 100%; height: 40px; padding: 0 15px;}
/*  14-11-2022 updates */

/*  17-11-2022 updates */
.why-section-block { display: block; padding: 70px 0; background: #f6f5f5;}
.why-section-block p { color: #505050; font-size: 17px; line-height: 28px;}
.why-section-icon { display: block; background: #ffffff; padding: 30px; text-align: center;}
.why-section-block .commen-listing { margin-bottom: 15px;}
.why-section-block .commen-listing li { color: #505050; font-size: 17px; line-height: 28px;}
.why-section-body { display: block;}
.why-section-body h2 { margin-bottom: 20px;}
.fluid-innovation-image { display: inline-block; position: relative;}
.fluid-innovation-image::after { content: "\f04b"; font-family: 'FontAwesome'; font-size: 24px; color: #000000; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #ffffff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; box-shadow: 0 0 0 8px #ffffff1f; transition: all ease-out 0.3s;}
.partners-brand-page .commen-head { text-align: center;}
.our-brands-item { background: #ffffff;}
.home-blog-block .featured-all { width: 175px;}
.home-blog-block .owl-carousel .owl-nav { position: absolute; top: 0; left: 0; width: 100%;}
.home-blog-block .owl-carousel .owl-nav button { width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; background: #ffffff; border-radius: 100%; color: #000000; position: absolute; top: 200px; box-shadow: 0 0 5px 0 #00000023;}
.home-blog-block .owl-carousel .owl-nav button.owl-prev { left: 0;}
.home-blog-block .owl-carousel .owl-nav button.owl-next { right: 0;}
.home-blog-block .owl-carousel .owl-nav button:hover { background: #c9333d; color: #ffffff;}

.home-testimonial-block .owl-carousel .owl-nav { display: block; position: absolute; top: 45%; left: 0; width: 100%;}
.home-testimonial-block .owl-carousel .owl-nav button { width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; background: #ffffff; border-radius: 100%; color: #000000; position: absolute; top: 0; box-shadow: 0 0 5px 0 #00000023;}
.home-testimonial-block .owl-carousel .owl-nav button.owl-prev { left: 0;}
.home-testimonial-block .owl-carousel .owl-nav button.owl-next { right: 0;}
.home-testimonial-block .owl-carousel .owl-nav button:hover { background: #c9333d; color: #ffffff;}
.footer-timing h4 { margin-bottom: 10px;}
.footer-social { justify-content: left;}
.footer-contact li { display: flex; align-items: center;}
.footer-contact li a { display: inline-block;}
.footer-contact li a .fa-whatsapp { margin-left: 0; transition: all ease-out 0.3s;}
.footer-contact li a .fa-whatsapp:hover { background: #72ad47;}

.about-second-block .owl-carousel .owl-stage { display: flex;}
.product-item { height: 100%;}
.about-facility-delivery-block { display: block; padding: 70px 0;}
.facility-delivery-box { display: block; position: relative; padding-left: 120px;}
.facility-delivery-box .icon { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; position: absolute; left: 0; top: 0; padding: 5px; border-radius: 100%; border: 1px solid #ee3e35;}
.facility-delivery-box .icon img { max-height: 36px;}
.facility-delivery-box h4 { font-weight: 700; font-size: 24px; margin-bottom: 10px; color: #000000;}

.products-features-bar { display: block; background: #ececec;}
.products-feature-box { display: block; position: relative; padding: 10px 0 35px 0; padding-left: 50px;}
.products-feature-box h5 { margin-bottom: 0px; font-size: 16px; font-weight: 600; color: #000000;}
.products-feature-box p { margin-bottom: 0px; font-size: 12px;}
.products-feature-box .icon { display:flex; width: 45px; position: relative; left: 0; top: 14px; width: 100%;}
.products-feature-box .icon .icon-div{margin-right: 15px;}
.products-features-bar .row > div { border-left: 1px solid #d8d8d8;}
.products-features-bar .row > div:first-child { border-left: none;}

.home-featured-product .featured-product-box h5 { padding-bottom: 15px; margin-bottom: 0;}



.listing-related-products{background:#f9f9f9;}


select {
  padding: 5px 15px 5px 8px;
  font-size: 12px;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
}







.st0{fill:none;stroke:#000000;stroke-width:6;stroke-miterlimit:10;}
.st1{fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}

.st12{fill:none;stroke:#000000;stroke-width:1;stroke-miterlimit:10;}
.st13{fill:none;stroke:#000000;stroke-width:1;stroke-miterlimit:10;}

.markets-applications-box:hover .svg-icon path 
{
  fill: none;
  stroke-dasharray:5000;
  stroke-width: 6;
  stroke-dashoffset: 5000;
  -webkit-animation: dash 5s linear forwards;
  animation: dash 5s linear forwards;
  }

  .markets-applications-box:hover .svg-icon-grag path 
{
  fill: none;
  stroke-dasharray:5000;
  stroke-width: 1;
  stroke-dashoffset: 5000;
  -webkit-animation: dash 5s linear forwards;
  animation: dash 5s linear forwards;
  }
  

.svg-icon{width:250px;}



.markets-applications-box:hover .svg-icon2 
{
   /*  Animation decalaration   */
   animation-name: moveInleft;
   animation-duration: 3s;

  }

.svg-icon{width:250px;}
/* For Icons */

@-webkit-keyframes dash {
to {
stroke-dashoffset: 0;
}
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}





@keyframes moveInleft {
  0% {
      opacity: 0;
      transform: translateX(-50px);
  }

  80% {
      transform: translateX(10px);
  }
  100% {
      opacity: 1;
      transform: translate(0);
  }
}



.markets-applications-box:hover .svg-icon-jcb 
{
   /*  Animation decalaration   */
   animation-name: moveInTop;
   animation-duration: 3s;

  }


  @keyframes moveInTop {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
  
    80% {
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        transform: translate(0);
    }
  }
  



.markets-applications-box .icon1{width: 65px; margin: 0px auto;}
.markets-applications-box .icon2{width:85px; margin: 0px auto;}
.markets-applications-box .icon3{width: 75px; margin: 0px auto;}
.markets-applications-box .icon4{width:75px; margin: 0px auto 7px;}
.markets-applications-box .icon5{width:55px; margin: 0px auto 7px;}


.markets-applications-box .icon{margin: 0px auto; text-align: center;}



.aos-animate .draw-svg-icon path {
  fill: none;
  stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s linear forwards;
  
  }
 
  svg.draw-svg-icon{
    width: 200px !important;
  }
  @keyframes dash {
    to {
      stroke-dashoffset: 0;
    }
  }
  
.center-drew{margin: 0px auto; text-align: center; left: 0; right: 0; position:absolute;}
.center-drew svg{margin: 0px auto; text-align: center; left: 0; right: 0;}
/*  17-11-2022 updates */

/*========================================================================

  font-family: 'Poppins', sans-serif;

  ======================================================================== */



  
  .tab_last { border-right: 1px solid #333; }
  

  ul.tabs li.active {
    background-color: #191515;
    color: #333;
    border-bottom: 1px solid #fff;
    display: block;
    border-image-source: linear-gradient(to bottom, #ee3e35, #ee3e35); background: rgb(179,26,18); background: linear-gradient(0deg, rgba(179,26,18,1) 0%, rgba(242,53,44,1) 100%);
  }
  
  .tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    overflow: auto;
    background: #000;
  }

  .tab_container h5{color: #000; font-size: 25px;}
  .tab_container p{color: #fff;}
  
  .tab_content {
    padding: 20px;
    display: none;

  }
  
  .tab_drawer_heading { display: none; }
  
  @media screen and (max-width: 480px) {
    .tabs {
      display: none;
    }
    .tab_drawer_heading {
      background-color: #000;
      color: #fff;
      border-top: 1px solid #333;
      margin: 0;
      padding:10px 20px;
      display: block;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;

      font-size: 16px !important;
line-height: normal !important;
    }
    .d_active {
      background-color: #ee3e35;
      color: #fff;
    }
  }



  .container-fluid {
    padding: 0px 5%;
 }
 .relative{position: relative;}

 ul.mega-list li a{color: #000 !important; font-size: 13px; padding:25px 15px; display: block; border-radius: 7px; text-align: center; line-height: normal;}
 ul.mega-list li a:hover{background: #fff;}
 ul.mega-list li p {
  font-size: 10px;
  line-height: normal;
  padding: 5px 0 0 0 !important;
  margin-bottom: 0px;
}
 ul.mega-list li{width:25%; display: inline-table;}
 ul.mega-list li a span{width:80px; height:80px; margin: 0px auto; overflow: hidden; border-radius: 100%; border:1px solid #001f3f; display: flex; justify-content: center; align-items: center; margin-bottom:5px; background: #ffffff;}
 ul.mega-list li a::before{display: none !important;}

 #big .item {
  min-height: 450px;
  margin-right: 1px;
}

.home-services-left ul.tabs li { justify-content: center;}
.home-services-left .tab_container { float: none; overflow: inherit;}
.home-services-right { margin-top: 0;}
.home-services-left .tab_container { background: none;}
.home-services-left .tab_content { padding: 25px 0px; /*border-image-slice: 1; border-width: 2px; border-image-source: linear-gradient(to bottom, #ffffff, #ee3e35);*/}
.home-services-left ul.tabs li.active { display: flex;}
.home-testimonial-block .owl-carousel .owl-item { background: #ffffff;}
.home-services-left .tab_content .primary-link { color: #e93128;}
.home-services-left .tab_content .primary-link::after { background: #e93128;}

.page-description img { margin: auto;
  display: block;}
.page-description p a { color: #b30a0c; text-decoration: underline;}
/* .product-page .featured-product-main h5 { font-size: 36px; font-weight: 600;} */

.show-results { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; border: 1px solid #e9e4e4; padding: 10px 15px; margin-bottom: 35px;}
.show-results p { margin-bottom: 0;}
.show-results p .span1 { color: #b30a0c; font-weight: 600;}
.secondary-hero-block .container { padding: 45px 15px;}

.red-line { stroke: #ffc631 !important;}
.pro-pagination { justify-content: center;}
.pro-pagination li { margin: 0 3px;}

.product-filterings { margin: 41px 0;}
.prdduct-pagination { justify-content: center; border-top: 1px solid #e9e4e4; border-bottom: 1px solid #e9e4e4; padding: 15px 0;}
.prdduct-pagination .before,
.prdduct-pagination .after { width: 30px; height: 30px; background: #e9e4e4; color: #000000; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%;}
/* .bottom-description { padding: 25px; border: 1px solid #e7e7e7;} */
.our-mission-block h2 { margin-bottom: 55px;}
.about-top-block h2 .center-drew { position: static;}
.product-page .featured-product-main { margin-left: 55px;}
.product-filterings { margin-right: -35px;}


/* =================== 22-12-2022 Begin =================== */
.logo { align-items: center;}
.header-search-box { display: block; margin-left: 25px;}
.product-search { width: 100%; height: 38px; border-radius: 25px; padding: 0 20px; border: 1px solid #d5d5d5; font-size: 14px;}
.product-search:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus, checkbox:not([disabled]:focus){box-shadow: 0 0 3px 1px #d92d27!important;}

.see-all-megamenus { display: block; text-align: center; padding: 10px 15px; color: #0a1e43; font-size: 16px; font-weight: 700; text-transform: uppercase; background: #ffffff;}
.see-all-megamenus:hover { color: #a2242d;}
.see-all-megamenus i { display: inline-block; margin-left: 5px; font-size: 14px;}
ul.mega-list li a .icon { width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; margin: auto; margin-bottom: 15px; border-radius: 100%; padding: 18px; background: #ee3e35;}
ul.mega-list li { width: 20%; vertical-align: middle;}
ul.mega-list li a .icon img { width: auto; height: auto;}

.header-block.fixed { width: 100%; position: fixed; top: 0; background: #ffffff; z-index: 99;}
.fluid-innovation-right h1 { font-size: 40px; line-height: 44px;}
.fluid-innovation-right p { font-size: 12px; line-height: 20px; font-weight: 400; margin-bottom: 25px;}
.fluid-innovation-block svg.draw-svg-icon { width: auto !important;}
.home-services-left-bottom li { cursor: pointer;}
.our-brands-item  { overflow: hidden;}
.our-brands-item img { transition: all ease-out 0.3s;}
.our-brands-item:hover img { transform: scale(1.05);}
ul.mega-list li a span { overflow: hidden; transition: all ease-out 0.3s;}
ul.mega-list li a:hover span { transform: scale(1.05);}
ul.mega-list li a .icon { transition: all ease-out 0.3s;}
ul.mega-list li a:hover .icon { transform: scale(1.05);}
.home-featured-product .featured-product-box { max-width: 350px; margin: auto; margin-bottom: 30px;}
.global-partners-page .global-partners-block h2 span figure { top: -11px; position: absolute;}
.global-partners-page .partners-brand-page h2 { display: flex; flex-wrap: wrap; justify-content: center;}

.why-genuine-block { display: block; padding: 60px 0;}
.why-genuine-second-block { display: block; padding: 60px 0; background: #f6f5f5;}
.why-genuine-list { display: flex; justify-content: center; flex-wrap: wrap;}
.why-genuine-list li { width: calc(100%/6); display: inline-block; text-align: center; padding: 10px 25px; color: #000000; font-weight: 600; line-height: 20px;}
.why-genuine-list li .icon { width: 60px; display: block; margin: auto;}
.why-genuine-list li img { display: block; margin: auto;}
.why-genuine-third-block { display: block; padding: 60px 0;}
.why-genuine-third-block h2 { margin-bottom: 25px; font-size: 40px; font-weight: 600; line-height: 46px;}
.why-genuine-third-block .resp-tabs-list { display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.why-genuine-third-block .resp-tabs-list li { float: none; background: #f5f5f7; color: #000000; font-weight: 400; margin: 0 5px 5px 0; padding: 7px 15px;}
.why-genuine-third-block .resp-tabs-list li.resp-tab-active { background: #b30a0c; color: #ffffff; border: none;}
.why-genuine-third-block .resp-tab-content { border: none; padding: 0;}

.why-genuine-tabs { display: block;}
.resp-tabs-image { display: flex; justify-content: center; align-items: center; border: 2px solid #f5f5f7; padding: 20px;}
.resp-tabs-image img { max-height: 200px;}
.why-genuine-cont { display: block;}
.counterfeit-comparison { display: block; background: #f5f5f7; height: 100%;}
.counterfeit-image { display: block; background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: cover !important; height: 180px;}
.counterfeit-body { display: block; padding: 20px;}
.counterfeit-body h5 { color: #000000;}
.why-genuine-tabs ul { padding-left: 20px;}
.why-genuine-tabs ul li { list-style: circle; font-size: 14px; line-height: 20px; color: #3e3d3d; margin-bottom: 10px;}
.genuine-parts-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; color: #000000;}
.genuine-parts-box img { display: block; margin-bottom: 10px;}
.genuine-parts-box:hover { color: #d13529;}
.parts-classification-tab .genuine-parts-box img { width: 100%; max-height: 100%; height: 100%;}
.counterfeit-alert-quotes { display: block; background: #F6F3F2; padding: 60px 25%; position: relative;}
.counterfeit-alert-quotes::before { content: ''; width: 60px; height: 48px; display: block; background: url(../img/quote.svg) no-repeat; position: absolute; top: 60px; left: 15%;}
.counterfeit-alert-quotes::after { content: ''; width: 60px; height: 48px; display: block; background: url(../img/quote-end.svg) no-repeat; position: absolute; bottom: 60px; right: 15%;}
.counterfeit-parts { display: flex; flex-wrap: wrap;}
.counterfeit-parts .parts { width: 15%; padding: 15px; display: flex; flex-direction: column; justify-content: center; text-align: center;}
.counterfeit-parts-examples { display: block; padding: 20px; padding-bottom: 10px; background: #f5f5f7;}
.counterfeit-parts-examples img { width: 100%;}

.warranty-return-block { display: block; padding: 60px 0;}
.warranty-return-block ul { display: block; padding-left: 20px;}
.warranty-return-block ul li { list-style: circle; font-size: 14px; line-height: 20px; color: #3e3d3d; margin-bottom: 15px;}
.warranty-return-block h3 { color: #ee3e35; font-size: 40px; font-weight: 700;}
.footer-address { margin-bottom: 15px; min-height: 78px;}
.service-center-box { display: block; padding: 20px; border-radius: 10px; border: 1px solid #cecece; height: 100%;}
.service-center-box h5 { font-weight: 700;}
.service-center-box p a { color: #c50505;}
.service-center-box p a:hover { color: #ef1f1f;}

.about-top-content .fluid-innovation-image { max-width: 350px; float: left; margin: 0 25px 10px 0;}
.about-top-content p,
.product-item-right p,
.testimonial-item p,
.home-services-left-top p,
.home-blog-body p { font-size: 16px; line-height: 24px;}
.why-section-block .commen-listing li { font-size: 16px; line-height: 24px;}
.why-section-icon { background: none;}
.why-section-body .why-section-icon { float: left; margin: 0 30px 15px 0; padding: 0; max-width: 200px;}
.page-description p a:hover { color: #f8931d;}
.blog-detail-main img { max-width: 100%;}
.blog-detail-main table { margin-bottom: 20px;}
.blog-detail-main table tr td { border: 1px solid #e9e9e9; font-size: 14px; line-height: 20px;}

.main-menu > ul > li.drp a::after { content: ''; width: 0; height: 0; display: block; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; border: 8px solid #ffffff; border-color: transparent transparent #ffffff transparent; transition: all ease-out 0.3s; opacity: 0;}
.main-menu > ul > li.drp:hover a::after { opacity: 1;}
.mega-drop { background: #ffffff;}
.mega-list { max-height: 50vh; height: auto; overflow-y: auto;}

.scrollbar-style-1::-webkit-scrollbar
{
	width: 5px;
	background-color: #fff !important;
}

.scrollbar-style-1::-webkit-scrollbar-thumb
{
	border-radius: 100px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #fff !important;
}



ul.mega-list li a span { border: none;}
.see-all-megamenus { padding: 0 !important;}
.mega-drop.brand-dropdown .mega-list li a { margin: 7px; background: #f3f4f9 !important;}
.mega-drop.brand-dropdown .mega-list li a img { width: auto; height: auto;}
.main-menu > ul > li.drp:hover a:before { opacity: 0;}
.featured-image img { transition: all ease-out 0.3s;}
.featured-product-box:hover .featured-image img { transform: scale(1.05);}
.featured-product-box:hover .featured-logo img { transform: scale(1);}
.our-brands-block .owl-carousel.owl-drag .owl-item:nth-child(even) .our-brands-item { margin-top: 0;}
.our-brands-item { background: #f3f4f9; box-shadow: none;}
.our-brands-block .container-fluid { padding: 0px 15px;}

.home-testimonial-block .owl-carousel .owl-item { transition: all ease-out 0.3s; margin: 10px;}
.home-testimonial-block .owl-carousel .owl-item:hover { transform: scale(1.05);}

.Marquee { width :95vw; box-sizing: border-box; display:flex; align-items:center; overflow:hidden; margin: auto;overflow: hidden;
  position: relative;}
.Marquee-content { animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);}
  
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

.Marquee-content:hover{ animation-play-state: paused;}
.Marquee-content a { width: 200px; margin: 0 .5em; display: inline-flex; align-items: center; justify-content: center; transition: all .2s ease;}
.Marquee-content:hover { transform: scale(1.1);  cursor: pointer;}

.Marquee-second .Marquee-content { animation: marquee-return 30s linear infinite running;}
.Marquee-second .Marquee-content:hover { animation-play-state: paused;}
@keyframes marquee-return {
  100% { 
    transform: translateX(0);
  }
  0% { 
    transform: translateX(-50%);
  }
}






.Marquee2 { width :100%; box-sizing: border-box; display:flex; align-items:center; overflow:hidden; margin: auto;}
.Marquee-content2 { display: flex;}
.Marquee-content2 a{
  border: 1px solid #c8c8c8;
  padding:25px;
  position: relative;
  margin: 1px;}
  .Marquee-content2 a p{display: block; width: 100%;}


  @media (max-width: 767.98px) { 
  .hero-secion{margin: 20px 0 0 0 ;}

}
@keyframes marquee {
  0% { 
    transform: translateX(0);
  }
  100% { 
    transform: translateX(-50%);
  }
}
.Marquee-content2:hover{ animation-play-state: paused; transform: scale(1.05);}
.Marquee-content2 a { width:400px; margin: 0 .5em;align-items: center; justify-content: center; transition: all .2s ease; transition: all ease-out .3s;
  -webkit-transition: all ease-out .3s;
  -moz-transition: all ease-out .3s;
  -ms-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;}
.Marquee-content2:hover { transform: scale(1.1);  cursor: pointer; box-shadow: 0px 3px 10px rgb(0 0 0 / 25%);
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px); transition: all ease-out 0.3s;}

.Marquee-second2 .Marquee-content2 { animation: marquee-return2 30s linear infinite running;}
.Marquee-second2 .Marquee-content2:hover { animation-play-state: paused;}
@keyframes marquee-return2 {
  100% { 
    transform: translateX(0);
  }
  0% { 
    transform: translateX(-50%);
  }
}





/* =================== 22-12-2022 End =================== */





.mega-styl2{margin: 0px auto;right: 0; width: 650px;left: -275px;}
.mega-styl2 .mega-list{text-align: center;}
.mega-styl2 ul.mega-list li{width: 33.3%;}

.small-menu{position: relative;}

.yellow-bg-color{background: #f8931d !important;}
.blue-bg-color{background:#0F1F3F !important}
.green-bg-color{background:#0da574 !important}
.purple-bg-color{background:#a364d6 !important}
.light-blue-bg-color{background: #465aa7;}

.btn-serc{background-color: none; color: #7e0000;position: absolute !important;
  right: 0;}

  .home-testimonial-block .owl-carousel .owl-item { border: 1px solid #c8c8c8; padding: 45px; padding-bottom: 120px; position: relative; margin: 10px;}



  .brand-list a img
    {
        width: 110px !important;
        transition: all ease-out 0.3s;
        text-align: center;
    margin: 0px auto;
    }

    .brand-list a:hover img
    {transform: scale(1.05);}

 ul.services-list2 li{font-size: 14px;
  line-height: 22px; color: #fff;}   


  ul.services-list2 li:before {
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 10px;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
    left: 0;
    top: 0;
}


.testimonial-box{border: 1px solid #ccc; padding: 20px; min-height: 265px;transition: all ease-out .3s;
  -webkit-transition: all ease-out .3s;
  -moz-transition: all ease-out .3s;
  -ms-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;}

  .testimonial-box:hover{

    box-shadow: 0px 3px 10px rgb(0 0 0 / 25%);
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  } 


.main-banner{text-align: center; margin: 0px auto;}
.main-banner h2{color: #0F1F3F;font-size: 55px;
  line-height: 55px;
  font-weight: 600; margin-bottom: 0px;}

  .main-banner h2 span {
    color: #ee3e35;
    position: relative;
    display: inline-block;
  } 

  .main-banner figure{position: relative !important; bottom: 0 !important;}
  .main-banner h2 figure{display: block;}

  .breadcrumbs2{margin: 60px 0 0 0;}
  .breadcrumbs2 li, .breadcrumbs2 li a{color:#000 !important;}

  .breadcrumbs2 li:last-child {
    text-decoration: underline;
    color: #ee3e35 !important;
  }
  .breadcrumbs2 li::before{color: #ee3e35 !important;} 





.search {
    position: relative;
    margin: 0 auto;
    width: 300px;
}


.search input{padding-right:28px !important;}
.search input:focus {
    outline: none;
    border-color: #66b1ee;
    -webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -moz-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -ms-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -o-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
}

.search input:focus + .results { display: block }

.search .results {
    /* display: none; */
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    margin: 0;
    background: #fff;
    border: 1px solid #dbdbdb;
   
}

.search .results li { display: block; margin-left: 0px !important; border-bottom: 1px solid #dbdbdb; display: flex;}


.search .results li:first-child { margin-top: -1px }

.search .results li:first-child:before, .search .results li:first-child:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    border: 5px outset transparent;
}

.search .results li:first-child:before {
    border-bottom: 5px solid #c4c7d7;
    top: -11px;
}

.search .results li:first-child:after {
    border-bottom: 5px solid #fdfdfd;
    top: -10px;
}

.search .results li:first-child:hover:before, .search .results li:first-child:hover:after { display: none }

.search .results li:last-child { margin-bottom: -1px }
.search .results h4 {
  color: #ee3e35;
  margin-bottom: 0px;
  font-size: 17px;
  padding: 11px 0 5px 11px;
}
.search .results a img{margin-right: 10px;  width: 80px; height: 80px;}
.search .results a b{display: block; color: #000; font-weight: 500;}
.search .results a {
    display: flex;
    position: relative;
    margin: 0 -1px;
    padding: 6px 10px 6px 10px;
    font-weight: 400;
    text-shadow: 0 1px #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    width: 100%;
    
}

.search .results a h6{font-size: 14px;color: #ee3e35; margin-bottom: 0px;}

.search .results a span { color: #000; font-size: 12px; font-weight: normal;}


.search .results a:hover {
    text-decoration: none;
    background: #f2f2f2;
}

:-moz-placeholder {
    color: #a7aabc;
    font-weight: 200;
}

::-webkit-input-placeholder {
    color: #a7aabc;
    font-weight: 200;
}

.lt-ie9 .search input { line-height: 26px }


.review-item{display: flex;}
.review-item h5{color: #ccc; font-weight: 700; margin-right: 10px; margin-bottom: 0px;}
.review-item i{color:#f6ad01}
.google-review a{color:#9c9fa2; display: block; font-size: 12px; text-decoration: underline;}
.google-review a:hover{text-decoration: none;}



.popup-style2 .modal-header{padding:20px; background: #7e0000;}
.popup-style2 .modal-header h5{color: #fff;}
.popup-style2 .modal-header .btn-close {
  padding: .5rem .5rem;
  margin: -.5rem -.5rem -.5rem auto;
  background: #fff;
  opacity: 1;
  line-height: 0px;
  border-radius: 100%;
}
.popup-style2 .modal-header .btn-close:after{content: "\f00d";font-family:'FontAwesome'; line-height: 0px;}
.popup-style2 .modal-header .btn-close:hover{background: #ffc631; color: #000;}
.popup-style2 .modal-footer{background:#f6f5f5;}

.popup-style2:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus, checkbox:not([disabled]:focus) {
  box-shadow: 0 0 3px 1px #d92d27 !important;
}
.popup-style2 textarea{font-size: 14px; height:100px;}

.form-outline{width: 100%;}



.equipment-overly{background:#f8931dad;}
.skids-overly{background:#505052cc;}
.accessories-overly{background:#7e0000c9;}



.map-block{width: 100%; position: relative; }



.location-box {
  display: inline-block;
  justify-content: center;
  align-items: center;
  height: 15px;
  width: 15px;

}

.location-point {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 12px;
  height: 12px;
  text-align: center;
  transform-origin: center;
  transition: box-shadow 250ms, transform 250ms;
}
.location-point img{width: 10px;}

.location-mark:hover .tooltip-box ,
.location-mark:focus .tooltip-box {
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  transform:  rotateZ(45deg) scale(1.2);
}

.tooltip-box {
  position: relative;
  z-index: 9999;
  padding:15px;
  border-radius: 5px;
  background: #fff;
  opacity: 0;
  visibility:hidden;
  color: #fff;
  width:270px;
  font-size: 0.875rem;
  transition: opacity 500ms, transform 500ms;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.tooltip-box img{margin: 0 0 10px 0; height: auto; width: auto;}
.tooltip-box h4{margin-bottom: 10px; font-size:20px;}
.tooltip-box p{margin-bottom: 0px; font-size: 13px; line-height: normal;}

.location-mark:hover .tooltip-box,
.location-mark:focus .tooltip-box {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
}

.location-mark {
  position: relative;
  background-position:  left bottom;
  background-size: 150% 100%;
  transition: background 500ms, outline 500ms;
  background-position: top left;
  outline: transparent;
  width: 20px;
  height: 25px;
}

.location-mark:hover,
.location-mark:focus {
  background-position: top right;
}

.location-mark:focus {
  outline: 2px solid #3eabfa;
}

.location-outer{position: absolute; top: 0;}



.splide1 .splide__arrows, .splide1 .splide__pagination, .splide2 .splide__arrows, .splide2 .splide__pagination, .splide3 .splide__arrows, .splide3 .splide__pagination, .splide3 .splide__arrows, 
.splide3 .splide__pagination{display: none;}

.mega-styl2 ul.mega-list li:nth-child(5n+1) .icon { background: #f8931d !important;}
.mega-styl2 ul.mega-list li:nth-child(5n+2) .icon { background: #0F1F3F !important;}
.mega-styl2 ul.mega-list li:nth-child(5n+3) .icon { background: #0da574 !important;}
.mega-styl2 ul.mega-list li:nth-child(5n+4) .icon { background: #ee3e35 !important;}
.mega-styl2 ul.mega-list li:nth-child(5n+5) .icon { background: #a364d6 !important;}

.slider3 .splide__arrow, .slider3 .splide__pagination{display: none;}
.testimonial-box img{position: absolute; bottom: 20px;}
/* =====================================================
   08-02-2023
   ===================================================== */
.global-partners-left { text-align: center;}
.map-block { display: inline-block; width: auto; position: relative;}
.location-mark { text-align: left; width: 13px; height: 15px; position: absolute;}
.pointer-1 { left: 209px; top: 226px;}
.pointer-2 { left: 289px; top: 199px;}
.pointer-3 { left: 213px; top: 212px;}
.pointer-4 { left: 260px; top: 206px;}
.pointer-5 { left: 248px; top: 196px;}
.pointer-6 { left: 281px; top: 198px;}
.pointer-7 { left: 246px; top: 213px;}
.pointer-8 { left: 239px; top: 220px;}
.pointer-9 { left: 253px; top: 210px;}
.pointer-10 {left: 236px; top: 201px;}
.pointer-11{left: 512px; top: 165px;}
.pointer-12{left: 505px; top: 167px;}
.pointer-13{left: 506px; top:192px;}
.pointer-14{left: 550px; top:186px;}
.pointer-15{left: 930px; top:223px;}
.pointer-16{left: 206px; top:196px;}
.pointer-17{left: 206px; top:196px;}
.pointer-18{left: 493px; top:196px;}
.pointer-19{left: 535px; top:182px;}
.pointer-20{left: 528px; top:187px;}
.pointer-21{left: 552px; top:202px;}
.pointer-22{left: 543px; top:198px;}
.pointer-23{left: 542px; top:187px;}
.pointer-24{left: 548px; top:192px;}
.pointer-25 {left: 536px;top: 192px}
.pointer-26{top: 266px; left: 728px;}
.pointer-27{top: 287px; left: 735px;}


.header-contact li a i.fa-phone { color: #ff69B4 !important;}
.header-contact li a i.fa-file-pdf-o { color: #FF0000 !important;}
.mega-drop.brand-dropdown .mega-list li a { min-height: 80px; display: flex; align-items: center; justify-content: center;}
.global-partners-right { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 0px; padding: 10px 0; background: none;}
.global-partners-right li { padding: 7px 0; margin: 0 10px; border-top: none;}
.featured-product-main .owl-carousel .owl-item img { max-width: 180px;}

.product-detail-top-left { position: relative;}
.guaranty-badge { width: 110px; display: block; position: absolute; top: 15px; right: 15px; z-index: 2;}
.badges-list { display: flex !important; flex-wrap: wrap; padding-left: 0 !important;}
.badges-list li { list-style: none !important; text-align: center; padding: 0 10px; line-height: 18px; width: 20%;}
.badges-list li .icon { display: block; margin: auto; width: 50px; margin-bottom: 10px;}
.about-top-content h3 { color: #0f1f3f;}

.why-section-block .commen-listing { padding-left: 0;}
.why-section-block .commen-listing li { list-style: none; display: flex; align-items: center; margin-bottom: 20px;}
.why-section-block .commen-listing li img { width: 60px; height: 60px; display: block; margin-right: 10px; padding: 10px; border-radius: 100%; background: #ffffff; box-shadow: 0 0 8px 0 #00000012;}
/* border: 1px solid #d6d6d6; */


/* .global-partners-block { background: #f5f5f5;} */
.brand-partner-top { display: block; padding: 50px 0; background: #f6f6f6;}

.global_img {
  
    width: 60%;
    margin: auto;
    display: block;
    margin-top:10px;
}

.galley-block .resp-tab-content h3 { font-weight: 700; color: #0F1F3F;}

.location-hours li .icon { padding: 14px;}
.location-hours li p { margin-bottom: 0;}
.location-hours li.mobile .icon { background: #8f61d6;}
.location-hours li.phone .icon { background: #63a674;}
.location-hours li.mail .icon { background: #e28c14;}
.wap-no { display: flex; align-items: center; margin: 2px 0;}
.location-hours li a .fa-whatsapp { width: 25px; height: 25px; background: #25d366; border-radius: 100%; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.featured-product-main .owl-carousel .owl-stage-outer { padding: 20px; margin-left: -20px; margin-right: -20px;}
.featured-product-main .owl-carousel .owl-stage { display: flex;}
.featured-product-main .owl-carousel .owl-item { position: relative; transition: all ease-out 0.3s;}
.featured-product-box::before { display: none;}
.featured-product-box:hover { background: none; box-shadow: none;}
.related-product-tabs .featured-product-box { margin: 0; height: 100%; position: relative; padding: 15px; padding-bottom: 60px; position: relative; transition: all ease-out 0.3s;}
.related-product-tabs .featured-product-box::before { content: ''; width: 1px; height: 100%; display: block; background: #e9e4e4; position: absolute; left: -1px; top: 0;}
.related-product-tabs .featured-product-box:hover { background: #ffffff; box-shadow: 0 0 20px 0 #00000023; z-index: 99;}
.featured-product-box .primary-btn { position: absolute; left: 0; bottom: 20px; right: 0; margin: auto; width: 134px;}
.related-product-tabs h3 { margin-bottom: 0 !important;}
.product-detail-social { padding-left: 0 !important;}
.featured-logo { margin-bottom: 10px;}

.product-page .featured-product-box { padding-bottom: 60px; height: 100%; margin-bottom: 15px;}
.home-services-block,
.home-testimonial-block { overflow: hidden;}

.location-box a { display: block; width: 20px; height: 25px; pointer-events: none;}
.pointer-28.location-mark { width: 25px; height: 31px;}
.pointer-28 { top: 245px; left: 678px;}
.pointer-28 .location-point { width: 25px; height: 31px;}
.pointer-28 .location-point img { width: 25px;}
.pointer-28 .location-box { width: 25px; height: 31px;}
.location-mark:hover .location-box a { pointer-events: visible;}

/* .gal-video-box { display: block; padding: 25px; border: 1px solid #e8f3ff; box-shadow: 4px 6px 24px 0 #00000011; padding: 35px;} */
/* .gal-video-box .gallery-box { border: 1px solid #e8f3ff; box-shadow: 4px 6px 24px 0 #00000011; padding: 10px;} */
/* .video-brand-logo::after { content: ''; width: 50%; height: 3px; display: block; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; background: #e8f3ff;} */
.gal-video-box .gallery-box { min-height: 260px;}
.gal-video-box { display: block; border-top: 1px solid #dededf; padding-top: 30px;}
.video-brand-logo { position: relative;}
.gal-video-box .gallery-box { height: 100%;}
.gal-video-box .gallery-box img { max-height: 100%; height: 100%;}
.gal-video-box .gallery-box::before { content: "\f04b"; font-family: 'FontAwesome'; font-size: 20px; color: #000000; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #ffffff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; box-shadow: 0 0 0 6px #0000001f; transition: all ease-out 0.3s; z-index: 5;}
.gal-video-box .gallery-box::after { display: block; width: 100%; height: 100%; background: #000000; opacity: 0.3; transform: translateY(0px); z-index: 4;}
.video-brand-logo .branding { width: 20%;}

h3 span {
  color: #ee3e35;
  position: relative;
  display: inline-block;
}


.detail-brand {position: absolute; left: 0; z-index: 999;  margin: 15px;}




.product-sedebar {
  display: block;
  margin-bottom: 15px;
}
.product-sedebar ul {
  list-style-type: none;
  padding-left: 0;
}
.product-sedebar ul li {
  position: relative;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
  margin-bottom: 7px;
  display: block;
}
.product-sedebar ul li a {
    display: inline-block;
    color: #101010;
    font-size: 15px;
    font-weight: 600;
    word-break: break-word;
}      
.product-sedebar ul li a:hover{
    color: #b30a0c;
}
.product-sedebar ul li a.nested-menu-toggle {
  position: relative;
  width: 15px;
  height: 15px;
  background: #b30a0c;
  color: #ffffff;
  text-align: center;
  border-bottom: 0;
  vertical-align: top;
  margin-left: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
}          
.product-sedebar ul li a.nested-menu-toggle:after {
  position: relative;
  right: 0;
  text-align: middle;
  font-size: 14px;
  content: "+";
  font-weight: 400;
  color: #ffffff;
}
.product-sedebar ul li a:focus,
.product-sedebar ul li a:hover
.product-sedebar ul li a:visited
.product-sedebar ul li a:link {
  border-bottom: 0;
  text-decoration: none;
} 
.product-sedebar ul li a.nested-menu-toggle.rotate:after {
  content: "-";
} 

.product-sedebar ul.sub-menu {
  display: none;
  font-size: 14px;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px dashed #000000;
}

.sub-menu.active > li { position: relative;}
.sub-menu.active > li::before { content: ''; width: 10px; display: block; height: 1px; position: absolute; left: -10px; top: 11px; border-top: 1px dashed #000000;}
.sub-menu.active > li::after { content: ''; width: 7px; height: 7px; display: block; position: absolute; left: -14px; top: 8px; background: #b30a0c; border-radius: 100%;}

/* .page-description img { width: auto;} */

.success-page .login-main { min-height: 200px; box-shadow: none; display: flex; flex-direction: column; justify-content: center;}
.success-page .login-main h6 { color: green; text-align: center; font-size: 18px; font-weight: 400;}
.success-page .login-main h6 span { display: block; font-size: 42px; margin-bottom: 15px; font-weight: 700;}

.product-filterings .primary-btn { display: block; text-align: center; width: 100%; padding: 12px 20px; line-height: 20px; border-radius: 3px;}
.home-blog-block .blog-slider .item { height: 100%;}

.img-fit
{
    max-width: 180px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.fluid-innovation-image::after { box-shadow: none;}
/* .fluid-innovation-image::before { content: ''; width: 80px; height: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute; background-color: transparent; border-radius: 100%; box-shadow: 0 0 0 8px #ffffff7a; -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: .5;}
 @-webkit-keyframes phonering-alo-circle-anim {
   0% {
      box-shadow: 0 0 0 8px #ffffff7a;
   }
   30% {
      box-shadow: 0 0 0 16px #ffffff7a;
   }
   100% {
      box-shadow: 0 0 0 8px #ffffff7a;
   }
 } */

/* .fluid-innovation-image::after { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% { -webkit-transform: rotate(0) scale(1) skew(1deg)}
  10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg)}
  20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg)}
  30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg)}
  40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg)}
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg)}
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg)}
} */
 
.fluid-innovation-image .ripple,
.gallery-box .ripple { position: absolute; top: 50%; left: 50%; height: 65px; width: 65px; transform: translateX(-50%) translateY(-50%); transform-origin: center center; border-radius: 50%; box-shadow: 0 0 0 0 #fff; animation: ripple-video 3s infinite; z-index: 1;}
/* .fluid-innovation-image .ripple::before { animation-delay: .9s; content: ""; position: absolute;  top: 50%; left: 50%; height: 65px; width: 65px; transform: translateX(-50%) translateY(-50%); transform-origin: center center; border-radius: 50%; box-shadow: 0 0 0 0 #fff; animation: ripple-video 3s infinite; z-index: 1;} */
.fluid-innovation-image .ripple, 
.fluid-innovation-image .ripple:after, 
.fluid-innovation-image .ripple:before {position: absolute;top: 50%;left: 50%; height: 70px;width: 70px; transform: translateX(-50%) translateY(-50%);transform-origin: center center;border-radius: 50%;box-shadow: 0 0 0 0 #fff;animation: ripple-video 3s infinite;z-index: 1 }

.gallery-box .ripple, 
.gallery-box .ripple:after, 
.gallery-box .ripple:before {position: absolute;top: 50%;left: 50%; height: 70px;width: 70px; transform: translateX(-50%) translateY(-50%);transform-origin: center center;border-radius: 50%;box-shadow: 0 0 0 0 #fff;animation: ripple-video 3s infinite;z-index: 1 }

.fluid-innovation-image .ripple:before,
.gallery-box .ripple:before {animation-delay: .9s;content: "";position: absolute }
.fluid-innovation-image .ripple:after,
.gallery-box .ripple:after {animation-delay: .6s;content: "";position: absolute }

@keyframes ripple-video 
{
	70% {box-shadow: 0 0 0 20px rgba(255, 255, 255, 0) }
	100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) }
}
.gal-video-box .gallery-box::before { box-shadow: 0 0 0 6px #ffffff1f; width: 70px; height: 70px;}
.featured-logo img { margin: auto;}
.img-fit { height: 59px;}


/* 26-04-2023 */
.desktop-banner {
  position: relative;
  height: auto;
  overflow: hidden;
}
.mobile-banner{
  position: absolute;
  top:0;
}

.fixed {
  animation: 0.7s ease-in-out 0.1s normal both 1 running stickyhead;
}

.fixed {
  position: fixed;
  z-index: 99999999999999;
  width: 100%;
  top: 0;

}


@keyframes stickyhead {
  0% {
   opacity: 0;
   transform: translateY(-100%);
  }
  100% {
   opacity: 1;
   transform: translateY(0px);
  }
  }
   @keyframes stickyhead {
  0% {
   opacity: 0;
   transform: translateY(-100%);
  }
  100% {
   opacity: 1;
   transform: translateY(0px);
  }
  }
  
  .table { width: 100% !important;}
  .product-detail-top-right table tr td { height: auto !important;}
  .footer-timing .timing-icon { width: 44px; height: 44px; display: block; position: absolute; left: 0; top: 5px;}


  .header-search-box .btn { padding: 6px 5px;}

  .application-box {
    text-align: center;
   
    width: 100%;
    padding: 10px;
    height: auto;
    border-radius: 10px;
    padding-bottom: 10px;
}
  .application-box h5{font-size: 13px; margin-bottom: 0 !important;}
  .application-box:hover{ background: #fff;}


  .myCard {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 9999;
  }

  .name-application{position: absolute; bottom:22px;line-height: 17px;}
  .myCard svg{width: 50px !important; margin: 0px auto;}
  .markets-applications-box lottie-player{width:110px; text-align: center;
    margin: 0px auto;}
  .markets-applications-box lord-icon {
    margin-top: -40px;
  }
  .top-svg{margin: 30px auto;}
  .top-svg2{margin:-20px auto;}

  .road-tanker lottie-player{width:130px;}
  .terminal lottie-player{width:90px !important;}
  .retail lottie-player{width:100px !important;}



  .brand-thumb{
    width: 145px;
  }

.log-pay-box { margin-right: 45px;}
.log-pay-box .primary-btn { padding: 5px 20px; font-size: 14px; margin-left: 10px;}
.log-pay-box a { color: #000000; font-size: 14px; text-transform: uppercase;}

.home-page { overflow: hidden;}