@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
p{color:#555; line-height:23px; margin-bottom:16px; text-align:justify}
.main-table{font-family:"Quicksand", open sans;; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify;}
.main-heading{font-weight:bold; Font-size:22px; color:#333; line-height:36px; border-bottom:1px #ccc dashed; text-transform:uppercase;}
.sub-heading{font-weight:bold; Font-size:18px; color:#333; line-height:30px; text-transform:uppercase;}
.team-title{font-weight:bold; Font-size:16px; color:#333; line-height:30px;}
.contact-us{ padding-left:20px; line-height:24px;}
.container, .container-fluid{    font-size: 14px !important; font-family: Quicksand !important;}
center #form1 center .quick-btn{display:none;}
body{font-family: "Quicksand", open sans;  font-size: 15px;  color: #333333; line-height: 26px; overflow-x:hidden; margin:0; padding:0;}
img{max-width:100%;}

:focus{outline:none;}

.container-fluid{padding-left:2px; padding-right:2px;}
#MenuControl_C .dropdown-menu{padding:0 !important; animation: fadeInUp 400ms;}
#MenuControl_C #navbar-collapse-1{height:100% !important;}
/*header*/

header {
    padding: 14px 0 16px;position: relative;
}
header img{max-width:100%;}
.tp-head {
    background: #ff0000;    top: 0;
    position: absolute;
    right: 0;
}
.tp-head h3{margin:0;font-size:20px; color: #fff; font-weight:bold; line-height:40px; padding:20px 30px; display:block;cursor: pointer;}
.tp-lft a{color:#fff}
.tp-lft a:hover{text-decoration:none;}

.tp-fx-head {position: fixed; z-index: 9; top: 50%; color: #fff; font-weight: bold; left: -58px;}
.tp-fx-head h3{margin:0;font-size:20px; transform: rotate(90deg); color: #fff; font-weight:bold; line-height:25px; padding:10px 20px; display:block;cursor: pointer; background:#ff0000; border-top-left-radius:10px;border-top-right-radius:10px;}
.tp-fix a{color:#fff}
.tp-fix a:hover{text-decoration:none;}
/*header*/

/*navbar*/

#HeaderControl, #MenuControl, #widgetsControl, #WidgetControl2, #WidgetControl1, #WidgetControl4{ padding: 0;}

.navbar .nav li a {
    text-decoration:none; font-size:14px;color: #fff;
}
.navbar .dropdown-menu .dropdown-item{color: #000;}
.navbar {
    position: relative;
    min-height: 0px !important;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
    background: #ff0000;    padding: .1rem 1rem;
}

.navbar>li>a {
    padding-top:0 !important;
    padding-bottom: 0 !important;
	font-weight:600;
}

.container-fluid{/*padding-left:2px; padding-right:2px;*/}


.navbar-nav {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-left: 0  !important;
    margin-right: 0 !important;
    /*margin-top: -2px;*/
}


.navbar-nav>li {
    display: inline-flex;
    float: initial !important;
    vertical-align: middle;
    border-right:1px solid #3c3c3c; padding: 5px 15px;
}


.MenuControl_C{ border:0 !important; background-color:#ff0000 !important;}

.navbar-default .navbar-nav>li>a{color: #fff !important;font-size: 14px;text-decoration:none;display: block;padding: 5px 15px;}
.navbar-default .dropdown-menu.show{position:absolute;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{    color: #000 !important;
    background-color: #fff !important;}
	
#MenuControl_C .dropdown-menu{padding:0 !important; animation: fadeInUp 400ms; position:absolute;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff !important;
    text-decoration: none;
   background-color:#ff0000 !important;
}

.dropdown-menu>li>a:focus:after, .dropdown-menu>li>a:hover:after {
        border-left-color: #fff !important;
}
	
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #000 !important;
    background-color: #fff !important;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #ff0000 !important;
    border-color:#fff;
    color: #fff !important;
}
.dropdown a{color: #666;display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;}

#MenuControl_C .navbar-default,
#MenuControl_C .container-fluid,
#MenuControl_C .navbar-nav
{height:100%;}

#MenuControl_C #navbar-collapse-1{height:100% !important;}
.table-responsive{overflow:hidden; display:inline-table;}

.navbar-default .container-fluid{/*width:1140px;*/}
.navbar-header{display:none;}
.collapse:not(.show) {  display: block;}

.navbar-default {background: #262626;}
#FooterrControl1_tr_FooterBackImage td.row{margin:0;}
/*navbar*/
/*modal*/
.modal-open .modal-content{border-bottom-left-radius:0; border-bottom-right-radius:0;}
.modal-open .modal-hm-bg{background-color:#fff; border-top-left-radius:0; border-top-right-radius:0;border-bottom-left-radius:6px; border-bottom-right-radius:6px; padding-bottom:10px;}
.modal-header{color:#000; text-transform:uppercase; font-size: 20px; font-weight: bold;}
.modal-body input{display:inline-block; margin:7px auto;}
.modal-body center input{padding:7px 20px; color:#000; background:#ff0000; border-radius:40px; transition:.3s;}
.modal-body center input:hover{color:#fff; background:#000;}
.modal-header .close{ /*background: #ff0000;*/ padding: 5px 10px; color: #000; opacity:.9;position: absolute; right: 16px;}
.modal{top:50px;z-index:999999999 !important;}
.modal-backdrop{z-index:9;}
.modal-open .modal-dialog{z-index:9999;}
.smt-btn {
    cursor: pointer;
    color: #fff;
    background: #ff0000;
    padding: 10px 30px;
    line-height: 26px;
    border: 2px solid #000;
    border-radius: 45px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}
/*modal*/
/*banner-btm*/

.banner-btm{position:relative;}
@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex; overflow:hidden;
}

/* display 3 */
@media (min-width: 768px) {   
.carousel-inner .carousel-item-right.active, .carousel-inner .carousel-item-next {transform: translateX(33.333%); overflow:hidden;}  
.carousel-inner .carousel-item-left.active, .carousel-inner .carousel-item-prev {transform: translateX(-33.333%);overflow:hidden;}
}
.carousel-indicators{display:none;}
.carousel-inner .carousel-item-right, .carousel-inner .carousel-item-left{transform: translateX(0);}
.banner-btm .col{padding:0; margin:0;}
.banner-btm .card{border-radius:0;border: 1px solid rgba(255,0,0,.5);}
.banner-btm .card-body{background:rgba(255,0,0,.7); padding: 50px 30px; margin: 0; transition:.5s;}
.banner-btm .card-body:hover{background:rgba(255,0,0,1); }
.banner-btm .card-body a{ color:#fff; font-size:18px; font-weight:bold; text-decoration:none;}
.banner-btm .mx-auto{position: absolute; width: 100%; bottom: 0;}
.carousel-control-prev, .carousel-control-next{z-index: 0;}
/*banner-btm*/

/*hm-abt*/

#about-hm .hm-abt-lft, .hm-career .hm-abt-lft{padding-top:150px;}
.overlay_img{position: absolute; width: 100%; height: 100%; background-color: rgb(255,0,0); z-index: 1; transition:1.5s;}
.overlay_img.in-view{width: 10%; height: 100%; background-color: rgb(255,0,0); transition:1.5s;}
.hm-abt .separator-line_left, .hm-team .hm-abt-rht .separator-line_left, .hm-career .separator-line_left{
    width: 70%;
    height: 2px;
    margin: 15px 0;
    /* background-color: #333; */
    opacity: 1;
    background: rgb(163, 163, 163);
    background: -moz-linear-gradient(left, rgba(163, 163, 163, 1) 1%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(163, 163, 163, 1) 1%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(163, 163, 163, 1) 1%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#ffffff', GradientType=1);
    clear: both;
    float: none;
    display: inline-block;
}
#about-hm  .hm-abt-lft, .hm-career .hm-abt-lft{text-align:right;}
#about-hm .hm-abt-lft h2{    color: #333;
    font-size: 40px;
    line-height: 1.3;
    float: none;
    letter-spacing: 1px;
    position: relative;}
#about-hm .hm-abt-lft p, .hm-career .hm-abt-lft p{font-size: 18px;text-align:right;
    font-weight: 300;color: #000;
    letter-spacing: 1px;
    line-height: 30px;}
/*hm-abt*/
/*hm-team*/

.hm-team .hm-abt-rht{padding-top:150px;}
.hm-team .hm-abt-rht p{font-size: 18px;text-align:left; font-weight: 300;color: #000;  letter-spacing: 1px; line-height: 30px;}
	
/*hm-team*/

/*career*/
.map-hm{padding:80px 0;}
.map-hm .head-main{text-align:center; margin-bottom:20px;}
.map-hm .banner-line{  width: 50%; height: 2px; background: #fff;  margin: 25px auto 15px auto; margin-bottom:40px;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(200, 200, 200, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(200, 200, 200, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(200, 200, 200, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000', GradientType=1);}
/*career*/
/*footer*/
footer{background:#262626; color:#fff; padding: 100px 0px 50px; background-image:url(../image/footer-bg.jpg); background-attachment:fixed; background-position:top center; background-size:100% 100%;}
footer h3 { font-family: Playfair Display;}
footer p { color: #eee;}
footer .sub-footer ul.socialmedia{list-style:none; margin:0; padding:0;}
footer ul.socialmedia li {  display: inline-block;  padding: 4px; float: left;}
footer .sub-footer p {
    font-size: 17px;
    margin-right: 8px;
}
footer ul.socialmedia li a {
    /* padding: 10px; */
    line-height: 40px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.45);
    color: #fff;
    border-radius: 100%;
    float: left;
    text-align: center;
    transition: all 300ms ease-in-out;
}
footer ul.socialmedia li a:hover {
    background: #000;
    color: #ff0000;
    transition: all 300ms ease-in-out;
}
footer .footer-cntr{border-left: 1px solid #3e3e3e; border-right: 1px solid #3e3e3e;}
footer .footer-cntr .fa{font-size:20px; line-height:20px; color:#eee; margin-right:10px;}
.footer-rht ul{list-style:none; padding-left:0; margin:0;}
.footer-rht ul li{padding: 6px 0px;}
.footer-rht ul li a{color:#eee; position: relative; padding: 6px 20px; text-decoration: none; transition: all 300ms ease-in-out;}
.footer-rht ul li a:hover{transition:0.5s; color:#fff;}
.footer-rht ul li a:after{content: "\f105";
    position: absolute;
    left: -5px;
    top: 22%;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
footer .sub-footer{padding-top: 30px;}
#FooterrControl1_tr_FooterBackImage td{height:inherit !important;     display: block;}
#FooterrControl1_tr_FooterBackImage tr{ display: block; width:100%;}
#FooterrControl1_tr_FooterBackImage table{display:none;}
#FooterrControl1_tr_FooterBackImage #FooterrControl1_Footer table{display:block;}
#FooterrControl1_Footer{    margin-top: -1px !important;}
#FooterrControl1_Footer tbody{    width: 100%;
    display: block;}
/*footer*/
/*fix-header-menu*/
.body-fx #HeaderControl {
    height: 90px;
    position: fixed;
    width: 100%;
    padding: 0;
    padding-left: 0;
    background: rgba(254,254,254,0.95);
    z-index: 99;
    text-align: center;
    transition: 0.5s;
    height: 68px !important;
    top: 0;
}
.body-fx #MenuControl {
    height: 90px;
    float: Right;
    position: fixed;
    right: 0;
    width: 100%;
    padding: 0;
    padding-right: 0;
    background: rgba(38,38,38,0.95);
    transition: 0.5s;
    top: 68px;
    height: 40px !important;
}

/*fix-header-menu*/
#widgetsControl, #widgetsControl_C{height:inherit !important;}

/*quick-btn*/
.quick-btn{    position: fixed;
    top: 45%;
    right: 0;     z-index: 999;}
	
.quick-btn ul{     margin: 0; position:relative;
    padding: 0;
    list-style: none;
    /*background: #242c42;*/
    padding: 6px 6px;
    border-radius: 5px;}
	
.quick-btn ul li{width: 8px; height: 8px; position: relative; margin: 10px auto;  right: 0;  left: 0;   background: #ff0000;
    border-radius: 50%;  transition:0.5s;}
.quick-btn ul li.active{background:#ff0000;border: 8px solid #ff0000; position: relative; right: 5px;}	
.quick-btn ul li span{     position: absolute;
    left: -20px;
    top: -3px;
    background: #ff0000;
    color: #fff;
    font-size: 11px;
    padding: 0;
    border-radius: 5px;
    display: none;
    transition: 0.5s;
    width: 58px;
    text-align: center;
    height: 17px;
    line-height: 16px;}
	
.quick-btn ul li:hover span{display:block; transition:0.5s; left: -60px;}
	
.quick-btn ul li a{width: 10px;
    height: 10px;     display: block; transition:0.5s;}
	

/*quick-btn*/
/*main-slider*/
#header .carousel-caption{ top: 25%; bottom: inherit;}
#header .carousel-caption h2{ font-size:40px; font-weight:bold;}
#header .carousel-caption p{ font-size: 20px; text-align: center;  font-weight: 500;  color: #fff; letter-spacing: 4px;}
.banner-line {  width: 50%; height: 2px; background: #fff;  margin: 25px auto 15px auto;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}
/*main-slider*/
#HeaderControl_C, #HeaderControl{overflow:inherit !important; height:inherit !important;}
	
.table-responsive {
    min-height: .01%;
    overflow-y: hidden !important; border:0;
}
#MenuControl_C .container-fluid{padding-left:0; padding-right:0;}

@media (max-width: 1140px)
{
.navbar-default .container-fluid{width:100%;}
.navbar-nav>li, .navbar-default .navbar-nav>li>a{padding: 5px 10px;}
}
@media(max-width:1024px){
#header .carousel-caption { top: 10%;}
}
	
@media (max-width:998px){#widgetsControl, #widgetsControl_C{height:initial !important}
.nav>li>a{padding:3px 2px;}
.navbar-nav>li, .navbar-default .navbar-nav>li>a{padding: 5px 5px;}
}


@media(max-width:991px){
#header .carousel-caption { top:0%;}
#header .carousel-caption h2 { font-size: 28px;  font-weight: bold;}
}
@media(max-width:767px){
.navbar-header{display:block;}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-right: 0px !important; margin-left:  0px !important;}
.navbar-toggle{float:inherit;}
.navbar{text-align:center;}
.navbar-nav>li {border-right:0; border-bottom:1px solid #eee;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #333;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.navbar-toggle{background:#333;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff;}
.navbar-nav{display: block; text-align:left;}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-toggle {
    border-color: #eee;    padding:4px 8px;}
.navbar{text-align:center;}
.navbar-toggle {
    position: relative;
    float: inherit;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #eee;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; margin: 4px auto;
}
.navbar-collapse.collapse{display:none;;}
.navbar-collapse.collapse.show{display:block;}
.dropdown-submenu, .navbar-default .dropdown-menu.show { position: static;}
.dropdown-submenu>a:after{transform: rotate(90deg);}
.navbar-nav .dropdown-menu {  position: static;}
.dropdown-toggle::after{    position: absolute;  right: 20px;  top: 15px;}
.dropdown-submenu>a:after{    margin-top: 0 !important;   margin-right: 0 !important;}
.navbar-nav>li{display: block; text-align:left;}
#HeaderControl, #HeaderControl_C{height: initial !important;}
.dropdown-submenu>.dropdown-menu{    margin-top: 0 !important;}	
.tp-lft{display:none;}
.banner-btm .mx-auto{position: static;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #242c42;
    border: 0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-header{text-align:center;}
.navbar-default .navbar-toggle {
    border:0; background-color: #242c42;
	    float: initial;
    margin-left: auto;
    margin-right: auto;
}
.navbar-nav>li{display:block; border-bottom: 1px solid #db2c37; border-right:0;background: #ff0000;}
.navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px; text-align: left;
}
.navbar-nav{margin: 0;
    border-left: 0;
    border-top: 1px solid #db2c37;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0;}
.dropdown a{padding: .25rem .5rem;}

.quick-btn{display:none;}
.fix-box{left:inherit; right: -10px;}
#MenuControl_C .dropdown-menu{position:static;}
.body-fx #HeaderControl, .body-fx #MenuControl{position:relative; top:inherit; width:100%; height:inherit !important;}
.hm-team .hm-abt-rht, #about-hm .hm-abt-lft, .hm-career .hm-abt-lft{ padding-top: 50px;}
.hm-team, #about-hm, .hm-career{ padding: 50px 0;}


	}
	
@media(max-width:667px){
	
	}
	
@media(max-width:568px){
	
	}
	
@media(max-width:480px){

	}
	
@media(max-width:414px){

.footer-rht ul li{font-size: 12px;}
	}
	
@media(max-width:375px){
.footer-lft p{    font-size: 12px;}	
.footer-rht ul li a{padding-left: 5px;
    margin-left: 5px;}
	}
	
@media(max-width:360px){
	
	}