body {
	font-family: 'Open Sans', sans-serif !important;
    color: #222;
}

.navbar-shrink{
    padding-top: 0;
    padding-bottom: 0;
}
.mybg-dark {
    background: #000000 !important;
}

header.masthead {
    position: relative;
    height: 160vh;
    background:  url("../images/montanas1.jpg")  no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 4rem;
    padding-bottom: 8rem;
}

header.masthead .overlay{position:absolute;background-color:#212529;height:100%;width:100%;top:0;left:0;opacity:.3}


.logo{
    width : 20%;
}


span.bg-main {
    color: #008ba3;
  }
.testimonials{
      padding-top:2rem;
      padding-bottom:5rem;
      
  }
.h-262 {
      height: 262px !important;
  }
  
h3.title-heading.text-center {
      color: #fff;
      font-weight: bold;
  }

  .text-block {
    min-height: 228px;
    height: auto;
    background: #fff;
    opacity: 0.8;
    padding: 15px;
}
  .card:hover {
      color: #222 !important;
      box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
  }
  
  .card-block {
      font-size: 1em;
      position: relative;
      margin: 0;
      padding: 1em;
      border: none !important;
      border-top: 1px solid rgba(34, 36, 38, .1);
      box-shadow: none;
  }
  
  .card-img-top {
      display: block;
      width: 100%;
      height: auto;
  }
  
  .card-title {
      font-size: 1.28571429em;
      font-weight: 700;
      line-height: 1.2857em;
  }
  
  .card-text {
      clear: both;
      margin-top: .5em;
      color: rgba(0, 0, 0, .68);
  }
  
  .card-footer {
      font-size: 1em;
      position: static;
      top: 0;
      left: 0;
      max-width: 100%;
      padding: .75em 1em;
      color: rgba(0, 0, 0, .4);
      border-top: 1px solid rgba(0, 0, 0, .05) !important;
      background: #fff;
  }
  
  .card-inverse .btn {
      border: 1px solid rgba(0, 0, 0, .05);
  }
  
  
  
  /*sidebar navigation*/
  .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      right: 0;
      background-color: #111;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
  }
  
  .sidenav a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 25px;
      color: #818181;
      display: block;
      transition: 0.3s;
  }
  
  .sidenav a:hover {
      color: #f1f1f1;
  }
  
  .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 0px;
      font-size: 36px;
      margin-right: 15px;
  }
  #main {display: none;}
  #main {
      float: right;
      transition: margin-right .5s;
      
  }
  a.openNav {
      font-size: 26px;
      color: #ffffff;
      text-decoration: none;
  }
  .sidenav .nav-link {
      font-size: 13px;
      font-weight: bold;
  }
  .mob-ul {
      list-style-type: none;
      padding-left: 0;
  }
  .sidenav li{
      padding: 0 3px !important;
      position: relative;
  }
  .sidenav li a {
      padding: 10px 15px;
      text-transform: uppercase;
  }
  .sidenav ul li:hover .nav-link {
      color: #008ba3;
  }
  
  li.nav-item a:hover {
      background: #008ba3;
      color: #ffffff !important;
  }
  
  
  
  .floating-arrow {
      -webkit-animation: floating-arrow 1.6s infinite ease-in-out 0s;
      -o-animation: floating-arrow 1.6s infinite ease-in-out 0s;
      animation: floating-arrow 1.6s infinite ease-in-out 0s;
  }
  
  @keyframes floating-arrow {
      from {
          -webkit-transform: translateY(0);
          transform: translateY(0);
      }
      65% {
          -webkit-transform: translateY(11px);
          transform: translateY(11px);
      }
      to {
          -webkit-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  footer.footer{padding-top:4rem;padding-bottom:4rem}
  
  li.list-inline-item a {
      color: #fff;
      text-decoration: none;
  }
  
  
  /*-------------------responsive-----------------*/
  
  @media screen and (max-width: 520px) {
      ::placeholder {
          font-size: 10px;
      }
      .scroll-down {
          position: absolute;
          left: 50%;
          transform: translate(-50%, -50%);
          top: 45px;
      }
      
      .text-block {
          padding: 15px;
      }
      .linear-grid img {
          width: 100%;
          height: 181px;
      }
      .my-grid img {
          width: 100%;
      }
     
     
  }
  @media screen and (max-width: 767px) {
      .btn-login{
         width:100%; 
      }
      .btn-register {
           width:100%; 
      }
  }
  
  
  
  @media only screen and (min-width:2560px){}
  @media only screen and (min-width:1600px) and (max-width:1920px){

  }
  @media only screen and (min-width:1440px){
  }
  @media only screen and (max-width: 1280px){
      
  }
  @media only screen and (max-width: 1024px){
      
      .mob-ul{list-style-type: none; padding-left: 0;}
      h5.events-heading{font-size:15px;}
      p.myp-font{font-size:13px;}
  }
  @media only screen and (min-width: 960px) and (max-width: 1023px) {
      
      .mob-ul{list-style-type: none; padding-left: 0;}
  }
  
  @media only screen and (min-width: 768px) and (max-width: 959px) {
  
      #main {display: block;}
      .header-wrap .navbar .nav-link {color: #fff;}
      .mob-ul{list-style-type: none; padding-left: 0;}
      .header-wrap .sub-menu {width: 250px;}
  
  }
  
  @media only screen and (max-width:736px) and (orientation:landscape){
      
      #main {display: block;}
      .header-wrap .navbar .nav-link {color: #fff;}
      .mob-ul{list-style-type: none; padding-left: 0;}
      .header-wrap .sub-menu {width: 250px;}
  }
  @media only screen and (max-width:667px) and (orientation:landscape){
    header.masthead {
        height: 280vh;
    }  

      #main {display: block;}
      .header-wrap .navbar .nav-link {color: #fff;}
      .mob-ul{list-style-type: none; padding-left: 0;}
      .header-wrap .sub-menu {width: 250px;}
  }
  @media only screen and (max-width:568px) and (orientation:landscape){
    header.masthead {
        height: 280vh;
    }
      #main {display: block;}
      .header-wrap .navbar .nav-link {color: #fff;}
      .mob-ul{list-style-type: none; padding-left: 0;}
      .header-wrap .sub-menu {width: 250px;}
  }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
      h5.events-heading {
      font-size: 20px;
  }
  p.myp-font {
      font-size: 15px;
  }
      
      #main {display: block;}
      .header-wrap .navbar .nav-link {color: #fff;}
      .mob-ul{list-style-type: none; padding-left: 0;}
      .header-wrap .sub-menu {width: 250px;}	
      .box img {height: 100%;}
  }
  @media only screen and (min-width: 480px) and (max-width: 599px) {
      .inner-section h3 {
          font-size: 18px;
      }
      h5.events-heading{font-size:15px;}
      .inner-section p {
      font-size: 13px;
      text-align: justify;
      }
      section#marketplace img {
       object-fit: cover;
      }
  
      #main {display: block;}
      .header-wrap .navbar .nav-link {color: #fff;}
      .mob-ul{list-style-type: none; padding-left: 0;}
      .header-wrap .sub-menu {width: 250px;}
      .box img {height: 100%;}
  }
  @media only screen and (min-width: 321px) and (max-width: 479px) {
      .inner-section h3 {
          font-size: 18px;
      }
      h5.events-heading{font-size:15px;}
      .inner-section p {
      font-size: 13px;
      text-align: justify;
      }
      section#marketplace img {
       object-fit: cover;
      }
      
      #main {display: block;}
      .header-wrap .navbar .nav-link {color: #fff;}
      .mob-ul{list-style-type: none; padding-left: 0;}
      .header-wrap .sub-menu {width: 250px;}	
      .box img {height: 100%;}
  }
  @media only screen and (max-width:568px) and (orientation:landscape){
      
      #main {display: block;}
      .header-wrap .navbar .nav-link {color: #fff;}
      .mob-ul{list-style-type: none; padding-left: 0;}
      .header-wrap .sub-menu {width: 250px;}
      .box img {height: 100%;}
  }

  @media only screen and (max-width: 425px)  {
    .inner-section h3 {
        font-size: 18px;
    }
    header.masthead {
        height: 230vh;
    }

    h5.events-heading{font-size:15px;}
    .inner-section p {
    font-size: 13px;
    text-align: justify;
    }
    section#marketplace img {
     object-fit: cover;
    }
	
	#main {display: block;}
	.header-wrap .navbar .nav-link {color: #fff;}
	.mob-ul{list-style-type: none; padding-left: 0;}
	.header-wrap .sub-menu {width: 250px;}	
	.box img {height: 100%;}
}

  @media only screen and (max-width: 320px) {
       .inner-section h3 {
          font-size: 18px;
      }
      h5.events-heading{font-size:15px;}
      .inner-section p {
      font-size: 13px;
      text-align: justify;
      }
      section#marketplace img {
       object-fit: cover;
      }
      #main {display: block;}
      .header-wrap .navbar .nav-link {color: #fff;}
      .mob-ul{list-style-type: none; padding-left: 0;}
      .header-wrap .sub-menu {width: 250px;}
      .box img {height: 100%;}
  }