/* Base CSS */
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0 solid }
*{box-sizing: border-box;}
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  color: #1B1B21;
      font-family: 'Lato', sans-serif;
}
body {
  color: #545051;
  font-weight: 400;
 font-family: 'Lato', sans-serif;
}

@font-face {
    font-family:RusticLoveTattoo;
    src: url(../fonts/RusticLoveTattoo.otf);
}

.selector-for-some-widget {
  box-sizing: content-box;
}
a:hover { text-decoration: none }

button:focus {
	outline: 0;
	outline: 5px auto -webkit-focus-ring-color;
}

/* Header bar section start */


.headera-area {
  padding: 25px 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.header-fl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.header-menu li {
  display: inline-block;
  margin: 0 19px;
  font-weight: 700;
}
.header-menu li a {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
}
.header-menu li a.bar {
	font-size: ;
	display: block;
}
/* Header bar section  END */


/*hero-area-start*/

.hero-area {
  padding-top: 130px;
  padding-bottom: 95px;
  background-size: cover;
  background-position: center;
}
.hero-containt {
  text-align: center;
}
.hero-containt h3 {
  font-size: 63px;
  color: #fff;
  font-weight: 800;
  line-height: 86px;
  margin-bottom: 50px;
}
.hero-mid-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 864px;
  margin: auto;
  margin-bottom: 50px;
}
.hero-mid-text p {
  font-size: 32px;
  color: #FFFFFF;
  font-weight: 700;
  margin: 0;
  \]: ;
}
.hero-mid-text a {
  font-size: 32px;
  color: #F0DE69;
  font-weight: 700;
  border-bottom: 1px dashed #F0DE69;
  padding: 0 13px;
}
.hero-mid-text a i {
  margin-left: 55px;
}
.hero-action h4 {
  margin-bottom: 24px;
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 700;
}
.hero-action-fl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.hero-action-fl a {
  width: 230px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #2A4759;
  font-size: 16px;
  border-radius: 40px;
  background: #D4E5FB;
  margin: 0 5px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  position: relative;
}
.hero-action {
  max-width: 720px;
  margin: auto;
}
.hero-action-fl a:nth-child(2) {
  background: #D0FADC;
}
.hero-action-fl a:nth-child(3) {
  background: #FBEFD6;
}
.hero-action-fl a:nth-child(4) {
  background: #FFDEDE;
}
.hero-action-fl a:nth-child(5) {
  background: #EAEDEF;
}
.hero-action-fl a i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
/*hero-area-end*/


/*location-area-start*/

#test {
  height: 560px;
  margin-bottom: 40px;
}
.location-containt {
}
.location-area {
  padding: 90px 0;
}
.location-btn {
  text-align: center;
}
.location-btn a {
  background: #F5C300;
  display: inline-block;
  height: 60px;
  padding: 0 40px;
  display: ;
  line-height: 60px;
  border-radius: 10px;
  font-size: 20px;
  color: #2A4759;
  font-weight: 500;
  border: 2px solid transparent;
  transition: .3s;
}
.location-btn a:hover {
	border: 2px solid #F5C300;
	background: transparent;
	color: #F5C300;
}
.location-btn a i {
  margin-right: 10px;
}
/*location-area-end*/


/*hub-area-start*/

.hub-area {
  background: #FEFAF3;
  padding: 90px 0;
  position: relative;
}
.hub-containt {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 465px;
  justify-content: center;
}
.hub-containt h3 {
  font-size: 40px;
  color: #2A4759;
  font-weight: 700;
  margin-bottom: 40px;
  line-height: 58px;
}
.single-hub h4 {
  font-size: 20px;
  color: #2A43DB;
  font-weight: 700;
  margin-bottom: 10px;
}
.single-hub h4 span {
  font-size: 30px;
  margin-right: 15px;
}
.single-hub p {
  font-size: 14px;
  color: #627886;
  font-weight: 400;
  margin: 0;
}
.single-hub {
  margin-bottom: 24px;
}
.single-hub:last-child {
  margin: 0;
}
.single-hub-img {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.single-hub-img {
  margin-bottom: 30px;
}
.single-hub-img:last-child {
  margin: 0;
}
.single-hub-img.last {
  align-items: start;
}
/*hub-area-end*/


/*future-area-start*/

.future-area {
  padding: 90px 0;
}
.future-img {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-future-img:first-child {
  margin-top: -50px;
  box-shadow: 0 25px 40px #2A43DB3D;
  border-radius: 21px;
}
.single-future-img {
  border-radius: 21px;
  box-shadow: 0 25px 40px #2A43DB3D;
}
.future-containt {
  padding-left: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.section-title h3 {
  font-size: 40px;
  color: #2A4759;
  font-weight: 700;
  line-height: 58px;
  margin: 0;
}
.section-title {
  margin-bottom: 40px;
}
.single-future-list h3 {
  font-size: 20px;
  color: #2A43DB;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.single-future-list h3 img {
  margin-right: 15px;
}
.single-future-list p {
  font-size: 14px;
  font-family: ;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  padding-left: 40px;
  width: ;
  max-width: 400px;
}
.single-future-list {
  margin-bottom: 40px;
}
.single-future-list:last-child {
  margin: 0;
}
/*future-area-end*/

/*want-area-start*/

.want-containt {
  max-width: 850px;
  margin: auto;
}
.want-img a {
  display: block;
}
.want-img a img {
  width: 100%;
}
.want-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 776px;
  height: 141px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 22px 44px #1050AB2B;
  margin: auto;
  margin-top: -40px;
  position: relative;
  padding: 20px 18px;
}
.want-single-list {
  width: 33.33%;
}
.want-single-list a {
  display: inline-block;
}
.want-single-list a {
  font-size: 16px;
  color: #2B378B;
  font-weight: 400;
}
.want-single-list a img {
  margin-right: 10px;
}
.want-area {
	padding-top: 50px;
	padding-bottom: 90px;
	position: relative;
}
/*want-area-end*/


/*news-area-start*/

.news-area {
	background: #FFEBEB;
	padding: 90px 0;
	position: relative;
}
.single-news {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 42px 34px #00000014;
}
.news-img img {
  width: 100%;
}
.news-text {
  height: 150px;
  padding: 20px;
}
.news-text p {
  font-size: 20px;
  color: #2A4759;
  margin: 0;
  line-height: 30px;
}
.news-img {
  position: relative;
}
.news-img a {
  position: absolute;
  left: 15px;
  bottom: 15px;
  height: 34px;
  width: 185px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FBEFD6;
  border-radius: 41px;
  padding: 0 10px;
  font-size: 14px;
  color: #2A4759;
  font-weight: 700;
}
.news-img a span {
  color: #2A4759;
  font-size: 12px;
  font-weight: 400;
}
.news-img a::before {
  position: absolute;
  content: "";
  background: #D9AD04;
  height: 20px;
  width: 1px;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
.news-btn {
  text-align: center;
  margin-top: 50px;
}
.news-btn a {
  width: 220px;
  height: 60px;
  background: #2A43DB;
  display: inline-block;
  border-radius: 10px;
  line-height: 54px;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 16px;
  border: 2px solid transparent;
  transition: .3s;
}
.news-btn a:hover {
	background: transparent;
	border: 2px solid #2A43DB;
	color: #2A43DB;
}
/*news-area-end*/


/*socail-area-start*/

.socail-area {
  background: #F2F4F5;
  padding: 90px 0;
  padding-bottom: 60px;
}
.socail-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.socail-title h3 {
  font-size: 40px;
  color: #2A4759;
  font-weight: 700;
  margin: 0;
}
.socail-title a {
  font-size: 16px;
  color: #2A43DB;
  font-weight: 600;
  width: 188px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #2A43DB;
  height: 35px;
  padding: 0 10px;
}
.socail-title #dropdownMenuButton i {
	display: none;
}
.socail-title {
  margin-bottom: 40px;
}
.single-socail-box {
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 42px 34px #00000021;
  margin-bottom: 30px;
}
.socail-box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 13px;
  border-bottom: 2px solid#E1EDE5;
}
.socail-box-title-left {
  display: flex;
  align-items: center;
}
.socail-box-title-left img {
  margin-right: 10px;
}

.socail-title-left-text h3 {
  font-size: 20px;
  color: #2A4759;
  font-weight: 500;
  margin: 0;
  line-height: 18px;
}
.socail-title-left-text span {
  color: #627886;
  font-size: 14px;
  line-height: 18px;
}
.socail-text p {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  line-height: 21px;
  margin-bottom: 15px;
}
.socail-text img {
  width: 100%;
}
.socail-text {
  padding-top: 11px;
}
/*socail-area-end*/

/*footer-area-start*/

.footer-area {
  padding: 50px 0;
  background: #2A4759;
}
.footer-fl {
  display: flex;
  justify-content: space-between;
}
.footer-logo {
  margin-bottom: 30px;
}
.footer-text h3 {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 500;
  margin-bottom: 8px;
}
.footer-text p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  opacity: .71;
  margin: 0;
}
.footer-text {
  margin-bottom: 20px;
}
.footer-text a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  opacity: .71;
}
.footer-socail {
  display: flex;
  align-items: center;
}
.footer-socail a {
  margin: 0 10px;
  color: #fff;
  font-size: 20px;
}
.footer-title h3 {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 600;
  margin: 0;
}
.footer-title {
  margin-bottom: 18px;
}
.footer-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-list li {
  margin-bottom: 10px;
}
.footer-list li a {
  color: #FFFFFF;
  font-size: 16px;
  opacity: .71;
}
.footer-wedget {
}
.footer-last .footer-wedget {
  margin-bottom: 40px;
}
.footer-last .footer-wedget:last-child {
  margin: 0;
}
.footer-bottom-area {
  border-top: 1px solid #5E7381;
  background: #2A4759;
  height: 60px;
  display: flex;
  align-items: center;
}
.footer-bottom-fl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-bottom-left {
  display: flex;
  align-items: center;
}
.footer-bottom-left a {
  margin-right: 25px;
  color: #fff;
  font-weight: ;
  font-size: 14px;
  opacity: .71;
}
.footer-bottom-ri a {
  color: #fff;
  font-size: 14px;
  opacity: .71;
}
/*footer-area-end*/

.hero-mid-text.ttv {
	display: none;
}
.logain-wp {
	display: none;
}
.news-slider.owl-carousel.owl-loaded.owl-drag {
	display: none;
}
.social-active.owl-carousel.owl-loaded.owl-drag {
	display: none;
}
.footer-fl.ttyr {
	display: none;
}
.bar {
	display: none;
}
.hub-shape {
	position: absolute;
	right: 13%;
	top: 59px;
}

.want-shape-1 {
	position: absolute;
	top: 37%;
	left: 20%;
}
.want-shape-2 {
	position: absolute;
	right: 25%;
	top: 20%;
}
.news-shapw {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	top: 0;
}


/* ;ogain-page-style-strart */

.logain-hdr {
	display: flex;
	align-items: center;
	justify-content: space-between;
  padding: 25px 0;
}
.logain-hdr a {
	font-size: 33px;
	color: #073446;
}

.logain-pagew-ct span {
  font-size: 20px;
  color: #2A4759;
  line-height: 50px;
}
.logain-pagew-ct h3 {
  font-size: 40px;
  color: #2A4759;
  font-weight: 700;
  margin: 0;
}
.logain-pagew-ct {
  margin-bottom: 40px;
}
.login-page-wrap {
	width: 623px;
	padding-top: 110px;
}
.login-page-wrap {
	width: 623px;
	padding-top: 150px;
}
.login-input input {
  width: 100%;
  height: 60px;
  border: 2px solid #F0C130;
  border-radius: 11px;
  padding-left: 20px;
  padding-right: 175px;
  /* font-size: 18px; */
  font-size: 14px;
  color: #627886;
}
.login-input button {
  width: 170px;
  height: 60px;
  background: #F5C300;
  border: 0;
  border-radius: 0 11px 11px 0px;
  position: absolute;
  right: 0;
  font-size: 18px;
  color: #1D2573;
  font-weight: 600;
}
.login-input {
  position: relative;
  margin-bottom: 130px;
}
.login-input a {
  font-size: 18px;
  color: #073446;
  text-decoration: underline;
  margin-top: 25px;
  display: block;
}


.login-service span {
  font-size: 14px;
  color: #073446;
  font-weight: 700;
  margin-bottom: 15px;
  display: block;
} 
.service-menu ul {
  margin: 0;
  padding: 0;
  line-height: ;
  list-style: none;
}
.service-menu ul li {
  display: inline-block;
  margin-right: 16px;
}
.service-menu ul li a {
  font-size: 14px;
  color: #073446;
}
.login-service p {
  font-size: 14px;
  color: #627886;
  margin-top: 5px;
}

#test2 {
	width: 560px;
	height: 550px;
}
.login-map {
	position: absolute;
	top: 125px;
	right: 0;
}
.map-wp {
	position: relative;
}

/* ;ogain-page-style-end */


.offcanva-menu {
}
.offcanva {
	position: fixed;
	width: 90%;
	height: 100%;
	background: #fff;
	z-index: 999999;
	top: 0;
	transition: .3s;
	left: -100%;
}
.offcanva-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.offcanva-menu ul li a {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  padding: 14px 15px;
  display: block;
  border-bottom: 1px solid #ddd;
}
.cross a {
	font-size: 34px;
	color: #000;
}
.cross {
	position: absolute;
	top: -1px;
	right: 15px;
}
.offcanva-menu {
	padding-top: 70px;
}
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #F5C300;
	z-index: 9999;
	opacity: .3;
	top: 0;
	transition: .3s;
	left: -100%;
}


.hero-mid-text a:after {
  display: none;
}
.dropdown-item {
  color: #000 !important;
  font-size: 16px !important;
}

.social-icon a{
    color: #29A3F0;
}