/*******************************************************
 *
 * Global Page
 *
 *******************************************************/
.main-header {
    padding: 20px 0;
}

#inner-page-wrapper {
    margin-bottom: 0;
}

#inner-page-wrapper>.container {
   width: 100%; 
   padding: 0 25px;   

}

/* areas Section */

/** Main Titlte **/

.title-wrap {
   position: relative; 
   display: block; 
   margin-bottom: 80px;  
   z-index: 2; 
   text-align: center;
}

  .title-widget {
    text-transform:uppercase;
    position: relative;  
    font-weight: 400;
    display: inline-block; 
    font-size: 70px; 
    line-height: 1;  
    font-family: var(--font-family-title); 
    letter-spacing: 0.04em;
  }  


  .title-wrap span {
    display: block;
    font-size: 23px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    font-weight: 300;
    color: #626262;
    margin-bottom: 15px;
     font-family: var(--font-family-default); 
  }

/******/

  a.hp-link {
    margin: 0;
  }
  
  .title-wrap span {
    margin-bottom: 8px;
  }

.canvas-img {
    position: relative;
}

.canvas-img canvas {
    width: 100%;
    height:100%;
    display: block;
}

.canvas-img img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.yoast-breadcrumbs {
  margin: 10px 0; 
  color: #fff;
}

.ip-breadcrumbs {
    padding: 0px 6.25vw;
    position: absolute;
    top: -34px;
    background: rgba(0,0,0,0.6);
    width: 100%;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;  

}

#global-wrap {
     position: relative; 
     display: block; 
     width: 100%;
     padding: 80px 0 100px;
}

   #blog-wrap:before {
    position: absolute;
    width: 100%;
    max-width: 1345px;
    height: 625px;
    background: transparent;
    border: 1px solid #e8e8e8;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto; 
    z-index: -1; 
    border-bottom: 0;

}

.global-img-wrap {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: flex-start; 
     /*flex-flow: row wrap; */
     margin-left: -1px;
     margin-right: -1px; 
     font-size: 0;
     letter-spacing: 0;
}

   .g-img-l {
     width: 426px;
   }

   .g-img-r {
     width: 744px;
   }

   .global-list {
       display:block; 
       width: 100%; 
       padding: 1px;
     }

      .global-list a {
         width: 100%; 
         display: block; 
         margin: 0 auto;
         position: relative; 
         overflow: hidden; 
         pointer-events: none;
      }


.global-list-bttm {
   display: flex;
   justify-content:space-between; 
}

.global-sec {
    position: relative;
    display: block; 
    text-align: center; 
    color: #515151; 
    border-bottom: 1px solid #ccc; 
    padding-bottom: 30px; 
    margin-bottom: 50px;
}
.global-sec.global-sec1 {
   padding: 70px 0 80px;
   border-bottom: none;  
   margin-bottom: 0;
}

 .global-sec span {
    font-size: 32px;  
    font-family: var(--font-family-title); 
    text-transform: uppercase;
    margin-bottom: 40px;  
    display: block;

 }

 .global-sec p {
     font-size: 15px;
     letter-spacing: 0.02em;
     line-height: 29px;
     font-weight: 400;
     color: #595959; 
     display: block;
     margin-top: 40px;  
     margin-bottom: 10px; 
  }


  .global-sec.global-sec1 p {
     font-size: 15px;
     letter-spacing: 0.02em;
     line-height: 29px;
     font-weight: 400;
     color: #595959; 
     display: block;
     margin-top: 20px;  
  }

  ul.gng-list-wrap {
     display: flex;
     justify-content: center;
     align-items: center;

  }

  ul.gng-list-wrap li {
     padding:  10px 0px; 
     text-align: left;
  }

   ul.gng-list-wrap li > strong {
      font-size: 18px; 
      color: #595959;

   }

   ul.gng-list-wrap li:nth-child(1) {
     width: 27%;
   }
   ul.gng-list-wrap li:nth-child(2) {
     width: 20%; 
     padding-left: 70px;
   }


.button-link {
    display: flex;
    justify-content: center; 
    align-items: center;  
    font-size: 0;
    letter-spacing: 0;
}

a.hp-link {
    max-width: 520px;
}

 a.hp-link > span {
    font-size: 24px; 
    font-weight: 400; 
    letter-spacing: normal;  
    margin-bottom: 0; 
    color: #515151;

 }

  ul.gng-info-wrap {
 display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 90px;
    flex-flow: row wrap;


  }

  ul.gng-info-wrap li {
     padding:  30px 0px 20px; 
     text-align: left; 
     width: 33.33%;
  }

   ul.gng-info-wrap li strong {
      font-size: 18px; 
      color: #595959; 
      display: block;
      padding-bottom: 15px;
         font-family: var(--font-family-title); 
    text-transform: uppercase;
   }

    ul.gng-info-wrap li em {
         font-size: 18px;
         font-weight: 300; 
         font-style: normal;
    }


.global-sec4 a.hp-link,
.global-sec5 a.hp-link,
.global-sec6 a.hp-link {
    max-width: 580px;
}
.global-sec7 a.hp-link {
    max-width: 698px;
}

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/


@media only screen and (max-width: 1440px) {


}

@media only screen and (max-width: 1366px) {


}

@media only screen and (max-width: 1280px) {

}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {

.global-wrap .container {
   width: 100%;
}

ul.gng-info-wrap {
    padding: 0 15px;

}

}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {

ul.gng-list-wrap {
    flex-flow: row wrap;
}
ul.gng-list-wrap li:nth-child(1), ul.gng-list-wrap li:nth-child(2) {
    width: 100%;
    padding: 5px 0;
    text-align: center;
}

ul.gng-info-wrap li {
    width: 100%; 
    text-align: center;
}

#inner-page-wrapper>.container { 
   padding: 0;   

}
}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {

a.hp-link > span {
    font-size: 14px;
}

}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {

a.hp-link > span {
    font-size: 10px;
}

#inner-page-wrapper>.container {
    padding: 0px !important;
}


}