html, body {overflow-x:hidden;}
body {font-family: 'Cairo', sans-serif; font-weight: normal; color: #000; font-size:16px; line-height: 1.6;}
p {font-weight: 300;}
img {max-width:100%; height:auto;}
a {color:#000; -webkit-transition:all linear 0.2s 0s; transition:all linear 0.2s 0s;}
a:hover, a:focus {text-decoration:none; outline:0; color:#333;}
h1, h2, h3, h4, h5, h6 {font-family: 'Cairo', sans-serif;}
section {padding:60px 0;}
.container {max-width: 1320px;}

.heading_title {display:block; margin-bottom:30px;}
.heading_title h6 {position:relative; font-size:15px; font-weight:700; color:#363636; display:block; margin-bottom:10px;}
.heading_title h2 {position:relative; font-size:34px; font-weight:700; margin-bottom:20px;}

.btn {-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2); box-shadow: 0 0 5px 0 rgba(0,0,0,.2); margin-top:20px; font-size:16px; font-weight:400; padding:0 32px; line-height:56px; outline:0; display:inline-block; position:relative; overflow: hidden;}
.btn i {margin-left: 5px; font-size: 12px; animation: 2s infinite arrowanim; -webkit-animation: 2s infinite arrowanim;  }

.btn-danger {background: rgb(39, 39, 39); background: linear-gradient(0deg, rgb(39, 39, 39,1) 0%, rgb(54, 54, 54,1) 100%); border-color: #272727; }
.btn-danger:hover {background-color: #363636; border-color: #363636; color: #fff;}
.btn-danger.focus, .btn-danger:focus{background-color: #ffd731; border-color: #ffd731; box-shadow: 0 0 0 0.2rem rgb(255 215 49 / 50%);}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle{background-color: #ffd731; border-color: #ffd731;}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgb(255 215 49 / 50%)}

.btn-primary {background: rgb(2,55,223);background: linear-gradient(0deg, rgba(2,55,223,1) 0%, rgba(0,61,255,1) 32%, rgba(0,29,137,1) 99%); border-color: #272727; color: #fff;}
.btn-primary:hover {background-color: #001252; border-color: #001252; color: #fff;}

.btn-warning {background-color:#b20800; border-color: #ff5833; color: #fff;}
.btn-warning:hover {background-color: #ff4534; border-color: #ff4534; color: #fff;}

header {position:absolute; left:0; right:0; top:0; z-index:9;}

.header_right_info {float:right; padding:23px 0 0; text-align:right; position:relative; z-index:99;}
ul.flags_list {list-style: none; padding:0; margin:0; display:inline-block; text-align: right; position:absolute; right:15px; top:13px;}
ul.flags_list li {width:30px; margin-left:10px; display:inline-block;}

ul.top_info {list-style: none; padding:0; margin:0; text-align: left;}
ul.top_info li {display:block; color: #333; margin-bottom:10px;}
ul.top_info li i { margin-right: 3px; color:#272727;}
ul.top_info li a {color: #272727;text-decoration:none;}
ul.top_info li a:hover {color: #363636; text-decoration:none;}

ul.social_icons {list-style: none; padding:0; margin:0; display:block; text-align: left;}
ul.social_icons li {display:inline-block; margin-right:15px; color: #fff;}
ul.social_icons li a {color: #fff;text-decoration:none; font-size:18px;}
ul.social_icons li a:hover {color: #272727; text-decoration:none;}

.h_second_bar { display:block; padding:0; color: #333;}

.logo {position:relative; margin:15px 0; float:left; font-size: 30px; font-weight: bold;}
.logo img {width:240px;}

.header_btns {margin:30px 20px 0 0; float: right;}
.header_btns .btn {margin:0 10px 0 0; padding:10px 20px; line-height:1.4;}
.header_btns .btn:last-child {margin-right:0;}
.btn-yellow {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7e34c+0,cd9c25+100 */
  background: rgb(247,227,76); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(247,227,76,1) 0%, rgba(205,156,37,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(247,227,76,1) 0%,rgba(205,156,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(247,227,76,1) 0%,rgba(205,156,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e34c', endColorstr='#cd9c25',GradientType=0 ); /* IE6-9 */ border-color:#cf9e24;}
.btn-yellow:hover, .header_btns .btn-yellow:focus { border-color:#cf9e24;}

.search_box {margin-left:30px; margin-top:10px; float:left; width:26%; margin-left:5%;}
.search_bg {-webkit-border-radius: 30px; border-radius: 30px; border:#eee solid 1px; padding:5px; background-color:#fff; }
#searchfield{display:block; position:relative; margin:15px 0;}
#searchfield form{display:block; padding:0;margin:0;padding:5px;border-radius:3px;margin:5px 0 0 0;}
#searchfield form input[type=text],
#searchfield form input[type=text] {height:33px; background-color:transparent!important; border:0!important; font-size:14px; color:#333; padding-left:0;}
#searchfield form input[type=text]:focus,
#searchfield form input[type=text]:focus{color:#333; outline:0!important; border:0!important; box-shadow:none!important;}
#searchfield form .biginput {padding-left:15px!important;}
#searchfield .search_button {background: transparent; color: #333; font-size: 16px; text-transform: uppercase; -webkit-border-radius:0 6px 6px 0; border-radius: 0 6px 6px 0; height:inherit;
  -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border:0; outline:0; position:absolute; right:0; top:0; display:block; width:60px; padding:14px;
  -webkit-box-shadow:none; box-shadow: none;}
.autocomplete-suggestions{border:1px solid #ccc; border-top:0; background:#fff;cursor:default;overflow:auto; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
.autocomplete-suggestion{padding:10px 5px;font-size:14px;white-space:nowrap;overflow:hidden}
.autocomplete-selected{background:#f0f0f0}
.autocomplete-suggestions strong{color:#333; font-weight: normal;}

.hero_wrapper {padding:225px 0 60px; background: #ffd731;}
.hero_wrapper h3 {font-size:24px; font-weight: 700; max-width: 400px;; color: #fff;}
.hero_wrapper p {font-size:18px; margin-bottom:50px; color: #fff;}
.hero_wrapper .container {max-width: 1500px;}

#hero_slider {position:relative; display:block; text-align:left; overflow:hidden; color: #333;}
#hero_slider .hero_item {background-color:#272727; color: #fff; text-decoration:none; padding:20px;
  -webkit-transition:all linear 0.2s 0s!important; transition:all linear 0.2s 0s!important; border:2px solid #fff;}
.banner_img_wrapper img {height: 200px; object-fit: scale-down;}
#hero_slider h2 {display:block; color: #fff; font-size:20px; text-transform: uppercase; min-height: 50px; text-align:center;}
#hero_slider .hero_item:hover {background-color: #363636;}
#hero_slider .hero_item:hover h2 {color: #fff;}

.hero_caption {position:relative; display:block;}
.hero_caption h1 {display: inline-block; color: #272727; font-size:65px; line-height:65px; text-transform: uppercase; font-weight: 900; max-width: 90%;}
.hero_caption h3 {font-size:22px; font-weight: bold; color: #272727;}
.hero_caption p {font-size:18px; margin-bottom:10px; color: #272727;}
.hero_caption .btn {margin-top:10px; font-size:18px;}

.banner_bottom {padding:20px 0; color: #fff; text-decoration: none; text-align:center; position:relative; background-color: #272727;}
.banner_bottom img {max-height: 70px; object-fit:scale-down; margin-left:15px; display:inline-block;}
.banner_bottom h3 {margin-bottom:0;}
.banner_bottom span {color: #ffc107;}

.header nav {display: none;}
.header {text-align: center;}
.header {background: transparent; font-size: 16px;font-weight: bold; color: #333;line-height: 40px;-moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px;padding: 0 20px; position:absolute;}
.header.fixed {position: fixed;top: 0;left: 0;}
.header a {display: block;width: 48px; height: 40px; padding: 11px;	margin: 5px; margin-top:0; position: absolute; top: 30px; left:15px; }
.header a:before,
.header a:after {content: '';display: block;background: #fff;height: 2px;}
.header a span {background: #fff;display: block;height: 2px;margin: 6px 0; position:relative;}
.header a span:after {content:"Menu"; position:absolute; left:35px; top:-20px; color:#fff;}
.header h3 a {font-size:13px;}

ul.custome_icons_list { list-style:none; padding:0; margin:0; display:block; text-align:left; margin-top:20px; }
ul.custome_icons_list li { display:inline-block; font-size:13px; color:#000; text-decoration:none; margin:0 5px; margin-bottom:10px; vertical-align:top; }
ul.custome_icons_list li { font-size:13px; color:#000; }
ul.custome_icons_list li .custom_box {width:160px; height:160px;  position:relative; padding:20px; -webkit-border-radius:100px; border-radius:100px; -webkit-transition:all linear 0.2s 0s; transition:all linear 0.2s 0s; background: rgb(39, 39, 39); background: linear-gradient(0deg, rgb(39, 39, 39,1) 0%, rgb(54, 54, 54,1) 100%); text-align:center;}
ul.custome_icons_list li .custom_box p { font-weight:500; margin-bottom:0; line-height: 18px;; color: #fff; }
ul.custome_icons_list li .custom_box .icon_thumb {  display:block; margin-bottom:5px; text-align:center;}
ul.custome_icons_list li .custom_box .icon_thumb img { height:70px; object-fit: scale-down; margin-bottom:10px; }

.section1 {position:relative; display:block; color: #000; text-align:center;}
.section1 h3 {font-weight: bold; color: #000; line-height:40px; font-size:33px;}
.section1 h4 {font-weight: bold; color: #000; line-height:33px; font-size:26px;}

.section2 {text-align:center;  background-color: #f5f5f5; color: #000;}
.section2 .viewall {text-transform:uppercase; padding:0 35px;}
.section2 h3 {font-weight: bold;}
.product_content h3 {font-weight: normal;}
.product_item { -webkit-transition: 0.3s;  transition: 0.3s; margin-bottom: 30px; position:relative; display:block; border:2px solid #eae8e8; border-radius: 20px;}
.product_item:hover {background: #fff; -webkit-border-radius:20px; border-radius:20px; -webkit-box-shadow: 0px 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0px 0 15px 0 rgba(0, 0, 0, 0.1);}
.product_item .product_thumb {position: relative; display:block; text-align:center; background-color: #fff; -webkit-border-radius:20px 20px 0 0; border-radius:20px 20px 0 0; overflow: hidden;}
.p_tag {position:absolute; left:10px; top:10px; padding:2px 7px; background-color:#ccc; color: #fff; text-decoration: none; z-index: 9; font-size:12px; text-transform: uppercase; -webkit-border-radius:20px;border-radius:20px;}
.product_item .product_thumb .primary_img {position:relative; display:inline-block; height:300px; object-fit: scale-down; width:auto;}
.product_item .product_thumb .secondary_img {display:none; height:300px; object-fit: scale-down; width:auto;}
.product_item:hover .product_thumb .primary_img {display:none;}
.product_item:hover .product_thumb .secondary_img { display:inline-block;}
.product_item .product_thumb .quick_button {position:absolute; left:inherit; top:10px; right:10px; font-size:0; color: #011985; padding:0; opacity:0; -webkit-transition:all linear 0.2s 0s; transition:all linear 0.2s 0s; }
.product_item:hover .product_thumb .quick_button {opacity:1; font-size:18px; }
.product_content {display:block; text-align:center; padding:15px; background-color: #fff; -webkit-border-radius:0 0 20px 20px; border-radius:0 0 20px 20px; overflow: hidden; }
.product_content h3 {font-size:19px; color: #000; text-decoration:none; position:relative; padding:0 25px 10px; margin-bottom:10px;}
.product_content h3 a {text-decoration:none; display:block; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product_content h3 a:hover {text-decoration:none; color: #000;}
.product_desc {margin-bottom: 15px; position: relative; padding:15px; padding-top:0;}
.product_desc:before {background-image: linear-gradient(to right, transparent, #ebebeb 30%, 85%, transparent); content: ""; display: block; height: 1px; width: 100%; position: absolute; left: 0; right: 0;
    bottom: 0;}
.product_desc p {font-size: 15px; line-height: 22px; margin-bottom:0; color: #000; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height:36px;}
.product_hover {position: absolute; top: 50%; z-index: 9;left: 0; background: #fff; padding: 3px 8px 20px 8px; box-shadow: 0px 6px 7px 0 rgba(0, 0, 0, 0.1); transition: all 300ms ease-in-out; opacity: 0;    visibility: hidden; z-index:99; -webkit-border-radius:0 0 20px 20px; border-radius:0 0 20px 20px; overflow: hidden;}
.product_item:hover .product_hover {top:85%; opacity: 1; visibility: visible;}
.product_content .btn {margin-top:-3px;}

.sketch_img_box {width: 100%; height:300px; position: relative; display: block; border:#ccc solid 1px; -webkit-border-radius:20px; border-radius:20px; overflow: hidden;}
.sketch_img_box .normal_img,
.sketch_img_box .hover_img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 70%;
  display: block; transition: all linear .2s 0s; -webkit-transition: all linear .2s 0s;}
.sketch_img_box .normal_img {opacity: 1;}
.sketch_img_box .hover_img {opacity: 0;}
.sketch_img_box:hover .normal_img {opacity: 0;}
.sketch_img_box:hover .hover_img {opacity: 1;}
.sketch_box_title {display:block; text-align: center; margin-top:10px;}
.sketch_box_title h5{position: relative; font-size:13px; text-transform: uppercase;}
.sketch_img_box .box_bg {background: rgb(39, 39, 39); background: linear-gradient(0deg, rgb(39, 39, 39,1) 0%, rgb(54, 54, 54,1) 100%);
  position:absolute; left:0; right:0; top:0; bottom:0; width: 100%; height: 100%; z-index:-1; opacity: 0; -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s;}
.sketch_img_box:hover .box_bg {opacity:0.9;}

.section3 {background-color: #fff;}

.section4 {background-color: #fff; display: block; text-align: center; color: #000; padding-top:0;}
.section4 .container {max-width: 1140px;}
.section4 h4 {font-size: 36px; font-weight: 700; color: #000; text-align: center; margin: 0; padding: 0; margin-bottom: 10px; line-height: 56px;}

.section5 {background-color: #f5f5f5;  display: block; text-align: center; color: #000;}
.section5 .container {max-width: 1140px;}
.section5 h2 {font-size: 36px; font-weight: 700; color: #000; text-align: center; margin: 0; padding: 0; margin-bottom: 10px; line-height: 56px;}

.section6 {background-color: #fff;}
.section6 h4 {font-weight: bold; color: #000; line-height:22px; font-size:18px;}

.accordian_box {width: 100%; display:block; text-align:left;margin-top:25px;}
.card {position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0;
  word-wrap: break-word; background-color: transparent; background-clip: border-box; border:0; border-radius: .25rem;}
.card {border-bottom: none; border-radius: 0;-webkit-border-radius: 0;  border: 0; margin-bottom: 10px;}
.card > .card-header {background: #fff;  padding: 0; -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 5px; box-shadow: rgba(0,0,0,0.1) 0 0 5px; color: #111; text-decoration: none;
  border-radius: 30px; -webkit-border-radius: 30px; overflow: hidden;}
.card h5 > a { display: block; cursor: pointer; outline: medium; padding:15px; text-decoration: none; padding-left: 25px; font-size:17px;  }
.card h5 > a.accordion-toggle.collapsed::before,
.card a.collapsed[data-toggle="collapse"]::before {content: "\f067";}
a:not([href]):not([tabindex]) {color: inherit; text-decoration: none;}
  a[aria-expanded="true"] {background-color: #01238f; color: #fff !important; border: #01238f solid 1px !important; }
.card h5 > a.accordion-toggle::before,
.card a[data-toggle="collapse"]::before {content: "\f068"; float: right; font-family: fontawesome; margin-right: 10px; margin-left: 10px;}

.footer_up_section {background-color: #272727; display: block; text-align: center; color: #fff; background-repeat:no-repeat; background-position:center; background-size:100%;}
.footer_up_section .container {max-width: 1140px;}
.footer_up_section h4 {font-size: 36px; font-weight: 700; color: #fff; text-align: center; margin: 0; padding: 0; margin-bottom: 10px; line-height: 52px;}

footer {background-color: #f7f7f7; padding:70px 0;}
.footer_top {position:relative; display:block;}
.footer_top h4 {text-transform: uppercase; color:#000; font-size:20px; margin-bottom:10px; font-weight: 700; }
ul.footer_list {list-style: none; margin: 0; padding: 0;}
ul.footer_list li{ margin-bottom: 10px; font-size:14px; text-transform: uppercase;}
ul.footer_list li a{ color:#000}
ul.footer_list li a:hover{ color:#011985}

ul.contact_info_list {list-style: none; padding: 0;margin: 0; margin-bottom: 0px; display: block; margin-bottom: 20px;}
ul.contact_info_list li {margin-bottom: 10px; display: block; position: relative; padding-left: 25px;}
ul.contact_info_list li i {color: #000; font-size: 14px; min-width: 24px; position: absolute; left: 0; top: 2px;}
ul.contact_info_list li a {color: #000; text-decoration: none;}

.newsletter_box form {position:relative; display:block;}
.newsletter_box .form-control {-webkit-border-radius: 5px 0 0 5px!important; border-radius: 5px 0 0 5px!important; height:55px; padding:10px; border:0; margin-right:15px; width:80%;-webkit-box-shadow:rgba(0,0,0,0.2) 0 0 10px; box-shadow:rgba(0,0,0,0.2) 0 0 10px;}
.newsletter_box .btn_subscribe {-webkit-border-radius:0 5px 5px 0!important; border-radius:0 5px 5px 0!important; height: 55px;
  background: rgb(39, 39, 39); background: linear-gradient(0deg, rgb(39, 39, 39,1) 0%, rgb(54, 54, 54,1) 100%); color: #fff; font-size:14px; padding:7px 20px!important;
position:absolute; right:0; top:0; border:0; outline:0;}

.footer_bottom {padding:30px 0 0; text-decoration: none; text-align:center; margin-top:30px; font-size: 14px;}
ul.social_list {list-style: none; padding:0; margin:0; display:block; text-align: center; margin-bottom:10px;}
ul.social_list li {display:inline-block; margin:5px;}
ul.social_list li a {display:block; width:40px; height:40px; padding-top:7px; text-align: center; background-color:#fff; border:#272727 solid 1px; color:#272727; -webkit-border-radius:2px; border-radius:2px;}
ul.social_list li a:hover {background-color:#ffd731 ; color:#272727;}

.greyfilter {-webkit-filter: grayscale(0%); filter: grayscale(0%); height:25px; opacity: 0.8; -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s;}
.greyfilter:hover {-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:1;}

.video_review_section {position: relative; background-color: #f5f5f5; text-align: center;}
.video_review_section h2 {font-size: 36px; font-weight: 700; color: #000; text-align: center; margin: 0; padding: 0; margin-bottom: 10px; line-height: 56px;}
.youtube_box {border-radius: 10px; -webkit-border-radius: 10px; display: block; color: #fff; text-align: center; overflow: hidden; height: 340px;}
.video_text {padding-top: 5px; margin-top: 7px; font-size: 15px; font-weight: 700; color: #000; text-align:center;}
.youtube-player { position: relative; padding-bottom: 56.23%; /* Use 75% for 4:3 videos */ height: 0; overflow: hidden; max-width: 100%; background: #000; margin-bottom: 18px;}
.youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent;}
.youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto;  cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; border-radius: 10px; -webkit-border-radius: 10px;}
.youtube-player img:hover { -webkit-filter: brightness(75%);}
.youtube-player .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("images/youtube.png") no-repeat; cursor: pointer;}
.youtube-player .play:hover { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("images/youtube-hover.png") no-repeat; cursor: pointer;}

.feedback_box {position: relative; color: #000; text-decoration: none; font-weight: 400; font-size:18px;}
.feedback_wrapper {display: block;}
.feedback_text {text-align: center; margin-top:22px; color: #000; font-size:18px;}
.feedback_text h5 {font-size:18px;}
.feedback_text h5 i {color: #ffb400; text-decoration: none; font-size: 11px;}

.ads_wrapper {margin:20px auto; max-width: 1140px;}
.ads_wrapper [class*="col-"] {padding:0 3px; }
.ad_item {margin-bottom:6px; display:block;}

.owl-theme .owl-dots .owl-dot span {width: 20px; height: 7px;background: #272727;}
.owl-theme .owl-dots .owl-dot.active span {background: #272727;}

.search_icon {display: none;}
header .logo_black {display:none;}

header.sticky{background-color: #fff; position:fixed!important; z-index:99; left:0; right:0; top:0; margin-top: 0; border-bottom:0; -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 10px; box-shadow:rgba(0,0,0,0.5) 0 0 10px;}
header.sticky .header a span {background: #000;}
header.sticky .header a::before,
header.sticky .header a::after {background: #000;}
header.sticky .logo_white {display:none;}
header.sticky .logo_black {display:block; width: 200px;}
header.sticky ul.top_info li a {color: #000;}
header.sticky ul.top_info li a:hover {color: #000;}

.search_icon{display: none;}
header.sticky a span {}

header.sticky a span:after{color: #000;}

.why_us_img {max-width:500px;}

.nav-tabs {display: none;}

@media (min-width: 768px) {
  .nav-tabs .nav-item {text-align:left; width:310px;  position: relative; margin:0 0 10px;}
  .nav-tabs {display: flex; flex-flow: column nowrap;}
  .nav-tabs {border-bottom: none; border-right: 1px solid #ccc; display: flex;}
  .nav-tabs {margin:0; }
  .nav-tabs .nav-link {border-top-left-radius: 0; border-top-right-radius: 0; border:0;}
  .nav-tabs .nav-item + .nav-item {margin-top: 0.25rem; }
  .nav-tabs .nav-link {transition: border-color 0.125s ease-in; background-color: #ececec; color: #000; padding:12px; font-size: 17px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }
  .nav-tabs .nav-link:hover { background-color: #363636 !important; border-color: #363636 !important;}
  .nav-tabs .nav-link.active { border-bottom-color:#272727; border-right-color:#272727; background-color: #272727; color: #fff; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; margin-right: -1px;}
  .nav-tabs .nav-link.active:hover {background-color: #363636 !important; border-right-color: #363636 !important;}
  .card {border: none;}
  .card .card-header { display: none;}
  .card .collapse {display: block;}
  .card-body {background-color: #f5f5f5; color: #000; padding:50px; text-align: left; -webkit-border-radius:0; border-radius:0;}
}
@media (max-width: 767px) {
  .tab-pane {display: block !important; opacity: 1;}
}

header.header_inner{background-color: #fff; position:absolute; z-index:9999; left:0; right:0; top:0; margin-top: 0; border-bottom:0; -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 10px;
  box-shadow:rgba(0,0,0,0.5) 0 0 10px;}
header.header_inner .header a span {background: #000;}
header.header_inner .header a::before,
header.header_inner .header a::after {background: #000;}
header.header_inner .logo_white {display:none;}
header.header_inner .logo_black {display:block; width: 200px;}
header.header_inner ul.top_info li a {color: #000;}
header.header_inner ul.top_info li a:hover {color: #000;}

.inner_contents {margin-top:110px; display:block;}

.custom_packing_form h1, .custom_packing_form h2, .custom_packing_form h3, .custom_packing_form h4 { font-weight: 700;}
.custom_packing_form .form-control {height: auto; padding: 10px 15px; box-shadow: none;}
.custom_packing_form .form-control:hover, .custom_packing_form .form-control:focus {outline: none;}
.custom-form-bg {background-color: #f5f5f5; padding: 30px;}

.main_bar {position:relative; color: #fff; background: rgb(39, 39, 39); background: linear-gradient(0deg, rgb(39, 39, 39,1) 0%, rgb(54, 54, 54,1) 100%); }
.main_bar .container {position:relative;}
.main_bar .sinle_menu ul{background:#fff;display:none;border-radius:0;-webkit-border-radius:0;opacity:0;position:absolute;width:250px;box-shadow:rgba(0,0,0,.2) 0 0 5px; -webkit-box-shadow:rgba(0,0,0,.2) 0 0 5px}
.main_bar .sinle_menu:hover ul{opacity:1;display:block}
.main_bar .sinle_menu:hover ul li,
.main_bar .nav-column ul li{border-bottom:#ddd solid 1px}
.main_bar .sinle_menu:hover ul li,
.main_bar .nav-column ul li:last-child{border-bottom:0}
.main_bar .sinle_menu:hover ul a{color:#000;padding:10px;display:block;font-weight:400;font-size:13px}
.main_bar .sinle_menu:hover ul a:hover{color:#363636}
.main_bar .nav,.main_bar .nav a,
.main_bar .nav form,
.main_bar .nav input,
.main_bar .nav li,.main_bar .nav ul{border:none;margin:0;padding:0}
.main_bar .nav a{text-decoration:none}
.main_bar .nav li>a:after{content:'\f107';font-family:fontawesome;margin-left:5px}
.main_bar .nav li>a:only-child:after{margin-left:0;content:''}
.main_bar .nav li{list-style:none}
.main_bar .nav li.active a{background-color:#363636;color:#fff;border-radius:0; -webkit-border-radius:0}
.main_bar .nav>li{position:initial!important}
.main_bar .nav,input{font-size:14px;-webkit-font-smoothing:antialiased}
.main_bar .nav{cursor:default;display:inline-block;position:relative;z-index:500;margin-left:0;text-align:right;}
.main_bar.sticky .nav{margin-top:11px}
.main_bar .nav>li{display:inline-block}
.main_bar .nav>li ul{margin:0;padding:0;list-style:none}
.main_bar .nav>li ul li{text-align:left}
.main_bar .nav>li>a{color:#fff;padding:15px 10px;font-size:14px;font-weight:500;display:block;text-decoration:none;position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;font-family:poppins,sans-serif}
.main_bar .nav>li:last-child>a{padding-right:0}
.main_bar .nav>li>a:focus,.nav>li:hover>a{color:#ccc;background:0 0!important}
.main_bar .nav>li:first-child>a{border-left:none;border-radius:0;-webkit-border-radius:0}
.main_bar .mega-menu{background:#fff;box-shadow:rgba(0,0,0,.2) 0 0 5px;-webkit-box-shadow:rgba(0,0,0,.2) 0 0 5px;border-radius:0;opacity:0;position:fixed;transition:all .3s ease .15s;
  visibility:hidden;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);padding:30px;width:100%;max-width:1200px}
.main_bar li:hover>.mega-menu{opacity:1;overflow:visible;visibility:visible}
.main_bar .nav-column li a{color:#000;display:block;font-weight:400;font-size:13px;padding:8px 7px}
.main_bar .nav-column a:hover{color:#363636}
.main_bar .nav-column h3{color:#372f2b;font-size:16px;padding:0;font-weight:700;margin:0;padding:0;padding-bottom:15px;margin-bottom:15px;text-align:left;position:relative;display:block}
.main_bar .nav-column h3:after{background-color:#363636;height:5px;left:0;bottom:0;width:40px;content:"";position:absolute}
.main_bar .nav-column h3 a{color:#372f2b;font-size:16px;font-weight:600!important}
.main_bar .nav-column h3 a:hover{color:#363636}
.main_bar .highlight{color:#a49f29}
.main_bar .inner_mega_menu{width:100%;max-width:1000px;margin:0 auto;position:relative;text-align:left;margin-top:35px}
.main_bar .inner_mega_menu h2{text-align:center;display:inline-block}
.main_bar .inner_mega_menu h2.heading_border:before{background-color:#beae59;bottom:0;content:"";height:2px;left:35%;position:absolute;right:35%;width:70px}
.main_bar .inner_mega_menu ul{list-style:none;margin:0;padding:0;margin-left:10px}
.main_bar .inner_mega_menu .nav-column{float:left;padding:10px 2.5%;width:25%}

header.header_inner .mean-container a.meanmenu-reveal {color: #333;}
header.header_inner .mean-container a.meanmenu-reveal span {background: #333;}
header.header_inner .mean-container a.meanmenu-reveal span:before {background:#333;}
header.header_inner .mean-container a.meanmenu-reveal span:after {background:#333;}

header.sticky .mean-container a.meanmenu-reveal {color: #333;}
header.sticky .mean-container a.meanmenu-reveal span {background: #333;}
header.sticky .mean-container a.meanmenu-reveal span:before {background:#333;}
header.sticky .mean-container a.meanmenu-reveal span:after {background:#333;}
.mob_menu_wrapper {display:none!important;}