@charset "utf-8";
/* CSS Document */

.top-nv {
    background: #f5f5f5;
}

.main-table{ font-family: Raleway; font-weight:normal; Font-size:15px; color:#333; line-height:24px; text-align:justify; margin-top: 10px;}

.main-heading{ font-family: Raleway; Font-size: 22px; font-weight: bold; color: #0f3735; line-height: 36px; border-bottom: 1px #ccc dashed; text-transform: uppercase; margin-bottom: 10px;	text-align: left; margin-top:0;}
	
.sub-heading{ Font-size: 20px; font-weight: bold; color: #222; line-height: 30px; margin-top:0; margin-bottom: 5px; text-align:left;}

.heading-top{ background: url(image/abt-inner.jpg);  min-height:200px; background-size: cover;
    background-repeat: no-repeat; padding-top:120px; padding-bottom:25px; position: relative; border-bottom:2px #ccc solid;}
	
.heading1{ width:400px; text-align:center; padding:10px 0; color: #fff; font-size:36px; line-height: 36px; font-weight:600; background:#b73235; margin:0 auto;}

.inn-abt .aboutbox h2{ text-align:left;}
.inn-abt .sub-title{text-align:left;}

.inner-pages h2{font-family: 'Raleway'; font-size:30px; font-weight: 900; line-height: 30px; color: #b73235; text-align:left;}
.inner-pages ul{ margin:0; padding-left:25px;}
.inner-pages ul li{font-family: Raleway; font-weight:normal; Font-size:15px; color:#222; line-height:24px; text-align:left;}

.map-hm-rht h3{font-family: 'Raleway'; font-size:24px; font-weight: 900; line-height: 30px; color: #b73235; text-align:left; margin-top:0;}

.map-hm-rht {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
  background: #fff;
  overflow: hidden;
}

.map-hm-rht input{
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.map-hm-rht input::focus{
  background-color: #b73235;
}

.map-hm-rht input {
  padding: 20px 15px;
}


.map-hm-rht .sbmt {
  background: #b73235;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
    font-weight: bold;
    font-size: 17px;
    border-radius: 5px;
}

.php-email-form button.sbmt:hover {
  background: #8ec4dd;
}



.callus {
    width: 100%;
    margin: 8px 0 0 0;
    text-align: right;
    position: fixed;
    top: 20em;
    right: 9px;
    width: 50px;
    height: 50px;
    z-index: 99999;
}
.callus .callusL{
    width: 40px;
    height: 40px;
    font-size: 18px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    float: right;
    background: #eb1d39;
    color: #fff;
    margin: 0 20px 0 0;
    -webkit-box-shadow: 0px 0px 0px 7px #dc3545;
    -moz-box-shadow: 0px 0px 0px 7px rgba(232, 154, 17, 0.25);
    box-shadow: 0px 0px 0px 7px #dc354536;
    -webkit-animation: tada 1.25s infinite;
    -moz-animation: tada 1.25s infinite;
    -ms-animation: tada 1.25s infinite;
    animation: tada 1.25s infinite;
}

  /*============WHATSAPP==========*/
  
.whatsapp_btn2{
    position: fixed;
    top: 15em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn2 .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

.whatsapp_btn2 .icon_logo > a > img{
    width: 100%;
}

.whatsapp_btn2 .circle_waves{
    border-radius: 50%;
    background-color: #3cc04e;
    width: 55px;
    height: 55px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0px;
    z-index: 99;
    animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes waves {
    from {
        transform: scale(.55, .55);
        opacity: .6;
    }
    to {
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}







.banner-hm{ position:relative;}
.banner-cont{ position:absolute; top: 30%; margin:0 auto; left:0; right:0;}
.banner-cont .title { position: relative; }

.carousel-indicators .active{border-radius: 100%;background: #b73235;width: 16px;height: 0px;}
.carousel-indicators li{ border-radius:100%; background:#ccc; width:16px; height:16px; margin:0;}

.carousel-inner > .item > img{ width: 100%;}
.banner-cont .title h1 {font-family: Raleway; font-size: 50px; line-height: 50px; text-align:left; color:#222;}
.banner-cont .title h1 span { font-size: 50px; display: block; color: #b73235; font-weight: 700;}
.banner-cont .title h2 { font-family: Raleway; font-size: 30px; line-height:36px; text-align:left; color:#444; margin:0;}
.banner-cont .title h3 {font-family: Raleway;font-size: 20px;line-height: 30px;text-align:left;color:#333;margin:0;}

/*cont-page*/

#header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997; 
	text-align:center;
}

#header img{ max-width: 100%;}

.body-fx #header{
    height: 90px;
    padding: 0px 2px;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
    /* background-color: rgba(15,55,53,.85) !important;*/
}
	
.body-fx .navbar-default{ background-color: transparent !important;}

/*cont-page*/	

.navbar {
    position: relative;
    min-height: 0px !important;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}

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

.navbar-nav {
    display: table;
    width: 100%;
    text-align: center;
    margin-left: 0  !important;
    margin-right: 0 !important; 
}

.navbar-nav>li {
    display:table-cell;
    float: initial !important;
	vertical-align: middle;
}

.nav>li>a{ padding:10px 2px;}

#HeaderControl .rdCenter, #MenuControl .rdCenter{ background: transparent !important;}

.navbar-default{ border:0 !important; background-color: transparent !important;}

.navbar-default .navbar-nav>li>a{
    color: #121212;
    font-size: 15px;
    font-weight: 600;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover{    
color: #fff !important; background:#333645; }
   
.navbar-default .navbar-nav>.open>a:focus{ color: #fff !important; background:#333645 !important;}

#MenuControl_C .dropdown-menu{ padding:0 !important;
animation: fadeInUp 400ms;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #000 !important;
    text-decoration: none;
    background-color: #fff !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: #222 !important;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #ffb03b !important;
    border-color:#fff;
    color: #fff !important;
}


#MenuControl_C .navbar-default,
#MenuControl_C .container-fluid,
#MenuControl_C .navbar-nav
{ height:100%; /* background-color: rgba(47,77,90,.6) !important; */}

#MenuControl_C #navbar-collapse-1{ height:100% !important;}

#WidgetControl4{/* display:none; */}

#HeaderControl{
    height: 80px;
    float: Left;
    margin-bottom: 0;
    padding:0;
    transition: 0.5s;
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 9;
    width:32%;
    background: transparent;
    text-align: center;
    }
	
#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter{ background-color: transparent !important;}

#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter{ background-color: transparent !important;}

#MenuControl{
    height: 80px;
    float: Right;
    margin-bottom: 0;
    padding:0;
    transition: 0.5s;
    position: absolute;
    right: 0;
    top: 38px;
    z-index: 9;
    width: 68%;
    background: transparent;
    }
	
	
.body-fx #HeaderControl{
    float: Left;
    position: fixed;
    padding: 0;
    padding-left: 0;
    background-color: rgba(255,255,255,.95) !important;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 100px !important;
    top: 0;
}

.body-fx #MenuControl_C{ height: 90px !important;}
.body-fx #MenuControl {
    float: Right;
    position: fixed;
    right: 0;
    padding: 0;
    padding-right: 0;
    background-color: rgba(255,255,255,.95) !important;
    transition: 0.5s;
    top: 0px;
    height: 100px !important;
}

center #form1 #HomepagecontentControl{ padding-top: 105px; padding-bottom:25px;}
center #form1 #HeaderControl{ margin-left:0; width: 32%; top: 0;}
center #form1 #HeaderControl #header img{ margin-top: 25px;}

.body-fx center #form1 #HeaderControl #header img{ margin-top:0;}

center #form1 #MenuControl{ margin-right:0; width: 68%; top: 1;}

.body-fx center #form1 #HeaderControl{ margin-left:0;}
.body-fx center #form1 #MenuControl{ margin-right: 0;}

#widgetsControl, #widgetsControl_C{ height:inherit !important;}


.table-responsive {
    min-height: .01%;border: 0;
    overflow-y: hidden !important;
}

@media (max-width: 991px){
	
#MenuControl_C, #HeaderControl_C{ height:inherit !important;}
center #form1 #HeaderControl{ margin-left:0; width: 30%;}

}

@media (max-width: 769px){
	
#MenuControl, #MenuControl_C{ height: initial !important;}	
#widgetsControl_C, #widgetsControl{ height:initial !important}

}

@media (max-width: 767px)
{
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top 
{
   margin-right: 0px !important;
 margin-left:  0px !important;
}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 2px 15px 2px 25px;
}
.navbar-nav>li{ display: block; text-align:left;}

}



@media(max-width:736px){
.body-fx #MenuControl{position: absolute !important;} 
.navbar-nav>li{display: block; text-align:left;}
#HeaderControl, #HeaderControl_C{ height: initial !important; width:50%;}
.body-fx #HeaderControl{ display:none; height:0px !important;}
#MenuControl_C #navbar-collapse-1{ background-color: #fff !important;}


}

@media(max-width:480px){
.banner-cont .title h2{font-size: 20px !important; line-height: 22px !important;}
.banner-cont .title h1{ font-size: 20px !important; line-height: 25px !important;}
.banner-cont .title h1 span{font-size: 24px; !important}
.banner-cont .title h3{ font-size: 15px !important; line-height: 18px !important;}
.service .icon a{line-height: 40px !important;}
.service .icon{ width: 20% !important; margin-right: 0 !important;}	
.aboutbox{ padding: 20px !important;}
.aboutbox h2{ font-size: 20px !important; margin-bottom: 5px;}
.sub-title{font-size: 17px !important;}
.about_us p{ font-size: 14px !important; line-height: 20px !important;}
.our-team h2{ font-size: 22px !important; font-weight: 600; line-height: 24px !important;}
.career-bx h2{ font-size: 24px !important; font-weight: 600; line-height: 25px;}
.career-bx{ padding: 50px 0 !important;}
.getin-touch h2{ font-size: 24px; font-weight: 600; line-height: 30px !important;}
.coninfo{ padding: 20px 20px !important;}
.getin-touch h3{ font-size: 24px; font-weight: 600; line-height: 25px !important;}
.inn-abt .aboutbox h2{ font-size: 24px !important;}


#widgetsControl, #widgetsControl_C { height: 400px !important;}
.banner-cont{ position: relative; top: 30px !important;}

}