/*body
    {
        background-image:  url(./images/walkMapper_bg.png);
        background-repeat:no-repeat;
         background-position:center top;


    }*/
    /* body
    {
        background-image:  url('../web/images/walkMapper_bg.jpg') !important;
        background-image:  url('http://walkmapper-admin.chekpeds.com/images/walkMapper_bg.jpg') !important;
        background-repeat:no-repeat; 
        background-size: cover;
        color: #fff !important;
            
    }*/
    .navbar-inverse {
    /*background-color: #244c22;
    border-color: #244c22;*/
    background-color: #357a46;
    border-color: #357a46;
   /* background-color: transparent !important;
    border: transparent !important;*/
    
}
.navbar{
  border:none !important;
}
/***************homepage*********************/
.wrap
    {
      padding-bottom: 0;
    }
     
    .wrap > .container
    {
       
       padding :70px 0 0 0;
       margin :0;
       min-width: 100%;
       
    }
     
    .footer 
    {
      display:none;
    }

    .walk_container{
          display: flex;
          overflow:hidden;
          max-height: calc(100vh - 70px);


    }
    .left_col{
          flex: 0 0 250px;
          max-width: 250px;
          padding-left: 0;
          padding-bottom: 0;
          padding-right: 0;
    }
    .right_col .img-wrapper{
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; 
          min-height: 100%;
          height: 100%;
          position:relative;
    }
    .right_col{
          flex: 0 0 calc(100% - 250px);
          max-width: calc(100% - 250px);
          max-height: 100%;
          padding:0;
    }
     
    .img-item img{
         /* height: 100%;*/
          max-width: 100%;
    }
    .img-item .bottom-txt .ic-check{
          position: absolute;
          right: -40px;
          height: 80px;
          width: 80px;  
          bottom: 0px;
          z-index:1;
    }
    .img-item .bottom-txt p{
          padding: 25px 0px 12px 0px;
          margin: 0;
          color: yellow;
          text-align: right;
          font-size: 14px;
          position: relative;
          z-index: 10;
    }
    .img-item .bottom-txt{
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-repeat-y: no-repeat;
          background-size: contain;
          background-position: bottom;
          background-repeat-x: repeat;
          background-image: url('https://walkmapper.org/images/shade.png'); 
           
    }
    .img-item{
          max-height: calc(33vh - 20px);
         /* height: 100%;*/
          position: relative;
    }
    .txt-wrapper{
          position: absolute;
          left: 0;
          right: 0;
          top: 140px;
          width: 100%;
          margin-left: auto;
          margin-top:0;
          text-align: center;
          z-index: 2;
    }
    .txt-wrapper .txt-logo{
          max-width: 400px;
          width: 100%;
          margin-bottom: -70px;
    }
    .logo-wrapper{
          max-width: calc(100% - 250px);
          margin-left: auto;
          display: block;
    }
    /*.txt-title
    {
      z-index:1;
      position: absolute;
    }*/
    .txt-wrapper h2{
          font-size: 60px;
          color: yellow;
          max-width: calc(100% - 160px);
          margin-left: auto;
          margin-top: 0;
          position: relative;
         font-weight: 400;
          line-height: 0.7;
          padding: 20px 15px 30px;
          padding-left: 140px;
    }
    .txt-wrapper h2:after,
    .txt-wrapper h2:before{
          content: '';
          position: absolute;
          background-image: url(https://walkmapper.org/images/img_line.png);
          height: 8px;
          width: 100%;
          left: 0; 
          right: 0; 
          background-position: center;
          background-size: contain;
          background-repeat: no-repeat;
          
    }
    .txt-wrapper h2:after{
          bottom: 0;
    }
    .txt-wrapper h2:before{
          top: 0;
    }
    .bottom-txt{
          position: fixed;
          bottom: 30px;
          left: 10%;
          right: 0;
          text-align: center;
          padding: 0 12px 0 5px;
    }
    .bottom-txt .btn-wrapper{
          display: flex;
          align-items: center;
          margin: 0 -15px;
          justify-content: center;
    }
    .bottom-txt .btn-wrapper a{
          max-width: 170px;
          height: 55px;
          margin: 0 15px 15px; 
          width: 100%;
    }
    .bottom-txt .btn-wrapper a img{
          width: 100%;
          height: 100%;
    }
    .bottom-txt p{
          color: #ffffff;
          font-size: 18px;
          padding: 0;
          margin: 0;
          /*line-height: 1;*/
    }
    .left-logo{
          position: absolute;
          left: 25px;
          top: 25px;
          width: 88px;
          height: 112px;
          display: inline-block;
          
    }
    .left-logo img{
          width: 80px;
          height: 100px



    }


























 .homepage-content
    {
        display:flex; 
        flex-wrap:  wrap;
        justify-content: center; 
        align-items: center;
        align-content: center;
        text-align: center;
        margin-top: 150px;
        
    } 
    .homepage-content h1
    {
        font-size: 50px;
        font-weight: 400; 
        margin:1em 0 2em 0;
    }
    
     .download-button
    {
         display:  inline-flex;
         flex:wrap;
         flex-direction: row;
         justify-content: space-around;
    }
    .download-button a
    { 
        margin-left: 20px;  
        cursor: pointer; 
    }
   
    .download-button a img
    {
        width:100%;
        height: auto;
    }
  @media screen and (max-width:765px)
  {
  	.download-button
  	{
  		flex-direction: column; 
  	}
  	.download-button a
	{ 
    margin-left: 20px;  
    margin-bottom: 20px;
		 }
  }
/*********** footer ***************/
 /*** new home page ****************/
 /*body{
      background-image: url(https://walkmapper.org/images/Walk_mapper_Bg.jpg);
      background-size: cover;
    }*/
    .center
    {
      position: absolute;
      top:50%;
      z-index: 10;
      min-width: 90%;
      margin-left: auto;
      transform: translateY(-50%);
    }
    .center .line

    {
      height: 10px;
      
      background-color: yellow;
      
    }
    .img-wrapper  .section-bottom
    {
      position:absolute; 
      bottom:0%;
      min-width:100%;
      display:flex;
      flex-flow: column;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;

    }
    .img-wrapper  .section-bottom .download-button
    {
       
      display:inline-flex;  

    }
    .img-wrapper  .section-bottom p
    {
      color:#fff;
      margin:10px 0px 20px 0px;
      font-size: 16px;
    }
     
    
     .wrap
    {
      padding-bottom: 0;
    }
     
    .wrap > .container
    {
       
       padding :70px 0 0 0;
       margin :0;
       min-width: 100%;
       
    }
     
    .footer 
    {
      display:none;
    }
    .left_col{
          
          padding-left: 0;
          padding-bottom: 0;
          padding-right: 0;
    }
    .right_col{
           
          padding:0;
    }