/**
* Template Name:   
* Author: ysasamoto 
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
  .page-title-area
{
 display: none !important;
     
}
#page {
   max-width: 100% !important;
    padding-top: 0px !important;
    border-top: 0 !important;
    margin-top:  0 !important;

}
#region-main {
    overflow-x: visible !important;
 
}#region-main-box .col-lg-12 {
    padding-right: 0px !important;
    padding-left: 0px !important;
 
}

section.inner_page_breadcrumb, section.footer_middle_area, section.footer_bottom_area, section.footer_one
{
  display: none;
}
body {
    font-family: 'Open Sans' !important;
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 60vh;
  background: url("../img/hero-bg.jpg") center center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}

#hero:before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 83.33%, #000000 100%);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .container {
  z-index: 2;
}

#hero .global
{
  margin-left: 6% ;
}

#hero p {
	color: #fff;
    font-weight: 300;
	line-height: initial;
    font-size: 18px !important;
}
#hero h1 {
 margin: 0 0 10px 0;
     
    font-weight: bold;
    color: #fff;
    font-family: 'Open Sans';
    letter-spacing: 6px;
}


#hero h1 span {
  border-bottom: 4px solid #3498db;
}

#hero h2 {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 30px;
  font-size: 24px;
}

#hero-2 {
width: 100%;
    height: 60vh;
    background: url(../img/map.png) right center;
    background-size: 60%;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 0px;
    padding: 0;
}
#requirements {
width: 100%;
    
    background:#eff1f4;
    position: relative;
    margin-top: 0px;
    padding: 0;
}#hero-4 a {
    border-radius: 4px;
    color: #fff;
    background: #21225f;
	padding: 10px;
	display: inline-block;
    width: 150px;
    text-align: center;
}
#hero-4{
  width: 100%;
 
  background: url("../img/vectors.png") center center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}

input[type='checkbox']{
  /* width: 15px !important;
  height: 15px !important; */
  border-color: #002552 !important;
}
label{
	font-size: 14.2769px !important;
	margin: 0px 15px;
	color: #002552 !important;
}
label:hover{
	color: #002552 !important;

}
#side-menu{
	margin: 10px !important;
}
.member{
	background-color: #b0bac9 !important;
	margin-top: 50px !important;
	margin-bottom: 70px !important;
}
.member-icon{
	height: 15px;
	width: 15px;
}
.member-icon-2{
	height: 15px;
	width: 15px;
}
.img-margin{
	margin: 30px 80px !important;
}
.btn-readmore{
	background-color: #002552 !important;
	border-radius: 5px;
	width: 120px;
	/* height: 25px; */
	font-style: normal;
	font-weight: 400;
	font-size: 13.5px;
	text-align: center;
	padding: 0px;
	color: #fff !important;	
}
a.btn-readmore:hover{
	color: #FFFFFF !important;	
}
.work-detail{
	font-size: 16px !important;
	line-height: 30px !important;
}
#fullname{
	font-weight: 700;
	font-size: 24px;
	line-height: 20px;
	margin-right: 50px;
}
.membership h5  {
   color: #d2a12a;
    
	 font-size: 16px;
} .text-h {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1.3;
}.remove-pad-l {
    padding-left:0px;
	display: flex;
}.remove-pad-r {
     padding-right:0px;
	 display: flex;
}.remove-lr {
	display: flex !important;
    flex-wrap: wrap !important;
 margin-right: -30px !important;
    margin-left: -30px !important;
	
}

.membership-item {
  box-sizing: content-box;
  padding: 30px 30px 0 30px;
  margin: 30px 15px;
  text-align: center;
  min-height: 350px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  background: #fff;
}

p,h1,h2,h3,h4,h5,h6 {
font-family: 'Open Sans';
}

p.let {
    font-family: 'Open Sans';
    font-size: 1.5rem;
    line-height: 1.5;
    color: #002552;
}

.how-renew {
    font-family: 'Open Sans';
    font-size: 2.5rem;
}

.c-1-2-3
{
    font-family: 'Open Sans';
    font-size: 1rem !important;
}

p {
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 24px;
    color: #002552;
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
 .info-wrap {
  padding: 30px;
  background: #fff;
  border-radius: 4px;
}

  .info span {
	font-size: 20px;
    border: solid 1px;
    float: left;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
	  background: #002552;
  color: #fff;
    border: none;
}

.mute{
	color:#9da2a9;
}

  .info p {
  padding: 0 0 0 60px;
  margin-bottom: 0;
  font-size: 14px;
  color: #002552;
   
}

  .info:hover span {
  background: #002552;
  color: #fff;
    border: none;
}
.benefits {
  list-style: none;
  font-family: 'Open Sans';
    font-size: 16px;
    line-height: 24px;
    color: #002552;
	padding: 0 0 0 13px;
}

.benefits li:before {
  content: '✓ ';
}
.benefits li {
      padding: 0 0 10px 0;
	  text-indent: -1em;
}

.div-photo
{
  width: 240px; 
  height: 240px; 
  background-image: url('../../images/photo-bg.png');
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  padding: 15px;
}

.photo
{
  border-radius: 50%;
  background-color: transparent;
  overflow: hidden;
  width: 210px;
  height: 210px;
}

@media (max-width: 575.98px) {
span.mid {
    margin-top: 16px !important;
}
 h1 {
 
    font-size:2rem !important;
 
}

.info span {
     
       margin-left: 10px;
}

.info p {
    padding: 5px 20px 10px 70px !important;
    margin-bottom: 0 !important;
    
     
}
 .m-con{
	 width: 85% !important;
 }#hero{
	 height: 37.2vh !important;
 }#hero-2 {
	   height: auto;
 }
 p.let {
	  font-size: 1.3rem !important;
    
}
 #hero p {
    
    font-size: 1.3rem !important;
    text-align: left !important;
}

#hero h1 {
   padding-bottom: 0px  !important;
    letter-spacing: 0px !important;
    text-align: left  !important;
}
#hero .global{
	
	margin-left:0px !important;
}
}
 
@media (min-width: 576px) and (max-width: 767.98px) {
	
 h1 {
 
    font-size:2rem !important;
 
}.info span {
     
    margin: 0px 0px 10px 10px !important;
}.m-con{
	 width: 85% !important;
 }
 .pl-6, .px-6 {
    padding-left: 0rem!important;
}

 }
 
@media (min-width: 768px) and (max-width: 991.98px) { 
.info p {
     padding: 0 0 0 70px !important;
    margin-top: 10px !important;
}

 h1 {
 
    font-size:3rem !important;
 
}.info span {
     
    margin: 0px 0px 10px 10px !important;
}.m-con{
	 width: 85% !important;
 }
} 
@media (min-width: 992px) and (max-width: 1199.98px) { 

 h1 {
 
    font-size:4rem !important;
 
}

.desc-mem {
 
    max-height: 330px !important;
    height: 100% !important;
 
}
}

@media (min-width: 1200px) {

.desc-mem {
 
    max-height: 220px !important;
    height: 100% !important;
 
}	h1 {
 
    font-size:5rem !important;
 
} }