@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
  font-family: Lexend !important; font-size: 15px !important;
  color: #444444; font-weight: 300;
}
*{font-family: Lexend !important;}
.fa{font-family: FontAwesome !important;}
#HomepagecontentControl p,#HomepagecontentControl ul li {
  font-size: 15px;line-height: 25px; text-align: justify;
}
p{font-size: 15px; line-height: 24px;font-family: Lexend; font-weight: 300;}
.cont-page h2{
    font-size: 21px;
    font-weight:bold;
    color: #111;
    line-height: 24px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 5px;
    }
		
.cont-page h2 span{ color: #111; font-weight: normal; font-size: 18px;}

.cont-page .st-feature-box {
    background: #363636;
    padding-top: 10px;
    font-family: 'Lexend', sans-serif;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    color: #fff;
}
.st-feature-box {
    padding-left: 75px;
    position: relative;
    margin-bottom: 35px;
}

.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    font-family: 'Lexend', sans-serif;
    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;
}

.cont-page .feature-box-image {
    margin-top: 20px;
}

.cont-page .feature-box-image .fa{
   font-size:30px; color:#fff;
}

.cont-page h3 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 8px;
}

.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}
a {
  color: #070b0e;
}

a:hover {
  color: #8ec4dd;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Lexend Deca !important; text-transform: capitalize;
}
section.bnr{padding:0;}
img{max-width:100%;}

/*navbar*/
.container-fluid{padding-left:2px; padding-right:2px;}
#HeaderControl, #MenuControl, #widgetsControl, #WidgetControl2, #WidgetControl1, #WidgetControl4{ padding: 0;}
.MenuControl_C{ border:0 !important; background-color:#ff0000 !important;}
#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;padding: 0px;/*display:inline-table;*/border: 0;}


#FooterrControl1_tr_FooterBackImage td.row{margin:0;}
/*navbar*/
.bnr-sec .banner-content p {
  border-radius: 10px;
  transition: .5s;
  color: #eee;
  line-height: 35px;
  font-size: 25px;
  color:#fff;
  margin-bottom: 20px;
}

.bnr-sec{width: 100%; }
.bnr-sec .banner-content{position:relative;}
.bnr-sec .banner-img {position: relative;top: 150px;z-index: 99999;}
.banner-content h1{color:#000; font-size:50px; line-height:60px; letter-spacing:1px; font-weight:700;}
.banner-content h1 span{background: -webkit-linear-gradient(45deg, #f3bb01 0%, #363636 60.42%, #03bbf1 100%);
  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.banner-content a{color: #fff;background: #f3bb01;line-height: 40px;padding: 10px 20px;margin: 5px 20px;border-radius: 10px;transition: .5s;font-size: 16px;font-weight: bold;}
.banner-bx{transition: 0.5s; position: relative; background-color: #ffffff; padding:20px 15px 10px;  border-radius: 20px;box-shadow: 0 8px 13px rgba(70,74,85,0.08); border:1px solid #eee;}
.banner-bx .fa{ font-size: 50px;height: 60px; width: 60px; line-height: 60px; color: #f3bb01; margin-bottom: 10px;}
.banner-bx h5{font-size: 20px;}
.banner-bx p{color: #555;}
.banner-bx a{color: #363636;}

.banner-bx .timer{color: #f3bb01;}
.banner-bx p a .fa{font-size: 20px; line-height: 18px; color: #f3bb01; width: auto; height: auto; position: relative; top: 3px;}
.banner-bx:hover {transition: 0.5s; transform: scale(1.1);}
.bnr-btm .banner-bx .fa{font-size: 30px; border-radius: 50%; background: #f3bb01; text-align:center; color: #363636;}
.bnr-btm .banner-bx h4{border: 1px solid #070b0e; width: 120px; text-align: center; margin: 10px auto; line-height: 40px;color: #f3bb01;}
/*brand*/
.brand {position: relative; background: #73c2fb;}

.text-color1{color: #f3bb01;}
.text-color2{color: #03BBF1;}
.text-color3{color: #363636;}
.text-color4{color: #070b0e}
.bg-1{background: #f3bb01;}
.bg-2{background: #03BBF1;}
.bg-3{background: #363636;}
.bg-4{background: #070b0e}
.bg-5{background: #c8ebff;}
.bg-6{background: #F0F0F0;}
.brand figure{position: relative; /*background: #fff;*/ margin: 15px auto; }
footer .footer-top .col-lg-10 .col-lg-12 h5 {
  font-size: 18px;
}
.section-title h3{font-size: 40px;
  font-weight: bold;
  position: relative;
  margin-bottom: 10px;
  color: #070b0e;
  z-index: 2;}
.brand .carousel-control-next, .brand .carousel-control-prev{width: 50px; height: 50px;top: 40%; border-radius: 50%;
  background: #eee;}
/*brand*/
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  background: #070b0e;
  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: 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 50px 0;
}

.section-bg {
  background-color: #070b0e;
}

.section-title {
  padding-bottom: 30px;
}

.section-title h2 { font-size: 50px;
  font-weight: bold;
  position: relative;
  margin-bottom: 10px;
  color: #070b0e;
  z-index: 2;
}
.section-title h2 span{color: #f3bb01;}
.section-title p{font-size: 18px; line-height: 30px; color: #363636;}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

.about { 
  padding: 10px 0 40px;
  position: relative;
  overflow: hidden; margin-bottom: 20px;
}


.about .container {
  position: relative;
}

.about .content h3 {
  font-weight: 700;
  margin: 0;
  font-size: 60px;
  color: #070b0e;
  margin-bottom: 10px;
  position: relative;
}

.hm-bx{position: relative; padding: 20px; border: 1px solid #eee; border-radius: 20px;height: 100%;box-shadow: 0 0.2rem 2.8rem rgba(36,36,36,.1); background: #fff; transition: all .5s; transform: translateY(10px);}
.hm-bx:hover{transform: translateY(-10px);}
.hm-bx figure{height: 60px; margin-bottom: 10px;}
.hm-bx img{width: 60px; margin-bottom: 10px;}
.hm-bx h3{font-size: 20px; line-height: 30px; font-weight: bold; color: #070b0e;}

.plans table.table.main-table{text-align: center;}
.plans table.table.main-table tr td:nth-child(1){text-align:left; font-weight: bold;}
.plans table .btn{background: #61ce70; color: #fff;font-size: 13px;}
.plans table th span{color:#070b0e; font-size: 25px; line-height: 30px;}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

.ser-bx {
    width: 100%;
    position: relative;
    z-index: 0;border-radius: 4px; margin:10px auto;
    margin-bottom: 40px;
}
.bg-all-img{background-image: url(image/serv-bg.jpg); background-size: cover; background-attachment: fixed; position: relative;}
.bg-all-img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.90);
}
.services .container {background: rgba(254,254,254,.8); box-shadow: -7px 11px 33px 8px rgb(0 0 0 / 40%); border-radius: 5px; padding:50px;}
.ser-bx .img {
    width: 100%;
    height: 240px;
    display: block;
}
 p.rd-mr a{
    color: #fff;
    font-size: 14px;
}
.text h3 {
  font-size:20px;
  font-weight:500;
}
 p.rd-mr {
    text-align: center;
    border: 1px solid #070b0e;
    background: #070b0e;
    padding: 10px 5px;
    max-width: 45%;
    margin-top:30px;
    margin-bottom:40px;
    color: #fff;

}
.ser-bx .img .icon {
    width: 70px;
    height: 70px;
    background: #070b0e;
    margin: 0 auto;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ser-bx .img-bx{text-align:center; width:100%;background: #070b0e; padding:30px 10px;}
.ser-bx .img-bx .fa{font-size:50px;color: #fff;}
.ser-bx .text {position:relative;
    background: #fff;
    padding: 20px;
    margin: 0 auto; text-align:justify;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0px 15px 46px -16px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 46px -16px rgb(0 0 0 / 10%);
}

.ser-bx .text h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;    text-align: center;
}
.ser-bx .text p {
    margin-bottom: 0;
    font-size: 15px;
}
.ser-bx .text p.rd-mr{text-align: center;  border: 1px solid #070b0e;  background: #070b0e;  padding: 10px 5px;  max-width: 50%;  color: #fff;  margin: 0 auto;}
.ser-bx .text p.rd-mr a{color:#fff;}
/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/

.Testimonial-bx{background: #fff; box-shadow: 0 8px 13px rgba(70,74,85,0.08); border: 1px solid #eee; text-align: justify; height: 100%; padding: 20px 15px 10px; border-radius: 20px;}
.Testimonial-bx:hover {
  transition: 0.5s;
  transform: scale(0.9);
}
.Testimonial-bx .fa{width: 70px; height: 70px; line-height: 60px; font-size: 40px; padding: 5px; border-radius: 50%; text-align: center;}
.Testimonial-bx h5{font-size: 16px; color: #666; font-weight: 400; line-height: 26px; text-transform:none;}
/*--------------------------------------------------------------
# faq
--------------------------------------------------------------*/
.faq .accordion-button:focus{box-shadow: none;}
.faq .accordion-item{margin-bottom: 20px; box-shadow: 0 8px 13px rgba(70,74,85,0.08);}
.faq .accordion-button:not(.collapsed), .accordion-button{color: #070b0e; font-size: 20px; font-weight: bold;background-color: #f5f5f5;}
.faq .section-title h2{text-transform: capitalize;}
.faq h5{font-size: 22px; line-height: 40px; font-weight: 600;}
.faq p, .faq ul li{font-size: 16px; line-height: 30px; font-weight: 400;}
#marquee1{position: relative; border: 1px solid #070b0e;}
#marquee1::before{position: absolute; content: 'Current Updates'; font-size: 20px; background: #070b0e; left: 0;color: #fff; font-weight: bold;  z-index: 9; padding: 5px 10px;}
#EventCalenderControl, #EventCalenderControl_C{height: initial !important;}
/*--------------------------------------------------------------
# Contact form
--------------------------------------------------------------*/
.contact .map-hm-rht {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px 30px 0;
  background: #fff;
}



.contact .map-hm-rht input{
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}

.contact .map-hm-rht input::focus{
  background-color: #070b0e;
}

.contact .map-hm-rht input {
  padding: 20px 15px;
}


.contact .map-hm-rht [type="submit"] {
  background: #070b0e;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
    font-weight: bold;
    font-size: 17px;
    border-radius: 5px;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #8ec4dd;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 15px;
}

footer .footer-top {
  padding: 50px 0 30px 0;
}
footer .footer-top .footer-info img{max-height: 118px;}

footer .footer-top .footer-info h3 {
  font-size: 24px;
  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-top: 15px;
  margin-bottom: 0;
  font-family: 'Lexend', sans-serif;
  color: #fff;text-align: center;
}
footer .footer-top .footer-info ul li{line-height:28px;}
footer .footer-top .social-links .fa{
  font-size: 15px;
  display: inline-block;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 2px;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 30px;
  transition: 0.3s;
}
footer .footer-info a{color: #ccc;}
.Testimonials .carousel-indicators{bottom: -50px;}
footer .footer-top .social-links a:hover {
  background: #070b0e;
  color: #fff;
  text-decoration: none;
}
footer .footer-top h5{border-bottom:1px solid #363636; font-size: 16px; line-height: 30px; color: #eee;padding-bottom: 12px;}
footer .footer-top .col-lg-10 h5{font-size: 22px;}
footer .footer-top h4 {
  font-size: 16px;margin-bottom: 0;
  font-weight: 600;
  color: #eee;
  position: relative;
  padding: 12px 0;
}
footer p{color: #eee; text-align: justify;}
footer .btn{border-color: #C0CBD9; margin-top: 20px; color: #eee;background: rgba(0, 0, 0, 0.2);}
footer .footer-top .footer-links {margin-bottom: 30px;}

footer .footer-top .footer-links ul {list-style: none; padding: 0;  margin: 0;padding-left: 20px;}
footer .footer-top .footer-links ul li:before {content: "\f101"; position: absolute; left: -20px; top: 0; color: #eee; font-size: 18px; font-family: FontAwesome !important;;}
.fa-twitter{background-color: #1DA1F2;}
.fa-facebook{background-color: #4267B2;}
.fa-instagram{ background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
.fa-linkedin{background-color: #0077b5;}
.fa-youtube-play{background-color: #c4302b;}
.fa-pinterest{background-color: #c8232c;}
.fa-whatsapp{background-color: #25D366;}

.innr-page .sec-21 .hm-bx h3{font-size: 16px;}
.hm-bx ol {margin-bottom: 0;  padding-left: 20px;;}
.hm-bx ol li{color: #9092A3; font-size: 15px; line-height: 25px; text-align: justify;}
footer a{color: #eee;}
footer .footer-top .footer-links ul li { position: relative;
  line-height: 28px;
  align-items: center;
}
footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}
footer .footer-top .footer-info p .fa{font-size: 16px; width: 20px; height: 20px;}
footer .footer-info{position: relative;}
footer .footer-info::after{position: absolute; content: ''; right: -10px; top: 145px; background: rgba(40, 40, 40, 0.8); height: 80%; width: 0.5px;}
footer .footer-top .footer-links ul a {
  color: #eee;
  font-weight: 300;
  font-size: 14px;
  font-family: 'Lexend', sans-serif;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}
footer .footer-top .footer-links ul a:hover {
  color: #fff;
}


footer.copyright {
  border-top: 1px solid #fff;
  font-family: 'Lexend', sans-serif;
  text-align: center;
  font-size: 14px;
  padding-top: 30px;color: #fff;
}

footer.credits {
  padding-top: 10px;
  font-family: 'Lexend', sans-serif;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #567c91;
    padding: 10px 10px;
    z-index: 9;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
    opacity: 0;
    transition: ease-in 0.5s;
}


.top.scll-top {
    opacity: 1;
    transition: ease-in 0.5s;
    bottom: 50px;
}
.fx-social{position: fixed; right: 2px;  top: 85px;}
.fx-social .social-link .fa{border-radius: 50%; font-size: 15px; width: 30px;  height: 30px; line-height: 30px;transition: 0.5s;}
.fx-social .social-link .fa:hover{transform: rotate(360deg);}
.fx-social .social-link a{/*display: block;*/ text-align: center;color: #fff; margin: 2px;}
.top .fa {
    display: block !important;
}
.innr-pg, .container, .container-fluid{position: relative; z-index: 1;}
.innr-pg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.90);
}
.innr-pg{background-image: url(image/serv-bg.jpg); background-attachment: fixed; background-size: cover; overflow: hidden;}
/*itr-pg*/

.itr-pg .sec-1{background: url(image/bg-all.jpg); background-size: cover; background-attachment: fixed; position: relative;}
.itr-pg .col-lg-9 ul li{color: #363636;}
.itr-pg .sec-1:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);}
.innr-pg *{z-index: 9;}
.itr-pg .sec-1 h5{color: #999;}
.itr-pg .sec-1 h5 em{color: #f3bb01;}
.itr-pg .sec-1 .t-box{position: relative; padding-bottom: 50px;}
.itr-pg .sec-1 .t-box .fa{position: relative;width: 70px; height: 70px; font-size: 30px; line-height:70px; margin-bottom: 20px;;}
.itr-pg .sec-1 .t-box h4{font-size: 18px;;}
.filing-bx figure{box-shadow: 0 0 34px rgba(70,74,85,0.1); background: #fff; border-radius: 20px; height: 100%;}
.filing-bx figure img{border-top-left-radius: 30px;border-top-right-radius: 30px;}
.filing-bx figure h4{font-size: 22px; font-weight: bold;}
.filing-bx figure ul li{color: #999;}
.filing-bx figure figcaption{padding: 25px;}
.filing-bx figure figcaption a .fa{background: #070b0e; color: #fff; border-radius: 50%; float: right;
  padding: 10px; margin-bottom: 20px;}
.itr-pg .sec-2 figure .fa{color: #f3bb01; background: #eee; line-height: 60px; font-size: 30px; text-align: center; width: 60px; height: 60px; border-radius: 50%;}
.itr-pg .sec-3 .hm-bx {/*background-color: #1C314F;*/}
.itr-pg .sec-3 .hm-bx .side-icn{font-size: 65px; width: 80px; height: 70px; line-height: 80px; margin-right: 20px;}
.itr-pg .sec-3 .hm-bx h4{font-size: 16px;text-align: left;}
.itr-pg .sec-3 .hm-bx p{/*font-size: 13px;*/color: #9092A3; text-align: justify;}
.orng-txt{color: #f3bb01;}
.innr-page p{text-align: justify;}
.innr-page .btn{background: #070b0e; color: #fff;}
.innr-page .btn:hover{background: #f3bb01;}
.innr-page .hm-bx h3{text-align: left;}
.section-title h5{color: #999; font-size: 20px;;}
.itr-pg .sec-4 h2{/*font-size: 50px;*/}

/*itr-pg*/
/*career*/
#msform h2#_q2{position: relative;display: inline-block;}
#msform h2#_q2::before{position: absolute; top: 0; left: -5px; width: 20px; height: 35px; content: ''; background: #fff;}
#msform h2#_q2::after{position: absolute; top: 0; right: -5px; width: 20px; height: 35px; content: ''; background: #fff;}
/*career*/
/*Incorp*/
.Incorp .sec-11 .hm-bx figure{height:90px; background-color: #fff;;  width: 90px;  position: absolute;  top: -40px;  left: 15px;  border: 3px solid #eee;  border-radius: 50%; box-shadow: 8px 8px 12px 0 rgba(0,0,0,0.12), -8px -8px 12px 0 rgba(0,0,0,0.12);  text-align: center;}
.Incorp .sec-11 .hm-bx figure .fa{border-radius: 50%;  padding: 5px;  transition: .2s; color: #f3bb01; width: 80px; height: 80px; font-size: 40px; line-height:75px;  }
.Incorp .sec-11 .hm-bx figcaption{margin-top: 40px;}
/*Incorp*/
/*gst page*/
.gst-innr-page .sec-1 .hm-bx .side-icn {
  font-size: 60px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin-right: 20px;}
.gst-innr-page .sec-1 .hm-bx  h4 {
    font-size: 18px;text-align: left;
}
/*gst page*/
.secure .abt-img img{mix-blend-mode: multiply;}
@media (max-width: 1200px) {
  .about .content {padding-right: 0;}
}
@media (max-width: 1024px) {
	.bnr-sec{height:100%;}
  .bnr-sec:after{height:100%;}
}
@media (max-width: 991px) {
  .about{padding: 10px 0;;}
  .team .member { margin-bottom: 110px;}
  .services .icon-box{margin:15px auto;}
  .bnr-sec .banner-content{    left: 0;  right: 0;  margin: 0 auto; width: 100%;top: 50px;}
  .banner-content h1{font-size: 23px;}
  .bnr-sec .banner-img {position: relative; top: 30px;}
  .bnr-sec{height: 100%; position: relative;}
  .bnr-sec:after{height:100%;}
  .banner-content a{font-size: 14px;}
  .about .content h3 {font-size: 45px;}
  .fx-social .social-link a{display: block;}
}
@media (max-width: 768px) {
  .about { text-align: center;  }
}
	
@media(max-width:767px){
  #HomepagecontentControl_C{overflow: scroll !important;}
  .secure, .Testimonials, .faq {overflow: hidden;}
.plans .table.table-striped.main-table{overflow:scroll;}
 #WidgetControl1_C{overflow: scroll !important;}
  .about .content h3 {font-size:23px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{border-color: #5a7f93;     background-color: #5a7f93;}
.navbar-default .navbar-toggle{border-color: #5a7f93;}
.navbar-toggle{background-color: #5a7f93;border-color: #5a7f93;margin-top: 22px;}
.navbar-default .navbar-toggle .icon-bar{    background-color: #fff;}
.services .container{    padding: 20px;}
.bnr-sec .banner-content{    top: 40px;}
#bs-example-navbar-collapse-1{    margin: 0;  padding: 0; border-top: 0;}
.navbar-default .navbar-nav>li>a{color: #fff; padding: 5px 10px; background: #5a7f93; border-bottom:1px solid #fff; }
#HeaderControl, center #form1 #HeaderControl{width: 45%;     z-index: 999999999;}
.body-fx #HeaderControl, .body-fx center #form1 #HeaderControl{width:100%;     z-index: 999999999;}
.body-fx center #form1 .top-nav{position: relative;}
.navbar{    margin-right: 0 !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{    margin: 0; width: 100%; border:0;}
	
#MenuControl, #MenuControl_C{height:inherit !important; width: 100%;}
.navbar-nav>li>a { line-height: 30px;}
.navbar-default .navbar-nav>li>a { font-size: 14px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{background: #5a7f93; border-bottom: 1px solid #fff; color: #fff;}
	
.body-fx .navbar-default .navbar-toggle:focus, .body-fx .navbar-default .navbar-toggle:hover { border-color: #5a7f93; background-color: #5a7f93;}
.body-fx .navbar-default .navbar-toggle { border-color: #5a7f93;}
.body-fx #MenuControl{height: inherit !important; width: 100%;}
.body-fx #HeaderControl{z-index: 999999999;/*top: -2px;*/}
.body-fx #HeaderControl{width: 80%;}
#logo-web{margin: inherit;  padding-top: inherit;}
.body-fx #MenuControl_C{height: inherit !important;}
.body-fx #MenuControl_C #navbar-collapse-1{height: 278px !important;  overflow-y: auto;}
.navbar-nav{margin-bottom:0;}
center #HeaderControl{    padding: 5.5px 0;}
center .navbar-default .navbar-toggle:focus, center .navbar-default .navbar-toggle:hover{border-color: #5a7f93;}
center .navbar-default .navbar-toggle { border-color: #5a7f93;}
.body-fx center #HeaderControl{height: 67px !important;}
.about .content { padding: 10px 0;}
	}
	a,a:hover{text-decoration: none;}
@media(max-width:667px){
	.banner-content a{margin: 5px 8px;}
	}
	
@media(max-width:568px){
#home:after{     height: 140px;     background: linear-gradient(rgb(0, 0, 0) 20%, transparent 100%);}
.navbar-nav>li>a {
    line-height: 24px;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 2px 15px 2px 25px;
}
	}
	
@media(max-width:480px){
.navbar-default{padding: 8px 0; top: 0;}

#HeaderControl, #MenuControl{ top: 0;}
#logo-web{height:inherit;margin: 0 auto;}
#HeaderControl, center #form1 #HeaderControl{width: initial; max-width: 70%;}
.body-fx #HeaderControl, .body-fx center #form1 #HeaderControl{width: initial; max-width: 70%;}
.navbar-toggle{    margin-top: 12px;}
center #HeaderControl { padding: 8.5px 0;}
center #Div_body { background: #fff !important;}
	}
	
@media (max-width: 414px) {
.banner-content a{padding: 10px 12px;}
}
@media(max-width:360px){
.body-fx #MenuControl_C #navbar-collapse-1 {
    height: initial !important;
    max-height: 380px;
}
	}