@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;400;500&display=swap');

h2, h3, h5, h6 {color: #000}
h4, h5, h6, p {font-weight: 400}
.footer_about p{text-align: justify}
body {font-size: 16px;color: #0d0d0d;overflow-x: hidden;    font-family: 'Roboto', sans-serif;}
.about_sec h2, h1, h2, h3 {    font-family: 'Roboto', sans-serif;}
h1 {font-size: 55px;color: #15181d}
h2 {font-size: 42px}
h3 {font-size: 33px}
h4 {font-size: 20px;color: #0070af;}
h5 {font-size: 22px}
h6 {font-size: 18px}
p {color: #656a77;font-size: 17px;line-height: 30px}
a:active, a:focus, a:hover, button:active, button:focus {outline: 0;text-decoration: none}
body, html {margin: 0;width: 100%;}
.commonpadding, .commonpadding_shop_prdctdetail {padding-left: 100px;padding-right: 100px}
.aboutus, .contactus {margin-top: 10px;padding: 15px 35px;color: #fff;font-size: 16px;text-transform: uppercase}
.banner_caption {position: absolute;z-index: 10;top: 40%;text-align: center;width: 100%}
.banner_caption h1 {color: #fff;margin-top: 0;margin-bottom: 10px;font-size: 60px!important;text-transform: uppercase}
.banner_caption h2 {width: 50%;margin: 0 auto 50px;font-size: 30px;color: #fff}
.aboutus {background: #09504a;border: 2px solid #043a35;border-radius: 25px;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;-ms-transition: .3s ease-in-out;transition: .3s ease-in-out;margin-right: 10px}
.aboutus:hover {background: #06312e;color: #fff;text-decoration: none}
.contactus {background: 0 0;border: 2px solid #fff;border-radius: 25px;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;-ms-transition: .3s ease-in-out;transition: .3s ease-in-out}
.trans_style, .transiton_style, header {-webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-ms-transition: .4s ease-in-out;-o-transition: .4s ease-in-out}
.contactus:hover {background: #fff;color: #222;text-decoration: none}
.img-responsive {max-width: 100%}
header {position:sticky;top: 0;right: 0;left: 0;padding: 10px 0;z-index: 100;transition: .4s ease-in-out;background: #fff; border-bottom: solid 3px; border-color: #001439;}
header .logo img{height: 100px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
header.shrink .logo img{height: 50px;}
.carousel-caption {bottom:0;top: 0;align-items: center!important;display: flex!important;left:0; right:0}
.carousel-caption h2{color:#001439; font-weight:600; font-size:42px; padding-bottom:20px; position:relative;}
.carousel-caption h2:after{position:absolute;bottom:0; content:""; height:5px; width:75px; background:#fccd57; right:0}
.carousel-caption h6 {font-size:16px;font-weight:400;margin-bottom: 30px;margin-top: 20px;line-height: 1.6;color: #001439}
.slidearrow {position: absolute;bottom: 20%;width: 100%;left: 8%}
.carousel-control-next, .carousel-control-prev, .header_social a:hover, .navbar-toggler.collapsed .middle-bar, .powerd_ img:hover, .shopoccation .shop_plantbox:hover img, .slider_range:hover {opacity: 1}
.slidearrow .carousel-control-next {left: 60px;right: auto}
.carousel-indicators li {border-top: none;border-bottom: none;border-radius: 50px;width: 12px;height: 12px;background: #9e9fa4;margin-bottom: 15px;opacity: 1}
.carousel-indicators {display: inherit;padding-left: 0;margin-right: 0;margin-left: 0;list-style: none;width: 50px;float: right;height: 100%;vertical-align: middle;top: 50%;opacity: 1; padding-right: 30px;}
.dropdown-submenu, .header_left, .lov, .prdctscroll_title, .sh_cart_selct, .shop_headserch_inner, .shop_prdctbox {position: relative}
.checksec input:checked~.checkmark:after, .header_left .logo, .mobileHide, .shop_prdctbox:hover .prdctbox_star, .zoom img {display: block}
.header_social a {padding-left: 15px;opacity: .9}
.header_lang{ padding:5px 20px;color:#002f50;border:2px solid #002f50; border-radius: 4px;}
.header_lang a{text-decoration: none !important; color:#002f50;font-weight:600}
.header_lang a:hover{color:#fccd57!important}
.about_sec {padding: 100px 0;background: #fff}
.news_feed {background: #f4f4f4}
.about_content {max-width: 760px; margin: 0 auto; text-align: justify; padding: 0 20px;}
.about_sec h2 {color: #fff;font-size: 41px; text-align: center;}
.about_sec p{color:#fff; text-align: center;}
.h_about_sec {background: #001439;padding-bottom: 60px;padding-top: 60px;text-align: center;}
.product_service_sec {background-color: #001439 !important; padding: 10px 0;/*background: url(../img/Group%2026.png) center top no-repeat*/ direction:ltr}
/* .footer_about img, .online_box2, .shopprdct_listing .shop_prdctbox {margin-bottom: 30px} */
.prdct_service_box h3 {font-size: 22px;color: #222222;margin-top: 25px}
.trans_style, .transiton_style {transition: .4s ease-in-out}
.landscape_interior_sec {padding: 80px}
.for_shopheadmenu, .gall_sec .container-fluid, .landscape_interior_sec .col-md-6 {padding: 0}
.full-width, .landscape_interior_sec .col-md-6 img, .productleft_img img, .shop_plantbox img, .shop_prdctbox img {width: 100%}
.left_imgright_contnt .full-width {padding: 0 0 0 75px}
.left_contntright_img .full-width {padding: 0 75px 0 0}
.landscape_interior_sec h3 {line-height: 45px}
.left_contntright_img:hover .bigimg_ img, .left_imgright_contnt:hover .bigimg_ img, .online_box1:hover img, .online_box2:hover img, .online_box3:hover img {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1)}
.lefttop_bg:before {width: 50%;height: 550px;left: -80px;top: -80px}
.lefttop_bg:after {width: 200px;height: 200px;right: -93px;bottom: -93px}
.rightbtm_bg:after {width: 50%;height: 550px;right: -80px;bottom: -80px}
.shoponline_sec {padding: 100px 80px}
.small_headtext {font-size: 19px;float: right;color: #505050}
.online_box1 {background: #f1f2ea;height: 500px;text-align: left}
.online_box2 {background: #f1edee}
.online_box3 {background: #f3f4ee}
.online_box1 span, .online_box2 span, .online_box3 span {position: absolute;font-size: 23px;z-index: 99}
.inner_banner .container, .inner_banner .row, .online_box1 img {height: 100%}
.online_box1 span {right: 100px;top: 30%}
.offerbigtext {color: #262626;font-size: 33px}
.online_box1 a, .online_box2 a, .online_box3 a {text-transform: uppercase;font-size: 14px;color: #83a65a;text-decoration: underline!important;-webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-ms-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;transition: .4s ease-in-out}
/* .footer_about a, .footer_about p, .footer_contact2 p {font-weight: 300;font-size: 16px} */
.black_:hover, .blue_:hover, .brown_:hover, .details_banner h2, .foot_address p a, .gall_sec, .red_:hover, footer {color: white}
.common_btn:hover, .footer_about a:hover, .mail_footer a, .panel-title>a:active, .panel-title>a:focus, .panel-title>a:hover {text-decoration: none}
.online_box1 a:hover, .online_box2 a:hover, .online_box3 a:hover {color: #7cb041;padding-left: 10px}
.online_box2 span {left: 30px;top: 20%}
.online_box3 span {right: 45px;top: 30%}
.header-classic, .online_box2 img {margin-top: 7px}
.online_box2, .online_box3 {height: 235px}
.about-image img{width: 100%;}

/* .footer_top {
padding-bottom: 38px
}
.footer_bottom {
border-top: 1px solid #d4d4d4;
line-height: 70px;
color: #464646;
font-size: 14px
} */
.powerd_ {
text-align: right
}
.powerd_ img {
margin-left: 10px;
opacity: .9
}
/* .footer_about p {
line-height: 180%
}
.footer_about a {
color: #fff
}
.footer_about a:hover {
color: #0c0c0c
}
.footer_contact2 {
padding-top: 50px;
font-weight: 300
}
.footer_contact2 p {
padding-left: 35px;
position: relative
}
.footer_contact2 p:before {
background: url(../img/sprite_.png) no-repeat;
height: 30px;
width: 30px;
content: "";
position: absolute;
left: 0;
top: 0
} */
.abt_sec2 h3.widget-title:before, .inner_banner h2:before {
content: '';
bottom: 0;
width: 3px;
background-color: #094f49;
top: 0;
left: 0
}
/* .footer_contact2 p.address_footer:before {
background-position: -1px -4px
}
.footer_contact2 p.phone_footer:before {
background-position: -33px -4px
}
.footer_contact2 p.mail_footer:before {
background-position: -79px -6px
} */
.mail_footer a {
color: #fff
}
.inner_banner {
margin-top: 90px;
min-height: 235px;
background-size: cover!important;
padding-top: 140px
}
.inner_banner .row {
padding-top: 90px;
padding-bottom: 90px
}
.inner_banner h2 {
margin: 0;
font-size: 44px;
color: #fff;
padding-left: 20px;
line-height: 80%;
font-family: Poppins, sans-serif;
font-weight: 500;
position: relative
}
.common_btn, .pr_detil_rating span, .sort_selct .form-control, .sort_selctprofiledetail_carousel select, .textwidget, .top-header-social i {
font-size: 14px
}
.inner_banner h2:before {
line-height: 54px;
height: auto;
position: absolute;
margin-right: 22px
}
.breadcrumbs-wrapper #breadcrumbs {
padding: 13px 0;
margin: 0;
border-bottom: 1px solid #eee
}
.breadcrumbs-wrapper #breadcrumbs li {
line-height: 25px;
display: inline-block;
list-style: none;
font-size: 12px
}
.breadcrumbs-wrapper #breadcrumbs a {
line-height: 25px;
display: inline-block;
margin-right: 15px;
color: #666
}
.breadcrumbs-wrapper #breadcrumbs li span {
margin: 0
}
.breadcrumbs-wrapper #breadcrumbs li:last-child span {
margin-right: 0
}
.abt_sec2 {
padding: 75px 0;
background: #f4f4f4
}
.abt_sec2 h3.widget-title {
font-size: 18px;
font-weight: 700;
line-height: 36px;
padding-left: 32px;
position: relative;
margin-bottom: 25px
}
.abt_sec2 h3.widget-title:before {
position: absolute
}
.contact_section {
padding: 60px 0
}
.contact_head {
padding-bottom: 50px
}
.contact_head h2 {
font-weight: 500;
font-size: 36px;
color: #333;
margin: 0
}
.contact_head p {
font-weight: 400;
font-size: 16px;
color: #717171;
margin: 0
}
.contact_head:after {
background-color: #333;
height: 1px;
width: 35px;
content: "";
display: block;
margin-top: 20px
}
.custom_row {
margin-left: -7px;
margin-right: -7px
}
.custom_row .col-sm-6 {
padding-left: 7px;
padding-right: 7px
}
.contact_section .form-control {
border-radius: 0;
font-size: 14px;
border: 1px solid #e5e5e5;
padding: 10px;
height: auto
}
.contact_section textarea {
height: 150px!important
}
.contact_section .form-control:focus {
outline: 0;
box-shadow: none;
border-color: #01a451
}
.common_btn {
background: #001439;
border: 2px solid #001439;
padding: 11px 33px;
color: #fff;
text-transform: uppercase;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
transition: .3s ease-in-out;
display:inline-block;
border-radius:50px;
}
.common_btn:hover {
background: #fccd57;
border: 2px solid #001439;
padding: 11px 33px;
color: #001439
}
.about_sec .common_btn{font-size: medium; font-weight: 600; border-color:#fff; background:transparent; display: block; margin: 0 auto !important; max-width: 150px; text-align: center;}
.about_sec .common_btn:hover{border-color:#fff; background:#fff !important; color:#001439}
.address_row {
width: calc(100% - 40px);
padding: 25px 0
}
.address_row img {
margin-right: 7px
}
.address_row h4 {
margin: 0;
color: #000;
font-size: 17px;
padding-bottom: 20px
}
.address_row h4:after {
position: absolute;
content: "";
display: block;
width: 42px;
height: 2px;
background: #000;
margin-top: 8px
}
.address_row a, .address_row p {
color: #333;
font-size: 16px;
margin: 0;
text-decoration: none!important
}
/* .address_row .footer_social {
margin-top: 0;
float: left;
height: 40px
}
.address_row .footer_social a {
background: url(../img/sprite_.png) 0 0/175px no-repeat;
height: 40px;
width: 40px;
display: inline-block;
margin-right: 10px
} */
/* .address_row .footer_social a.twit_icon {
background-position: -2px -35px
}
.address_row .footer_social a.fb_icon {
background-position: -45px -35px
}
.address_row .footer_social a.ytube_icon {
background-position: -88px -35px
} */
.menuactive_ {
color: #fccd57!important
}
.map {
width: 100%;
background: #ecebe9
}
.getintouch_sec {
background: url(../img/contact_bg.jpg) center top no-repeat
}
.getintouch_sec .form-group {
margin-bottom: 0;
min-height: 75px
}
.getintouch_sec .form-group-textarea {
min-height: 185px
}
.semiboldtxt, .text-black {
color: #111!important
}
.semiboldtxt {
font-size: 18px
}
.addressleft_footer .address_row, header.sticky .navbar-classic.navbar {
padding-top: 0
}
.email_box a:hover {
color: #029148
}
.contactform_btn .common_btn {
padding: 11px 35px
}
.contactform_btn .common_btn:hover {
padding: 11px 30px 11px 40px
}


.carousel-indicators li.active {
opacity: 1;
background: #fff!important
}
.shop_headserch .form-control {
height: 40px
}

::placeholder {
color:#e5e5e5;
opacity:1;
font-size:14px
}
:-ms-input-placeholder {
color:#e5e5e5;
font-size:14px
}
::-ms-input-placeholder {
color:#e5e5e5;
font-size:14px
}
.sh_lang_selct select {
border: none;
width: auto;
padding-right: 25px;
padding-left: 0;
padding-top: 1px;
font-size: 14px
}
.sh_lang_selct select:hover {
cursor: pointer;
border: none
}
.sh_lang_selct .form-control:focus {
border-color: none;
box-shadow: none
}
.common_select select {
background-color: #fff;
display: inline-block;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none
}
.common_select select.minimal, .common_select select.minimal:focus {
background-image: url("../img/sel_arrow.png");
background-position: right 7px top 15px;
background-size: 13px 7px;
background-repeat: no-repeat
}
.common_select select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #000
}
.sh_cart_selct .dropdown-toggle {
background: 0 0;
border: none;
outline: 0;
padding: 0
}
.mobileShow, .owl-bestseller .owl-next span, .owl-bestseller .owl-prev span, .owl-productGallery .owl-next span, .owl-productGallery .owl-prev span, .prdctbox_shopoption, .prdctbox_star, .prdctcolor_area .badgebox, .sh_cart_selct .dropdown-toggle::after, .shop_prdctbox:hover .shopoption_s_resltn, .shopoption_s_resltn, .show_smallresltn {
display: none
}
.sh_cart_selct, .sh_lang_selct {
margin-left: 25px
}
.sh_cart_count {
position: absolute;
width: 28px;
height: 28px;
border-radius: 50px;
background: #f6303e;
color: #fff;
z-index: 9;
top: -18px;
right: -18px;
font-size: 12px;
text-align: center;
line-height: 28px;
}
.top-header, .top-header ul li a {
color: #626582
}
.shop_headserch {
margin-top: 23px
}
.shop_headright {
margin-top: 28px
}
.loginbtn:focus {
box-shadow: none!important
}
.sh_cart_selct .dropdown-menu-right {
transform: inherit!important;
background: #fff;
top: 25px!important;
left: auto!important;
right: 0;
min-width: 20rem
}
.prdctlist_cartimg img {
width: 100%;
margin-top: 5px
}
.prdctlist_cartcntnt {
line-height: 21px
}
.prdctlist_cartcntnt .prdct_name, .prdctlist_cartcntnt .prdct_name a {
font-size: 13px;
color: #808293
}
.prdctlist_cartcntnt .prdct_name a:hover {
color: #6a6b7a
}
.prdctlist_cartcntnt .prdct_price {
font-size: 14px;
color: #333
}
.head_cartlist .row {
padding-bottom: 7px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 7px
}
.for_cartscroll {
max-height: 250px;
overflow-y: auto;
overflow-x: hidden;
padding-left: 20px
}
.login_area_, .sh_cart_selct .dropdown-menu {
padding: 20px
}
.prdctlist_cartimg {
border: 3px solid #f1f1f1
}
.prdctlist_cartimg:hover {
border: 3px solid #e7e7e7
}
.top-header {
background-color: #fff;
font-size: 14px;
line-height: 30px;
border-bottom: 1px solid #f0f1f9;
border-top: 3px solid #3544ee;
padding-bottom: 4px;
padding-top: 4px
}
.top-header ul {
margin-bottom: 0
}
.top-header ul li {
float: left;
margin-left: 18px
}
.top-header i {
font-size: 10px
}
.navbar-brand, .prdctscroll_title h3 {
font-size: 24px
}
.top-header-social ul {
margin-left: 10px
}
.top-header-social ul li {
float: left;
margin-left: 8px
}
.top-header-social ul li a {
color: #9d9ea7
}
.top-header-social ul li a:hover {
color: #01d486
}
.navbar-classic.navbar-light .navbar-nav .nav-link {
color: #181825;
padding: 12px 16px
}
.navbar-classic .navbar-nav .nav-item .nav-link {
font-size: 15px;
color: #181825;
padding: 12px 18px;
line-height: 20px;
border-bottom: 1px solid #fff;
text-transform: uppercase;
}
.navbar-classic .navbar-nav .nav-item .nav-link:hover {
color: #f6303e
}
.navbar-classic .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after {
color: #f6303e
}
.navbar-classic.navbar {
padding: 5px 0 0;
border-top: 1px solid #f6f6f6
}
.navbar-classic .dropdown-toggle::after {
margin-top: 1px;
display: none;
width: 0;
height: 0;
margin-left: 6px;
vertical-align: -2px;
content: "\f107";
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
color: #bdbebf;
font-weight: 900;
margin-right: 15px;
font-size: 13px
}
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
border-bottom: 1px solid #f1f1f6;
border-radius: 0
}
.navbar-brand {
display: inline-block;
padding-top: 5px;
padding-bottom: 2px;
margin-right: initial;
line-height: inherit;
white-space: nowrap;
color: #181825
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 16rem;
padding: 20px 30px;
margin: 18px 0;
font-size: 1rem;
color: #808294;
text-align: left;
list-style: none;
background-color: rgba(255,255,255,.95);
background-clip: padding-box;
border: 1px solid #fff;
border-radius: 2px;
-webkit-box-shadow: 0 3px 11px 0 rgba(0,0,0,.09);
-moz-box-shadow: 0 3px 11px 0 rgba(0,0,0,.09);
box-shadow: 0 3px 11px 0 rgba(0,0,0,.09)
}
.dropdown-item {
display: block;
width: 100%;
padding: 15px;
clear: both;
font-weight: 400;
color: #181825;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
font-size: 15px;
line-height: 15px
}
.dropdown-item:focus .dropdown-toggle::after, .dropdown-item:hover.dropdown-toggle::after {
color: #4955ef
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#cssmenu #menu-button { display: none; }
#cssmenu ul { text-align: right }
#cssmenu > ul > li { float: none; display: inline-block; }
/*#cssmenu > ul > li:last-child a { padding-right: 0 }*/
#cssmenu.align-center > ul { font-size: 0; text-align: center; }
#cssmenu.align-center > ul > li { display: inline-block; float: none; }
#cssmenu.align-center ul ul { text-align: left; }
#cssmenu.align-right > ul > li { float: right; }
#cssmenu > ul > li > a { padding: 10px 30px; font-size: 21px !important; text-decoration: none; color: #002f50; text-transform: uppercase; font-weight: 500;}
#cssmenu > ul > li:hover > a { color: #fccd57!important }
/* #cssmenu > ul > li.has-sub > a { padding-right: 20px; } */
#cssmenu > ul > li.has-sub > a:after {position: absolute;top: 15px;left: 210px;width: 7px;height: 7px;display: block;content: '';border-right: 2px solid #002f50;border-bottom: 2px solid #002f50;transform: rotate(45deg);}
/* #cssmenu > ul > li.has-sub > a:before { position: absolute; top: 14px; right: 3px; display: block; width: 2px; height: 8px; background: #504f4f; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0; } */
#cssmenu ul ul { position: absolute; left: -9999px; }
#cssmenu.align-right ul ul { text-align: right; }
#cssmenu ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#cssmenu li:hover > ul { left: auto; }
#cssmenu.align-right li:hover > ul { left: auto; right: 0; }
#cssmenu li:hover > ul > li { height: 35px; }
#cssmenu ul ul ul { margin-left: 100%; top: 0; }
#cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
#cssmenu ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 11px 15px; width: 225px !important; font-size: 17px !important; text-decoration: none; color: #dddddd; font-weight: 400; background: #001439; text-align: left }
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a { border-bottom: 0; }
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #ffffff; }
#cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
#cssmenu.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
#cssmenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#cssmenu.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; }
#cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }
#cssmenu.small-screen { width: 100%; }
#cssmenu.small-screen ul { width: 100%; display: none; }
#cssmenu.small-screen.align-center > ul { text-align: left; }
#cssmenu.small-screen ul li { width: 100%; }
#cssmenu.small-screen ul ul li, #cssmenu.small-screen li:hover > ul > li { height: auto; }
#cssmenu.small-screen ul li a, #cssmenu.small-screen ul ul li a { width: 100%; border-bottom: 0; }
#cssmenu.small-screen > ul > li { float: none; }
#cssmenu.small-screen ul ul li a { padding-right: 45px; text-align: right; }
#cssmenu.small-screen ul ul ul li a { padding-left: 35px; }
#cssmenu.small-screen ul ul li a { color: #002f50; background: none; }
#cssmenu.small-screen ul ul li:hover > a, #cssmenu.small-screen ul ul li.active > a { color: #ffffff; }
#cssmenu.small-screen ul ul, #cssmenu.small-screen ul ul ul, #cssmenu.small-screen.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
#cssmenu.small-screen > ul > li.has-sub > a:after, #cssmenu.small-screen > ul > li.has-sub > a:before, #cssmenu.small-screen ul ul > li.has-sub > a:after, #cssmenu.small-screen ul ul > li.has-sub > a:before { display: none; }
#cssmenu.small-screen #menu-button { display: inline-block; padding: 0; color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; height: 40px; width: 40px; }
#cssmenu.small-screen #menu-button:after { position: absolute; top: 18px; right: 9px; display: block; height: 9px; width: 20px; border-top: 2px solid #2e2e2e; border-bottom: 2px solid #2e2e2e; content: ''; }
#cssmenu.small-screen #menu-button:before { position: absolute; top: 11px; right: 9px; display: block; height: 2px; width: 20px; background: #2e2e2e; content: ''; }
#cssmenu.small-screen #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #2e2e2e; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#cssmenu.small-screen #menu-button.menu-opened:before { top: 23px; background: #2e2e2e; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#cssmenu.small-screen .submenu-button { position: absolute; z-index: 99; left: 0; top: 0; display: block; border-left: 0px solid rgba(120, 120, 120, 0.2); height: 34px; width: 34px; cursor: pointer;}
#cssmenu.small-screen .submenu-button.submenu-opened { background: transparent; }
#cssmenu.small-screen ul ul .submenu-button { height: 34px; width: 34px; }
#cssmenu.small-screen .submenu-button:after { position: absolute; top: 16px; right: 15px; width: 8px; height: 2px; display: block; background: #002f50; content: ''; }
#cssmenu.small-screen ul ul .submenu-button:after { top: 15px; right: 13px; }
#cssmenu.small-screen .submenu-button.submenu-opened:after { background: #002f50; }
#cssmenu.small-screen .submenu-button:before { position: absolute; top: 13px; right: 18px; display: block; width: 2px; height: 8px; background: #002f50; content: ''; }
#cssmenu.small-screen ul ul .submenu-button:before { top: 12px; right: 16px; }
#cssmenu.small-screen .submenu-button.submenu-opened:before { display: none; }
#cssmenu.small-screen.select-list { padding: 5px; }
.section-title{font-size:41px; color:#001439; text-transform:uppercase; font-weight:600}
.section-title2{font-size:41px; color:#fccd57; text-transform:uppercase; font-weight:600}
.bluebox{background:#001439}
.bluebox.prdct_service_box h3 {color:#fff}
.flip-card {background-color: transparent;width: 100%;height: 300px;perspective: 1000px;}
.flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.6s;-webkit-transition: transform 0.6s;transform-style: preserve-3d;backface-visibility: hidden;-moz-backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.flip-card:focus {outline: 0;}
.flip-card:hover .flip-card-inner, .flip-card:focus .flip-card-inner{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.flip-card-front, .flip-card-back { position: absolute;width: 100%;height: 100%;}
.flip-card-front {background:#001439;color: white;z-index: 2;display: flex;justify-content: center;align-items: center;}
.flip-card-back {background: #fccd57;color: white;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);z-index: 1;display: flex;justify-content: center;align-items: center;}
.flip-card-back h3{color:#fff}
.flip-card-front h3{color:#fff}
.bluebox.flip-card .flip-card-front {background: #001439;}
.bluebox.flip-card .flip-card-back {background: #001439;}
.bluebox.flip-card .flip-card-front h3{color:#fff}
.bluebox.flip-card .flip-card-back h3{color:#fff}
.product_sec{padding-bottom:60px}
.product_thumb img{border:1px solid #001439; border-radius: 5px;}	
.product_thumb h4{text-align:center; color:#212121; font-size:24px; font-weight:600}
.owl-productGallery .owl-dots{text-align:center; margin-top:30px}
.owl-productGallery .owl-dots .owl-dot{border:1px solid #001439; height:16px; width:16px; border-radius:50%; margin:4px}
.owl-productGallery .owl-dots .owl-dot.active{background:#001439}
/* footer{border-top:10px solid #fccd57; background:#fff;background:url(../img/foot_bg_ar.jpg) no-repeat; background-size:100%;}
.footer-top{color:#fff; padding:50px 0; }
.footer-top h4{color:#d1d1d1; font-size:24px; font-weight:500; margin:0 0 24px}
.footer-bottom{font-size:14px; color:#d1d1d1; font-weight:400; text-align:center;padding:15px 0; border-top: 2px solid rgb(106 93 93 / 30%);}
.footer_menu{padding:0; list-style-type:none; margin:0}
.footer_menu li{display:block;}
.footer_menu a{color:#d1d1d1;padding: 5px 0;display: block;font-size: 14px;font-weight:400;}
.footer_menu li a:hover {color: #fccd57}
.contact_footer p, .contact_footer a{ color:#d1d1d1; font-size:14px; font-weight:400; display:block}
.address_p{background:url(../img/location_ico.png) no-repeat;background-position:right top}
.contact_footer a.tel_number{background:url(../img/phone_ico.png) no-repeat; padding-top:10px;padding-bottom:10px; background-position:right center; direction:ltr}
.contact_footer a.tel_number:hover {
    color: #fccd57;
  }
.contact_footer a.mail_foot{background:url(../img/mail_ico.png) no-repeat;padding-top:10px;padding-bottom:10px; background-position:right center}
.contact_footer a.mail_foot:hover {
    color: #fccd57;
  } */
/* .social_footer a{ margin-left:10px} */
/*.page-title-area.page-title-bg1 {background:url(../img/inner_banner.jpg) center no-repeat;}*/
.page-title-area {/*height: 400px;*/overflow: hidden;position: relative;z-index: 1;}
.inner_banner_caption{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(27 41 76 / 25%);}
.about_inner_sec{background-color: #001439 !important; padding:100px 0}
.packaging_inner_sec{padding:100px 0}
.supply_inner_sec{padding:100px 0}
.product_inner_sec{background-color: rgb(255, 255, 255) !important;}
.page-title-content {text-align: center;}
.breadcrumb_section h2 {margin-bottom: 0;position: relative;padding-bottom: 10px;font-size: 40px;color:#fff; font-weight:600}
.breadcrumb_section ul {padding-left: 0;list-style-type: none;margin-bottom: 0;margin-top: 0;}
.breadcrumb_section ul li {position: relative;display: inline-block;color: #fff;font-size: 17px;margin-left: 12px;}
.breadcrumb_section ul li:first-child {margin-right: 0;}
.breadcrumb_section ul li::after {content: "/";color: #fff;font-size: 12px;margin-right: 10px;}
.breadcrumb_section ul li:last-child::after{display:none}
.breadcrumb_section ul li a {display: inline-block;color: #fff;}
.breadcrumb_section ul li a:hover {color:#fccd57;}
.about-content {padding-left: 20px;}
.section-title {margin-bottom: 30px;margin-left: 0;width: 100%;}
.sub-title {color: #fccc54;display: block;text-transform: uppercase;margin-bottom: 50px;font-size: 52px;font-weight: 600; text-align: left;}
.alt-sub-title {color: #fccc54;display: block;text-transform: uppercase;margin-bottom: 50px;font-size: 52px;font-weight: 600; text-align: center;}
.section-title h2 {text-transform: capitalize;font-size: 30px;margin-left: auto;margin-right: auto;margin-bottom: 0;}
.alt-section-title h2 {font-size: 30px;margin-left: auto;margin-right: auto;margin-bottom: 0;}
.section-title p {color: #fff;margin-top: 12px;margin-bottom: 0;text-transform: none; text-align: left;}
.rounded-10 {border-radius: 10px;}
.about-inner-area {margin-top: 100px;}
.about-text h3 {color: #fccc54; position: relative;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #eee;font-size: 24px;   font-family: 'Roboto', sans-serif;}
.about-text h3::before {content: '';position: absolute;left: 0;bottom: -1px;width: 50px;background-color: #fccc54;height: 1px;}
.contact-info-box {text-align: center;border-radius: 5px;-webkit-transition: .5s;transition: .5s;-webkit-box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%);box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%);padding: 30px; height: 100%;background:#001439}
.mw-auto{max-width:inherit}
.contact-info-box:hover {-webkit-transform: translateY(-10px);transform: translateY(-10px); background:#fccd57}
.contact-info-box .icon {display: inline-block;width: 70px;height: 70px;line-height: 70px;background: #f5f5f5;border-radius: 50%;font-size: 30px;color: #000a31;-webkit-transition: .5s;transition: .5s;margin-bottom: 25px;}
.contact-info-box h3 {margin-bottom: 10px;font-size: 20px;color: #fff;}
.contact-info-box p {margin-bottom: 0;}
.contact-info-box p a {text-decoration: none; display: inline-block;color: #b7b9bf;}
.contact-info-box:hover p a{color:#fff}
.contact-form form .form-control {background-color: #fff;border: none;-webkit-box-shadow: 0 5px 28.5px 1.5px rgb(149 152 200 / 20%);box-shadow: 0 5px 28.5px 1.5px rgb(149 152 200 / 20%);height: 55px;font-size: 16px;border: 1px solid #ddd;text-align: left; font-family: 'Roboto', sans-serif;}
.contact-form form textarea.form-control{height:150px; padding-top:10px}
.default-btn {border: none;position: relative;display: inline-block;text-align: center;overflow: hidden;z-index: 1;color: #fff;text-transform: uppercase;background-color: #fccc54;-webkit-transition: .5s;transition: .5s;border-radius: 5px;font-weight: 600;font-size: 15px;padding-left: 35px;padding-right: 35px;padding-top: 17px;padding-bottom: 13px;    border-radius: 50px;}
.alt-btn {border: none;position: relative;display: inline-block;text-align: center;overflow: hidden;z-index: 1;color: #fff;text-transform: uppercase;background-color: #fccc54;-webkit-transition: .5s;transition: .5s;border-radius: 5px;font-weight: 600;font-size: 15px;padding-left: 35px;padding-right: 35px;padding-top: 17px;padding-bottom: 13px;    border-radius: 50px;}
.alt-btn:hover {background-color:#fac133 ;}
.service_item h3{font-size: 24px;}
.service_item:nth-child(even){border-radius:10px; -webkit-box-orient: horizontal!important;-webkit-box-direction: reverse!important;-ms-flex-direction: row-reverse!important;flex-direction: row-reverse!important; background-color: #ebebeb; padding-top: 15px;padding-bottom: 15px; margin-top: 40px; margin-bottom: 40px; padding-right:15px}
.service_item:nth-child(odd){padding-right:15px}
.service_item:last-child{padding-left:15px; padding-right:15px}
.service_item li{color: #656a77;}
.product-item-photo {margin-bottom: 25px;background: #FFFFFF;box-shadow: 0px 4px 9px rgb(0 0 0 / 7%);position: relative;height: calc(100% - 25px);}
.thumb_image {position: relative;overflow: hidden;}
.product-image-photo {display: block;margin: auto;height: auto;width: 100%;}
.thumb_Caption {padding: 6px 13px;}
.thumb_Caption h5 {font-style: normal;font-weight: 500;font-size: 18px;line-height: 24px;color: #1F1F1F;margin-bottom: 0; text-align: center;padding: 15px;}
.thumb_Caption p {font-style: normal;font-weight: normal;font-size: 14px;line-height: 21px;color: #1F1F1F;}
.header_right.ml-auto{margin: auto;}
.about-content .section-title.text-left{text-align:right !important}


.client_sec{background: url(../img/bg.jpg) no-repeat #f3f3f3;}
.owl-clients .owl-item{border-radius: 2px;}
.owl-clients .owl-stage{padding:10px 0}
.mw-100 {
    max-width: 59%!important;
}

.heading{
    font-size: 48px;
    color:#001439;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;  
  }
  
  .subheading{
    font-size: 18px;
    color: #2f2f2f;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
  }

  #alt-cssmenu > ul > li > a {
    padding: 10px 30px;
    font-size: 21px !important;
    text-decoration: none;
    color: #002f50;
    text-transform: uppercase;
    font-weight: 500;
}

.destination-section .subheading {
  font-family: 'Roboto', sans-serif !important;
  font-size: 30px;
}

/* ===================================
     Footer
==================================== */
.ui-block-01.footer{
  padding-top: 120px;
  padding-bottom: 120px;
}

.ui-block-01.footer.footer, .ui-block-01.footer.footer .container{
  background-color: #0a41a5;
}

.ui-block-01.footer a, a:hover, a:focus {
  font-family: 'Roboto', sans-serif;
  outline: none;
  text-decoration: none;
  color: white;
}

.ui-block-01.footer.footer .f-sec1 p{
  color:#888888;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  margin-top: 20px;
  margin-bottom: 5px;
}

.ui-block-01.footer.footer .f-sec1 a{
  text-decoration: none;
  color:#FFFFFF;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
}

.ui-block-01.footer.footer h4{
  color:white;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  padding-top: 20px;
}

.ui-block-01.footer.footer .f-sec2 ul{
  margin-top: 35px;
  padding-left: 0;
}

.ui-block-01.footer.footer .f-sec2 ul li{
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  list-style: none;
  line-height: 2rem;
}

.ui-block-01.footer.footer .f-sec2 ul li a{
  text-decoration: none;
  color:white;
}

.ui-block-01.footer.footer .f-sec2 ul li i{
  margin-right: 5px;
}

.ui-block-01.footer.footer .f-sec3 .foot-tag-list{
  padding-top: 35px;
}

.ui-block-01.footer.footer .f-sec3 .foot-tag-list span{
  padding: 5px 20px;
  border: 1px solid #a9a9a9;
  margin-right: 5px;
  margin-bottom: 10px;
  font-family: 'Roboto', sans-serif;
  font-size:13px;
  color:#a9a9a9;
  cursor: pointer;
}

.ui-block-01.footer.footer .f-sec3 h4{
  color:white;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  padding-top: 20px;
}

.ui-block-01.footer.footer .footer-container{
  border-bottom: solid 3px #fccd57;
  padding-bottom: 50px;
}

.ui-block-01.footer .footer_notes p{
  padding-top: 50px;
  color: white;
}

.ui-block-01.footer .social-icons-simple li {
  display: inline-block;
  padding: 15px 0 15px 0;
  color: #000000;
}

.ui-block-01.footer .social-icons-simple li a {
  height: 38px;
  width: 38px;
  border-radius: 30px;
  color: #000000;
  background: transparent;
  line-height: 38px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  border: 1px solid transparent;
}

.ui-block-01.footer .facebook-bg-hvr:hover{background:#4267B2 !important;color: #fff !important; border: 1px solid transparent !important;}
.ui-block-01.footer .twitter-bg-hvr:hover{background:#1DA1F2 !important;color: #fff !important; border: 1px solid transparent !important;}
.ui-block-01.footer .instagram-bg-hvr:hover{color: #FFFFFF;background: -webkit-gradient(linear, left top, left bottom, from(#aa2fb5), color-stop(93%, #f1762c))!important;background: -o-linear-gradient(top, #aa2fb5 0%, #f1762c 93%)!important;background: linear-gradient(to bottom, #aa2fb5 0%, #f1762c 93%)!important;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.ui-block-01.footer .whatsapp-bg-hvr:hover{background:#00e676 !important;color: #fff !important; border: 1px solid transparent !important;}