@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');
body {
  background: #FFF;
  font-family: 'Montserrat', sans-serif;
  /* font-weight: 900; */
}

p{
  /* text-align: justify; */
  /* font-weight: 400 !important; */
  /* color: grey;
  margin-bottom: .5rem !important; */
}
.text-justify{
  text-align: justify;
}


.fw-400{
  font-weight: 400 !important;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:focus, a:hover {
  color: #23527c;
  text-decoration: none;
}
/* a:hover{
  color: black !important;
} */
.social-link:hover a{
  color: white !important;
}

/* ul {
  list-style-type: square;
} */

/* home owel carousel start */

.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #000;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}

.owl-nav button:focus {
    outline: none;
}
.owl-item {
  /* height: 300px !important;  */
  display: flex;
}
.item {
    width: 100%;
}
.item .home-banner-img{
  height: 532px !important;
  /* object-fit: cover; */
}
/* home owel carousel end */
h1 {
  color: #00487a;
  font-size: 40px;
  line-height: 50px;
  margin: 15px 0;
  padding: 0;
  font-weight: 800;
  letter-spacing: 2px;
}
h2 {
  color: #00487a;
  font-size: 35px;
  line-height: 45px;
  margin: 15px 0;
  padding: 0;
  font-weight: 800;
  letter-spacing: 1px;
}
h3 {
  color: #0b4f78;
  font-size: 25px;
  line-height: 35px;
  margin: 15px 0 -15px 0;
  padding: 0;
  font-weight: 800;
  letter-spacing: 1px;
}
h4 {
  color: #00487a;
  font-size: 25px;
  line-height: 35px;
  margin: 15px 0;
  padding: 0;
  font-weight: 800;
  letter-spacing: 1px;
}
h5 {
  color: #00487a;
  font-size: 18px;
  line-height: 25px;
  margin: 15px 0;
  padding: 0;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}
p {
  color: #333;
  font-size: 14px;
  line-height: 24px;
  margin: 15px 0;
  padding: 0;
  font-weight: 400;
  letter-spacing: normal;
}
p span {
  color: #00487a;
  font-weight: 600;
}
p strong {
  color: #0b4f78;
  font-weight: 600;
}
.fs-16px{
  font-size: 16px;
}
.home-btn {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 30px;
  line-height: 20px;
  color: #FFF;
  background: #0b4f78;
  transition: all ease .6s;
  -moz-transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
  margin-top: 15px;
  margin-bottom: 15px;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  letter-spacing: 1px;
}
#our-products-section {
  margin: 15px 0;
  padding: 15px 0;
}
.step_by_step_box {
  padding: 1px;
  margin: 15px 0px;
}
.step_by_step_box {
  background: #00487a;
  padding: 1px;
  position: relative;
  margin: 15px 0;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.step_by_step_box h3 {
  display: inline-block;
  color: #FFF !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 3px;
  margin-top: 0;
  padding: 17px 11px;
  letter-spacing: .5px;
  text-transform: uppercase;
}
.step_by_step_box a {
  color: #FFF !important;
}
.account-create-area {
  position: relative;
  background: #19a0d8;
  padding-top: 90px;
  padding-bottom: 30px;
  margin-top: 15px;
}
.account-create-area-btn {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 30px;
  line-height: 20px;
  color: #FFF;
  background: #00487a;
  transition: all ease .6s;
  -moz-transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
  margin-top: 5px;
  margin-bottom: 0;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  letter-spacing: 1px;
}
.account-create-area-btn:hover {
  background: #FFF;
  border: none;
  color: #0b4f78;
  transition: all ease .6s;
  -moz-transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
}
.ready-to-talk-section p, .account-create-area p {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 15px;
  margin-top: 0;
  padding: 0;
  letter-spacing: 2px;
  font-weight: 500;
  color: #FFF;
}
.bg-fixed {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}
.shadow {
  position: relative;
  z-index: 1;
}
.breadcrumb-area {
  padding: 60px 0 45px 0;
  margin-bottom: 15px;
}

.breadcrumb-area h1 {
  display: block;
  color: #FFF;
  margin: 0 0 5px 0;
  padding: 0;
  background: none;
}
.breadcrumb-area .breadcrumb {
  background: transparent none repeat scroll 0 0;
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  position: relative;
  z-index: 1;
}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li {
  font-weight: 600;
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
}
.breadcrumb>li {
  display: inline-block;
}
.shadow.dark::after {
  background: #00487a none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  /* opacity: 0.75; */
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.breadcrumb-area .breadcrumb::after {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.35;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.breadcrumb-area .breadcrumb li i {
  color: #0b4f78;
  margin-right: 3px;
}
.breadcrumb > li + li::before {
  color: #FFF;
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-size: 8px;
  font-weight: 500;
  padding: 0 10px;
  position: relative;
  top: -1px;
}
.home-box > .icon {
  display: inline-block;
  background: #0b4f78;
  width: 130px;
  height: 130px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  margin-bottom: 0;
  padding: 30px;
  overflow: hidden;
}
.inner-img {
  margin: 15px 0;
  padding: 1px;
  border: 1px solid #F4F4F4;
}
.fa-check:before {
  content: "\f00c";
}
.product-box-inner {
  float: left;
  width: 100%;
  overflow: hidden;
  margin: 15px 0;
  padding: 0;
  background: #F4F4F4;
  border: 1px solid #ccc;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.product-box-inner:hover {
  border: 1px solid #00487a;
  background: #00487a;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.box9:hover img {
  opacity: .5;
}
.box9 {
  background: #0b4f78;
  text-align: center;
  position: relative;
}
.box9 .box-content, .box9 .icon li, .box9 img {
  transition: all .35s ease 0s;
}
.box9 img {
  width: 100%;
  height: auto;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
  display: block;
  max-width: 100%;
  height: auto;
}
.box9 .box-content, .box9 .icon li, .box9 img {
  transition: all .35s ease 0s;
}
.box9:hover .icon li:first-child {
  transition-delay: .1s;
}

.box9:hover .icon li {
  opacity: 1;
  transform: translateY(0);
}

.box9 .box-content {
  padding: 0px;
  background: rgb(0, 72, 122);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
}
.box9:hover .box-content {
  top: 15px;
  left: 15px;
  bottom: 15px;
  right: 15px;
  opacity: 1;
}
.box9 .title {
  font-weight: 600;
  width: 100%;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  margin: 5px 0 10px 0;
  padding: 0;
  position: absolute;
  bottom: 50%;
  text-transform: uppercase;
}
.box9 .icon {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  top: 30%;
}

ol, ul {
  box-sizing: border-box;
}
.box9 {
  background: #0b4f78;
  text-align: center;
  position: relative;
}
.box9 .box-content, .box9 .icon li, .box9 img {
  transition: all .35s ease 0s;
}
.box9 .icon li {
  display: inline-block;
  opacity: 0;
  transform: translateY(40px);
  margin: 0;
  padding: 0;
}


.box9 {
  background: #0b4f78;
  text-align: center;
  position: relative;
}
.box9 .icon li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 34px;
  background: #FFF;
  font-size: 13px;
  color: #333;
  margin-right: 5px;
  transition: all .35s ease 0s;
}
.box9 .icon li a {
  border-radius: 50%;
}
/* .box9 .icon li a i {
  line-height: 40px !important;
} */
.box9 .icon a:hover {
  background: #00487a;
  color: #FFF !important;
}
.box9 .icon li a {
  display: block;
  width: 40px;
  height: 40px;
  /* line-height: 40px; */
  background: #FFF;
  font-size: 13px;
  color: #333;
  margin-right: 5px;
  transition: all .35s ease 0s;
}
.thumbnail, .fancybox {
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: none;
}
.box9:hover .icon li:nth-child(2) {
  transition-delay: .2s;
}
.box9:hover .icon li {
  opacity: 1;
  transform: translateY(0);
}
.box9 .box-content, .box9 .icon li, .box9 img {
  transition: all .35s ease 0s;
}
.box9 .icon li {
  display: inline-block;
  opacity: 0;
  transform: translateY(40px);
  margin: 0;
  padding: 0;
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  /* border-radius: 4px; */
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}
.box9 .icon {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  top: 50%;
}


.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  /* border-radius: 4px; */
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}
.box9 .icon {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  top: 50%;
}

h4.title {
  font-size: 22px;
  float: left;
  width: 100%;
  color: #65c8ef;
  min-height: 25px;
  text-transform: uppercase;
}
.left-menu {
  float: left;
  display: block;
  width: 100%;
  margin: 15px 0;
  padding: 0;
}
.left-menu-title {
  float: left;
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  padding: 15px;
  color: #FFF;
  font-weight: 800;
  background: #00487a;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.left-menu ul {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #F4F4F4;
  border-bottom: none;
}
.left-menu ul li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #F4F4F4;
  text-transform: capitalize;
}
.left-menu ul li a {
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 25px;
  text-decoration: none;
  margin: 0;
  padding: 10px 15px;
  transition: all ease .6s;
  -moz-transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
}
.left-menu ul li a:before {
  margin-right: 5px;
  content: "\f105";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 12px;
}
:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.left-menu ul li a:hover {
  background: #0b4f78;
  color: #FFF !important;
  transition: all ease .6s;
  -moz-transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
}
.form-contact {
  float: left;
  height: auto;
  margin: 15px 0;
  font-size: 14px;
  line-height: 22px;
  color: #FFF;
  font-weight: 500;
}
.inquiry .form-contact-bor, .inquiry .form-contact-textar, .inquiry .form-contact select {
  border: 2px solid #ccc;
}
.form-contact-bor {
  float: left;
  width: 100%;
  height: 55px;
  line-height: 55px;
  font-size: 14px;
  text-align: left;
  color: #333;
  font-weight: 500;
  margin: 0 0 0 0;
  padding: 0 0 0 15px;
  background: #FFF;
  border: 2px solid #FFF;
  font-family: 'Montserrat', sans-serif;
  transition: all ease .6s;
  -moz-transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
}
.inquiry .form-contact-bor, .inquiry .form-contact-textar, .inquiry .form-contact select {
  border: 2px solid #ccc;
}

.form-contact select {
  float: left;
  font-size: 14px;
  margin: 0;
  padding: 0 0 0 15px;
  color: #333;
  width: 100%;
  height: 55px;
  line-height: 55px;
  font-weight: 500;
  background: #FFF url(images/inquiry/arrow-select.png) no-repeat right 10px center;
  border: 2px solid #FFF;
  font-family: 'Montserrat', sans-serif;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  transition: all ease .6s;
  -moz-transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
}
option {
  text-transform: capitalize;
}

.form-contact-textar {
  float: left;
  width: 100%;
  height: 120px;
  line-height: 35px;
  font-size: 14px;
  text-align: left;
  color: #333;
  margin: 0 0 0 0;
  padding: 5px 0 0 15px;
  background: #FFF;
  border: 2px solid #FFF;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  transition: all ease .6s;
  -moz-transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
}
.form-btn:hover {
  background: #FFF;
  border: none;
  color: #00487a;
  transition: all ease .6s;
  -moz-transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
}
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
.form-btn {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 30px;
  line-height: 20px;
  color: #FFF;
  background: #0b4f78;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border: none;
  transition: all ease .6s;
  -moz-transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.footer-nav ul li a:before {
  margin-right: 5px;
  content: "\f105";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
/**HEADER**/
#header-1 { background:#FFF;}
/*TOP*/
#top { background:#0b4f78;}
/*CALL NOW*/
.call-now { float:right; margin:0; display:block;}
.call-now ul {  margin:0; padding:0; list-style:none;}
.call-now ul li { float:left; font-size:14px; color:#FFF; line-height:20px; margin:10px 15px 10px 0; padding:0; font-weight:600;}
.call-now ul li:last-child { margin-right:0;}
.call-now ul li a { color:#FFF;}
.call-now ul li a:hover {color:#00487a;}
.call-now ul li .call-icon { float:left; line-height:20px; color:#FFF; margin-right:10px; font-size:12px; text-align:center;}
/*CALL NOW*/
/*TOP*/

/*NAV-FIX*/
.bg3{}
#menucont{padding: 0; margin:0 auto !important; }
#menucont p{margin: 0;}
.container1{width:100%; padding: 0; margin:0 ;}
.container1 .bodycontainer{margin: 0 !important; width: 100%;}
.stickydiv{position: relative; z-index:999; width: 100%; background:#FFF; border-bottom:1px solid #F4F4F4;}
.stickydiv.stuck{position: fixed; top: 0; width: 100%; z-index:999;}
.sticky-wrapper {height:auto !important;}
/*NAV-FIX*/

/*CONTACT-BUTTON*/
.home_contact-btn { float:right; font-size:13px; font-weight:600; text-transform:uppercase; padding:15px 10px; line-height:20px ; color:#FFF; background:#0b4f78; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; margin-top:0; margin-right:0; margin-left:15px; margin-bottom:0; border:none; letter-spacing:1px;}
.home_contact-btn:hover { background:#00487a;  color:#FFF;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none;}
/*CONTACT-BUTTON*/

/*LOGO*/
.logo { float:left; margin:15px 0; padding:0; display:block;}
/*LOGO*/
/**HEADER**/
/*FOOTER*/
#footer-1 {background:#121212; padding-top:15px;}
#footer-1 h6 { font-size:20px; line-height:30px; margin:15px 0; padding:0;  color:#FFF; font-weight:700; letter-spacing:2px;font-style:normal; text-transform:uppercase;}

/*FOOTER-NAV*/
.footer-nav { float:left; margin-bottom:15px;}
.footer-nav ul { float:left; margin:0 ; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; margin:0; padding: 0; text-transform:capitalize;}
.footer-nav ul li a { float:left; font-size:14px; line-height:20px; color:#FFF; font-weight:500; margin:0; padding:5px 0; text-decoration:none;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-nav ul li a:hover {color:#0b4f78; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER-NAV*/

/*FOOTER-CONTACT*/
.address {} 
.address p { font-size:14px; line-height:20px; color:#FFF; font-weight:500; margin:0; padding:5px 0;}
.address p:last-child { margin-bottom:15px !important;}
.address p a {color:#FFF; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; margin:0; padding:0;}
.address p a:hover {color:#0b4f78; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.address p span { color:#FFF; font-weight:600;}
.address h5 {font-size:15px; line-height:25px; margin:15px 0 0 0; padding:0;  color:#FFF; font-weight:700; letter-spacing:1px;font-style:normal;}
.address h5 i { font-size:13px; margin-right:2px; color:#FFF;}
/*FOOTER-CONTACT*/

/*FOOTER-QUICK-CONTACT*/
.footer-quick-contact {}
.footer-quick-contact p { font-size:14px; line-height:20px; color:#FFF; font-weight:500; margin:0; padding:5px 0;}
.footer-quick-contact h5 {font-size:24px; line-height:35px; margin:15px 0; padding:0;  color:#19a0d8; font-weight:600; letter-spacing:1px;font-style:normal;}
.footer-quick-contact h5 i { float:left; font-size:16px; line-height:35px; margin:0 10px 0 0; padding:0;} 
/*FOOTER-QUICK-CONTACT*/

/*SOCIAL*/
.social-links { float:left; padding-left: 0; list-style-type: none; margin-top: 15px; margin-bottom:15px;}
.social-links li { float:left; margin-right:10px; margin-left:0; display: inline-block;}
.social-links li a {width:40px; text-align: center; line-height:40px !important; height:40px; color:#121212; background:#FFF; display: inline-block; font-size: 14px; border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
.social-links li a:hover {color:#FFF; background:#0b4f78;}
/*SOCIAL*/

/*FOOTER BOTTOM*/
#footer-bottom-section { margin-top:15px; border-top:1px solid #333;}
.footer-bottom {  margin:0; padding:15px 0;}
.footer-bottom p {color:#FFF; margin: 0; padding: 0 15px; font-weight:500; font-size:14px; line-height:30px;}
.footer-bottom p span {color:#FFF; font-weight:500; font-style:normal;}
.footer-bottom p a {color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-bottom p a:hover {color:#0b4f78; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER BOTTOM*/
/*FOOTER*/

/*BACK TO TOP*/
#back-to-top {position: fixed; bottom:15px; right:15px; z-index: 9999; width:50px; height:50px; line-height:50px; font-size:14px; text-align: center; background:#00487a; color: #FFF; cursor: pointer; border: 0; text-decoration: none; transition: opacity 0.5s ease-out; opacity: 0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#back-to-top:hover {background:#0b4f78; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
#back-to-top.show {opacity: 1;}
/*BACK TO TOP*/
.contact-box > .contact-box-icon {
  display: inline-block;
  background: #0b4f78;
  width: 90px;
  height: 90px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  margin-bottom: 0;
  padding: 30px;
  overflow: hidden;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
  display: block;
  max-width: 100%;
  height: auto;
}
.contact-box h5 {
  margin-bottom: 0;
  margin-top: 10px;
}

.contact-box p {
  margin: 0;
  padding: 0;
  font-weight: 500;
}
.contact-box p a {
  color: #333;
}
.contact-box {
  margin: 15px 0;
}
.contact-map-section .contact-map {
  height: 400px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.contact-map-section iframe {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  -webkit-backface-visibility: hidden;
}

.home-contact-form-bg {
  background: #00487a;
  margin-bottom: -75px;
  margin-top: 15px;
  padding: 15px;
  z-index: 1;
}
/* owl start */
.item {
  position: relative;
}

.home-banner-img {
  width: 100%;
  height: auto;
}

.banner-content, .banner-content1 {
  position: absolute;
  top: 34%;
  left: 12.5%;
  transform: translateY(-50%);
  color: #000;
  /* background-color: rgba(0, 0, 0, 0.5); */
  /* padding: 20px; */
  max-width: 100%;
  border-radius: 10px;
}
.banner-content3 {
  position: absolute;
  top: 56%;
  left: 12.5%;
  transform: translateY(-50%);
  color: #000;
  /* background-color: rgba(0, 0, 0, 0.5); */
  /* padding: 20px; */
  max-width: 100%;
  width: 1170px;
  border-radius: 10px;
}
.banner-content1 h2 a {
  color: #005BAB;
  font-size: 24px;
  text-decoration: none;
  background-color: #fff;
  width: max-content !important;
  padding: 0;
}
.banner-content3 h2  {
  color: #005BAB;
  /* font-size: 24px; */
  text-decoration: none;
  background-color: #fff;
  width: max-content !important;
  max-width: 100%;
  padding: 19px 9px;
}
.banner-content h2 a {
  color: #005BAB;
  font-size: 24px;
  text-decoration: none;
  background-color: #fff;
  width: max-content !important;

  padding: 19px 9px;
}
.banner-content h2, .banner-content1 h2, .banner-content3 h2  {
  margin-bottom: 25px;
}

.banner-content div, .banner-content1 div, .banner-content3 div  {
  margin-top: 5px;
  font-size: 16px;
}
.tp-caption1.color1.large_bg1 {
  background-color: transparent !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 44px !important;
  padding: 0  !important;
  color: #000000 !important;
  width: max-content;
}
.tp-caption.color.large_bg {
  background-color: #fff !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 27px !important;
  padding: 0 10px  !important;
  color: #000000 !important;
  margin-bottom: 18px;
  width: max-content;
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up {
  animation: fadeUp 3s ease forwards;
}


/* owl end */
@media (min-width: 1440px) {
  .container {
    max-width: 1170px !important;
  }
}

@media (max-width: 768px) {

  .flex-direction {
    flex-direction: column-reverse;
  }

  
}


/* why us icon hover stop */
@media (max-width: 528px) {
  h3 {
    font-size: 16px;
    line-height: 24px;
  }
  h1 {
    font-size: 25px;
    line-height: 35px;
  }
  h2 {
    font-size: 20px;
    line-height: 30px;
  }
  h4 {
    font-size: 16px;
    line-height: 24px;
  }
  h5 {
    font-size: 14px;
    line-height: 20px;
  }
  p {
    line-height: 20px;
  }
  .item .home-banner-img{
    height: 193px !important;
    object-fit: cover;
  }
  .step_by_step_box h3 {
    font-size: 13px;
    line-height: 18px;
  }
  .ready-to-talk-section p, .account-create-area p {
    font-size: 15px;
    line-height: 25px;
  }
  .home-box > .icon {
    width: 100px;
    height: 100px;
    padding: 25px;
  }
  .breadcrumb-area {
    padding: 30px 0 15px 0;
  }
  .contact-box > .contact-box-icon {
    width: 70px;
    height: 70px;
    padding: 22px;
  }
  .contact-box p {
    font-size: 13px;
    line-height: 20px;
  }
  .footer-nav {
    margin-bottom: 10px;
  }
  #footer-1 h6 {
    font-size: 16px;
    line-height: 25px;
  }
  .footer-nav ul li {
    width: auto;
  }
  .footer-nav ul li a {
    font-size: 12px;
    line-height: 20px;
    padding: 5px 20px 5px 0;
  }
  .footer-quick-contact h5 {
    font-size: 20px;
    line-height: 30px;
  }
  .footer-quick-contact h5 i {
    font-size: 14px;
    line-height: 30px;
  }
  .social-links li a {
    width: 35px;
    line-height: 35px !important;
    height: 35px;
    font-size: 12px;
  }
  .address h5 {
    font-size: 13px;
    line-height: 20px;
  }
  .address p {
    font-size: 12px;
    line-height: 20px;
  }
  .address h5 i {
    font-size: 11px;
  }
  .footer-quick-contact p {
    font-size: 13px;
    line-height: 20px;
  }
  .social-links li a {
    width: 35px;
    line-height: 35px !important;
    height: 35px;
    font-size: 12px;
  }
  .footer-bottom p {
    font-size: 12px;
    line-height: 20px;
  }
  #back-to-top {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
  }
  .logo img {
    width: 210px;
    height: auto;
    
}

.logo {
  float: none;
  margin: 15px 0;
  padding: 0;
  display: block;
  text-align: center;
}
.call-now ul li:last-child {
  margin-right: 0;
  display: none;
}
.pcf {
  position: relative;
  z-index: 9999;
  top: 9px;
}
.tp-caption.color.large_bg {
  background-color: #FFF !important;
  font-size: 10px !important;
  font-weight: bold !important;
  line-height: 15px !important;
  padding: 0 15px !important;
  color: #000000 !important;
}
.banner-content h2 a {
  color: #005BAB;
  font-size: 10px;
  text-decoration: none;
}
.banner-content {
  top: 34%;
  left: 0%;
}
.tp-caption.color.large_bg {
  margin-bottom: 3px;
}
.tp-caption1.color1.large_bg1 {

  line-height: 16px !important;
}


.banner-content h2, .banner-content1 h2, .banner-content3 h2 {
  margin-bottom: 4px;
}
.banner-content3 h2 {
  font-size: 15px;
  padding: 2px;
}
.banner-content3 {
  top: 48%;
  left: 4px;
}
}