body{font-family:Arial, Helvetica, sans-serif;}
p{font-family:Arial, Helvetica, sans-serif;}
/* a{font-family:Arial, Helvetica, sans-serif;} */
h1.h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;}

.section-title{font-size: 2.2rem;color:#000;line-height:1.2;padding-bottom:18px;text-align: center;letter-spacing: 0.04em;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{background-color: #042b37;}
#header .fa-mobile{font-size: 50px !important;}
#header .head-img{padding: 0;margin-top: -9px;display: flex;justify-content: center;}
.logo{padding:15px; width:100%;}
.header_rht p{ font-size:18px;line-height:1.3em;font-weight:600;}

.banner-section {background-size: cover;}
.banner-section .carousel-item img{width:100%;height:550px;}
.banner-section h1 { color: #fff; font-size: 2.2rem; line-height: 1.1; font-weight: 600; letter-spacing: 1px; margin: 0 0 15px 0;}
.banner-section p  {color: #ffffff; font-size: 16px; margin: 0 0 35px 0;}
.banner-section .carousel-caption {position: absolute;right: 0%!important;bottom: 1.25rem;left: 4%!important;padding-top: 1.25rem;padding-bottom: 3.25rem!important;color: #fff;text-align: left;}
.banner-section .container-fluid{padding:0px!important;}
.custom-btn {
    display: inline-block;
    background: #fff;
    color: #000;
 padding: 1rem 2rem;
    border-radius: 6px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .5px;
    transition: all .3s ease-in-out;letter-spacing: .2em;font-size:14px;text-transform: uppercase;text-decoration: none;
}
.custom-btn:hover{
        box-shadow: none;
        background-color: rgba(255, 255, 255) .85;
        transition-delay: .25s;
        }

.products-section{padding:40px;}
.products-section h1{font-size: 2.2rem;color:#000;line-height:1.2;padding-bottom:20px;text-align: center;letter-spacing: 0.04em;}
.pro-bx{overflow: hidden;}
.pro-bx img{width:100%;height:450px;transition: all .3s ease-in-out;}
.pro-bx img:hover{transform: scale(1.1);}
.pro-bx p{color: #fff;font-size: 20px;position: absolute;margin-top: -55px;margin-left: 29px;letter-spacing: 0.04em;}
.pro-bx:hover p:after{content:'';background:#fff;width:76px;height:1px;position: absolute;top:30px;left:0px;transition-duration: .25s;}

/* consultation */
.consult-section{padding:40px;}
.consult-section p{font-size:19px;text-align: center;line-height:1.7em;letter-spacing: 0.06rem;color:#000;}
.custom-btn2 {
    display: inline-block;
    background: rgb(26,27,24);
    color: #fff;
 padding: 1rem 4.25rem;
    border-radius: 6px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .5px;
    transition: all .3s ease-in-out;letter-spacing: .2em;font-size:14px;text-transform: uppercase;text-decoration: none;
}
.custom-btn2:hover{ background: rgba(39,40,40,1);color: #fff;}

/* about */

.about-section{margin-top:40px; background-image: url('image/about-banner.jpg');background-position: center;background-size: cover;background-repeat: no-repeat;padding:13% 0%;}
.about-section p{font-size:19px;text-align: center;line-height:1.7em;letter-spacing: 0.06rem;color:#fff;}

/* shop-pro */
.shop-pro{padding:40px 0px;}
.shop figure{margin-top:100px;}
.swap-on-hover {position: relative;	margin:  0 auto;max-width: 400px;}

/* Select the image and make it absolute to the container */
.swap-on-hover img {
  position: absolute;
  top:0;
  left:0;
	overflow: hidden;
	/* Sets the width and height for the images*/
	width: 400px;
	height: 400px;
}

.swap-on-hover .swap-on-hover__front-image {z-index: 9999;transition: opacity .5s linear;cursor: pointer;}
.swap-on-hover:hover > .swap-on-hover__front-image{opacity: 0;}

.shop a{
    text-align: center;
    position: absolute;
    color:#fff;
    display: none;
  
}
.shop:hover a{z-index: 9999;text-transform: uppercase;display: block;text-decoration: none;font-size: 12px;font-weight:600;letter-spacing: 3px;margin-top:350px;color:#fff;text-align: center;background-color: #000;padding:0.60rem 8rem;border-radius: 6px;transition-duration: 40s ease;}



/* features section */
.featured{padding:40px;}
.featured h1{font-size: 1.6rem;color:#000;line-height:1.2;padding-bottom:18px;text-align: left;letter-spacing: 0.04em;}
.featured img{width:100%;height:350px;}
/* .catalogue{margin-top:10px;} */
.catalogue a{
    text-align: center;
    position: absolute;
    color:#fff;
    transition: 0.2s linear;
    margin-top: -21px;
opacity: 0;
}
.catalogue:hover a{text-transform: uppercase;opacity: 1; display: block;text-decoration: none;font-size: 12px;font-weight:600;letter-spacing: 3px;margin-top:-50px;color:#fff;text-align: center;background-color: #000;padding:0.60rem 5rem;border-radius: 6px;transition-delay: 40s ease!important;}
.catalogue p{text-align: center;padding-top: 10px;font-size: 16px;letter-spacing: 0.5px;}

/* map */
.map{padding:40px;}

/* footer */
footer{background-color: rgba(4,43,55,1);padding:40px;margin-top:30px;}
footer .list-links ul{padding-left: 0px;list-style: none;}
footer .list-links ul li{padding-top:10px;}
footer .list-links ul li a{font-size:16px;line-height:1.4em;color:#fff;text-decoration: none;letter-spacing: 0.5px;}
.social-links ul li{display: inline-block;padding:10px;}
.social-links ul li a i{color:#fff;font-size:20px; border-radius: 50%;padding:5px;}
.social-links ul li a i:hover{
font-size:20px;border-radius: 50%;padding:5px;background-color: #fff;color:rgba(4,43,55,1);transform: scale(1.2);transition: transform 1s ease;}

footer p{font-size:14px;line-height:1.7em;color:#fff;padding-top:20px;}

/* contact Page */
.contact-page{padding:40px;}
.contact-page h5{text-align: center;font-size:18px;letter-spacing: .5px;color:#000;}
.contact-page p{text-align: center;font-size:16px;letter-spacing: .5px;color:#000;line-height: 1.5em;padding-top:5px;}
.contact-page p a{text-decoration: none;color:#000;}
.contact-page-form{padding:20px 20px;color:#fff;}
.contact-page-form p{margin-bottom:0px;line-height:30px;font-weight:600;color:#000;}
.contact-page-form h5{font-size:20px;font-weight: 600;color:#fff;}
.contact-page-form input{ min-height:48px;border-radius: 0px;border:1px solid #ddd;font-size:17px;transition: border 0.15s, box-shadow 0.15s;}
.contact-page-form textarea{border-radius: 0px; /*background-color: rgba(0,0,0,.05);*/}
.contact-page-form label{margin-bottom:10px;font-size:17px;color:#fff;font-weight:600;}
.contact-page-form .cont-pad{padding:20px 15px 0px 15px;}
.contact-page-form .contact-btn{background-color: #066aab;color:#fff;font-size:17px;border-radius: 3px;padding:8px 18px;border: none;margin-top:15px;font-weight:600;}
.contact-page-form .contact-btn:hover{background-color: #065689;transition: all 0.15s ease-in-out;}
.contact-page-form .contact-content{margin-left:20px;}
/* .contact-form-btn{text-transform: uppercase; letter-spacing: 1px;margin-top:20px;background-color:#042b37!important;padding:10px 17px;font-size:16px;font-weight:700;letter-spacing: 0.7px;color:#fff;border-radius: 12px;border: none;} */
.contact-form-btn{margin-top:20px;display:inline-block;background:#042b37!important;;color:#fff;padding:1rem 4.25rem;border-radius:6px;font-weight:600;letter-spacing:.5px;transition:.3s ease-in-out;letter-spacing:.2em;font-size:14px;text-transform:uppercase;text-decoration:none}
.contact-page-form .alert a{float: inline-end;}

/* inner banner section */
.inner-banner { background-image: url(image/about-bg.jpg); background-size: cover; padding: 20% 40px 3% 0; margin: -41px 0 40px 0;}
.inner-banner h1 { color: #fff; font-size: 46px; font-weight: 700;}
.inner-banner p, .inner-banner p a {color: #fff; font-size: 17px;}

/* about us page */
.about-page{padding:40px;}
.about-page p{font-size:16px;text-align: justify;line-height:1.5em;letter-spacing: 0.5px;}
.abt-img{overflow: hidden;margin-left:30px;border-radius: 20px;}
.abt-img img{width:100%;height:650px;}
.abt-img img:hover{width:100%;transform: scale(1.2);transition: 1s;}
.why-choose { padding: 50px 40px;overflow: hidden;}
.why-choose .count-bx {padding: 1px 0 1px 30px;border-left: 2px solid ;margin: 0 0 30px 0;}
.why-choose .count-bx h3 {font-size: 44px;font-weight: 600;color: #01020f;margin: 12px 0;}
.why-choose .count-bx p { color: #525a65; margin: 0 0 20px 0; font-size: 16px; font-weight: 500;}
.why-choose .right-img { overflow: hidden; border-radius: 20px;}
.why-choose .right-img img { border-radius: 15px; transition: all .3s ease-in-out;}
.why-choose .right-img img:hover { transform: scale(1.1);}
.why-choose p{font-size:16px;text-align: justify;line-height:1.5em;letter-spacing: 0.5px;padding-bottom:30px;}
.mar-left{padding-left:50px!important;}
.why-choose .heading{font-size:1.6rem;color:#000;line-height:1.2;padding-bottom:18px;text-align:left;letter-spacing:.04em}

/* navbar */
.main-table{font-family:Arial; font-weight:normal; Font-size:13px; color:#333; line-height:24px; text-align:justify;}
.main-heading{font-weight:bold; Font-size:18px; color:#333; line-height:36px; border-bottom:1px #ccc dashed; text-transform:uppercase;}
.sub-heading{font-weight:bold; Font-size:15px; color:#333; line-height:30px; text-transform:uppercase;}
.team-title{font-weight:bold; Font-size:14px; color:#333; line-height:30px;}
.contact-us{ padding-left:20px; line-height:24px;}



.table-responsive {
padding:2px!important
}

/*fix-header-menu*/

.body-fx #HeaderControl{
    position: fixed!important;
    width: 100%;
    padding: 0;
    padding-left: 0;
    background: rgba(254,254,254,0.95);
    z-index: 99;
    text-align: center;
    transition: 0.5s;
    height: 80px !important;
    top: 0;
}

.body-fx #MenuControl {
    float: Right;
    position: fixed;
    right: 0;
    width: 100%;
    padding: 0;
    padding-right: 0;
    background: rgba(38,38,38,0.95);
    transition: 0.5s;
    top: 121px;
    height: 40px !important;
}

.otherpagecss #RadDockZone1{max-width:100%!important;}
@media(max-width:991px)
{
    .navbar{width:100%!important;}
.body-fx #HeaderControl{position: relative!important;}
.body-fx #MenuControl{position: relative!important;top:0px!important;}

/* .swap-on-hover img{position: relative;} */
    .pro-bx{margin-bottom:20px;}
    .catalogue{padding-bottom:20px;}
    .featured{padding:10px;}
    .products-section{padding:10px;}
    /* .swap-on-hover__back-image{display: none;} */
}
@media(max-width:767px)
{
    .navbar-nav>li>a {
    border-bottom: 1px solid #021318;padding-bottom: 8px;border-bottom:2px}
.swap-on-hover{display: none;}
.shop a{text-transform: uppercase;display: block;text-decoration: none;font-size: 12px;font-weight:600;letter-spacing: 3px;margin-top:-72px;color:#fff;text-align: center;background-color: #000;padding:0.60rem 8rem;border-radius: 6px;transition-duration: 40s ease;}

    .navbar{width:100%!important;}
    .navbar .container-fluid{display: flex;justify-content: center;}
    .navbar-toggler{background-color:#CA942A!important;}
}
.navbar-nav li{position: relative;}
.navbar-nav li a::before{
position: absolute;
    bottom: 0;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    transition: width .3s;
    }
    .navbar-nav li a:hover:before {
    left: 0;
    bottom: 0;
    width: 100%;
}
    .navbar-nav li a:hover{color:#fff;}

#MenuControl #MenuControl_C,#MenuControl_C .bg-light{background-color:#042b37!important}
.navbar-default{border:0!important;background-color:transparent!important}
#EventCalenderControl{display:none!important}
.navbar-nav>li{display:table-cell;float:initial!important;vertical-align:middle}
/* .navbar-nav>li>a:hover{color:#fff} */
/* .navbar-default .navbar-nav>li>a{font-size:13px;color:#222;font-weight:600} */
.navbar{width:70%;margin:auto;position:relative;min-height:0!important}
.navbar-nav>li>a{text-transform: uppercase; font-size:16px;letter-spacing:.5px;color:#fff;padding-top:2px!important;padding-bottom:2px!important}
.navbar-nav{display:table;width:100%;text-align:center;margin-left:0!important;margin-right:0!important;margin-top:-2px}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff!important;background-color:#333!important}center #form1{overflow:hidden}#MenuControl_C .dropdown-menu{padding:0!important;animation:.4s fadeInUp}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#fff!important;text-decoration:none;background-color:#223035!important}
.dropdown-menu>li>a:focus:after,.dropdown-menu>li>a:hover:after{border-left-color:#333!important}
@media(max-width:767px){
.about-page {padding: 20px!important;}
.abt-img { margin-left:0px!important;}
.mar-left {margin-top: 20px; padding-left: 0px !important;}
.why-choose { padding: 50px 20px!important;}
.mar-left {margin-top: 20px;padding: 0px 20px !important;}
.abt-img img {height: auto!important;}
    .navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{margin-right:0!important;margin-left:0!important}
.navbar,.navbar-nav{background:#042b37!important}
.navbar-default .navbar-toggle{z-index:155555555555;float:initial;margin:9px 0;border:1px solid #fff}
.navbar-default .navbar-nav>li>a{color:#fff;border-bottom:1px solid #fff}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent}
#MenuControl_C #navbar-collapse-1{border:0;padding:0;margin:0}
.navbar-nav>li{border-right:0;padding:5px;border-bottom:5px;display:block;text-align:left}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff;padding:2px 15px 2px 25px}
#MenuControl_C .container-fluid,#MenuControl_C .navbar-default,#MenuControl_C .navbar-nav{margin-bottom:0}
.navbar-header{text-align:center}
#HeaderControl,#HeaderControl_C{height:initial!important}}