.txtj{  
text-align:justify;
}

#hdrwrap{
  margin:0px;
  width:100%;
  background-color: #001530;
  padding: 10px 0;
}

.headerb1 {
  background-color: #001530;
  padding-left: 0px;
  padding-bottom: 0px;
  text-align: center;
}
.headerb1  h1{
  font-size: 30px;
  margin: 0px;
  padding: 0px;
}
.headerb2 {
  background-color: #001530;
  padding-top: 5px;
  padding-left: 0px;
  padding-bottom: 0px;
  text-align: right;
}

.headertxt{
  background-color: #001530;
  padding-top: 10px;
  color: #F7F7F7;
  word-spacing: 18px;
  letter-spacing: 3px;
}

.headertxt .sdmc:hover{
  color: #0CF;
}
.headertxt .ndmc:hover{
  color: #FFF53C;
}
.headertxt .edmc:hover{
  color: #0F0;
}

.imgpic{
width: 250px;
height:160px;
}

.imgslider{
width: 100%;
height: Auto;
opacity: 0.50;
}

h1{
  font-size:32pt;
  font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  color:#FFF
}
#m{
  color:#0CF;
}

#c{
  color: #FFF53C;
}

#d{
  color:#0F0;
}


.headerb2 .fa{
  color: white;
  padding: 13px 17px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 28px;
  text-decoration: none;
  background-color: transparent
}
.headerb2 .fa:hover{
  opacity: 0.8;
}
.headerb2 .fa-facebook{
  background: #3B5998;
  margin-right: 10px;
  
}
.headerb2 .fa-twitter{
  background: #55ACEE;
}

.slogan {
  /*background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);*/
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

.slogan-rectangle {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.slogan-rectangle:before1 {
  content: "";
  position: absolute;
  z-index: 1;
  width: 96%;
  top: -10px;
  height: 10px;
  left: 2%;
  border-radius: 100px / 5px;
  box-shadow: 0 0 18px rgb(168, 197, 226);
}
/*
.slogan-rectangle:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 96%;
  bottom: -10px;
  height: 10px;
  left: 2%;
  border-radius: 100px / 5px;
  box-shadow: 0 0 18px rgb(142, 171, 199);
}
*/
.slogan h2 {
  color: #0F0;
  font-size: 34px;
  margin-bottom: 2px;
  font-weight: bold;
}

.slogan h3{
  color: #fff;
  font-size: 14px;
  padding: 0 0 10px 0;
  font-weight: bold;
}

.slogan h3 span {
  font-size: 18px;
  color: #848484;
}
.slogan .slogan-rectangle{
  border: 0px;
  padding: 0;
}
.slogan-rectangle h2{
  margin: 0 0 10px 0;
  line-height: 34px;
  -webkit-animation:colorchange 20s infinite alternate;
}
@-webkit-keyframes colorchange {
  0% {
    color: #0CF;
  }
  10% {
    color: #FFF53C;
  }
  20% {
    color: #0F0;
  }
  30% {
    color: #0CF;
  }
  40% {
    color: #FFF53C;
  }
  50% {
    color: #0F0;
  }
  60% {
    color: #0CF;
  }
  70% {
    color: #FFF53C;
  }
  80% {
    color: #0F0;
  }
  90% {
    color: #0CF;
  }
  100% {
    color: #FFF53C;
  }
}
.slogan-rectangle  h3{
  margin: 0px;
}









.paralex-section1 {
    background: url("bgppx/pic_info3.jpg") #6161618a no-repeat center;
    width: 100%;
    color: #fff;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    padding:  60px 0;
}
.paralex-section1:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
   background: rgba(0, 20, 100, 0.24);
    top: 0;
    left: 0;
}
.main-title-wrap{
  text-align: center;
  border-bottom: 5px ridge #abd7f1;
}
.main-title-wrap .main-title{
  padding: 10px 0;
  margin: 0px 0;
  overflow: hidden;
}
.main-title-wrap .main-title span{
    background-color: #00418e;
    color: #fff;
    font-size: 18px;
    letter-spacing: 5px;
    font-weight: normal;
    padding: 11px;
    padding-left: 200px;
    padding-right: 200px;
    border-radius: 50px;
}

/* Common style */
.card{
  background: transparent;
  border: none;
}
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  height: auto;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
   border-radius:8%;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;

}

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.2em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* background-image: linear-gradient(-0deg, #CCCCCC, transparent);*/
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  font-size: 14pt;
}

.grid figure h2 span {
  font-weight: normal;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

figure.effect-goliath {
  background:#00418e;
}

figure.effect-goliath img,
figure.effect-goliath h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

figure.effect-goliath img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-goliath h2,
figure.effect-goliath p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 12px;
}
figure.effect-goliath h2{
  font-weight: bold;
}

figure.effect-goliath:hover h2{
  color:transparent;

}

figure.effect-goliath p {
  text-transform: none;
  font-size: 70%;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,50px,0);
  transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover img {
  -webkit-transform: translate3d(0,-80px,0);
  transform: translate3d(0,-52px,0);
 
}

figure.effect-goliath:hover h2 {
  -webkit-transform: translate3d(0,-100px,0);
  transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}



.paralex-section2 {
    background: url("bgppx/pic_dld.jpg") #6161618a no-repeat center;
    width: 100%;
    color: #fff;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    padding: 10px 0 60px 0;
}
.paralex-section2:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: rgba(142, 142, 142, 0.54);*/
    top: 0;
    left: 0;
}

.paralex-section3 {
    background: url("bgppx/pic_dld.jpg") #6161618a no-repeat center;
    width: 100%;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    padding: 60px 0 20px; 0;
}
.paralex-section3:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 20, 121, 0.32);
    /*background: rgba(158, 158, 158, 0.65);*/
    top: 0;
    left: 0;
}

.footerweb p {
	width:100%;
	height:50px;
	background-color:#222222;
	text-align:center;
	color:#FFF;
	padding:8px;
	margin:0px;	
}

.ftrlnk {
  background-color:#C9C9C9;
  color:#505050;
  padding: 20px 0;
}

.ftrlnks {
  color:#505050;
  padding: 0px;
  font-family: sans-serif;
  font-size: 9pt;
  border-bottom: 1px solid #505050; 
}

.ftrlnks:hover{
  font-size: 9pt;
  font-weight: bold;
  text-decoration-line: underline overline;
  padding: 8px;
}

.dmc{
  padding: 0;
  margin: 10px 0;
}

.picsep{
  padding: 0px;
  background-color: black;
  width: 100%;
  height: 1px;
  background-size: 100%
  
}



.submit-plan{
  text-align: center;
  cursor: pointer;
}
.submit-plan a,
.submit-plan a:hover{
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}
/*
.submit-plan i{
  color: #bc0000;
  font-size: 42px;
}
/*

/*Main slider */
.banner{
  position: relative;
}
.banner-carousel{
  position: relative;
}
.banner-carousel .owl-nav{
  position: absolute;
  top: 20vh;
  left: 0;
  right: 0;
}
.banner-carousel .owl-nav .owl-prev,
.banner-carousel .owl-nav .owl-next {
  position: absolute;
  height: 100px;
  color: inherit;
  background: none;
  border: none;
  z-index: 100;
}
.banner-carousel .owl-nav .owl-prev {
  left: 1%;
}
.banner-carousel .owl-nav .owl-next {
  right: 1%;
}
.banner-carousel .owl-nav .owl-prev span,
.banner-carousel .owl-nav .owl-next span{
  font-size: 40px;
  color: #fff;
}

.banner-carousel .owl-dots {
    text-align: center;
}
.banner-carousel .owl-dots{
  position: absolute;
  bottom: 2%;
  text-align: center;
  width: 100%;
}
.banner-carousel .owl-dots span {
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    width: 12px;
}

.banner-carousel .owl-dots .active span{
  background-color: #000;
}
.banner-carousel .owl-dots .owl-dot:focus,
.banner-carousel .owl-nav .owl-prev:focus,
.banner-carousel .owl-nav .owl-next:focus{
  outline: none;
}
/*End main slider */

/*Navigation bar*/
.navbar{
  padding: 0px;
}
.navbar-toggler{
  margin: 0 auto;
  color: #fff;
}
.navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
}
.navbar-light .navbar-toggler-icon{
  color: #fff;
}
.navbar-toggler:focus{
  outline: none;
}
.navigation-bar{
  background: green;
  text-align: center;
}

.navbar-light .navbar-nav .nav-link{
  color: #fff;
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link{
  color: #fff;
}

.navbar-light .navbar-toggler {
    border-color: rgb(255,255,255,1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*

.navbar-light .nav-item a {
  position: relative;
  display: inline-block;
  outline: none;
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
  text-shadow: 0 0 1px rgba(255,255,255,0.3);
  font-size: 14px;
}
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover{
  color: #fff;
  text-shadow: 0 0 .65px #333, 0 0 .65px #333;
}

.navbar-light .nav-item a::after {
  position: absolute;
  top: 80%;
  left: 0;
  width: 100%;
  height: 4px;
  background: rgba(255,255,255,1);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
}
.navbar-light .navbar-nav .active a::after,
.navbar-light .nav-item a:hover::after,
.navbar-light .nav-item a:focus::after {
  color: #fff;
  font-weight: bold;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);

}

.navbar .navbar-nav .nav-link:hover::after {
  width: 100%;
}

*/

.navbar .navbar-nav .nav-link{
  color: #fff;
}

.navbar .navbar-nav .active .nav-link{
  background: #0CF;
  color: #fff;
}

.navbar .navbar-nav .nav-link,
.dropdown-menu a{
  background: linear-gradient(to right, #0CF 50%, green 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}
.navbar .navbar-nav .nav-link:hover,
.dropdown-menu a:hover{
  background-position: left bottom;
  color: #fff;
}
.navbar-light .nav-item.dropdown:hover .dropdown-menu{
  display: block;
}
.dropdown-menu{
  background-color: #00418e;
  top: 95%;
}
.dropdown-menu a{
  color: #fff;
}



/*End navigation bar*/
/*
.demo3 {
  border: 1px solid #C20;
  margin: 20px 0;
  font-style: italic;
  position: relative;
  padding: 0 0 0 80px;
  box-shadow: 0 2px 5px -3px #000;
  border-radius: 3px;
}
.demo3:before {
  content: "Latest News";
  display: inline-block;
  font-style: normal;
  background: #C20;
  padding: 10px;
  color: #FFF;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
}
.demo3 ul li {
  list-style: none;
  padding: 10px 0;
}
*/
.ticker-wrap{
  overflow: hidden;
}
.ln_wrapper{
  overflow: hidden;
  width: 100%;
  position: relative;
  border: 1px solid #00418e;
  margin: 2px 0;
}
.ln_left{
  /*width: 20%;*/
  width: 16%;
  min-width: 120px;
  float: left;
  background: #00418e;
  text-align: center;
}
.ln_left p{
  margin: 0;
  padding: 7px 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.ln_left_arrow{
  width: 0;
  height: 0;
  border-top: 16.5px solid transparent;
  border-bottom: 16.5px solid transparent;
  border-left: 15px solid #00418e;
  position: absolute;
  /*left: 20%;*/
  left: 16%;
  z-index: 100;
}
.ln_right{
  /*width: 80%;*/
  width: 83%;
  overflow: hidden;
  position: absolute;
  right: 0;
}
.ln_right ul{
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.ln_right ul li{
  display: inline-block;
  overflow: hidden;
  padding: 5px 0;
  color: #bc0000;
  font-weight: bold;
}

.advantage-box .textwidget{
  overflow: hidden;
  min-height: 160px;
  padding: 10px;
}
.imp-noti.ln_right{
  width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
}
.imp-noti.ln_right ul{
  list-style-type: none;
  padding: 0 20px 0 0;
  margin: 0;
  min-height: 120px;
  /*border: 1px solid red;*/
  overflow: hidden;
  margin-left: 20px !important;
}
.imp-noti.ln_right ul li{
  display: inline-block;
  overflow: hidden;
  padding: 0;
  /*color: #fff;*/
  color: #000;
  font-weight: normal;
  line-height: 20px;
  margin-left: 10px;
}

/*info box*/
.service-block-overlay{
  display: inline-block;
  position: relative;
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
  /*cursor: pointer;*/
  background: rgb(13, 203, 250);
  width: 100%;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
}
.info-row-2 .service-block-overlay{
  min-height: 281px;
  margin: 0px;
}
.service-block-overlay h3{
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}
.service-block-overlay:hover{
  /*border-radius: 0px;*/
  transition: all 0.3s ease-in-out;

  -webkit-box-shadow: 0px 0px 15px 1px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 15px 1px rgba(255,255,255,1);
box-shadow: 0px 0px 15px 1px rgba(255,255,255,1);
}
.service-block-overlay a{
  transition: all 0.5s ease-in-out;
}
.service-block-overlay a:hover{
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}
.service-block-overlay i{
  font-size: 40px;
}
.service-block-overlay ul{
  list-style: none;
  padding: 0px;
  margin: 0px;
}
/*
.btn-6::before, .btn-6::after{
  content:"";
  width: 0;
  height:4px;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}
.span::before, .span::after{
  content:"";
  width:4px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}
.btn-6:hover::before, .btn-6:hover::after{
  width: 100%;
}
.btn-6:hover .span::before, .btn-6:hover .span::after{
  height: 100%;
}
.btn-6::before{
  left: 50%;
  top: 0;
  transition-duration: 0.4s;
}
.btn-6::after{
  left: 50%;
  bottom: 0;
  transition-duration: 0.4s;
}
.btn-6 .span::before{
  left: 0;
  top: 50%;
  transition-duration: 0.4s;
}
.btn-6 .span::after{
  right: 0;
  top: 50%;
  transition-duration: 0.4s;
}
.btn-6:hover::before, .btn-6:hover::after{
  left: 0;
}
.btn-6:hover .span::before, .btn-6:hover .span::after{
  top: 0;
}
.btn-6::before, .btn-6::after{
  content:"";
  width: 0;
  height: 4px;
  position: absolute;
  transition: all 0.2s linear;
}
*/
/*End info box*/

/*Section advantages*/
.section-advantage {
    background: url(bgppx/ptn-2.png);*/
    height: 70%;
    width: 100%;
    padding: 1rem 0;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
    /*color: #fff;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);*/
}
.advantage-box {
    /*color: #fff;*/
    border: 3px solid #006799;
}
.advantage-box .box-round-outline {
    text-align: center;
    font-size: 65px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}
.advantage-box .list-content h4 {
    text-align: left;
    font-size: 24px;
    margin: 0px;
    background: #006799;
    padding: 7px 10px;
    color: #fff;
}

.advantage-box .list-content ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-indent: 0;
    line-height: 30px;
    text-align: left;
}

.advantage-box .list-content ul li:before {
    content: "\0BB \020";
}

.section-advantage .row {
    /*padding: 30px 0 100px 0;*/
    padding: 50px 0; 
}
.section-advantage .text-white {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 2rem;
}

/*End advantages*/



footer ul{
  list-style: none;
  padding: 0px;
}
footer ul li .ftrlnks{
  border-bottom: none;
  line-height: 24px;
}
footer ul li .ftrlnks:hover{
  padding: 0px;
  border: 0px;
  text-decoration: none;
}

.copyright{
  background-color: #222222;
  padding: 10px 0;
}
.copyright p{
  padding: 0px;
  margin: 0px;
  color: #fff;
  line-height: 30px;
}
.footer-social{
  text-align: right;
}
.footer-social .fa{
  color: white;
  padding: 8px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 18px;
  text-decoration: none;
  background-color: transparent;
}
.footer-social .fa:hover{
  opacity: 0.8;
}
.footer-social .fa-facebook{
  background: #3B5998;
  margin-right: 10px;
  
}
.footer-social .fa-twitter{
  background: #55ACEE;
}

/*Step to Submit Plan*/
.modal-dialog {
    max-width: 800px;
}
.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

/*Floating button*/
.floating-btn{
  z-index: 99;
  position: relative;
}
.floating-btn .submit-plan .label-container{
  position:fixed;
  top:11%;
  /*bottom: 45px;*/
  right:85px;
  display:table;
  visibility: hidden;
  z-index: 99;
}
.floating-btn .submit-plan .label-text{
  color:#FFF;
  background: #F50064;
  display:table-cell;
  vertical-align:middle;
  padding:10px;
  border-radius:3px;
  font-weight: bold;
  font-size: 18px;
}

.floating-btn .submit-plan .label-arrow{
  display:table-cell;
  vertical-align:middle;
  color:#F50064;
}

.floating-btn .submit-plan .float{
  position:fixed;
  width:60px;
  height:60px;
  top:10.5%;
  /*bottom: 40px;*/
  right:20px;
  background-color:#bc0000;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  /*box-shadow: 2px 2px 3px #999;*/
}
.floating-btn .submit-plan .my-float{
  font-size:24px;
  margin-top:18px;
}

.floating-btn .submit-plan a.float + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}

.floating-btn .submit-plan a.float:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}

/*user login*/
.floating-btn .user-login .label-container{
  position:fixed;
  top:37%;
  /*bottom: 45px;*/
  right:85px;
  display:table;
  visibility: hidden;
  z-index: 99;
}
.floating-btn .user-login .label-text{
  color:#FFF;
  background: #00418e;
  display:table-cell;
  vertical-align:middle;
  padding:10px;
  border-radius:3px;
  font-weight: bold;
  font-size: 18px;
}

.floating-btn .user-login .label-arrow{
  display:table-cell;
  vertical-align:middle;
  color:#00418e;
}

.floating-btn .user-login .float{
  position:fixed;
  width:60px;
  height:60px;
  top: 35%;
  /*bottom: 40px;*/
  right:20px;
  background-color:#0dcbfa;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  /*box-shadow: 2px 2px 3px #999;*/
}
.floating-btn .user-login .my-float{
  font-size:24px;
  margin-top:18px;
}

.floating-btn .user-login a.float + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}

.floating-btn .user-login a.float:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}

/*application status*/
.floating-btn .application-status .label-container{
  position:fixed;
  top:46%;
  /*bottom: 45px;*/
  right:85px;
  display:table;
  visibility: hidden;
  z-index: 99;
}
.floating-btn .application-status .label-text{
  color:#FFF;
  background: #00418e;
  display:table-cell;
  vertical-align:middle;
  padding:10px;
  border-radius:3px;
  font-weight: bold;
  font-size: 18px;
}

.floating-btn .application-status .label-arrow{
  display:table-cell;
  vertical-align:middle;
  color:#00418e;
}

.floating-btn .application-status .float{
  position:fixed;
  width:60px;
  height:60px;
  top:45%;
  /*bottom: 40px;*/
  right:20px;
  background-color:#006799;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  /*box-shadow: 2px 2px 3px #999;*/
}
.floating-btn .application-status .my-float{
  font-size:24px;
  margin-top:18px;
}

.floating-btn .application-status a.float + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}

.floating-btn .application-status a.float:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}
/*End flosting button*/


/*Gallery*/
.gallery-carousel{
  position: relative;
}
.gallery-carousel .owl-item img{
  min-height: 200px;
  height: 200px;
  border: 5px solid #fff;
}

.gallery-carousel .owl-nav{
  position: absolute;
  top: 4vh;
  left: 0;
  right: 0;
}
.gallery-carousel .owl-nav .owl-prev,
.gallery-carousel .owl-nav .owl-next {
  position: absolute;
  height: 100px;
  color: inherit;
  background: none;
  border: none;
  z-index: 100;
}
.gallery-carousel .owl-nav .owl-prev {
  left: -4%;
}
.gallery-carousel .owl-nav .owl-next {
  right: -4%;
}
.gallery-carousel .owl-nav .owl-prev span,
.gallery-carousel .owl-nav .owl-next span{
  font-size: 90px;
  color: #fff;
}
.gallery-carousel .owl-nav .owl-prev:focus,
.gallery-carousel .owl-nav .owl-next:focus{
  outline: none;
}
.gallery-carousel .item{
  position: relative;
  opacity: 0.8;
}
.gallery-carousel .item:hover{
  opacity: 1;
}
.gallery-carousel .video .demo-gallery-poster{
  position: absolute;
  top: 35%;
  bottom: 0px;
  left: 40%;
}
.gallery-carousel .video .demo-gallery-poster img{
  height: 48px;
  min-height: 48px;
  opacity: 0.8;
  width: 48px;
  border: 0px;
}
.gallery-carousel .video .demo-gallery-poster .payer-bg{
  background: red;
  padding: 10px;
  border-radius: 50%;

}
.gallery-carousel .video .demo-gallery-poster i{
  font-size: 40px;
  color: #fff;
}
.gallery-carousel .item:hover .demo-gallery-poster i{
  
}
/*End Gallery*/

/*Login box*/
.login-box-wrap{
 /* border: 3px solid #006799;*/
  height: auto;
  top: 10px;
  position: absolute;
  top: 3.75%;
  right: 80px;
  z-index: 9;
  border-radius: 15px;
}
.login-box-wrap h3{
  display: none;
      background: #006799;
    padding: 10px;
    margin: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.login-box-wrap .login-box{
  padding: 20px;
  overflow: hidden;
  background:#848484;
  border-radius: 15px;  
}

.login-box-wrap .login-box .login,
.login-box-wrap .login-box .application-status{
      color: #fff;
    background-color: #055988;
    border-width: 0px;
    font-weight: bold;
    padding: 8px 10px;
    margin: 5px;
  border-radius: 10px;
    width: 160px;
    text-align: center;
    transition: all 0.9s ease-in-out;
}
.login-box-wrap .login-box .login:hover,
.login-box-wrap .login-box .application-status:hover{
  text-decoration: none;
  color: #FFF;
  /*opacity: .8;*/
  cursor: pointer;
  background-color: #F50064;
  transition: all 0.9s ease-in-out;
}
.login-box-wrap .login-box a:hover{
  text-decoration: none;
  color: #FFF;
  transition: all 0.9s ease-in-out;
}
.login-box-wrap .login-box .login{
  margin-bottom: 20px;
}
/*End Login box*/





@media only screen and (device-width: 768px), only screen and (max-width: 768px) {
  .slogan{
    padding: 30px 0;
  }
  .slogan-rectangle{
    text-align: center !important;
  }
  .headerb2{
    text-align: center;
  }
  .copyright{
    text-align: center;
  }
  .footer-social{
    text-align: center;
    padding-top: 10px;
  }
  .ln_right{
    width: 76%;
    padding: 0;
  }
  .imp-noti.ln_right ul{
    min-height: 90px;
  }
  .gallery-carousel .owl-nav .owl-prev {
    left: 2%;
  }
  .gallery-carousel .owl-nav .owl-next {
    right: 4%;
  }
  .navbar{
    padding: .5rem;
  }
  .ln_left{
    width: 25%;
  }
  .ln_left_arrow{
    display: none;
  }
  .owl-nav{
    display: none;
  }
  
  
}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: .7rem;
      padding-left: .7rem;
  }

}
@media only screen and (device-width: 970px), only screen and (max-width: 970px) {
  .floating-btn .user-login .float{
    top: 37%;
  }
  .floating-btn .application-status .float{
    top: 49%;
  }

}
@media screen and (max-width: 650px){
  .ln_left_arrow{
    display: none;
  }
  .ln_right{
    z-index: -100;
  }
}


@media only screen and (device-width: 600px), only screen and (max-width: 600px) {
  .gallery-carousel .video .demo-gallery-poster {
      left: 40%;
  }
}


@media only screen and (device-width: 730px), only screen and (max-width: 730px) {
  .ln_right{
      padding: 12px 0;
  }
}

.litxt {
font-size: 14px;
text-align: left;
text-decoration: underline;
line-height: 28px;
}

.mrqtxt{
  color: #FFF;
}

.mrqtxt:hover{
  color: #F50064;
}

.litxt1 {
font-size: 18px;
text-decoration: underline;
}