@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');
body{margin:0;}
#main{width:100%; height:auto; float:left}
#main1{width:100%; height:auto;}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin:0 auto;}
#main-inner4{width:80%; height:auto; margin: 0 auto; overflow:hidden}
#main-inner5{width:80%; height:auto; margin: 0 auto; overflow:hidden}
a{text-decoration:none; color:#333}

.mainlogo{width: 20%; height: auto; float: left; background: #fff;}
.mainlogo img{width: 100%; height: auto; float: left; padding:10px 5px 14px 5px}
.nav-link{color:#404040!important; font-weight: 700!important; margin-top: 5px;}

.topnav2{width: 27%; margin-right: 15px; visibility:hidden;}
.topnav1{width: 27%; margin-right: 15px; visibility:visible;}
.topnav1 .search-container {
  float: right;
  width: 100%;
  -webkit-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.15);
box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.15);
  
}
.topnav1 input[type=text] {
  padding: 8px 6px;
  margin-top: 0;
  font-size: 14px;
  border: none;
  width: 87%;
  border-radius: 5px 0 0 5px;
}
.topnav1 .search-container button {
  float: right;
  padding: 10px 0;
  margin-top: 0;
  margin-right: 0;
  background: #ffaa3d;
  color:#fff;
  font-size: 17px;
  border: none;
  cursor: pointer;
  width: 12.5%;
  text-align: center;
  border-radius: 0 5px 5px 0;
  transition: 0.3s;
}
.topnav1 .search-container button:hover {
  background: #182434;
}

.iconfont{font-style: normal;}

.headerwp {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 25px;
  }
  
  .headtoppart {
    display: block;
    width: 100%;
    background-color: #222b37;
    height: 39px;
    margin: 0 auto;
    padding: 0;
    min-width: 320px;
  }
  .headertopmiddle {
    width: 40%;      
    float: left;
  } 
  
  .headertopright {
    width: 30%;
    float: left;
    text-align: left;
  }
  
  .headertopright a {
    line-height: 39px;
    color: #fff;
    font-size: 14px;
    padding: 12px 12px;
    display: inline-block;
    float: left;
  }
  
  .headertopright a:hover {
    background-color: #272B37;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .headertopright a.facebookicon:hover {
    background-color: #3b5998;
    color: #fff;
  }
  
  .headertopright a.twittericon:hover {
    background-color: #55acee;
    color: #fff;
  }
  
  .headertopright a.linkedinicon:hover {
    background-color: #0077b5;
    color: #fff;
  }
  
  .headertopright a.googleicon:hover {
    background-color: #dd4b39;
    color: #fff;
  }
  
  .address {
    padding: 10px 0 0 0;
    font-size: 12px;
    color: #fff;
  }
  
  .address a {
    color: #fff;
    font-family: 'Nunito', sans-serif;
  }
  
  .address span {
    margin-right: 9px;
    color: #fff;
  }
  
  .address .fa {
    margin-right: 6px;
    margin-left: 6px;
    color: #ceaa02;
  }
  
  .mobiletext02 {
    display: none;
  }

.navbar{width: 100%; height:auto; float: left; padding:0!important; background: #edeceb;}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li{margin-left:-15px!important; margin-bottom: 9px;}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li a{padding:7px 0!important; margin:5px 0!important}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu .subheadnw{font-size: 14px; color: #324c77;}
.dropdown-menunw{-webkit-box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55);
  -moz-box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55);
  box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55); background: #f0f1f2!important;}
  
#myCarousel .carousel-item .mask {
  position: absolute;
  top: 0;
  left:0;
  height:100%;
  width: 80%;
  margin:0 10%;
  background-attachment: fixed;
}
#myCarousel h6{
	color:#fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.68);
}
#myCarousel h4{
	font-size:50px;
	margin-bottom:15px;
	color:#fff;
	line-height:100%;
	letter-spacing:0.5px;
	font-weight:600; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.68); 
}
#myCarousel p{
	font-size:18px;
	margin-bottom:15px;
	color:#fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.68);
}
#myCarousel .carousel-item a{background:#ffaa3d; font-size:14px; color:#2d2d2c; padding:8px 28px; font-weight: bold; display:inline-block; border-radius: 4px;}
#myCarousel .carousel-item a:hover{background:#fff; text-decoration:none;}

#myCarousel .carousel-item h6{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item h4{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item p{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item a{-webkit-animation-name:slideInRight; animation-name:slideInRight;}
#myCarousel .carousel-item .mask img{-webkit-animation-name:slideInDown; animation-name:slideInDown; display:block; height:auto; max-width:100%;}
#myCarousel h6, h4, #myCarousel p, #myCarousel a, #myCarousel .carousel-item .mask img{-webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#myCarousel .container {max-width: 1430px;  }
#myCarousel .carousel-item{height:100%; min-height:480px; }
#myCarousel{position:relative; z-index:1;}

.tabh2{width: 100%; height:auto; padding-top: 15px;}

.section.pb_20, .pb_20 {
	padding-bottom: 20px;
}

.sectiontab{width:100%; height: 650px; float: left; background: url('images/bg.webp');}
.sectiontab1{width:100%; height: 500px; float: left; background: url('images/bg1.webp') bottom no-repeat; background-size: 100% auto;}
.sectiontab1 .connw{width:80%; height: auto; float: right; margin-top: 10px; margin-right: 3%;}
.sectiontab2{width:100%; height: 500px; float: left; background: url('images/bg2.webp') bottom no-repeat; background-size: 100% auto;}
.sectiontab2 .connw{width:80%; height: auto; float: left; margin-top: 10px; margin-right: 3%;}
.sectiontab3{width:100%; height: auto; float: left; background:#fff;}
.sectiontab3 .connw{width:100%; height: auto; float: left; margin-top: 0; margin-right: 0;}
.sectiontab4{width:100%; height: 500px; float: left; background: url('images/bg4.webp') bottom no-repeat; background-size: 100% auto;}
.sectiontab4 .connw{width:80%; height: auto; float: left; margin-top: 10px; margin-right: 3%;}
.sectiontab12{width:100%; height: 500px; float: left; background: url('images/bg5.webp') bottom no-repeat; background-size: 100% auto;}
.sectiontab12 .connw{width:80%; height: auto; float: right; margin-top: 10px; margin-right: 3%;}
.sectiontab13{width:100%; height: 500px; float: left; background: url('images/bg6.webp') bottom no-repeat; background-size: 100% auto;}
.sectiontab13 .connw{width:80%; height: auto; float: right; margin-top: 10px; margin-right: 3%;}



/*===================================*
  10.START BLOG STYLE
*===================================*/
.sectionblog{width:100%; height: auto; float: left; padding-top: 50px!important;}
.blogtext{color: #434342;}
.blog_post {
	margin-bottom: 30px;
	transition: all 0.5s ease-in-out;
}
.blog_content {
	padding-top: 15px;
}
.blog_post .blog_img a {
	display: block;
	overflow: hidden;
}
.blog_img {
	position: relative;
	overflow: hidden;
}
.blog_img img {
	width: 100%;
	transition: all 0.5s ease-in-out;
}
.blog_meta {
	display: inline-block;
	margin-bottom: 5px;
	width: 100%;
}
.blog_meta li {
	float: left;
	margin-right: 15px; margin-left: -39px!important;
}
.blog_meta li:last-child {
	margin-right: 0;
}
.blog_meta li a {
	text-transform: capitalize;
}
.blog_meta li a i {
	margin-right: 5px;
	vertical-align: middle;
	color: #FF324D;
}
.blog_title {
	line-height: 30px;
	margin-bottom: 15px;
	font-weight: 600;
}
h6.blog_title {
	line-height: 24px;
}
.blog_text p {
	margin-bottom: 15px;
}
.blog_text p:last-child {
	margin: 0;
}
.blog_style2{border: 1px solid #e5e5e3;}
.blog_style2 .blog_content {
	padding: 15px;
}
.blog_img .owl-dots {
	position: absolute;
	top: 0;
	right: 15px;
}

.carousel-control-next, .carousel-control-prev{height:40px; width:40px; padding:12px; top:50%; bottom:auto; transform:translateY(-50%); background-color: none; }
.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.carousel-fade .carousel-item {
	opacity: 0;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
	opacity: 1
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active {
	opacity: 0
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
@supports (transform-style:preserve-3d) {
	.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
	}
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}


@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

.sale-banner{margin: 20px 0;}
.sale-banner img {
	width: 100%;
}
.hover_effect1 {
	overflow: hidden;
	position: relative;
	display: block;
}
.hover_effect1::before, .hover_effect1::after {
	background-color: rgba(255, 255, 255, 0.6);
	content: "";
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	transition: all 0.9s ease 0s;
	width: 100%;
	z-index: 1;
}
.hover_effect1::before {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    -moz-transform: translate(105%, 0%);
	-webkit-transform: translate(105%, 0%);
	transform: translate(105%, 0%);
}
.hover_effect1::after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    -moz-transform: translate(-105%, 0%);
	-webkit-transform: translate(-105%, 0%);
	transform: translate(-105%, 0%);
}
.hover_effect1:hover:before, .hover_effect1:hover:after {
	opacity: 0;
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

h3.h3{text-align:center;margin:1em;text-transform:capitalize;font-size:1.7em;}

.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}
.carousel-item1{width:100%!important;margin:0!important;}

.footernw{width:100%; height: auto; float: left; background: #f6f4ee!important; -webkit-box-shadow: 0px -2px 12px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px -2px 12px 5px rgba(0,0,0,0.1);
  box-shadow: 0px -2px 12px 5px rgba(0,0,0,0.1);}

.pro-right{width: 76%; height: auto; float: left; margin: 3% 0;}
.pro-left{width: 20%; height: auto; float: left; margin: 0 2%; padding: 35px 0 0 0;}
.pro-left .con{width:99%; height: auto; float: left; margin:0 0 20px 0; padding:4%; border: 1px solid #dbdbdb; border-radius:5px ;}
.pro-left .con h4{width: 100%; height: auto; float: left; color: #535352; margin-bottom: 10px; padding-bottom: 5px; text-transform: uppercase; font-size: larger; border-bottom: 1px solid #e9e9e9; font-family: 'Roboto', sans-serif; font-weight: bold;}
.pro-left .con #slider-range{margin-top: 10px;}
.pro-left .con a{width:100%; height: auto; float: left; margin:0; padding:7px 0; border-bottom: 1px solid #f0dfdf; color:#7b7b7b; font-size: 14px; transition:0.5s}
.pro-left .con a:last-child{border-bottom:none}
.pro-left .con a:hover{color:#b36202}
.pro-left .con .a{color:#f6931f; font-size: 14px;}
.pro-left .con label{color:#7b7b7b; font-size: 14px!important;}
.pro-left .con .cont {
    width: 100%; 
    float: left;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .pro-left .con .cont input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .pro-left .con .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
  
  }
  
  /* On mouse-over, add a grey background color */
  .pro-left .con .cont:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .pro-left .con .cont input:checked ~ .checkmark {
    background-color: #2196F3;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .pro-left .con .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .pro-left .con .cont input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .pro-left .con .cont .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
.proh3{margin:0; font-family: 'Roboto', sans-serif;}
.proh31{color:#0277c9}
.sort{width:100%; height:auto; float:left; margin:2.5% 0; font-family: 'Roboto', sans-serif;}
.sort p{float:left;}
.sort select{width:20%; height:auto; float: right; border: 1px solid #d6d5d5; padding: 5px;}

#product-details{width:100%; height:auto; float:left; margin:3% 0 2% 0} 
#product-details article{width:35%; height:auto; float:left; }
#product-details .right1{width:58%; height:auto; float:left; margin-left:2.7%; padding:2%; border:1px #E8E6E6 solid; background:white}
#product-details .right1 h3{margin:0 0 1.5% 0; padding-bottom: 2%; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 30px; border-bottom: 1px solid #e7e7e7;}
#product-details .right1 b{float:left; font-weight:normal; color: #999999; text-decoration:line-through; margin:0 2% 0 0; font-size:16px}
#product-details .right1 h4{color:#DA251C; font-size:16px; margin:0; font-weight:normal; margin-top: 2%}
#product-details .right1 .catname{margin-top: 5%}
#product-details .right1 .marg{padding:0 1%; margin-top:0.5%; margin-bottom:0.5%}
#product-details  h4{color:#DA251C; font-size:14px; margin:0; font-weight:normal;}
#product-details .key{width:100%; height:auto; float:left; margin-top: 1.8%; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
#product-details .key p{margin-bottom:20px}
#product-details .key ul{margin:3%; padding:0; color: #333333; font-size:14px}
#product-details .key ul li{ list-style: none; margin: 5px 0 5px -10px;}
#product-details .key ul li .fa{font-size: 10px!important; color: #9b9b9b;}

#product-details .cart{width:auto; height:auto; float:left; background:#FFDB97; padding:1.6% 2.5%; cursor: pointer; font-size:14px; color:black; border:1px #FBA500 solid; border-radius:4px; transition:0.5s}
#product-details .cart:hover{background:#FEBF00;}
#product-details .cart strong{font-size:large}
#product-details .pin{width:100%; height:auto; float:left; margin:2% 0}
#product-details .pin .check{width:45%; height:auto; float:left; padding:2% 2% 2% 0; border:none; border-bottom:2px #999999 solid}
#product-details .pin .check:hover{border-bottom:2px #000 solid}
#product-details .pin .check:focus{border-bottom:2px #000 solid}
#product-details .pin .submit{width:auto; height:auto; float:left; padding:2.12%; border:none; background:#156192; color:white; cursor:pointer; transition:0.5s}
#product-details .pin .submit:hover{background:black}
#product-details .low{width:96%; height:auto; float:left; margin:4% 1% 1% 1%; padding: 1%; border: #e8e8e9 1px solid; border-radius: 4px;;}
#product-details .low h2{color:#156192; border-bottom:1px #DBDBDB solid; padding-bottom:0.7%}
#product-details .low h4{color:#666666; width:25%; float:left}
#product-details .low p{color:#000000; margin: 0.8% 0}
#product-details .low img{width:100%; height:auto; float: left;margin: 1% 0;}
#product-details .compare{width:100%; height:auto; float: left;margin: 3% 0;}
#product-details .compare a{width:auto; height:auto; float: left; margin-right: 2%; border: 1px solid #cecdcd; background:#e7e7e7; padding:2%; color:#000; border-radius: 5px; transition:0.3s}
#product-details .compare a:hover{border: 1px solid #cecdcd; background:#dcdace;}
#product-details .compare a img{width:13px; height:auto; float: left; margin-top: 5%;}
#product-details .mess{width:100%; height:auto; float: left; color: #fff; background-color: #5cb85c; border-color: #4cae4c; text-align: left; padding:8px; border-radius: 6px; margin-top:10px; line-height:200%;}

.page-header-bac{background: #dbeff6; margin-top: 5px}
#page-header{width: 100%; height: auto; float: left; padding: 1% 0}
#page-header .right{width: 100%; float: left;}
#page-header .right a{width: auto; height: auto; float: left; margin: 1px; font-size:14px;}

#logi{width: 40%; height: auto; float: left; margin:5% 30%; background: #EBE8E8; padding: 1%}
#logi a{color: #01A1EF}

#shopcart{width:100%; height:auto; float:left; margin:5% 0}
#shopcart .headi{width: 100%; height: 70px; float:left; padding: 0; border-bottom: #E1DFDF solid 1px;}
#shopcart .headii{width: 100%; height: auto; float:left; padding: 0 0 0.7% 0; border-bottom: #E1DFDF solid 1px;}
#shopcart .headi h1{width:48%; height: auto; float: left; margin: 2% 0 0 0; font-size:xx-large; color:#272727;}
#shopcart .headi h2{width:10%; height: auto; float: left; margin:4% 0 0 0; padding: 0; font-size:16px;}
#shopcart .headi h3{width:14%; height: auto; float: left; margin:4% 0 0 0; padding: 0; font-size:16px;}
#shopcart .headi .h2{width:20%;}
#shopcart .headi .h3{width:20%;}
#shopcart .pin{width:27%; height:auto; float:left; margin:0;}
#shopcart .pin1{width:12%; height:auto; float:left; margin:0;}
#shopcart .pin .check{width:80%; height:auto; float:left; padding:2% 2% 2% 2%; color:#2E2D2D; border:1px solid #0FA3F5; transition:0.2s}
#shopcart .pin .check:hover{border:1px #000 solid}
#shopcart .pin .check:focus{border:1px #000 solid}
#shopcart .pin .check::placeholder{color:#575757; font-size: 12px;  opacity: 1}
#shopcart .pin .submit{width:20%; height:auto; float:left; padding:2.4% 2.12%; border:none; background: #292727 ; color:white; cursor:pointer}
#shopcart .pin .submit:hover{background:black}
#shopcart .pin1 h3{width: 100%; height: auto; float: left; margin-top: 35%;}
#shopcart .con{width: 100%; height: auto; float:left; padding: 2% 0; border-bottom: #E1DFDF solid 1px}
#shopcart .con:last-child{border-bottom: none}
#shopcart .con .img{width: 10%; height: auto; float: left; margin-right: 2%}
#shopcart .con h5{width: 36%; height: auto; float: left; color:#0063D9; padding-right:2%;}
#shopcart .con h4{width: 10%; height: auto; float: left; font-weight: bold; margin-top:0.5%; font-size:18px;}
#shopcart .con .h4{width: 20%; height: auto; float: left; font-weight: bold; font-family: 'Ubuntu', sans-serif;}
#shopcart .con .container{width: 15%; height: auto; float: left;}
#shopcart .con .container1{width: 20%; height: auto; float: left;}
#shopcart .con h6{width: 27%; height: auto; float: left; font-weight:bold; font-size:17px; margin-top:0.5%;}
#shopcart .con .but{width: auto; float: right; padding: 3% 4%; border: #D1CECE solid 1px; background: #EBE8E8; border-radius: 5px; color: black; font-weight:normal; font-size: 12px; margin: 0 0 0 4%; transition: 0.1s}
#shopcart .con .but:hover{border: #8DB9DD solid 1px; background: #EBE8E8;}
#shopcart .buttoo{width: auto; float: right; background: white; border: #C7C6C6 1px solid; color:#232323; font-weight:bold; font-size: medium; padding: 1% 2%; margin:2% 0 0 2%; border-radius: 5px; transition: 0.3s}
#shopcart .buttoo:hover{border: #000000 1px solid}
#shopcart .butto{width: auto; float: right; background: #0576ED; border: #0576ED 1px solid; color: white; font-weight:bold; font-size: medium; padding: 1% 2%; margin:2% 0 0 2%; border-radius: 5px}
#shopcart .butto:hover{background: #faa934; border: #faa934 1px solid}
#shopcart .hold{width: 100%; height: 35px; float: left;}
#shopcart .hold .mess{
    background: #333;
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;
    width: 100%; float: left; margin-bottom: 2%
}
#shopcart .hold1{width: 33%; height: auto; float: right; margin: 1% 0 0 67%}
#shopcart .hold1 .mess{
    background: #333;
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;
    width: 100%; float: right; margin-bottom: 2%
}
#shopcart .container b{width: 100%; height: auto; float: left; margin-top: 5%; font-size: 16px; padding-left: 15%}
#shopcart .con .h6{width: 12%; height: auto; float: left; margin:1% 0 0 0; font-size: 18px; font-weight: bold;}
#shopcart .con .h66{width: 30%; height: auto; float: right; text-align: right; margin:1% 0 0 0; font-size: 18px;}
#shopcart .con .h66 strong{font-weight: normal; font-size: 15px}
#shopcart .con .h66 .strong{width: 30%; height: auto; float: right; color: red; font-size: 18px; font-weight: bold}
#shopcart #logi .span{width: 100%; height: auto; float: left; margin: 0 0 3% 0; font-size: 12px; color:#00365E; text-align: left}
#shopcart #logi .spann{width: 100%; height: auto; float: left; margin:0; font-size: 11px; color:#5E5C5C; text-align: center}
#shopcart #logi .mb-41{font-family: 'Ubuntu', sans-serif;}
#shopcart #logi .input-group{margin-bottom: 5%; width: 100%;}
#shopcart #logi .input-group .form-control{border-radius:5px;}
#shopcart #logi .input-group .form-control1{border-radius:5px 0 0 5px}
#shopcart #logi .updiv{width:98%; height: auto; float: left; margin:1%; background:#008ecb; color:#fff; padding:1%;}
#shopcart #logi .updiv h3{margin:0; text-align:center; border-bottom:1px solid #eee;}
#shopcart #logi .updiv p{margin:1% 0;}
#shopcart .notvisi{width:0; height: 0; float:left; padding: 0; margin:0; border-bottom: none; visibility:hidden}
#shopcart .notvisi1{width:0; height:0; float:left; padding: 0; margin:0; border: none; visibility:hidden}

#static{width:100%; height:auto; float:left; margin:5% 0;}
#static1{width:100%; height:auto; float:left; margin:5% 0; padding:0!important;}
#static a{text-decoration: none}
#static img{width:auto; height:auto; float:left; margin:0 2% 1% 0}
#static h3{color : #1098ad;}
#static p{font-size:large; color:#333333; text-align:justify; line-height:160%; margin:0 0 1.5% 0}
#static span{color:#333333; text-align:justify; line-height:160%; margin:0 0 1.5% 0}
#static ol li{font-size:large ; color:#333333; list-style:none; margin:0.5% 0 0.5% -2%; width:102%; height:auto; float:left;}
#static ol li::before {content: "\2714 " "\00a0 " "\00a0 ";}
#static ul li{font-size:large ; color:#333333; list-style:none; margin:0.5% 0 0.5% -2%; width:102%; height:auto; float:left;}
#static ul li::before {content: "\2714 " "\00a0 " "\00a0 ";}
#static table td{padding:1%; font-size:small; color:#666666;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:95%; height:auto; margin:0 auto; overflow:auto}
#main-inner5{width:95%; height:auto; margin: 0 auto; overflow:hidden}

.headtoppart {
  display: block;
  width: 100%;
  background-color: #222b37;
  height: auto;
  margin: 0 auto;
  padding: 0;
  min-width: 320px;
  }
.headerwp {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 5px;
  }
.headertopmiddle {
  width: 60%;      
  float: left;
  } 
.headertopright {
  width: 30%;
  float: left;
  text-align: left;
  }
.headertopright a {
  line-height: 39px;
  color: #fff;
  font-size: 12px;
  padding: 8px 8px;
  display: inline-block;
  float: left;
  }
.headertopmiddle .address {
  padding: 6px 0 0 0;
  font-size: 12px;
  color: #fff;
  }
.mainlogo{width: 80%; height: auto; float: left; background: #fff;}
.mainlogo img{width: 90%; height: auto; float: left; margin:0 5%; padding:5px 0 7px 0}

.topnav1{width: 0; margin-right: 0; visibility:hidden;}
.topnav1 .search-container {
  float: right;
  width:0;
  -webkit-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.0);
box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.0); visibility:hidden;
  
}
.topnav1 input[type=text] {
  padding: 0;
  margin-top: 0;
  font-size: 0x;
  border: none;
  width: 0;
  height:0;
  border-radius: 0x; visibility:hidden;
}
.topnav1 .search-container button {
  float: right;
  padding: 0;
  margin-top: 0;
  margin-right: 0;
  background: #ffaa3d;
  color:#fff;
  font-size: 0;
  border: none;
  cursor: pointer;
  width: 0;
  text-align: center;
  border-radius: 0;
  transition: 0.3s; visibility:hidden;
}
.topnav1 .search-container button:hover {
  background: #182434; visibility:hidden;
}
.topnav2{width: 98%; margin: 1%; visibility:visible;}
.topnav2 .search-container {
  float: right;
  width: 100%; margin-bottom: 1%;
  -webkit-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.15);
box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.15);
  
}
.topnav2 input[type=text] {
  padding: 5px 6px;
  margin-top: 0;
  font-size: 14px;
  border: none;
  width: 87%;
  border-radius: 5px 0 0 5px;
}
.topnav2 .search-container button {
  float: right;
  padding: 7px 0;
  margin-top: 0;
  margin-right: 0;
  background: #ffaa3d;
  color:#fff;
  font-size: 17px;
  border: none;
  cursor: pointer;
  width: 13%;
  text-align: center;
  border-radius: 0 5px 5px 0;
  transition: 0.3s;
}
.topnav2 .search-container button:hover {
  background: #182434;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu .list-unstyled .menu-item{width:auto; height: auto; float: left; margin:2px!important; padding:5px 15px 5px 5px!important; text-align:center; background: #363636; color:#fff!important;}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu .list-unstyled i,.pl-1,.pr-3{width:0; height: 0; padding:0rem!important; margin:5px!important; visibility:hidden;}
.navbar .mega-dropdown .dropdown-menu.mega-menu .row .sub-menu1{width:31%; height:auto; float:left; margin:0 1%!important; padding:0!important;}
.navbar .mega-dropdown .dropdown-menu.mega-menu .row .sub-menu2{margin:0 0 5px 0!important;}
.navbar .mega-dropdown .dropdown-menu.mega-menu .row .sub-menu1 .news-title{font-size:small!important; text-align:center!important; padding:5px!important;}
.navbar .mega-dropdown .dropdown-menu.mega-menu .row .sub-menu1 .pl-0,.pl-00{font-size:12px!important;}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu .subheadnw{font-size: 12px; color: #324c77;}

.nav-link{color:#404040!important; font-weight: 700!important; margin:5px 0!important; padding-top: 0!important; padding-bottom: 0!important; font-size:12px;}

#myCarousel .carousel-item .mask {
  position: absolute;
  top: 0;
  left:0;
  height:100%;
  width: 100%;
  margin:0;
  background-attachment: fixed;
}
#myCarousel h4{
	font-size:30px;
	margin-bottom:15px;
	color:#fff;
	line-height:100%;
	letter-spacing:0.5px;
	font-weight:600; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.68); 
}
#myCarousel .carousel-item .mask img{-webkit-animation-name:slideInDown; animation-name:slideInDown; display:block; height:auto; max-width:70%;}

.sectiontab1{width:100%; height: 500px; float: left; background: url('images/bg1.jpg') bottom left no-repeat; background-size: auto 100%;}
.sectiontab2{width:100%; height: 500px; float: left; background: url('images/bg2.jpg') bottom right no-repeat; background-size: auto 100%;}
.sectiontab3{width:100%; height: auto; float: left; background:#fff;}
.sectiontab4{width:100%; height: 500px; float: left; background: url('images/bg4.jpg') bottom right no-repeat; background-size: auto 100%;}
.sectiontab12{width:100%; height: 500px; float: left; background: url('images/bg5.jpg') bottom left no-repeat; background-size: auto 100%;}

.pro-right{width: 98%; height: auto; float: left; margin: 0 1%; padding-top: 40px!important;}
.pro-left{width: 98%; height: auto; float: left; margin: 0 1%; padding: 35px 0 0 0;}
.sort select{width:98%; height:auto; float: right; margin:10px 0; border: 1px solid #d6d5d5; padding: 5px;}
.pro-left .con .inp{width:99%; height: auto; float: left; margin:0; border: 1px solid #dbdbdb; border-radius:5px ;}

#logi{width:100%; height: auto; float: left; margin:5% 0; background: #EBE8E8; padding: 1%}
#logi form{padding:10px!important;}
#logi .h4{font-size:x-large;}
#logi .form-control{height: auto; font-size:large;}
#logi .fontmedium{font-size:16px;}

#product-details article{width:98%; height:auto; float:left; margin:1%}
#product-details .right1{width:98%; height:auto; float:left; margin:1%; padding:2%; border:1px #E8E6E6 solid; background:white}
#product-details .pin .check{width:78%; height:auto; float:left; padding:2% 2% 2% 0; border:none; border-bottom:2px #999999 solid; font-size:16px;}
#product-details .pin .submit{width:22%; height:auto; float:left; padding:2.12%; border:none; background:#156192; color:white; cursor:pointer; font-size:16px;}
.rownew{float:left; width: 60%; margin-right:40%!important;}
#product-details .cart{width:80%; height:auto; float:left; background:#FFDB97; padding:3% 0; margin:1% 15% 1% 10%; ; font-size:16px; color:black; border:1px #FBA500 solid; border-radius:3px; transition:0.5s}

#product-details .show-div22{width  : 100%; height : auto; float : left;}
#product-details .low h4{color:#666666; width:100%; float:left; color : #425f82; font-weight : bold;}
#product-details .low p{color:#000000; margin: 0.8% 0; border-bottom:1px solid #21cee7; margin-bottom : 10px; padding-bottom: 8px;}

#page-header{width: 94%; height: auto; float: left; padding: 2% 0; margin:0 3%}
#page-header h2{width: 100%; height: auto; float: left; margin: 0; padding: 0; color: white; font-weight: normal; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); text-align:left}
#page-header .right{width: auto; height:auto; float: left; padding: 10px 0 0 0; margin:0;}
#page-header .right .home{width: 13%; height: auto; float: right; margin-top: 1px; left:0;}

#shopcart .headi{width:0; height: 0; float:left; padding: 0; margin:0; border-bottom: none; visibility:hidden}
#shopcart .notvisi{width:100%; height:auto; float:left; padding: 0 0 1% 0; margin:0; border-bottom: #E1DFDF solid 1px; visibility:visible}
#shopcart .notvisi1{width:30%; height:auto; float:left; padding: 0; margin:3% 2% 3% 0; border: none; visibility:visible; color:red; font-size:16px; font-weight: bold;}
#shopcart .con{width: 96%; height: auto; float:left; padding: 2% 0; border-bottom: red solid 1px; margin:0 2%;}
#shopcart .con .img{width: 50%; height: auto; float: left; margin:2% 50% 2% 0}
#shopcart .con h5{width:100%; height: auto; float: left; color:#0063D9; padding-right:0; font-size:18px; font-weight: bold;}
#shopcart .con h4{width: 68%; height: auto; float: left; font-weight: bold; margin-top:0; text-align:left; margin:3% 0;}
#shopcart .con h6{width: 68%; height: auto; float: left; font-weight:bold; font-size:17px; margin-top:0;}
#shopcart .con .mobh3{margin:0;}
#shopcart .con .containerqnt{width: 68%; height: auto; float: left; font-weight: bold; margin-top:0; text-align:left; margin:3% 0;}
#shopcart .con .but{width: 50%; float: right; padding: 4% 4%; border: #D1CECE solid 1px; background: #EBE8E8; border-radius: 5px; color: black; font-weight:normal; font-size: 12px; margin: 0 0 0 50%; text-align:center; font-size:16px; transition: 0.1s}
#shopcart .nonecon{border-bottom: #E1DFDF solid 1px}
#shopcart .con .h66{width: 100%; height: auto; float: right; text-align: right; margin:1% 0 0 0; font-size: 18px;}
#shopcart .buttoo{width: auto; float: right; background: white; border: #C7C6C6 1px solid; color:#232323; font-weight:bold; font-size: medium; padding: 1% 2%; margin:2% 1% 0 2%; border-radius: 5px; transition: 0.3s}

#static{width:100%; height:auto; float:left; margin:5% 0; padding:20px;}
.dropdown-menunw{-webkit-box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55);
  -moz-box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55);
  box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55); background: #dedede!important;}
.py-5{padding-top:10px!important; padding-bottom:0!important; height: auto;}
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu .sub-title{padding-bottom:0rem!important;margin-bottom:0rem!important}

#static1{width:100%; height:auto; float:left; margin:10% 0!important; padding:0!important;}

}