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

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');


p{font-family: 'Lato', sans-serif !important;line-height:22px;font-size: 15px !important;}

body {
    font-family: 'Lato', sans-serif !important;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
.main-table{font-family: 'Lato', sans-serif; font-weight:normal; Font-size:13px; color:#333; line-height:24px; text-align:justify; padding: 0 5px;}
.main-heading{font-family: 'Lato', sans-serif; font-weight:bold;Font-size:20px;color: #15224f;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; margin:0; font-family: 'Lato', sans-serif;}
.team-title{font-weight:bold; Font-size:14px; color:#333; line-height:30px; margin:0;}
.contact-us{ padding-left:20px; line-height:30px; font-family: 'Lato', sans-serif;font-size: 13px;}
.ul-icon li{list-style:url(Image/hand-icon1.png); list-style-position:outside;}
.ul-icon ul{margin:0; padding:0;}

.copyrht{background:#245e6c; height: 30px;}
.copy-lft{float:left; width:50%; color:#fff; line-height:30px;}
.copy-rht{float:right; width:50%;}
.copy-lft p{text-align:left; color:#fff; padding-left:5px;}
.copy-rht p{text-align:right; color:#fff; padding-right:5px;}

/*header*/
header img{margin:10px auto;}

#HeaderControl{     height: 82px;
    float: Left;
    margin-bottom: 0;
    /*padding: 16px 0;*/
    transition: 0.5s;
    position: absolute;
    left: 0;
    /*top: 36px;*/
    z-index: 9;
    width: 32%;
    background: #fff;
    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: #022952 !important;} */

#MenuControl{    height: 82px;
    float: Right;
    margin-bottom: 0;
    padding: 0px 0;
    transition: 0.5s;
    position: absolute;
    right: 0;
    /*top: 36px;*/
    z-index: 9;
    width: 68%;
    background: transparent;}
		
.body-fx #HeaderControl{
    height: 90px;
    float: Left;
    position: fixed;
    width: 32%;
    padding: 0;
    padding-left: 0;
    background:#fff;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
	height: 83px !important;
		
}

/* .body-fx header .logo1{height: 60px;} */
.body-fx header .logo1{margin: 0;} 

.body-fx #MenuControl_C{height: 78px !important;}

/* .body-fx #MenuControl .rdCenter{    background: #022952 !important;} */
.body-fx #MenuControl .navbar-default{
	padding-top: 20px;
}
.body-fx #MenuControl {
    height: 90px;
    float: Right;
    position: fixed;
    right: 0;
    width: 68%;
    padding: 0;
    padding-right: 0;
    background: #022952;
    transition: 0.5s;
		height: 83px !important;
}

center #form1 #HomepagecontentControl{padding-top: 105px; padding-bottom:25px;}
center #form1 #HeaderControl,
/* center #form1 #MenuControl{background: #022952;} */
center #form1 #MenuControl_C{height:100px !important;}
.body-fx center #form1 #MenuControl_C{height:82px !important;}
center #form1 #HeaderControl{margin-left: -2px;     width: 36%;}
center #form1 #MenuControl{margin-right: -2px;}
#MenuControl_C{height:100px !important;}
/* .body-fx #MenuControl_C{height:inherit !important;} */
.body-fx center #form1 #HeaderControl{margin-left:0;}
.body-fx center #form1 #MenuControl{margin-right: 0px;}
.social-icons .fa {font-size: 3em; color:#0e76bc;}
.nomargin {
    margin: 0px;
    padding: 0px;
}
/*header*/
/* about  */
.hm-about{text-align:center; margin-top:10px;}
.hm-about-inner{margin-top:0px; transition:0.5s; position:relative; overflow:hidden; margin-top:20px;}
.hm-about-cnt{border: 1px solid #ccc; }
.hm-about-inner h3{margin-top: 50px; font-size: 24px;}

.hm-about-inner a{    color: #eb6645;
    font-size: 15px;
    font-style: italic;
    text-decoration: none;}
h4.box-fa{    margin-bottom: -40px; z-index:9; position:relative;text-align: center;}
	
h4.box-fa .fa{width: 75px;
    height: 75px;
    background: #012951;
    color: #fff;
    border-radius: 50%;
    font-size: 30px;
    line-height: 60px;
    border: 5px solid #fff;
    box-shadow: 0px 0px 4px #999;
    font-weight: inherit;
    padding-top: 0px;}

.hm-about-inner:after{    content: "";
    left: -100%;
    top: 36px;
    width: 50%;
    height: 100%;
    background: #012951;
    transition: 0.5s;
    position: absolute;}	
	
.hm-about-inner:before{    content: "";
    right: -100%;
    top: 36px;
    width: 50%;
    height: 100%;
    background: #012951;
    transition: 0.5s;
    position: absolute;}	
	
.hm-about-inner:hover{transition:0.5s; color:#fff;}
.hm-about-inner:hover a{color:#fff;}
.hm-about-inner:hover:after{opacity:1; left: 0%; transition: 0.4s;}
.hm-about-inner:hover:before{opacity:1; right: 0%; transition: 0.4s;}
.hm-about-cnt{position:relative; z-index:1; padding: 0 5px; min-height: 208px; text-align: center;}
.hm-about-inner:hover p{color:#fff; transition: 0.4s;}


a{text-decoration: none;}
footer a{color: #fff;    font-weight: 500;}
footer a:hover{color: #fff;  }

/* team */
.team p{font-size: 16px !important; text-align: center;}

/*contact*/
.map-cont{     margin-top: 10px;
    width: 56%;
    float: left;
    border: 1px solid #ddd;
    text-align: center; padding: 10px 0;}
.map-cont img{max-width:100%;}
	
.bx-rht-cont{    width:40%;
    float: left;
    margin-left: 3%; text-align: left;}
	
.bx-rht-cont a{cursor:pointer;}
.bx-rht-cont h2{text-align: left;
    font-size: 16px;
    font-weight: bold;     line-height: 18px; margin-top: 10px; margin-bottom:5px;}
	
.bx-rht-cont p{margin-bottom:0;}
.brn-off{width:31%; padding:1%; float:left;     padding-bottom: 0;}
.cont-page h3{     margin: 0;
    font-size: 18px;
    margin-bottom: 8px;}
.cont-page p{font-size:14px; color:#000;     line-height: 24px !important;}

.cont-heading {
    margin: 0;

    font-size: 15px;
    text-transform: uppercase;
    background:#60355c;
    padding: 9px 10px;
    color: #fff;
    margin-bottom: 8px;
}
	
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.brn-bx h2{text-align:center;}

.map-cont img{max-width:100%;}

.cont-page .st-feature-box{    background: #666;
    padding-top: 10px;
    padding-bottom: 10px; margin-bottom: 10px;     padding-right: 10px;
	    color: #fff;}
	
.cont-page .feature-box-image{    margin-top: 13px;}

.brnh-off p{margin-bottom:2px;}


.st-custom-heading-layout2.st-custom-heading-wraper {
    margin-bottom: 24px;
}

.st-custom-heading-layout2 .st-heading-title {
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px; font-weight:bold;
	margin-top: 0;
}

.st-custom-heading-layout2 .st-heading-title>span {
	    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    display: block;
    margin-bottom: 11px;
}

.st-custom-heading-layout2 .heading-line {
    width: 26px;
    height: 1px;
    background: #114366;
    margin: 0;
}

.st-feature-box {
    padding-left:75px;
    position: relative;
	    margin-bottom: 35px;
}
.feature-box-content {
	font-size: 14px;
}
.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height:0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

.cont-soc img{margin-right:5px;}
.cont-page h2{    font-weight:bold;
    color: #111;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
    font-family: 'Lato', sans-serif !important;
	margin-top:10px;}
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page h5{    color: #222;
    font-size: 19px;
    margin-bottom: 25px;}
	
.cont-page h2 span {
    color: #111;
    font-weight: normal;
    font-size: 18px;
}

.cont-page{text-align:left;font-family: 'Lato', sans-serif; font-size: 14px;}
.cont-page ul li{
	color:#000;
	font-size: 14px;
}


/*cont-page*/
/*banner*/
.bnr-btm-left, .bnr-btm-right {
    text-align: center;
    background-color: #336799;
    padding: 3em;
}
.bnr-btm-right {
    background-color: #c52d2f;
}
.banner-bottom h5 {
    font-size: 1.8em;
    color: #fff;
}
.banner-bottom p {
    font-size: 1.1em;
    color: #fff;
    width: 60%;
    margin: 1em auto 0;
    line-height: 1.8em;
}
.btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.bnr-btm-left:after {
    position: absolute;
    top: 0;
    right: -53px;
    content: '';
    border-top: 0px solid transparent;
    border-bottom: 181px solid transparent;
    border-left: 53px solid #336799;
    z-index: 1;
}


ul.slides li{height: 597px !important;}
.flexslider{height: 597px !important;}
/*banner*/
/*hm-services*/
figure.effect-bubba {
    background: #c52d2f;
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 13px 5px;
    min-width: 32%;
    max-width: 300px;
    max-height: 320px;
    width: 21%;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}
.hm-ser{margin-top:30px;background: #000;}
.hm-ser h2{text-align:center;}
figure.effect-bubba:hover img { opacity: 0.4;}
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba:hover h4,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.hm-ser h2:after {
    content: "";
    position: relative;
    height: 4px;
	background: #eb6645;
    width: 60px;
    display: block;
    text-align: center;
    margin: 13px auto;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    -ms-border-radius: 5em;
    -o-border-radius: 5em;
    border-radius: 5em;
}
effect-bubba figcaption:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.grid figure figcaption, .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 0px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
figure.effect-bubba h4 {
    padding-top: 30%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
    font-size: 22px;
    color: #000;
    font-weight: 600;
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba img {
    opacity: 0.7;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    width: 100%;
}
figure.effect-bubba {
    background: #c52d2f;
}


/*hm-services*/

/*blog*/
.blog{margin-top:50px;}

.blog h2:after {
    content: "";
    position: relative;
    height: 4px;
    background: #336799;
    width: 60px;
    display: block;
    text-align: center;
    margin: 13px auto;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    -ms-border-radius: 5em;
    -o-border-radius: 5em;
    border-radius: 5em;
	margin-bottom:40px;
}


/*blog*/


/*client*/
.blog{margin-top:50px;}

.client h2:after {
    content: "";
    position: relative;
    height: 4px;
    background: #336799;
    width: 60px;
    display: block;
    text-align: center;
    margin: 13px auto;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    -ms-border-radius: 5em;
    -o-border-radius: 5em;
    border-radius: 5em;
	margin-bottom:40px;
}

.client .carousel-indicators li{    background-color: #000;     width: 15px; height:15px;}
.client .carousel-indicators .active{    background-color: #e21d34;     width: 15px; border: 0; height:15px;}
.client .carousel-indicators { bottom: -50px;}	
.client-bx .carousel-inner>.item>a>img, .carousel-inner>.item>img{margin:0 auto;}
/*client*/
/*team*/
.single-blog {
	margin-bottom: 30px;
	background-color:#F7F7F7;
	padding:25px;
	transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-webkit-box-shadow: 0 2px 0 0 #ddd;
	box-shadow: 0 2px 0 0 #ddd;
}

.single-blog:hover {
	background-color:#43484E;
	color:#fff
}

.single-blog:hover.single-blog h3 {
	color:#fff
}

.single-blog:hover.single-blog .btn-primary {
	background-color:#c52d2f;
	color:#fff;
	border-color:#fff;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.single-blog img{
	width:100%;
	margin-bottom:10px
}

.single-blog h3 {
	color:#43484E;
	font-size:20px;
}

.single-blog h3{
	margin:0;
	margin-bottom:15px;
}

.single-blog ul {
	padding:0;
	overflow:hidden;
}

.single-blog ul li {
	border-right: 2px solid #999999;
	float: left;
	line-height: 10px;
	list-style: none;
	margin-right: 10px;
	padding-right: 10px;
	font-size: 12px;
	color:#999;
}

.single-blog ul li:last-child {
	border:none;
}
.team{margin-top:50px;}

.team h2:after {
    content: "";
    position: relative;
    height: 4px;
    background: #eb6645;
    width: 60px;
    display: block;
    text-align: center;
    margin: 13px auto;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    -ms-border-radius: 5em;
    -o-border-radius: 5em;
    border-radius: 5em;
	margin-bottom:40px;
}

/*team*/
/*hm-query*/
.hm-query .hm-head {color: #000;text-align: center;    padding: 15px 0;}
.hm-query {
    /* background: url(../image/query-bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed; */
    padding-bottom: 30px;
    padding-top: 30px;
    text-align:left;
    /*background: #eee;*/
}


.hm-query .lbl span{
    color: #000;
    font-size: 18px;
    padding-left: 5px;
    line-height: 30px;
    }
label{padding-top: 5px;}	
.hm-query .form-control::placeholder{font-weight:normal; color:#999;}

.hm-query .lbl {width: 100%;}


#DynamicEnquiry tr td{text-align:center !important; font-size:20px;}

.frm-bg {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.hm-query h4{background-color: #F5F5F5;
    color: #022952;
    height: 70px;
    font-size: 27px;line-height: 50px;
    padding: 10px;}
.hm-query h5{color:#222; font-size:18px;}
/*hm-query*/
/*footer*/
footer{
    background: #fff url(../image/footer-background.jpg);
    padding-top: 40px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
footer h2{    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 25px;
    margin-left: 0;
    padding-left: 28px;    font-weight: 500;}

footer h2::before {
    background-color: #ea5644;
    content: "";
    height: 22px;
    left: 0px;
    position: absolute;
    top: -2px;
    width: 5px;
}
.widget_nav_menu ul {
    list-style: outside none none;
    padding-left: 0;
}
.widget_nav_menu ul li {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 7px;
    padding-bottom: 7px;
    width: 95%;
}


.footer-bottom {
    background-color: #022952;
    min-height: 30px;
    width: 100%;
}
.copyright {
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    min-height: 30px;
    padding: 7px 0;
}
.design {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    font-size: 16px;
    padding: 7px 0;
    text-align: right;
}
/*footer*/
/*inner-page*/

.inner-page .section-heading{margin: 30px auto;}

img{max-width:100% !important;}
/*inner-page*/
#DynamicEnquiry, #DynamicEnquiry_C{height:initial !important}
@media (max-width:1170px){
	.grid figure{min-width: 23%;}
}
@media (max-width:991px){#widgetsControl, #widgetsControl_C{height:initial !important}
.nav>li>a{padding: 10px 8px; line-height: 30px;}
.flexslider .slides img{display:none !important;}

figure.effect-bubba{background:none;}
.grid figure{min-width: 31%;background: #c52d2f;}
.blog .post-thumbnail{text-align:center;}
.design{text-align:center;}
.footer-bottom img{margin:0 auto;}
.footer-bottom .copyright{text-align:center;}
.body-fx #HeaderControl{width:30%;}
.body-fx #MenuControl{width:70%;}
#MenuControl .rdCenter{background: transparent !important;}
.top_slider .slide1 .flex_caption1 .title1{display:block !important;}
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1{top: 35% !important;}
.flexslider {height: 450px !important;}
.flexslider.top_slider .flex-direction-nav{bottom: -40px !important;}
}
@media (max-width: 769px){

#widgetsControl, #widgetsControl_C{height:initial !important}
}

@media (max-width: 767px)
{
center #form1 #HeaderControl, .body-fx #HeaderControl, .body-fx #MenuControl, #HeaderControl, #MenuControl{position: relative;width: 100%; background: #022952;}
center #form1 #MenuControl_C, #MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C{height:initial !important}
#WhatsNewControl_C_ctl00_Bulletin_Scroll{padding: 5px 15px;}
.flexslider {height: 350px !important;}
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1{top: 25% !important;}
.grid figure {
    min-width: 31%;
}
center #form1 #HomepagecontentControl{padding-top: 15px;}
}

@media(max-width:736px){
 .top_slider .slide1 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title1{font-size:25px !important;}
.top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title2{font-size:14px !important;}

}

@media(max-width:667px){

}


@media(max-width:580px){
.grid figure {
    min-width: 48%;
}
}
@media(max-width:480px){
.copy-lft{width:100%;}
.copy-rht{display:none;}
.grid figure {
    min-width: 46%;
}
}
@media(max-width:414px){
.grid figure {
    min-width: 70%;
	margin:10px auto;
	float: inherit;
}

}
@media(max-width:375px){
.grid figure {
    min-width: 100%;}
}

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

#widgetsControl_C { height: 1280px !important;}
#widgetsControl { height: 1285px !important;}