@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* *{font-family:Saira !important;} */
.fa {font-family:fontawesome !important;}

body {
  font-family: "cambria";
  color: #4d4643;
}
.team_img {
  width: 130px;
  border: 6px solid #666;
  border-radius: 50%;
}
/* * {font-family: sans-serif!important;}  */
 h1, h2, h3, h4, h5, h6 {
  font-family: "cambria";
}
p{   font-family: "cambria"!important;}
a{   font-family: "cambria"!important;}
span{   font-family: "cambria"!important;}
ul li{   font-family: "cambria"!important;}
/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

.services .ser-bx {
    position: relative;
    width: 50%;
    float: left;
}
.services .ser-bx::before {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: #000d20;
    z-index: 1;
    opacity: .8;
}
.services .ser-bx .ser-img {
    position: relative;
    overflow: hidden;
}
.services .ser-bx .ser-img img {
    width: 100%;
    height:360px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.services .ser-bx:hover img {
    width: 100%;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.services .ser-bx .ser-img .ser_cont {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: 60px;
    left: 70px; width: 65%; text-align:justify;
}
.services .ser-bx .ser-img .ser_cont span {
    font-size: 30px;
    font-weight: 700;
    color: #f0542c;
    font-family: montserrat,sans-serif;
    display: block;
    margin-bottom: 3px;
}
.services .ser-bx .ser-img .ser_cont span {
    font-size: 14px;
    color: #fff;
    margin-bottom: 9px;
    display: block;
    position: relative;
    z-index: 8;
}
.services .ser-bx .ser-img .ser_cont h3 {
    font-size: 34px;
    color: #fff;
    position: relative;
    z-index: 8;
    font-weight: 700;
}
.services .ser-bx .ser-img .ser_cont p {
    font-size: 16px;
    color: #e8e8e8;
    line-height: 28px;
    position: relative;
    z-index: 1;
    margin-top: 9px;
    margin-bottom: 18px;
}
.services .ser-bx .fa{font-size:20px;}
.services .ser-bx .ser-img .ser_cont a {
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    z-index: 8;
    opacity: 1;
    visibility: visible;
}
.boxed-btn3 {
    background: #adf0d1;
    display: inline-block;
    padding: 18px 44px;
    font-family: montserrat,sans-serif;
    font-size: 16px;
    font-weight: 600;
    border: 0;
    border: 1px solid transparent;
    text-align: center;
    color: #000d20 !important;
    text-transform: uppercase;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 9px 30px;
    cursor: pointer;
	border:2px solid #adf0d1;
}
.boxed-btn3:hover{background: #000d20; color: #adf0d1 !important;}







#WidgetControl4 {
	padding: 0px;
}

.contact-info {
	color: #fff;
}

#HeaderControl {
    background-image: url(../Image/head-bg.jpg) !important;
}

#MenuControl {
    background-image: url(../Image/head-bg.jpg);
}

#topbar {
  width: 100%;
  z-index: 9;
  padding: 10px 0;
  font-size: 14px;
  color:#ccc;
  background-image:url(../Image/head-bg.jpg);
}
a {
  text-decoration: none;
}
#topbar .contact-info a {
  line-height: 1;
  font-size: 15px;
  color: #fff;
  transition: 0.3s;
}

#topbar .contact-info a:hover {
  color: #adf0d1;
}

#topbar .contact-info i {
  color: #adf0d1;
  padding: 4px;
}

#topbar .contact-info .icofont-phone {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #e9e9e9;
}

#topbar .social-links a {
  color: #ccc;
  padding: 4px 0 4px 20px;
  display: inline-block;
  line-height: 1px;
  transition: 0.3s;
  
}
#topbar .social-links{text-align:right;}
#topbar .social-links a:hover {
  color: #adf0d1;
}

/*--------------------------------------------------------------
# banner Section
--------------------------------------------------------------*/

.hm-about{padding-bottom: 58px;margin-top: -8px;}	
.hm-about #myCarousel{background-image:url(../Image/head-bg.jpg);min-height:auto;}
.hm-about-lft{float:left; width:50%;}
.hm-about-rht{float:right; width:50%;}
.hm-about-lft img{width:100%;}
#widgetsControl, #widgetsControl_C{height:inherit !important;}

.hm-about-rht-inner{/*border:5px dashed #d3a722;*/
    padding: 25px 25px;
    border-left: 0;
    margin-top: 40px; margin-bottom: 25px;}
.hm-about-rht-inner h3{    margin-top: 0;
    margin-bottom: 20px; font-size:40px;
    color: #adf0d1;
    text-transform: uppercase;
    font-weight: 800;
    padding-bottom: 7px; }
.hm-about-rht-inner p{  
    margin-bottom: 10px; font-size:18px; line-height:26px;
    color: #fff; text-align:justify;
    padding-bottom: 7px; }
.hm-about-rht-inner .rd-mr{display:inline-block; background:#adf0d1; padding:10px 20px;}
.hm-about-rht-inner .rd-mr a{color:#000d20; font-weight:bold;}
#carousel-example-generic .carousel-indicators{    width: inherit;
    top: 0;
    bottom: inherit;
    right: 0;
    left: inherit;}
	
.carousel-indicators .active{background-color:#d3a722; width: 38px; border:2px solid #e8ca82;
    height: 18px;}
.carousel-indicators li{background-color:#e8ca82; width: 18px; border:2px solid #d3a722;
    height: 18px;}
.hm-about .left.carousel-control{
    position: absolute;
    bottom: 40px;
	right:80px;
	left:inherit;
	width: 40px;
}
.hm-about .right.carousel-control {
    position: absolute;
    bottom: 40px;
	right:20px;
	left:inherit;
	width: 40px;
}
.hm-about .carousel-control .fa{padding:10px 20px; background:#adf0d1; color:#000d20;font-size:40px;}
.hm-about .carousel-control {
    position: absolute;
    top: inherit;background-image:none;opacity: 1;
}
.hm-about h1{
    font-size: 50px;
    font-weight: 600;
    line-height: 80px;
    text-transform: unset;
    color: #adf0d1;
       font-family: "cambria"!important;
    }
.hm-about h1 span{display:inline-block;}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.about-us {
  padding-top: 0px;
} 
.services {
  padding-bottom: 50px;
  padding-top: 0;
}
section {
  padding: 30px 0;
  overflow: hidden;
}

.section-title {
  text-align: center;
  padding: 30px 0;
  position: relative;
}

.section-title h2 {
  font-size: 32px;
  margin-top: 26px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #00203f;
  position: relative;
  z-index: 2;
  text-align: center;
}

.section-title span {
  position: absolute;
  top: 30px;
  color: #f1f1f1;
  left: 0;
  right: 0;
  z-index: 1;
  font-weight: 700;
  font-size: 52px;
  text-transform: uppercase;
  line-height: 0;
}

.section-title p {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team{padding-top:0; padding-bottom:60px;}
.team .member {
  position: relative;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
  padding: 30px;    margin-top: 30px;
  border-radius: 10px;
  background: #fff;    border: 1px solid #aaaa;
}

.team .member .pic {
  overflow: hidden;
  width: 200px;
  border-radius: 50%;
  float: left;
  padding: 0px;
  margin-right: 20px;
  border: 5px solid #adf0d1;
}

.team .member .pic img {
  transition: ease-in-out 0.3s;
}

.team .member:hover img {
  transform: scale(1.1);
}
.team .member:hover .pic{
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.5);
}
.team .member:hover{
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.5);
}
.team .member .member-info {
  padding-left: 30px;
}

.team .member h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: #000;
}

.team .member span {
  display: block;
  font-size: 15px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 500;
}
+
.team .member p {
  margin: 10px 0 0 0;
  font-size: 14px;
}

.team .member .social {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.team .member .social a {
  transition: ease-in-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  background: #ecf6fe;
  color: #0665b7;
}

.team .member .social a i {
  font-size: 16px;
  margin: 0 2px;
}

.team .member .social a:hover {
  background: #0880e8;
  color: #fff;
}

.team .member .social a + a {
  margin-left: 8px;
}


/*services*/
.services item-link{    position: relative;
    display: block;
    margin: 0 auto;}
.item-hover {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(1, 14, 31, 0.9);
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity ease-in-out 0.25s;
}
.item:hover .item-link .item-hover {
    opacity: 1;
}
.item-link .fa{font-size:80px; line-height:80px;}
.item .item-link .item-hover .item-hover-content {
    font-size: 1.25rem;
    color: white;
}
.item {overflow:hidden;    margin: 15px 0;}
.item-link {
    position: relative;
    display: block;
    margin: 0 auto;
}
.item-caption h2{
    color: #fff;
    text-align: center;
}
.item-caption {
    background: #00203f;
    padding: 1.5rem;
    text-align: center;
}
img{max-width:100% !important;}
/*services*/

/*about*/
.hm-abt-btm-section{padding:80px 0; background:#f7f7f7;}
.bx-item {
    padding: 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
    border: 1px dashed #ccc;
    margin: 10px auto;
    text-align: center;
}
.bx-item::before {
    content: '';
    position: absolute;
    background: #00203f;
    right: 0;
    bottom: 0px;
    width: 100%;
    height: 10px;
    /* border-radius: 50px; */
    transition: all 0.3s;
    z-index: -1;
}
.bx-item:hover::before {
    background: #00203f;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}
.bx-item i {
    font-size: 40px;
    color: #00203f;
    margin-bottom: 10px;
}

.bx-item h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.bx-item p {
    font-size: 15px;
    color: #111;
}
.bx-item a {
    color: #00203f;
}
.bx-item:hover, .bx-item:hover .fa, .bx-item:hover h4, .bx-item:hover p, .bx-item:hover a {
    color: #fff;
}
/*about*/
  
 
.fa {font-family:fontawesome !important;}

body{margin:0 !important; padding:0 !important; font-family:Saira !important;     font-size: 15px;
    font-weight: normal;
    color: #000;
    line-height: 24px; background:#fff;}
	
a:hover{text-decoration:none !important;}
.container-middle{/*width: 998px; margin:0 auto;   */  text-align: left;   font-family: "cambria"!important;    font-size: 15px !important; line-height: 24px !important; font-weight: normal !important; color: #222;}
.container ul li{font-size:15px;font-family: "Open Sans", sans-serif;}
.container-middle a{font-family: "Open Sans", sans-serif;color:#236fb6;text-decoration:none;}

p{line-height:26px;margin-bottom: 10px;margin-top: 0;/* font-family: Lato !important; */font-family: "Open Sans", sans-serif;text-align:justify;font-size:15px;}	

h1{
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    color: #333;
    text-align: left;}
	
h2{     font-size: 25px;
    text-align: left;
    color: #333;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: normal;}

h4{
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    /* text-transform: uppercase; */
    margin-top: 0;
    }

.cl{clear:both;}

.social-fix ul{list-style: none;
    padding-left: 0;}
	
.social-fix{position: fixed;
    top: 30%;
    right: -6px;
    z-index: 9;}
	
.social-fix ul li{margin-bottom:-5px; transition:0.5s;}

.social-fix ul li:hover{margin-left:-5px; transition:0.5s;}


/*color-box*/
.td-banner{background:#256fb4;}
.td-banner:hover, .td-banner,
.us-lk ul li:hover, .us-lk ul li,
.abt-hm, .abt-hm:hover
{transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;}
.hm-about .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000d20'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.hm-about .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000d20'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.hm-about .carousel-control-next,.hm-about .carousel-control-prev {bottom: 70px;     top: inherit;   opacity: 1;width: 4%;}
.hm-about .carousel-control-next {right: 45px;padding: 10px 8px; background: #adf0d1;}

.hm-about .carousel-control-prev {    left: inherit; right: 116px;padding: 10px 8px;  background: #adf0d1;}
@media screen and (max-width:768px){
  .hm-about .carousel-control-next,.hm-about .carousel-control-prev{display: none;}
}
/*header*/

header{padding: 17px;position: relative;/* background: #fff; */}

/*header .container-middle{width:100%}*/

.bg-black{     position: absolute;
    top: 0;
    right: -7px;
    height: 36px;
    background: #002848;
    width: 11%;
    transform: skew(-23deg);
    border-left: 5px solid #0f5d9d;}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background-image: url(../Image/head-bg.jpg);
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}

#footer .footer-top {
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 15px;
  background: #000d20;
  color: #fff;
  text-align: justify;
  padding: 0px 15px;
}
#footer .footer-top .footer-info img{margin-bottom:20px;}
#footer .footer-info i {
    width: 35px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 19px;
    line-height: 22px;
    margin-right: 11px;
    margin-top: 4px;
    vertical-align: baseline;
    float: left;
    transition: 0.5s;
    padding: 8px 0px;
}
.ft-cont p:hover i {
    background: #000d20;
    transition: 0.5s;
}
#footer .footer-top .footer-info h3 {
  font-size: 36px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 5px;
}

#footer .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #262626;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #adf0d1;
  color: #fff;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
  border-bottom: 1px dashed #eee;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #ed5b5b;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 8px 0;
  display: flex;
  align-items: center; transition:.5s;
}
#footer .footer-top .footer-links ul li:hover {
  padding-left: 10px;
}
#footer li:before {
    content: "\f0a4";
    font-family: fontawesome;
    color: #adf0d1;
    margin-right: 10px;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: #adf0d1;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}


#footer .copyright {
  color: #fff;
  border-top: 1px solid #262626;
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  padding-top: 5px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-bottom: 20px;
}

#footer .credits a {
  color: #adf0d1;
}

@media (max-width: 575px) {
  #footer .footer-top .footer-info {
    margin: -20px 0 30px 0;
  }
}
.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #00203f;
    padding: 10px 10px;
    z-index: 9;
    border-radius: 50%;
    border: 2px solid #adf0d1;
    cursor: pointer;
    opacity: 0;
    transition: ease-in 0.5s;
}


.top.scll-top {
    opacity: 1;
    transition: ease-in 0.5s;
    bottom: 50px;
}

.top .fa {
    display: block !important;
}

/*footer*/

.RadDock_Default .rdContent{overflow: inherit !important;}


	
/*contact*/
/*----------------------------contactpage----------------------------------------*/
.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: #03152c;
    padding-top: 15px;
    padding-bottom: 15px; 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;
}

.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: 22px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
	margin-top:10px;line-height:26px;}
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 19px;}
.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: arial; font-size: 14px;}

/* End */
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  background: #7bc7d7;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 7px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #86c0da;
  transition: background 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header .fa-mobile{font-size: 50px !important;}
#header .head-img{position:relative; padding:15px 0;}

.main-bg{background:#0f5298;}
.main-color{color:#0f5298;}
.secondary-bg{background-color: #3c99dc;}
/* #MenuControl{padding: 12px 0;} */
/*#MenuControl .navbar-expand-md .navbar-collapse{display:block !important;text-align: center;}
#MenuControl .navbar-expand-md .navbar-nav{display: -webkit-inline-box;}*/
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
}

.section-bg {
  background-color: #f4f9fc;
}
/* .section-title::before {z-index:9;
    position: absolute;
    content: "";
    width: 60px;
    height: 10px;
    left: 50%;
    bottom: 0;
    margin-left: -30px;
    background: #0f5298;
}
.section-title::after {
    position: absolute;
    content: "";
    width: 180px;
    height: 2px;
    left: 50%;
    bottom: 4px;
    margin-left: -90px;
    background:#3c98db;
} */
.tm-lft .section-title h2::before{background: #fff;}
.section-title p {
  margin-bottom: 0;
}
/*contact*/


/*nav*/


.container{    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;}

.navbar-default{border:0; background:#fff;}
.navbar .navbar-right{    margin-top: 15px;     font-size: 15px;}
.navbar-default{    margin-bottom: 20px;}

.navbar-default .navbar-nav>li>a:hover{background:#000 !important; color:#fff !important;}

.navbar-default .navbar-nav>li>a{color:#000;/* font-family: Lato !important; */}

/*nav*/


.body-fx #HeaderControl{
    height: 90px;
    float: Left;
    position: fixed;
    width: 31%;
    padding: 0;
    padding-left: 0;
    background: rgba(255,255,255,0.94);
    z-index: 99;
    text-align: left;
    box-shadow: 0px 1px 3px #ccc;
    /*transition: 0.5s;*/ top: 0;}

.body-fx #MenuControl{
    height: 90px;
    float: Right;
    position: fixed;
    right: 0;
    width: 70%;
    padding: 0;
    padding-right: 0;
    background: url(../Image/head-bg.jpg);
    box-shadow: 2px 1px 3px #ccc;
    /*transition:0.5s;*/
    top: 0;
    }
.body-fx .navbar-default{background: url(../Image/head-bg.jpg) !important;}


@media (max-width: 1220px){
.nav>li>a{padding: 10px 1px;}
.bnr-cont h2{line-height:40px; font-size:36px;}
.ser-cont{min-height:inherit;}
#widgetsControl, #widgetsControl_C{height:inherit !important;}
}
@media (max-width: 1024px){
	
#HeaderControl_C{/*background:#d2ac67;*/}
.body-fx #HeaderControl{width: 31.5%;}
.fl-head.fl-lg{float:inherit;}
}
@media (max-width: 991px){
.hm-about h1{font-size: 50px; line-height: 60px;}
.fl-head img { margin: 0 auto;}
.service-box .title {font-size: 16px;}
#widgetsControl, #widgetsControl_C{height:inherit !important;}
.tp-colthree-inner{margin-top:5px;}
.body-fx #HeaderControl, .body-fx #MenuControl{position:relative;}
.hm-abt .img-abt2{display:none;}
.hm-abt .img-abt1{    position: relative;}
.hm-abt .img-abt1 img{margin:0 auto;}
.abt-middle .head-hm{margin-top: 10px;}
.img-abt1.img-responsive { margin: 0 auto;}
.nav>li>a{    padding: 5px 2px;}
.body-fx #HeaderControl, .body-fx #MenuControl{width: 100%; position:relative;}	
.box111 {    margin: 20px auto;}
.cprht-lft{ text-align: center; float:inherit;}
.cprht-rht{ float: inherit;}
#HeaderControl, #HeaderControl_C, #MenuControl, #MenuControl_C{height:inherit !important;}
.bnr-cont h2{font-size: 25px; line-height: 36px;}
.about-cont{padding:10px 0;}
.hm-abt .col-md-5{text-align:center;}
.chrt-img img{margin:10px auto;}
.services .ser-bx .ser-img .ser_cont{position: absolute; left: 0; right: 0; bottom: 0; top: 10px; margin: 0 auto; width: 90%;  text-align: justify;}
.services .ser-bx .ser-img .ser_cont h3{font-size: 20px;}
.services .ser-bx .ser-img img{height: 300px;}
}
@media(max-width:769px){
.navbar-right{ margin-right: 0px;     width: 100%;}	
.navbar-default .navbar-collapse, .navbar-default .navbar-form{padding:0;}
.navbar .navbar-right {
    margin-top: 25px;
}

#HeaderControl_C_ctl00_Header{text-align:center !important;}

.navbar-default .navbar-nav>li>a{font-size: 14px;}
#MenuControl_C .navbar-nav{   /* margin-bottom: 18px; */}
.banner-main .camera_wrap, .banner-main .cameraSlide, .banner-main .camera_wrap img{    height: 250px !important;}
#MenuControl_C .navbar-default .navbar-nav>li>a {
    font-size: 14px !important;
}
.table-responsive{border:0 !important;}
.head-banner, .head-banner span{display:none;}


.head-main span{font-size:21px;}

.hm-service-inner{ width: 50%;margin: 15px auto;}


.tp-colthree-inner{margin: 0 auto;
    margin-top: 5px;
    width: 80%;}

.fl-head.fl-lg{float: initial;}
header{/*background: #d2ac67;*/}
#HeaderControl, #HeaderControl_C_ctl00_imageheader{/*background: #d2ac67;*/}

.navbar-default{    margin-bottom: 20px;margin-top: 10px;}

.service-box .title{text-align:center;}
.service-box .title:before{display:none;}
.service-box .title:after{display:none;}
.cprht-rht{/*display:none;*/}
.img-thumb img{height:100%;}
.fl-head.fl-lg{padding:0;}
.copyrht p{text-align: center;}
	}

@media(max-width:767px){
    #RadDockZone1.container{padding-right:10px;padding-left:10px;}
    .navbar{padding-top:0px;}
    .navbar-toggler {
        margin-right: 11px;
        background: #fff;
        }
    .ups1 {height:auto!important;}
    .services .ser-bx .ser-img img{height:auto!important;}
    .abt-box{height:auto!important;}
.hm-about-lft {
    width: 100% !important;
}
.hm-about-rht {
	width: 100% !important;
}
.hm-about h1 {
    font-size: 44px !important;
    font-weight: 200 !important;
}	
.top-nv {
	display: none !important;
}	
.navbar-brand{height:inherit;}
.navbar-default{margin-bottom:0;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border-color: #d2ac67; background-color: #d2ac67;  
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-top:0;}
.navbar .navbar-right {
    margin-top: 0;
}
.navbar-nav {
    margin:0;
}
.nav>li{background: #d2ac67;}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    padding: 6px 20px;
}
.navbar-default .navbar-toggle{    float: initial;}
.navbar.navbar-header{    text-align: center;}
.navbar-default .navbar-toggle {
    border-color: #ddd;
    float: initial;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color:#d2ac67;
}
#MenuControl_C #navbar-collapse-1 {
    height: 100% !important;
    margin-left: 0;
    margin-right: 0;

}
.navbar-nav>li{    display: block;
    text-align: left;
    padding: 5px 8px;}
#MenuControl_C .navbar-default .navbar-nav>li>a {
    font-size: 14px !important;     color: #fff !important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background-color:#d2ac67 !important}

.service-box{width: 49%; float: left;margin-right: 5px;}
.hm-abt { margin-bottom: 20px;}
.bnr-cont{display:none;}
.ser-bx {padding: 0px 0;min-height: 214px;}
.about-cont{padding:10px 0;}
}
	
@media(max-width:736px){

.services .ser-bx .ser-img .ser_cont {
  top: 5px;
  left: 32px;
  width: 88%;
}
  
  .services .ser-bx {
    width:100%;
  }
.top-nav-lft{float:left; width:70%;}	
.top-nav-rht{float:left; width:30%;}
.navbar-brand{height:inherit;}
.navbar-default{margin-bottom:0;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border-color: #000; background-color: #000;  
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-top:0;}
.navbar .navbar-right {
    margin-top: 0;
}
.navbar-nav {
    margin:0;
}
.nav>li{background: #000;}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    padding: 6px 20px;
}

.ser-hm-lft-img{    height: 260px;
    margin-bottom: 35px;}
	
.ser-hm-lft img{
    width: 100%;
    height: 100%;
}

.top-nav-rht{display:none;}
.top-nav-lft{width:100%;     text-align: center;}

.navbar-default .navbar-toggle{    float: initial;}
.navbar.navbar-header{    text-align: center;}
.navbar-default .navbar-toggle {
    border-color: #ddd;
    float: initial;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color:#000;
}
#MenuControl_C #navbar-collapse-1 {
    height: 100% !important;
    margin-left: 0;
    margin-right: 0;
}
.navbar-nav>li{    display: block;
    text-align: left;
    padding: 2px 8px;}
#MenuControl_C .navbar-default .navbar-nav>li>a {
    font-size: 14px !important;     color: #fff !important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background-color:#000 !important}

.map-cont{width:100%; margin-bottom:10px;}
.bx-rht-cont{width:100%; margin:0;}

.camera_wrap, .camera_wrap img, .fluid_container, .cameraSlide{height: 250px !important;}

	}
	
@media(max-width:667px){
	
.hm-service-inner{width:70%;}
	}
	
@media(max-width:568px){
.top-nav-lft{width:100%;}	
.top-nav-rht{display:none;}
#demo-1{height: 270px !important;}
.head-main span span{font-size: 26px;}
.service-box{width:90%; margin:5px auto; float:inherit;}
.tp-colthree-inner{width:90%;}
.services .ser-bx .ser-img{height: 300px;}

	}
	
@media(max-width:480px){
.qyery-hm h4{font-size: 23px;}	
.qyery-hm h4 strong{font-size: 28px;}
.qyery-hm h4 span{margin-left: 0px;}
.copyrht-lft{text-align:center; width:100%; margin-bottom:5px;}
.copyrht-rht{text-align:center; width:100%;}
.main-heading{Font-size: 18px;}
.bnr-bx{display: none;}
.carousel-indicators {bottom: 0px;}
.top-nv .fl-head ul li:nth-child(2){display:none;}
.body-fx header { padding: 10px 20px;}
.team .member{padding: 15px 5px;}
.team .member .member-info { padding-left: 10px;}
.section-title span{font-size: 35px;}
.section-title h2{    font-size: 26px;}

	}
	
@media(max-width:414px){
.team-img {
    height: 250px; width:100%;
}
.team-img img{height:100%;}	
.team-cnt{width:100%; margin-top:10px;}
.navbar-default .navbar-brand{padding-left: 10px;
    padding-right: 0;}
.top-nav-lft ul li {
    display: inline-block;
    margin-right: 0px;
}
.hm-service-inner{width:90%;}
.top-nv .container-middle .fr-head{display:none;}
	}
	
@media(max-width:375px){
.top-nav{display:none;}
.head-main span span {
    font-size: 21px;
}
.head-main{font-size: 18px;}
.copyrht-lft, .copyrht-rht{font-size: 11px;}
.ser-hm-rht h3{font-size: 21px;}
.qyery-hm h4 span{    display: block;
    width: 72%;
    margin: 0 auto;
    margin-top: 10px;
    padding: 10px 0;}
	
	}

@media (max-width: 360px){
.service-box{width:98%; margin:5px auto; float:inherit;}
.tp-colthree-inner{width:98%;}
}

@media (max-width: 320px){
	.team .member .pic{width: 95px;    margin-right: 0px;}
}


.abt-box {height:185px;
    background: #fff;
    padding: 0px 12px;
    margin: 20px 0 0 0;
    text-align: center;
    /* min-height: 472px; */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.abt-box h6{font-size: 18px; padding: 10px 0px 5px 0px;font-weight: 600;color: #000;}
.abt-box h4{text-align: center; letter-spacing: 1px;font-size:22px;background: linear-gradient(146deg, #adf0d1 -5%, #03152c 36%);padding: 10px;color: #fff;}
.abt-box p {line-height:26px;font-size:15px;padding:20px;}


.ups1 {
    height:390px;
    background: #fff;
    padding: 30px 20px;
    margin: 20px 0 0 0;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.ups1 img {
    width: 80px;
    margin: 0 0 20px 0;
}

.ups1 h5{color: #084677;font-weight: 600;font-size:20px}
.ups1 p{color: #333;font-size:15px}

.bg-light{
    background-color: #000C22!important;
}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.innr-pg-c {margin-top:-20px;padding: 40px 0;position: relative;background: url(../Image/inner-bg-img.jpg) no-repeat right/cover scroll;}
.innr-pg-c h1 {font-weight: 600;Font-size: 30px;color: #fff;text-align: left;border-left: 4px #fff solid;padding-left: 20px;text-transform: uppercase;position: relative;z-index: 1;border-radius: 4px;}
.innr-pg-c:after {content: '';position: absolute;left: 0px;right: 0px;top: 0px;width: 100%;height: 100%;z-index: 0;background:#03152c;}


.tm_img {
    width: 200px;
    border-radius: 50%;
    border: 3px solid #2f4c59;
}
.sub-heading {
    font-weight: bold;
    Font-size: 18px;
    color: #00203f;
    line-height: 30px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.nav-link:focus, .nav-link:hover{color:#fff!important;}
.feature-box-image i{color:#fff;font-size:35px;}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(180deg);
}
.dropend .dropdown-menu {
    right: 100% !important; top:0;
    left: auto !important;
}

.main-table h4{font-size:18px!important;}