*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; border: 0; }
:root { 
  --full-width: 100%; 
  --full-height: 100%; 
  --white: #ffffff; 
  --black: #000000;
}
body{font-family:'Montserrat', sans-serif; overflow-x:hidden; background:#ffffff; font-size:16px; line-height: 24px;}
a {color: #0077ff;text-decoration: none;}
a:hover {color: #00b4e4;text-decoration: none;}
img {max-width: 100%;height: auto;}
h1,h2,h3,h4,h5,h6 {clear: both;margin: 0;padding: 0; font-weight: normal;}
h2{font-weight: 600;}
.section {padding: 80px 0;}
h1, h2, h3, h4, h5, h6{color:#0d0d0d; font-weight:600; line-height:1.12em; font-variant-ligatures:common-ligatures; margin-top:0; margin-bottom:0;}
h1{font-size:36px; line-height:1.31818182em;}
h2{font-size:30px; line-height:1.3em;}
h3{font-size:24px; line-height:1.4em;}
h4{font-size:18px; line-height:1.3em;}
h5{font-size:16px; line-height: 20px;}
h6{font-size:16px; line-height: 20px;}
@media all and (max-width: 767px) {
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:20px;}
}
.top20 {
  margin-top: 20px;
}
.top10 {
  margin-top: 10px;
}
.top15 {
  margin-top: 15px;
}
@media (min-width: 992px) {
  .mobile-nav-toggle.mobile-nav-show {display: none;}
  .mobile-nav-toggle.mobile-nav-hide {display: none;}
  .mobile-nav-show, .mobile-nav-hide {display: none;}
}


/* .header-block{ position: relative; padding: 20px 0; } */
.header-main{width: 100%; background-color: #fff;}
.main_nav .nav2 li{list-style-type: none;}
.main_nav .nav2{display: flex; margin-bottom: 0; padding-left: 0;}

.main_nav{width:auto; margin:0; position:relative;}
.nav2{margin:0; padding:0; text-align:right; font-size:0;}
.nav2 li{margin:0; padding:0; list-style:none; position:relative;}
.nav2 a{margin:0; padding:8px 8px; display:block; font-size:16px; line-height:22px; font-weight:500; color:#47494b; text-decoration:none;}
.nav2 ul{width:180px; z-index:10; box-shadow:4px 5px 0 rgba(138, 87, 69, 0.4);}
.nav2 li.active > a{color:#47494b; border-bottom:1px solid #0077ff;}
.nav2 > li{display:inline-block; margin:0 0 0 30px;}
.nav2 > li:first-child{margin-left:0;}
.nav2 > li > a{padding:5px 0 5px; color:#47494b; border-bottom:1px solid transparent;}
.nav2 > li > a:hover{color:#0077ff; text-decoration:none;}
.nav2 > li > a:before{content:""; position:absolute; left:50%; bottom:0px; height:1px; width:0%; border-bottom:1px solid #0077ff;	
-webkit-transition: all .25s  ease-in;
-moz-transition: all .25s  ease-in;
-ms-transition: all .25s  ease-in;
-o-transition: all .25s  ease-in;
transition: all .25s  ease-in;
}
.nav2 > li:hover > a:before{left:0%; width:100%; border-bottom:1px solid #0077ff;}
.nav2 > li > .parent:after{content:"\f107"; display:inline-block; vertical-align:middle; margin-left:6px; margin-top:-2px; font-family:'FontAwesome';}
.nav2 > li li > .parent:after{content:"\f105"; position:absolute; top:8px; right:10px; font-family:'FontAwesome';}
.nav2 li ul{position:absolute; left:-9999px; text-align:left;}
.nav2 > li.hover > ul{left:0;}
.nav2 li li.hover ul{left:100%; top:0;}
.nav2 li li a{background:#b4745a; z-index:100; font-size:15px; color:#ffffff; border-top:none;}
.nav2 li li:first-of-type a{border-top:none;}
.nav2 li li li a{background:#249578; z-index:200; border-top:1px solid #1d7a62;}
.nav2 li.hover > a.parent{color:#ffffff;}
.nav2 .dropdown-toggle{border-bottom:none;}
/* .nav2 .nav-item ul li a{border-bottom: none; } */


#header{padding:0; background:#ffffff; box-shadow: 0px 0px 4px 0px #a2a2a2;}
#header .header-info .header-search{display:inline-block; margin:0; color:#0077ff;}
#header .header-info .header-search:hover{color:#696969;}
#header .header-info .header-cart{display:inline-block; vertical-align:middle; color:#696969; margin:0 30px;}
#header .header-info .header-cart{position:relative; font-size:18px;}
#header .header-info .header-cart:hover{color:#f4462f;}
#header .header-info .header-cart span{width:20px; height:20px; display:inline-block; background:#31aff5; border-radius:50%; text-align:center; font-size:10px; font-weight:600; color:#ffffff; line-height:21px; position:absolute; top:-5px; right:-10px;}
#header .header-info .header-signin{font-weight:500; font-size:16px; color:#636363;}
#header .header-info .header-signin:hover{color:#0077ff;}
#header .header-info .administrator_box{display:inline-block;}
#header .header-info .administrator_box > a{font-weight:500; font-size:13px; color:#636363;}
#header .header-info .administrator_box > a:hover{color:#f4462f;}
#header .header-info .administrator_box > a span{width:24px; height:24px; display:inline-block; vertical-align:middle; margin-right:3px; background:#101a2c; border-radius:50%;     font-weight:600; font-size:13px; line-height:24px; color:#fffefe; text-transform:uppercase; text-align:center;}
#header .header-info .administrator_box .dropdown-menu{right:0; left:auto; z-index:1010; top:57px; margin:0; padding:15px 10px 15px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
#header .header-info .administrator_box .dropdown-menu li a{color:#515253; padding:6px 15px;}
#header .header-info .administrator_box .dropdown-menu li a:hover{background:none; color:#f3462f;}
#header .header-info .administrator_box .dropdown-menu li.logout a{margin-top:15px; padding:8px 5px; background:#f4462f; color:#ffffff;}
#header .header-info .administrator_box .dropdown-menu li.logout a:hover{background:#cf2e18;}
#header .header-info .administrator_box .dropdown-menu li.user{padding:0 15px; font-weight:500; color:#2b2b2c; margin-bottom:5px;}

#header .header-info-area{ display: flex; }

#header .header-info-area .header-signin1, #header .header-info-area .header-cart, #header .header-info-area .header-search{ transition: 1s; color: #3a96fe; font-size: 16px; width: 34px; height: 34px; background: #e5f0fd; display: flex; align-items: center; justify-content: center; border-radius: 50px;  }
#header .header-info-area .header-signin1:hover, #header .header-info-area .header-cart:hover, #header .header-info-area .header-search:hover{ color: #fff; background: #3a96fe; }


/* SEARCH PART */

.header-search-top .form-control:focus{box-shadow:none;}
#SearchModal .modal-content{background: transparent;}
#SearchModal .form-control{font-size: 16px; padding-right: 55px; height: 46px;}
#SearchModal .btn{max-width: 70px; min-width: auto; height: 46px;}
#SearchModal .input-group-append{position: absolute; right: -7px; z-index: 4;}
#SearchModal .modal-dialog{margin:4rem auto 1.75rem;}

/* sing-up*/

.show-password{position:relative;} 
.show-password > span.show-password-link, .show-password > span.show-password-link2{position:absolute; top:0; left:auto; right:0; width:32px; height:44px; line-height:42px; font-family:"Font Awesome 6 Free"; font-size:0.875rem; color:#aeb1b1; cursor:pointer; text-align:center; z-index:5;} 
.show-password > span.show-password-link:before, .show-password > span.show-password-link2:before{content:"\f06e";} 
.show-password > span.show-password-link.selected:before, .show-password > span.show-password-link2.selected:before{content:"\f070"} 
.show-password > span.show-password-link:hover, .show-password > span.show-password-link2:hover{color:#333333;}  

.login-title .btn-close{ background-image: none; position: absolute;top: 9px;right: 10px;font-size: 40px; line-height: 1; color: #434343;width: auto;padding: 0;margin: 0;}
.login-title .modal-content{border-radius:10px;}
.login-title .modal-body{padding:15px;}
.login-title .modal-content{max-width: 300px; border: none; box-shadow: 0 0 7.5px rgba(0,120,255,0.26);}
.login-title .modal-action{padding-top: 30px;}
.login-title .modal-action a{font-size: 12px; line-height: 16px;color: #0078ff;font-weight: 400;}
.login-title .modal-login-form{margin-top:40px; padding:0 30px; min-height:281px;}
.login-title .modal-body .form-group{margin-bottom:15px;}
.login-title .modal-body .form-control{padding: 10px 28px 10px 10px;}
.login-title .modal-body .form-control:focus{box-shadow:none;}
.login-title .modal-body .form-label{margin-bottom:2px; font-size:0.875rem; color:#6f6f6f;}
.login-title .modal-bottom{padding-top:15px; border-top:1px solid #d9d9d9;}
.login-title .modal-bottom p{font-weight:500; font-size:14px; line-height:20px; color:#0e1f3e; margin-bottom:0;}
.login-title .modal-bottom a{font-weight:500; font-size:14px; line-height:18px; color:#0078ff; text-decoration: underline; text-transform: uppercase;}
.login-title .modal-action a:hover{ color: #23527c; }
.login-title .modal-bottom a:hover{color: #23527c;}
.login-title h4{font-size: 18px;line-height: 22px; margin-bottom: 20px; color: #0e1f3e; font-weight: 600; font-family: "Montserrat";}
.login-title .login-btn:hover {color: #fff;background-color: #0b5ed7;border-color: #0a58ca;}
.login-title .login-btn{ font-size: 14px; text-align: left; display: block; border-radius: 5px; line-height: 18px; text-transform: uppercase;color: #f7f9fd;border-color: #0078ff; background-color: #0078ff; padding: 12px 28px; font-weight: 400;font-family: "Montserrat";}
.login-title{ left: inherit; right: -32%; top: 44px; }
.page-template-modal .modal-backdrop { background-color: transparent; }




.login-modal .modal-dialog{padding-top: 60px;}
.login-modal .modal-header{border-bottom: none;background-color: #ddebfb;}
.login-modal .modal-header h5{color: #4e4d4f;}
.login-modal .modal-content{border: none;}
/* .login-modal .modal-content .login-btn{padding: 8px 25px 8px 25px;} */
.login-modal .login-btn:hover {color: #fff;background-color: #0b5ed7;border-color: #0a58ca;}
.login-modal .login-btn{ font-size: 14px; text-align: left; display: block; border-radius: 5px; line-height: 18px; text-transform: uppercase;color: #f7f9fd;border-color: #0078ff; background-color: #0078ff; padding: 12px 28px; font-weight: 400;font-family: "Montserrat";}
.login-modal .modal-action{padding-top: 25px;}
.login-modal .modal-action a{font-size: 13px; line-height: 16px;color: #0078ff;font-weight: 400;}
.login-modal .form-group label{margin-bottom:2px; font-size:0.875rem; color:#6f6f6f;}
.login-modal .btn-close{font-weight: bolder;width: 12px;height: 12px;background: #fff;opacity: 1 !important;position: absolute;top: -5px;right: -5px;border-radius: 50%;line-height: 0px;text-align: center;color: #4e4e50;text-shadow: 0 1px 0 #959595;padding: 0;font-size: 1.2rem;line-height: 0;outline: 0;padding: 12px;
}
.login-modal .modal-bottom{padding-top:25px;padding-bottom:25px; border-top:1px solid #d9d9d9;}
.login-modal .modal-bottom p{font-weight:500; font-size:14px; line-height:20px; color:#0e1f3e; margin-bottom:0;}
.login-modal .modal-bottom a{font-weight:500; font-size:14px; line-height:18px; color:#0078ff; text-decoration: underline; text-transform: uppercase;}
.login-modal .modal-bottom a:hover{color: #23527c;}



#footer{padding:0;}
#footer .footer-top{padding:60px 0; background:#0e1f3e;}
#footer .footer-top h3{font-size:18px; font-weight:500; color:#ffffff; margin-bottom:20px; position: relative;}
#footer .footer-top h3:before{content:"|"; font-size:18px; font-weight:500; color:#0077ff; display:inline-block; vertical-align:top; margin-right:5px;}
#footer .footer-top p{font-size:16px; font-weight:500; line-height:24px; color:#b1b5bb;}
#footer .footer-left h2{font-size:22px; color:#ffffff; margin-bottom:10px;}
#footer .footer-left h5{font-size:22px; font-weight:300; color:#ffffff;}
#footer .footer-left h5 a{color:#0077ff; display:inline-block; border-bottom:1px solid #0077ff;}
#footer .footer-address h5{color:#b1b5bb; font-weight:500; font-size:16px;}
#footer .footer-address h5 i{margin-right:8px;}
#footer .footer-address h5 a{color:#b1b5bb; display: block;}
#footer .footer-address h5 a:hover{color:#ffffff;}
#footer .footer-nav ul{margin:0; padding:0;}
#footer .footer-nav li{margin:0 0 10px; padding:0; list-style:none; line-height:20px;}
#footer .footer-nav li:last-child{margin-bottom:0;}
#footer .footer-nav li a{margin:0; padding:0;transition: 0.5s; font-size:16px; font-weight:500; color:#b1b5bb; text-decoration:none;}
#footer .footer-nav li a:hover{color:#ffffff; text-decoration:none;}
#footer .footer-social ul{margin:0; padding:0;}
#footer .footer-social li{margin:0 0 0 6px; padding:0; list-style:none; display:inline-block; vertical-align:top;}
#footer .footer-social li:first-child{margin-left:0;}
#footer .footer-social li a{margin:0; padding:0; width:30px; transition: 0.5s; height:30px; border-radius:50%; float:left; line-height:30px; text-align:center; text-decoration:none;}
#footer .footer-social a i{font-size:18px; color:#ffffff; vertical-align:middle;}
#footer .footer-social a:hover{text-decoration:none; background:#ffffff;}
#footer .footer-social a:hover i{color:#191919;}
.call-top{margin-bottom: 10px;}
#footer .footer-bottom{padding:15px 0; background:#071633;}
#footer .copyright{font-size:16px; font-weight:500; color:#b1b5bb;}
#footer .copyright a{font-weight:400; color:#ffffff;}
#footer .footer-bottom-nav li{display:inline-block; vertical-align:top; padding:0; border-bottom:none; margin-left:12px;}
#footer .footer-bottom-nav li:before{content:"|"; font-size:12px; font-weight:400; color:#9d9fa7; display:inline-block; margin-right:12px;}
#footer .footer-bottom-nav li:first-child{margin-left:0;}
#footer .footer-bottom-nav li:first-child:before{display:none;}
#footer .footer-bottom-nav li a{font-size:16px; font-weight:500; color:#b1b5bb; transition: 0.5s;}
#footer .footer-bottom-nav li a:hover{color:#ffffff;}
.footer-bottom-nav{text-align: right;}

.back-to-top{position:fixed; bottom:40px; right:40px; width:40px; height:40px; border-radius:50%; text-decoration:none; color:#ffffff; line-height:42px; text-align:center; background:#31aff5; z-index:1; display:none;}
.back-to-top i{font-size:20px;}
.back-to-top:hover{color:#ffffff; background:#f4462f;}
.back-to-top:focus{color:#ffffff;}



@media (min-width: 991px) {
  .navbar { padding: 0;}
  .navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center;}
  .navbar li { position: relative;}
  .navbar>ul>li { white-space: nowrap; padding: 10px 0 10px 40px;}
  .navbar-list li a:hover { color: #4068fc;}
  .navbar .dropdown ul { display: block; position: absolute; left: 28px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #f79546; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s;}
  .navbar .dropdown ul a:hover,
  .navbar .dropdown ul .active:hover,
  .navbar .dropdown ul li:hover>a { color: #000;}
  .navbar .dropdown:hover>ul { opacity: 1; top: 100%; visibility: visible;}
  .navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden;}
  .navbar .dropdown .dropdown:hover>ul { opacity: 1; top: 0; left: 100%; visibility: visible;}
  .nav2 .nav-item ul li a{border-bottom: none; padding-left: 3vh;}
  .main_nav .signin-hide{display: block;}
  #signinShow{display: block;}
  .search-box{display: none;}
 
}
@media (max-width: 991px) {
    .navbar { position: fixed; top: 0; right: -100%; width: 100%; max-width: 375px; bottom: 0; transition: 0.3s; z-index: 9997; }
    .header-info{padding-right: 70px}
    .main_nav{ position: static;}
    .navbar ul { position: absolute; inset: 0; padding: 80px 30px 10px 0; margin: 0; background: #272727; overflow-y: auto; transition: 0.3s; z-index: 9998;}
    .navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li:hover>a {color: #fff;}
    .navbar-list li.current a {color: #fff;}
    .navbar .dropdown>.dropdown-active,
    .navbar .dropdown .dropdown>.dropdown-active {display: contents;}
    .mobile-nav-show {position: absolute; color: #666; font-size: 28px; cursor: pointer; line-height: 0; transition: 0.5s; z-index: 9999; right: 20px;}
    .mobile-nav-hide {color: #fff; font-size: 32px; cursor: pointer; line-height: 0; transition: 0.5s; position: fixed; right: 30px; top: 50px; z-index: 9999;}
    .mobile-nav-active {overflow: hidden;}
    .mobile-nav-active .navbar {right: 0;}
    .navbar-list li.current a::after {display: none;}
    .navbar-list li a {color: rgba(255, 255, 255, 0.7); padding: 10px 10px; font-size: 18px; display: block; border-bottom: 1px solid #4d4b4b;}
    .mobile-nav-active .navbar:before {content: ""; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.6); z-index: 9996;}
    .main_nav .nav2 { flex-wrap: wrap; display: block; }
    .main_nav .nav2 li {width: 90%; text-align: left;}
    .nav2 > li:first-child {margin-left: 30px;}
    /* #header .header-info-area {display: none;} */
    #header .header-signin{display: none;}
    
    
    #header .header-search2{display: none;}
   
    #footer .footer-top { padding: 30px 0;}
  .text-center-md{ text-align: center; }
  .footer-col{margin-bottom: 26px;}
  #footer .footer-top h3 {padding-bottom: 10px;}
  #footer .footer-top h3::before {content: ""; margin-right: 0; width: 30px; height: 1px; background: #f3462f; position: absolute; left: 50%; bottom: 0; margin-left: -15px;}
  .footer-bottom-nav{text-align: center;}.header-block
  /* .header-search-top{z-index: 99999;} */
  .nav2 .nav-item ul li a{border-bottom: none; padding-left: 5vh;}
  #header .header-info-area .header-search{ transition: 1s; color: #3a96fe; font-size: 16px; width: 34px; height: 34px; background: #e5f0fd; display: none; align-items: center; justify-content: center; border-radius: 50px;  }
  #header .header-info-area .header-signin{ transition: 1s; color: #3a96fe; font-size: 16px; width: 34px; height: 34px; background: #e5f0fd; display: none; align-items: center; justify-content: center; border-radius: 50px;  }
  .main_nav .search-addon .search-box {width: 180px;}
  .main_nav .search-addon .fa-search{color:#0078ff}
  .main_nav .search-addon span{color:#0078ff;line-height: 1.5;font-size: 12px;letter-spacing: 1px;text-transform: lowercase;}
}
.main_nav .signin-hide{display: none;}
#myDropdown {display: none;}
#signinShow{display: block;}


@media (min-width:1200px){

  .search-box{display: none;}
  
}

@media (max-width: 767px) {
  /* .header-block{flex-wrap: wrap; padding: 67px 0 10px 0;} */
  .logo {width: 170px;}
  /* .header-info {padding: 0 0 10px 0;width: 100%;text-align: center;position: absolute;top: 12px; border-bottom: 1px solid #c4c4c4;} */
  #footer .copyright {padding-top: 10px;}
  .footer-bottom .text-center-md{flex-flow: column-reverse;}
  .no-title .modal-action a {font-size: 14px;}
  .footer-col:last-of-type{margin-bottom: 0;}
  .-title .modal-body {padding: 30px;}
  .-title .f-password .modal-action {padding-top: 10px;}
  .login-title { right: 0;}

  /* .header-info .header-info-area{display: none;} */
  /* #header .header-info .header-info-area .header-search{display: none;} */
  .header-info .header-info-area .header-search{display: none;}
  /* #signinShow{display: block;} */
  .main_nav .signin-hide{display: block;}
  #signinShow{display: block;}
  
}
@media(min-width:600px){
  /* .header-info .header-info-area{display: none;} */
 
}