@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
}
p{/* font-family: Lato !important; */line-height:22px;font-size: 14px !important;}
@import url('https://fonts.googleapis.com/css?family=Lato');

body {
  font-family: Lato !important;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
.main-table{font-family:Lato; font-weight:normal; Font-size:13px; color:#333; line-height:24px; text-align:justify; padding: 0 5px;}
.main-heading{font-weight:bold;Font-size:22px;color: #15224f;line-height:36px; text-align:left; border-bottom:1px #ccc dashed;text-transform:uppercase; }
.sub-heading{font-weight:bold; Font-size:18px; color:#333; line-height:30px; margin:0; text-align:left;}
.sub-heading1{font-weight:bold; Font-size:18px; color:#333; line-height:30px; margin:0; text-align:left;}
.sub-heading2{font-weight:bold; Font-size:16px; color:#333; line-height:30px; margin:0; text-align:left;}
.team-title{ font-weight:bold; Font-size:16px; color:#333; line-height:30px; margin:0; text-align:left;}

.bdr{ border:1px #cccc solid;}


.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;}
.abt-inner-pg{margin-top:10px; position:relative;}
.abt-bnr-tp{/*margin-top:100px;*/ position:relative;}
.abt-bnr-tp .tp-img { position: relative; padding:0; height:430px; width:100%;}
.abt-bnr-tp .tp-img img{height:100%; width:100%;}
.abt-bnr-tp .tp-img:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.6;
    background: #09090a;
    background: -moz-linear-gradient(-45deg, #ffc000 1%, #1f1e2c 50%, #1f1e2c 51%, #33314e 100%);
    /* background: -webkit-linear-gradient(-45deg, #ffc000 1%, #1f1e2c 50%, #1f1e2c 51%, #33314e 100%); */
    /* background: linear-gradient(135deg, #ffc000 1%, #1f1e2c 50%, #1f1e2c 51%, #33314e 100%); */
}
.abt-bnr-tp .innr-pg-heading {
    position: absolute;
    color: #fff;
    top: 200px;
    z-index: 9;
    left: 0;
    right: 0;
    font-weight: bold;
    font-size: 50px;
    text-transform: uppercase;
    margin: 0 auto;
    text-align: center;
}
.heading-sec .stick-letter {
    font-family: "Poppins",sans-serif;
    font-size: 80px;
    position: absolute;
    top: 0;
    left: 38.5%;
    color: #fee493;
    font-weight: 700;
}
/*header*/
header img{margin:0 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: 35%;
    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: 82px;
    float: Right;
    margin-bottom: 0;
    padding: 0px 0;
    transition: 0.5s;
    position: absolute;
    right: 0;
    /*top: 36px;*/
    z-index: 9;
    width: 69%;
    background: transparent;}
		
.body-fx #HeaderControl{
    height: 90px;
    float: Left;
    position: fixed;
    width: 32%;
    padding: 0;
    padding-left: 0;
    background: rgba(195,224,232,0.95);
    z-index: 99;
    text-align: left;
    transition: 0.5s;
	height: 68px !important;
		
}

.body-fx header .logo1{height: 60px;}

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

.body-fx #MenuControl .rdCenter{    background: transparent !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: rgba(195,224,232,0.95);
    transition: 0.5s;
		height: 68px !important;
}

center #form1 #HomepagecontentControl{ padding-top: 105px; padding-bottom:25px;}
center #form1 #HeaderControl,
center #form1 #MenuControl{ background: #c3e0e8; }
center #form1 #MenuControl_C{ height:100px !important;}
.body-fx center #form1 #MenuControl_C{height:inherit !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*/
/*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: 30px;
    margin-top: 0;
    /* text-transform: uppercase; */
    margin-bottom: 18px;
    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: 30px;
}

.cont-page{text-align:left;font-family: Lato; 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:650px !important;}
.flexslider{height:650px !important;}
/*banner*/
/*hm-services*/
figure.effect-bubba {
    background: #c52d2f;
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 13px 5px;
    min-width: 24%;
    max-width: 300px;
    max-height: 320px;
    width: 21%;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}
.hm-ser{margin-top:30px;}
.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: #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;
}
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: 1.25em;
    -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: 17px;
}
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;
}
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: #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;
}

/*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: #36A0FF;
    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: #898989;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 25px;
    margin-left: 0;
    padding-left: 28px;}

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: #15224f;
    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: #F7F7F7;}
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;
}