/* line 1, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/fades.scss */
.head-wrap3 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#591f06+0,eae19f+100 */
  background: #591f06;
  /* Old browsers */
  background: -moz-linear-gradient(top, #591f06 0%, #eae19f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #591f06 0%, #eae19f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #591f06 0%, #eae19f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#591f06', endColorstr='#eae19f',GradientType=0 );
  /* IE6-9 */ }

/* line 10, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/fades.scss */
.head-wrap {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0419f7+1,87e0fd+100 */
  background: #54c4e4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #54c4e4 0%, rgba(255, 255, 255, 0.33) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #54c4e4 0%, rgba(255, 255, 255, 0.33) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #5599aa, rgba(255, 255, 255, 0.33) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0419f7', endColorstr='rgba(255,255,255, 0',GradientType=0 );
  /* 

    /* IE6-9 */ }

/* line 22, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/fades.scss */
.image-bottom-fade {
  background: #333;
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='rgba(255,255,255, 0',GradientType=0 ); }

/* line 4, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
body {
  margin: 0;
  padding: 0;
  height: 100%; }
  /* line 10, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
  body #content {
    font-family: Hind, Arial, Helvetica;
    background-image: url("images/bg-sand2.jpg");
    height: 100%;
    min-height: 200px; }
    /* line 1, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
    body #content .head-wrap {
      position: relative;
      width: 100%;
      height: 120px;
      overflow: hidden;
      /* background: #95c3e7; */
      background-size: 100% auto;
      background-position: -30% 25%;
      padding-bottom: 70px; }
      @media (min-width: 480px) and (max-width: 639px) {
        /* line 1, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
        body #content .head-wrap {
          height: 100px; } }
      @media (min-width: 640px) and (max-width: 767px) {
        /* line 1, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
        body #content .head-wrap {
          height: 100px; } }
      /* line 20, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
      body #content .head-wrap h2 {
        padding: 0;
        margin: 0; }
      /* line 25, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
      body #content .head-wrap .wave {
        position: relative;
        top: -45px;
        width: 100%;
        z-index: 1; }
        @media (max-width: 479px) {
          /* line 25, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .wave {
            top: 50px;
            width: 133%; } }
        @media (min-width: 480px) and (max-width: 639px) {
          /* line 25, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .wave {
            top: -0px;
            width: 120%; } }
        @media (min-width: 640px) and (max-width: 767px) {
          /* line 25, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .wave {
            top: -0px; } }
      /* line 46, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
      body #content .head-wrap .burger {
        position: absolute;
        width: 50px;
        height: 50px;
        top: 30px;
        left: 30px;
        background-image: url(../images/burger.svg);
        background-repeat: no-repeat;
        cursor: pointer;
        z-index: 9999; }
        @media (max-width: 479px) {
          /* line 46, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .burger {
            left: 20px;
            top: 65px; } }
      /* line 63, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
      body #content .head-wrap .social {
        position: absolute;
        width: 200px;
        height: 50px;
        left: 50%;
        top: 140px;
        margin-left: -100px;
        z-index: 999; }
        @media (min-width: 480px) and (max-width: 639px) {
          /* line 63, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .social {
            top: 120px; } }
        @media (min-width: 640px) and (max-width: 767px) {
          /* line 63, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .social {
            top: 120px; } }
        /* line 83, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
        body #content .head-wrap .social .social-button {
          position: relative; }
          /* line 86, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .social .social-button a {
            display: block;
            width: 45px;
            height: 45px;
            background: url(../images/social.png) no-repeat;
            float: left;
            background-size: 300px;
            margin-right: 5px;
            text-decoration: none; }
          /* line 99, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .social .social-button.fb a {
            background-position: 1px 2px; }
          /* line 105, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .social .social-button.tw a {
            background-position: -50px 2px; }
          /* line 111, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .social .social-button.in a {
            background-position: -102px 2px; }
          /* line 117, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .social .social-button.yt a {
            background-position: -153px 2px; }
      /* line 126, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
      body #content .head-wrap .logo {
        position: absolute;
        width: 45%;
        max-width: 600px;
        height: 40px;
        top: 20px;
        margin-left: -22%;
        left: 50%;
        z-index: 2; }
        @media (max-width: 479px) {
          /* line 126, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .logo {
            width: 240px;
            top: 60px; } }
        @media (min-width: 480px) and (max-width: 639px) {
          /* line 126, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .logo {
            top: 45px;
            width: 340px;
            margin-left: -30%; } }
        @media (min-width: 640px) and (max-width: 767px) {
          /* line 126, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .logo {
            width: 340px;
            top: 15px;
            left: 0;
            margin-left: 100px; } }
        /* line 151, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
        body #content .head-wrap .logo img {
          width: 100%;
          margin-top: -10px;
          z-index: 0; }
      /* line 160, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
      body #content .head-wrap .head-links {
        position: absolute;
        right: 10px;
        top: 0;
        z-index: 2;
        position: absolute;
        z-index: 5; }
        @media (max-width: 479px) {
          /* line 160, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .head-links {
            right: auto;
            left: 0;
            width: 100%;
            top: -10px;
            background: #666;
            height: 60px;
            text-align: center; } }
        /* line 179, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
        body #content .head-wrap .head-links ul {
          list-style: none; }
          /* line 182, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
          body #content .head-wrap .head-links ul li {
            display: inline;
            color: #77cccc; }
            /* line 185, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
            body #content .head-wrap .head-links ul li a {
              text-decoration: none;
              color: #fff;
              font-size: 16px;
              padding: 10px; }
              /* line 190, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/head.scss */
              body #content .head-wrap .head-links ul li a:hover {
                font-weight: 700; }
    /* line 18, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
    body #content .page-wrap {
      width: 100%;
      height: 100%;
      overflow: hidden;
      margin-bottom: 50px; }
      /* line 3, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
      body #content .page-wrap .head-nav {
        width: 100%;
        /* background:rgba(40,40,40,0.75); */
        background: #444;
        overflow: hidden;
        text-align: left;
        z-index: 999;
        position: absolute;
        width: 270px;
        margin-left: -270px;
        -webkit-transition: all .5s ease-in-out;;
        -moz-transition: all .5s ease-in-out;;
        -ms-transition: all .5s ease-in-out;;
        -o-transition: all .5s ease-in-out;;
        transition: all .5s ease-in-out;; }
        @media (max-width: 479px) {
          /* line 3, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
          body #content .page-wrap .head-nav {
            margin-top: -70px; } }
        /* line 19, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
        body #content .page-wrap .head-nav .expand {
          text-align: center;
          right: 0px;
          width: 3.3em;
          height: 50px;
          color: #fff;
          background: #333;
          float: right; }
        /* line 29, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
        body #content .page-wrap .head-nav.menu-shown {
          margin-left: 0px; }
        /* line 33, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
        body #content .page-wrap .head-nav .search-box {
          z-index: 3;
          padding: 10px;
          background: #333; }
          /* line 39, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
          body #content .page-wrap .head-nav .search-box #search-go {
            /* background: url(../images/search-button.png) no-repeat; */
            background-size: 100%;
            width: 40px;
            height: 40px;
            border: none;
            margin-left: 18px;
            cursor: pointer; }
          /* line 49, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
          body #content .page-wrap .head-nav .search-box #search {
            font-size: 16px;
            width: 170px;
            padding: 5px;
            line-height: 24px;
            border: 2px solid #999;
            border-radius: 10px;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcf9f9+1,e6eae3+100 */
            background: #fcf9f9;
            /* Old browsers */
            background: -moz-linear-gradient(top, #fcf9f9 1%, #e6eae3 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #fcf9f9 1%, #e6eae3 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #fcf9f9 1%, #e6eae3 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf9f9', endColorstr='#e6eae3',GradientType=0 );
            /* IE6-9 */ }
        /* line 65, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
        body #content .page-wrap .head-nav ul {
          margin: 0;
          padding: 0px 0px;
          -webkit-transition: all .5s ease-in-out;;
          -moz-transition: all .5s ease-in-out;;
          -ms-transition: all .5s ease-in-out;;
          -o-transition: all .5s ease-in-out;;
          transition: all .5s ease-in-out;; }
          /* line 71, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
          body #content .page-wrap .head-nav ul li {
            font-size: 20px;
            text-indent: 10px;
            -webkit-transition: all .5s ease-in-out;;
            -moz-transition: all .5s ease-in-out;;
            -ms-transition: all .5s ease-in-out;;
            -o-transition: all .5s ease-in-out;;
            transition: all .5s ease-in-out;;
            border-bottom: 1px solid #999; }
            /* line 78, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
            body #content .page-wrap .head-nav ul li a {
              color: #fff;
              padding: 10px 0px;
              text-decoration: none;
              display: block;
              cursor: pointer; }
              /* line 86, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
              body #content .page-wrap .head-nav ul li a:hover {
                background: #000; }
            /* line 92, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
            body #content .page-wrap .head-nav ul li .expand {
              margin-top: -50px; }
              /* line 95, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
              body #content .page-wrap .head-nav ul li .expand img {
                margin: auto;
                margin-top: 12px;
                margin-right: 10px;
                opacity: 0.6;
                -moz-opacity: 0.6;
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: 0.4s;
                -moz-transition: 0.4s;
                -ms-transition: 0.4s;
                -o-transition: 0.4s;
                transition: 0.4s;
                cursor: pointer; }
              /* line 108, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
              body #content .page-wrap .head-nav ul li .expand.open img {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
            /* line 118, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
            body #content .page-wrap .head-nav ul li.open ul li {
              line-height: 32px;
              font-size: 20px;
              max-height: 50px;
              -webkit-transition: all .5s ease-in-out;;
              -moz-transition: all .5s ease-in-out;;
              -ms-transition: all .5s ease-in-out;;
              -o-transition: all .5s ease-in-out;;
              transition: all .5s ease-in-out;;
              border-bottom: 1px solid #999; }
              /* line 130, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
              body #content .page-wrap .head-nav ul li.open ul li:last-child {
                border-bottom: none; }
            /* line 138, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
            body #content .page-wrap .head-nav ul li.level-1 {
              text-indent: 20px;
              background: #666;
              border-bottom: none;
              max-height: 0; }
              /* line 144, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
              body #content .page-wrap .head-nav ul li.level-1 a {
                color: #fff;
                padding: 10px; }
              /* line 150, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
              body #content .page-wrap .head-nav ul li.level-1 .expand {
                margin-top: -52px;
                text-indent: 10px; }
              /* line 157, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
              body #content .page-wrap .head-nav ul li.level-1 ul .level-2 {
                border-bottom: none;
                max-height: 0;
                text-indent: 30px;
                line-height: 0.0000000000001em;
                font-size: 0.0000000000001em;
                background: #ccc; }
                /* line 165, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
                body #content .page-wrap .head-nav ul li.level-1 ul .level-2 a {
                  color: #333; }
                  /* line 167, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
                  body #content .page-wrap .head-nav ul li.level-1 ul .level-2 a:hover {
                    color: #fff;
                    background: #333; }
              /* line 175, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
              body #content .page-wrap .head-nav ul li.level-1.open {
                height: 100%;
                max-height: 1200px; }
                /* line 182, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
                body #content .page-wrap .head-nav ul li.level-1.open ul .level-2 {
                  line-height: 30px;
                  max-height: 50px;
                  border-bottom: 1px solid #999;
                  font-size: 20px; }
            /* line 195, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/nav.scss */
            body #content .page-wrap .head-nav ul li.collapsed {
              max-height: 0;
              line-height: 0.0000000000001em;
              font-size: 0.0000000000001em; }
      /* line 27, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
      body #content .page-wrap .main-wrap {
        padding-top: 0px;
        margin-left: 0px;
        width: 100%;
        -webkit-transition: all .5s ease-in-out;;
        -moz-transition: all .5s ease-in-out;;
        -ms-transition: all .5s ease-in-out;;
        -o-transition: all .5s ease-in-out;;
        transition: all .5s ease-in-out;; }
        /* line 34, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
        body #content .page-wrap .main-wrap.menu-shown {
          margin-left: 270px; }
        /* line 38, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
        body #content .page-wrap .main-wrap .banner {
          position: relative;
          text-align: center;
          /* background:rgba(255,255,255,0.4); */
          margin-top: 0px;
          /* padding-top:50px; */
          padding-bottom: 20px;
          z-index: 100; }
          @media (max-width: 479px) {
            /* line 38, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
            body #content .page-wrap .main-wrap .banner {
              padding: 0; } }
          @media (min-width: 480px) and (max-width: 639px) {
            /* line 38, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
            body #content .page-wrap .main-wrap .banner {
              padding: 0; } }
          @media (min-width: 640px) and (max-width: 767px) {
            /* line 38, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
            body #content .page-wrap .main-wrap .banner {
              padding: 0px; } }
          @media (min-width: 1000px) {
            /* line 38, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
            body #content .page-wrap .main-wrap .banner {
              padding: 10px; } }
          /* line 62, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
          body #content .page-wrap .main-wrap .banner img {
            padding-top: 20px;
            padding-bottom: 10px; }
        /* line 68, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
        body #content .page-wrap .main-wrap .breadcrumb {
          background: #fff;
          height: 50px; }
          /* line 71, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
          body #content .page-wrap .main-wrap .breadcrumb p {
            text-indent: 10px;
            font-weight: bold;
            margin: 0;
            padding: 0;
            padding-top: 10px; }
            /* line 77, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
            body #content .page-wrap .main-wrap .breadcrumb p a {
              color: #446699;
              text-decoration: none; }
        /* line 5, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
        body #content .page-wrap .main-wrap .grid .grid-item {
          width: 23%;
          margin: 1%; }
          @media (max-width: 479px) {
            /* line 5, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item {
              width: 98%; } }
          @media (min-width: 480px) and (max-width: 639px) {
            /* line 5, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item {
              width: 98%; } }
          @media (min-width: 640px) and (max-width: 767px) {
            /* line 5, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item {
              width: 48%; } }
          /* line 21, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item img {
            width: 100%; }
            @media (max-width: 479px) {
              /* line 21, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item img {
                margin: auto; } }
          /* line 29, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item p {
            margin: 0;
            padding: 5px;
            font-size: 1em;
            background: #fff; }
            @media (max-width: 479px) {
              /* line 29, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item p {
                font-size: 14px; } }
          /* line 39, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item .event-item {
            background: #fff;
            padding-bottom: 10px;
            margin-bottom: 5px;
            text-align: center; }
            /* line 45, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item .event-item img {
              max-width: 100%;
              width: 100%; }
              @media (max-width: 479px) {
                /* line 45, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item .event-item img {
                  max-width: 300px; } }
              @media (min-width: 480px) and (max-width: 639px) {
                /* line 45, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item .event-item img {
                  max-width: 300px; } }
            /* line 59, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item .event-item p b {
              font-size: 14px; }
          /* line 65, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item .weather-data {
            background: rgba(255, 255, 255, 0.5); }
            /* line 67, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item .weather-data .chart {
              width: 80%; }
              /* line 69, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item .weather-data .chart img {
                padding: 2% 10%; }
          /* line 75, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item #instapics {
            padding-top: 10px;
            padding-bottom: 10px; }
            @media (max-width: 479px) {
              /* line 75, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item #instapics {
                width: 99%;
                max-width: 300px;
                margin: auto; } }
            @media (min-width: 480px) and (max-width: 639px) {
              /* line 75, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item #instapics {
                width: 99%;
                max-width: 300px;
                margin: auto; } }
            /* line 91, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item #instapics .imDiv {
              width: 33%;
              height: 78px;
              float: left;
              background-size: 125%; }
              @media (max-width: 479px) {
                /* line 91, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item #instapics .imDiv {
                  background-size: 100%;
                  height: 76px;
                  background-position-y: -10px; } }
              /* line 101, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item #instapics .imDiv img {
                width: 100%;
                height: auto; }
          /* line 111, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item .read-more a {
            /* border:1px solid #fff;
                border-radius:5px; */
            background-image: url("../images/more-icon1.png");
            background-repeat: no-repeat;
            background-size: 80%;
            padding: 0px 5px;
            position: absolute;
            right: 10px;
            bottom: 5px;
            text-decoration: none;
            color: #fff;
            font-size: 3em;
            line-height: 1em;
            display: block; }
            @media (max-width: 479px) {
              /* line 111, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item .read-more a {
                /* background:#666; */
                right: 15px; } }
          /* line 136, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item.inside .featured-item {
            background: #fff;
            width: 98%; }
            /* line 140, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item.inside .featured-item p {
              margin-right: 50px; }
            /* line 147, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item.inside .featured-item .read-more {
              position: relative;
              float: right;
              right: 0px;
              margin: auto;
              margin-top: 70px; }
          /* line 161, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item .generic {
            width: 101%; }
            /* line 164, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item .generic .featured-item p {
              /* width:98%; */
              font-size: 14px; }
              @media (max-width: 479px) {
                /* line 164, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item .generic .featured-item p {
                  /* width:96%; */ } }
            @media (min-width: 640px) and (max-width: 767px) {
              /* line 171, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item .generic .featured-item:nth-child(4) {
                display: none; } }
          /* line 182, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item .text-over p {
            background: none;
            font-weight: 400;
            color: #fff;
            font-size: 1.2em;
            line-height: 22px;
            margin: 0px 10px;
            padding-top: 10px; }
          /* line 194, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item h3 {
            margin: 0;
            /* padding: 0; */
            font-size: 22px;
            /* background: #acd; */
            text-indent: 5px;
            /* position: absolute; */
            /* bottom: 9px; */
            height: 40px;
            line-height: 40px;
            width: 100%;
            color: #fff;
            text-shadow: 1px 1px 2px #222;
            border-bottom: 2px solid rgba(255, 255, 255, 0.7);
            /* color: #446682;                            
             text-shadow: 1px 1px 2px #eee; */
            /* margin-bottom: 5px; */
            /* background: rgba(255,255,255,1);
             border-bottom: 5px solid #446682; */
            background-image: url("../images/head_wave.svg");
            background-size: 150%;
            background-position: -57px -30px;
            background-color: rgba(112, 178, 200, 0.7); }
          /* line 221, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item h5 {
            position: absolute;
            margin: 0;
            padding: 0;
            font-size: 1.2em;
            text-indent: 7px;
            margin-top: 7px; }
          /* line 231, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item span.more {
            position: absolute;
            right: 10px;
            bottom: 5px; }
            /* line 235, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item span.more a {
              text-decoration: none;
              font-weight: bold;
              color: #287088;
              font-size: 13px;
              line-height: 15px;
              display: block; }
          /* line 245, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item .featured-item {
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            float: left;
            margin-bottom: 10px;
            width: 100%; }
            /* line 251, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item .featured-item img {
              width: 75px;
              float: left;
              margin-right: 5px; }
            /* line 257, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item .featured-item p {
              font-size: 1em;
              line-height: 20px;
              float: left;
              /* width:100%; */ }
              @media (max-width: 479px) {
                /* line 257, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item .featured-item p {
                  font-size: 14px; } }
            /* line 268, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item .featured-item h4 {
              margin: 0;
              padding: 0;
              font-size: 14px;
              line-height: 14px; }
          /* line 276, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 {
            width: 48%;
            margin: 1%; }
            @media (max-width: 479px) {
              /* line 276, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 {
                width: 98%; } }
            @media (min-width: 480px) and (max-width: 639px) {
              /* line 276, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 {
                width: 98%; } }
            /* line 290, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 p {
              margin-top: -10px;
              padding: 10px;
              padding-right: 50px;
              font-size: 1em; }
            /* line 301, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 .featured-item {
              /* width:100%; */
              /* image datebox */ }
              /* line 303, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 .featured-item:nth-child(3) {
                margin-top: -30px; }
              @media (min-width: 1000px) {
                /* line 301, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 .featured-item {
                  background: #fff; }
                  /* line 310, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                  body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 .featured-item:nth-child(3) {
                    margin-top: 0px; } }
              /* line 316, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 .featured-item img {
                width: 100%; }
                @media (min-width: 1000px) {
                  /* line 316, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                  body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 .featured-item img {
                    width: 60%; } }
              @media (min-width: 1000px) {
                /* line 325, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 .featured-item .read-more {
                  position: absolute;
                  top: 220px;
                  padding-left: 40px; } }
              /* line 339, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 .featured-item .image-bottom-fade {
                width: 100%;
                position: relative;
                height: 120px;
                bottom: 0px;
                z-index: 9999;
                margin-top: 40%; }
                @media (min-width: 480px) and (max-width: 639px) {
                  /* line 339, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                  body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 .featured-item .image-bottom-fade {
                    margin-top: 47%; } }
                @media (min-width: 1000px) {
                  /* line 339, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                  body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 .featured-item .image-bottom-fade {
                    background: none;
                    margin-top: 0;
                    width: 40%;
                    margin-left: 61%; } }
                /* line 358, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 .featured-item .image-bottom-fade p {
                  margin-top: 0;
                  position: relative;
                  bottom: 40px;
                  background: none;
                  color: #fff; }
                  @media (min-width: 1000px) {
                    /* line 358, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                    body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width2 .featured-item .image-bottom-fade p {
                      color: #000;
                      top: auto;
                      bottom: auto;
                      font-size: 20px;
                      margin-top: 20px; } }
          /* line 377, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
          body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 {
            width: 98%;
            margin: 1%; }
            /* line 380, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 h2 {
              position: absolute;
              color: #fff;
              font-size: 4em;
              line-height: 1em;
              /* font-family:Shrikhand, Arial, Helvetica; */
              font-family: 'Fjalla One', sans-serif;
              font-weight: 700;
              text-align: left;
              text-shadow: 5px 5px 5px #333;
              float: left;
              width: 50%;
              left: 15px;
              margin: 10px;
              padding: 0;
              top: 15px; }
              @media (max-width: 479px) {
                /* line 380, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 h2 {
                  font-size: 2em;
                  width: 90%;
                  left: 0px; } }
              @media (min-width: 480px) and (max-width: 639px) {
                /* line 380, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 h2 {
                  font-size: 3em;
                  width: 90%;
                  left: 0px; } }
              @media (min-width: 640px) and (max-width: 767px) {
                /* line 380, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 h2 {
                  font-size: 3em;
                  width: 90%;
                  left: 0px; } }
            /* line 415, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .image-datebox {
              margin-top: 6em; }
              @media (min-width: 480px) and (max-width: 639px) {
                /* line 415, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .image-datebox {
                  margin-top: 8em; } }
              @media (min-width: 768px) and (max-width: 999px) {
                /* line 415, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .image-datebox {
                  margin-left: 25px;
                  margin-top: 11em; } }
              @media (min-width: 1000px) {
                /* line 415, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .image-datebox {
                  margin-top: 11em;
                  margin-left: 25px; } }
            /* line 433, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
            body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .text-over {
              position: absolute;
              bottom: 0px;
              width: 100%;
              /* background:rgba(0,0,0,0.5); */
              padding-bottom: 0px;
              font-size: 1em; }
              @media (max-width: 479px) {
                /* line 433, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .text-over {
                  /* background:none; */ } }
              @media (min-width: 1000px) {
                /* line 433, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .text-over {
                  bottom: auto;
                  margin-top: 16em;
                  background: rgba(0, 0, 0, 0.3);
                  width: 500px;
                  margin-left: 20px;
                  padding: 10px; } }
              @media (max-width: 479px) {
                /* line 453, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .text-over p {
                  padding-top: 30px;
                  font-size: 1em;
                  margin: 0px 60px 10px 10px;
                  text-shadow: #000 2px 2px 2px; }
                  /* line 459, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                  body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .text-over p b {
                    padding: 2px 5px;
                    background: #666;
                    position: absolute;
                    text-shadow: none; } }
              @media (min-width: 480px) and (max-width: 639px) {
                /* line 453, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .text-over p {
                  font-size: 1em;
                  margin: 0px 60px 20px 10px; } }
              @media (min-width: 640px) and (max-width: 767px) {
                /* line 453, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .text-over p {
                  font-size: 1em;
                  width: 70%;
                  margin: 0px 60px 20px 10px; } }
              /* line 483, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
              body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .text-over .icon-camera {
                display: none;
                background-image: url(../images/icon-camera.png);
                background-repeat: no-repeat;
                position: absolute;
                width: 40px;
                height: 30px;
                background-size: 100%;
                top: 10px;
                right: 10px; }
                @media (max-width: 479px) {
                  /* line 483, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/home.scss */
                  body #content .page-wrap .main-wrap .grid .grid-item.grid-item--width4 .text-over .icon-camera {
                    width: 30px;
                    margin-top: 5px;
                    right: 15px; } }
  /* line 1, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/foot.scss */
  body .foot-wrap {
    position: relative;
    width: 100%;
    bottom: 0;
    /* background-color: bisque; */
    background-image: url("../images/bg-sand2.jpg"); }
    /* line 10, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/foot.scss */
    body .foot-wrap .bottom-wave img {
      margin-bottom: -10px; }
    /* line 15, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/foot.scss */
    body .foot-wrap .foot-links {
      position: absolute;
      bottom: 0px;
      width: 100%;
      height: 100px;
      z-index: 2;
      text-align: center; }
      /* line 23, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/foot.scss */
      body .foot-wrap .foot-links ul {
        margin: auto;
        list-style: none; }
        /* line 26, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/foot.scss */
        body .foot-wrap .foot-links ul li {
          display: inline;
          color: #669; }
          /* line 29, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/foot.scss */
          body .foot-wrap .foot-links ul li a {
            color: #336;
            padding: 10px;
            font-weight: 400;
            font-size: 16px;
            text-decoration: none; }
            /* line 35, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/foot.scss */
            body .foot-wrap .foot-links ul li a:hover {
              font-weight: 900; }

/* line 94, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
.clear {
  clear: both; }

/* line 99, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
.image-datebox {
  width: 60px;
  text-align: center;
  position: absolute;
  margin: 10px;
  box-shadow: #444 3px 3px 10px; }
  @media (min-width: 480px) and (max-width: 639px) {
    /* line 99, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
    .image-datebox {
      margin: 15px; } }
  /* line 110, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
  .image-datebox p {
    color: #fff;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 20px;
    background: #3a9ce7  !important;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 22px !important; }
  /* line 125, D:/xampp/htdocs/web/surfsouthoz2017/v5/css/main.scss */
  .image-datebox h5 {
    color: #333;
    background: #fff;
    margin: 0 !important;
    margin-top: 40px;
    width: 100%;
    padding: 0;
    text-align: center;
    text-indent: -2px !important;
    font-weight: 900;
    display: block;
    box-shadow: #444 3px 3px 10px;
    font-size: 20px;
    line-height: 30px; }

/*# sourceMappingURL=main.css.map */