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

body{

    margin: 0px;

    padding: 0px;

    

    background-color: #fff!important;

font-family: 'Poppins', sans-serif;



}





/* Breakpoint XS */



h1,h2  {

font-family: 'Poppins', sans-serif;



}



@media (min-width: 376px) and (max-width: 991px)

{

    .hide-xs

    {

        display: none ;

    }





	

}

@media (min-width: 992px) and (max-width: 1799px) {

	.hide-lg {

		display: none ;

}

	

	}





/* Breakpoint SM */

@media (min-width: 576px) and (max-width: 991px)

{

    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 

    .hidden-xs-up, .hidden-sm-up, 

    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl

    {

        display: none !important;

    } 

}



/* Breakpoint MD */

@media (min-width: 768px) and (max-width: 991px)

{

    .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 

    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, 

    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl

    {

        display: none !important;

    } 

}



/* Breakpoint LG */

@media (min-width: 992px) and (max-width: 1199px)

{

    .hidden-lg-down, .hidden-xl-down, 

    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, 

    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl

    {

        display: none !important;

    } 

}





/* Breakpoint XL */

@media (min-width: 1200px)

{

    .hidden-xl-down, 

    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, 

    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg

    {

        display: none !important;

    } 

}

/*# sourceMappingURL=bootstrap.css.map */

/* Breakpoint XS */

@media (max-width: 575px)

{

    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 

    .hidden-xs-up, 

    .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl

    {

        display: none !important;

    }



}



/* Breakpoint SM */

@media (min-width: 576px) and (max-width: 767px)

{

    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 

    .hidden-xs-up, .hidden-sm-up, 

    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl

    {

        display: none !important;

    } 

}



/* Breakpoint MD */

@media (min-width: 768px) and (max-width: 991px)

{

    .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 

    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, 

    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl

    {

        display: none !important;

    } 

}

.container-area {

	width: 90%;

	margin: 0px auto;

}

.bg-light {

  background-color: #dbdbdb !important;

}

.title {

	padding: 8px 0px 8px 20px;

	font-size: 18px!important;

}

.top-socialmedia i {

	border-left: solid 1px #7e839d;

	padding: 14px 12px;

}

.top-socialmedia i:last-child {

	border-left: solid 1px #7e839d;

	border-right: solid 1px #7e839d;



}

.headerinfo {

	margin-top: 20px;

}

.headerinfo > i {

  font-size: 18px;

  color:#222b5f;

  line-height: .8;

  width: 42px;

  height: 42px;

  border: 1px solid #dcdcdc;

  position: absolute;

  left: 0;

  top: 5px;

  border-radius: 50%;

  text-align: center;

  padding: 13px 10px;

}

.headerinfo > i::after {

  border: 1px solid #dcdcdc;

  border-radius: 50%;

  content: "";

  display: block;

  width: 46px;

  height: 46px;

  left: -3px;

  position: absolute;

  top: -3px;

}

.headerinfo span {

	display: inline-block;

	float: left;padding-left: 50px;

	

}





.header-above-inner {

  padding-top: 5px;

  padding-bottom: 5px;

}

 .logo-header {

  float: left;



  font-size: 0;

}

 .header-customize-right {

  float: right;

  text-align: right;

}

 .header-customize-right {

  line-height: 35px;

	 margin-top: 22px;

}

.header-customize-left .header-customize-item:first-child,  .header-customize-right .header-customize-item:first-child {

  margin-left: 0;

}

.header-customize-wrapper .header-customize-item:first-child {

  margin-left: 25px;

}

 .header-customize-right .header-customize-item {

  margin-left: 35px;

}

  .item-info {

  position: relative;

  padding-left: 60px;

  float: left;

  padding-top: 13px;

  text-align: left;

}

 .header-customize-item {

  display: inline-block;

  vertical-align: middle;

  line-height: 1;

  max-width: 100%;

}

.item-info > i {

  font-size: 18px;

  color: #222b5f;

  line-height: .8;

  width: 42px;

  height: 42px;

  border: 1px solid #dcdcdc;

  position: absolute;

  left: 0;

  top: 5px;

  border-radius: 50%;

  text-align: center;

  padding: 13px 10px;

}

.item-info > span.label {

  font-weight: 700;

  color: #222b5f;

  margin-bottom: 7px;

  text-transform: uppercase;

  text-align: left;

  padding: 0;

}

.item-info > i {

  font-size: 18px;

  color: #222b5f;

  line-height: .8;

  text-align: center;

}

.item-info > i {

  font-size: 18px;

  color: #222b5f;

  line-height: .8;

  width: 42px;

  height: 42px;

  border: 1px solid #dcdcdc;

  position: absolute;

  left: 0;

  top: 5px;

  border-radius: 50%;

  text-align: center;

  padding: 13px 10px;

}

.item-info > i::after {

  border: 1px solid #dcdcdc;

  border-radius: 50%;

  content: "";

  display: block;

  width: 46px;

  height: 46px;

  left: -3px;

  position: absolute;

  top: -3px;

}

.item-info > span.label {

  font-weight: 700;

  color:#222b5f;

  margin-bottom: 7px;

  text-transform: uppercase;

  text-align: left;

  padding: 0;

}

.item-info > span {

  display: block;

  line-height: .8;

  font-size: 14px;

}

.item-info > span a{

  color:#222b5f;

}

.logo-header img {

	width: 85%;

	height: auto;

}

.navbar-blue {

	background: #0059a8;

}

.nav-link {

	padding:10px 22px!important ;

	color: #fff!important;

	font-size: 15px;

	font-weight: 500;

	text-transform: uppercase;





}

.nav-link:hover {

	

	color: #8dc9ff!important;



	border-radius: 0px;

}

.navbar-nav:last-child {

	padding-right: 0px!important;

}





.navbar-nav > li > .dropdown-menu {

    margin-top: 0;

    border-top-left-radius: 0px!important;

    border-top-right-radius: 0px!important;

	border-radius: 0px!important;



}



.dropdown-menu:before{

content: " ";

position:absolute;

top:-20px;

right:50px;



border-bottom-color:#222b5f;



}



.dropdown-menu {

	background: #222b5f!important;

	border: 0px!important;

	padding: 18px 15px!important;

	min-width: 22rem!important;

}

.dropdown-menu li{

	padding: 5px 0px;

	border-bottom: solid 1px #4f567c;



}

.dropdown-menu > li > a {

	color: #fff;

	text-decoration: none;

	font-size: 14px;

	font-weight: 500;

}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

	color: #3aa2ff;

}



.navbar-nav li:hover > ul.dropdown-menu {

    display: block;

}

.dropdown-submenu {

    position:relative;

}

.dropdown-submenu > .dropdown-menu {

    top: 0;

    right: 100%;

    margin-top:-6px;

}



/* rotate caret on hover */

.dropdown-menu > li > a:hover:after {

    text-decoration: underline;

    transform: rotate(-90deg);

} 



.dropdown-toggle::after {

  display: inline-block;

  width: 0;

  height: 0;

  margin-left: .255em;

  vertical-align: .255em;

  content: "";

  border-top: .3em solid;

  border-right: .3em solid transparent;

  border-bottom: 0;

  border-left: .3em solid transparent;

}

.fixed-me{

    transition: all 1s ;

}



.fixed-me{

    background-color:#fff !important;

    padding: 0px 30px 0px 0px  !important;

    margin-bottom: 5px;

    position: fixed!important;

    top:0;

	z-index:11888!important;

    width: 100%!important;

-webkit-box-shadow: -1px 2px 2px 0px rgba(115,107,115,1);

-moz-box-shadow: -1px 2px 2px 0px rgba(115,107,115,1);

box-shadow: -1px 2px 2px 0px rgba(115,107,115,1);

    

}

.fixed-me .logo img {

	width: 60%;

}

.fixed-me .navbar-nav  {

	padding-top: 60px;

}

.containermain {

	width: 94%;

	margin: 0px auto;

}

.navbarcontent {

		width: 94%;

	margin: 0px auto;

	}

.navbar-toggler-icon {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' 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 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

}

	.fixed-top {

	    top: -40px;

	    transform: translateY(40px);

	    transition: transform .3s;

	}

footer {

	background: #222b5f;

}

.fotertxt1 {

	text-align: center;

	font-size: 14px;

	color: #d2d2d2;

	line-height: 25px;

}

.fotertxt1 p {

	padding: 10px 0px;

}

.fotertxt2 h3 {

	color: #fff;

	font-size: 14px;

	font-weight: 600;

	text-transform: uppercase;

}

.fotertxt2 ul {

	margin: 0px;

	padding: 0px 15px;

}

.fotertxt2 ul li {

	margin: 0px;

padding: 3px 0px;

	list-style: square;

	color: #fff

}.fotertxt2 p {

	color: #fff;

		font-size:14px;

	text-decoration: none;

}

.fotertxt2 ul li a {

	color: #fff;

		font-size:14px;

	text-decoration: none;

}

.fotertxt2 ul li a:hover {

	color: #7fbbff;

		font-size:14px;

	text-decoration: none;

}

.fo_contact {

	display: flex;

	color: #fff;

	padding: 5px 0px;

}

.calltxt {

	line-height: 30px;

	font-size: 14px;

}

.calltxt a {

	color: #fff;

	text-decoration: none;

}

.calltxt a:hover {

	color: #fff;

}

.footer2 {

	background: #151a37;

	padding: 20px 0px;

	margin-top: 20px;

}

.copy {

	color: #fff;

	font-size: 14px;

}

.socialfooter {

	padding-top: 15px;

}

.socialfooter a{

	color: #fff;

	padding: 5px 8px;

}

.socialfooter a:hover{

	color: #00a8ff;

}

.socialfooter i {

	font-size: 24px;

}

#button {

  display: inline-block;

  background-color: #4b9cfa;

  width: 50px;

  height: 50px;

  text-align: center;

  border-radius: 4px;

  position: fixed;

  bottom: 15px;

  right: 20px;

  transition: background-color .3s, 

    opacity .5s, visibility .5s;

  opacity: 0;

  visibility: hidden;

  z-index: 1000;

}

#button::after {

  content: "\f077";

  font-family: FontAwesome;

  font-weight: normal;

  font-style: normal;

  font-size: 2em;

  line-height: 50px;

  color: #fff;

}

#button:hover {

  cursor: pointer;

  background-color: #333;

}

#button:active {

  background-color: #555;

}

#button.show {

  opacity: 1;

  visibility: visible;

}



/* Styles for the content section */



.content {

  width: 77%;

  margin: 50px auto;

  font-family: 'Merriweather', serif;

  font-size: 17px;

  color: #6c767a;

  line-height: 1.9;

}
@media (max-width: 767px) {
.top-socialmedia i{   padding: 11px 9px; }
.header.bg-light .title{ font-size: 13px !important; }
.carousel-caption{ padding-bottom: 5px !important; }
.carousel-caption p{ margin-bottom: 5px; }
}
@media (min-width: 500px) {

  .content {

    width: 43%;

  }

  #button {

    margin: 30px;

  }

}

.content h1 {

  margin-bottom: -10px;

  color: #03a9f4;

  line-height: 1.5;

}

.content h3 {

  font-style: italic;

  color: #96a2a7;

}

@media (max-width: 991px){

.title {

  padding: 10px 0px 8px 0px;

  font-size: 14px !important;

}

	.header-customize-right {

  line-height: 35px;

  margin-top: 10px;

}

		.header-customize-wrapper .header-customize-item:first-child {

  margin-left: 20px;



}

	.header-customize-wrapper .header-customize-item:last-child {

  margin-left: 20px;

		margin-top: 10px;

		margin-bottom: 10px;

}



.dropdown-menu {

  background: #222b5f !important;

  border: 0px !important;

  padding: 18px 15px !important;

  min-width: auto!important;

}

}



