html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ul {
  list-style-type: none; }

/*GENERAL STYLES*/
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

::selection {
  background: #ec393f;
  color: #fff; }

::-moz-selection {
  background: #ec393f;
  color: #fff; }

body {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  background: #ECF8FD;
  background: url(../../images/bg.jpg); }

h1 {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 40px;
  margin-bottom: 20px; }

h3 {
  font-size: 28px;
  color: #333a3e;
  font-weight: 300; }
  @media screen and (max-width: 768px) {
    h3 {
      font-size: 21px; } }

h4 {
  font-size: 24px;
  font-weight: 300; }

h2, h3, h4 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

#main p, #main ul {
  line-height: 200%;
  color: #333a3e; }

#main ul {
  list-style-type: square;
  margin-left: 40px; }

p a, p a:visited, h3 a, h3 a:visited {
  color: #333a3e;
  text-decoration: none;
  padding: 0 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

p a:hover, h3 a:hover {
  color: #fff;
  background: #ec393f;
  padding: 0 5px; }

h3 ~ h3 {
  margin-top: 40px;
  margin-bottom: 20px; }

p + p {
  margin-top: 40px; }

p.testimonial span {
  font-weight: bold; }

.container {
  width: 960px;
  margin: 0 auto;
  padding: 0 2%; }
  @media screen and (max-width: 960px) {
    .container {
      width: 100%; } }

.body-container {
  background: #fff;
  padding-bottom: 80px;
  border-right: 1px solid #DCE9F5;
  border-left: 1px solid #DCE9F5; }

/*HEADER STYLES*/
#header {
  background: #051721;
  color: #fff;
  position: relative; }
  #header .container {
    height: 170px;
    padding: 10px 20px; }
    @media screen and (max-width: 768px) {
      #header .container {
        height: 150px;
        padding-bottom: 0; } }
  #header #logo {
    height: 100%;
    float: left; }
  #header .content {
    float: right;
    text-align: right;
    margin-right: 20px; }
    @media screen and (max-width: 768px) {
      #header .content {
        display: none; } }
  #header #social {
    margin-top: 20px; }
    #header #social li {
      display: inline-block; }
      #header #social li:first-child {
        margin-right: 5px; }
  #header #nav {
    font-size: 20px;
    line-height: 100px; }
    #header #nav li {
      display: inline-block;
      margin-right: 5px; }
      #header #nav li:after {
        content: " | "; }
      #header #nav li:last-child {
        margin-right: 0; }
        #header #nav li:last-child:after {
          content: ""; }
  #header a, #header a:visited {
    color: #fff;
    text-decoration: none; }
  #header a:hover {
    color: #69EF5D; }

#index #nav-index a, #index #mobile-nav-index a, #about #nav-about a, #about #mobile-nav-about a, #past-projects #nav-past-projects a, #past-projects #mobile-nav-past-projects a, #services #nav-services a, #services #mobile-nav-services a, #contact #nav-contact a, #contact #mobile-nav-contact a {
  color: #69EF5D; }

/*FULL MOBILE NAV*/
.site-wrap {
  overflow: hidden;
  width: 100%;
  height: 100%; }

#body-nav {
  position: fixed;
  overflow: hidden;
  top: 0;
  background: transparent;
  text-align: left;
  display: block;
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  transition: background 500ms ease;
  /*z-index: 999999999;*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: -1;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.burger-x {
  top: 40px;
  left: 0;
  position: absolute;
  width: 40px;
  height: 8px;
  background-color: #fff;
  font-size: 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 225ms ease;
  -moz-transition: all 225ms ease;
  transition: all 225ms ease;
  margin: 0 auto; }

.burger-x:before, .burger-x:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  content: '';
  -webkit-transition: all 225ms ease;
  -moz-transition: all 225ms ease;
  transition: all 225ms ease; }

.burger-x:before {
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%); }

.burger-x:after {
  -webkit-transform: translateY(200%);
  transform: translateY(200%); }

.show-nav .burger-x, .show-nav .burger-x:before, .show-nav .burger-x:after {
  background: #ec393f; }

.show-nav #body-nav {
  background: #0e1832;
  background: rgba(14, 24, 50, 0.95);
  z-index: 100; }

.hide-nav #body-nav {
  background: transparent;
  height: 100%;
  width: 100%;
  z-index: 1; }

#body-nav ul {
  position: absolute;
  left: 0%;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateX(-50%);
  transform: translateY(-50%); }

#body-nav ul li a {
  display: block;
  text-decoration: none !important;
  height: 100px;
  line-height: 100px;
  font-size: 48px;
  color: #fff;
  opacity: 0;
  border: none;
  -webkit-transition: all 200ms cubic-bezier(0.17, 0.67, 0.38, 1.46);
  -moz-transition: all 200ms cubic-bezier(0.17, 0.67, 0.38, 1.46);
  transition: all 200ms cubic-bezier(0.17, 0.67, 0.38, 1.46);
  -webkit-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  -o-transform: translateY(-200px);
  transform: translateY(-200px); }
  #body-nav ul li a:hover {
    color: #ec393f; }
  @media screen and (max-width: 568px) {
    #body-nav ul li a {
      line-height: 30px;
      height: 50px;
      font-size: 40px; } }
  @media screen and (max-width: 320px) {
    #body-nav ul li a {
      line-height: 70px;
      font-size: 40px; } }

.show-nav #body-nav ul li a {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

#body-nav ul li:nth-child(1) a {
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0; }

#body-nav ul li:nth-child(2) a {
  -webkit-transition-delay: 0.025s;
  -moz-transition-delay: 0.025s;
  -o-transition-delay: 0.025s;
  transition-delay: 0.025s; }

#body-nav ul li:nth-child(3) a {
  -webkit-transition-delay: 0.050s;
  -moz-transition-delay: 0.050s;
  -o-transition-delay: 0.050s;
  transition-delay: 0.050s; }

#body-nav ul li:nth-child(4) a {
  -webkit-transition-delay: 0.075s;
  -moz-transition-delay: 0.075s;
  -o-transition-delay: 0.075s;
  transition-delay: 0.075s; }

#body-nav ul li:nth-child(5) a {
  -webkit-transition-delay: 0.10s;
  -moz-transition-delay: 0.10s;
  -o-transition-delay: 0.10s;
  transition-delay: 0.10s; }

/*TOGGLE NAV BUTTON*/
.toggle-nav {
  display: none;
  text-align: center;
  width: 40px;
  height: 100px;
  right: 20px;
  top: 20px;
  position: absolute;
  z-index: 9999999;
  color: #fff;
  text-decoration: none; }
  .toggle-nav:visited {
    color: #fff;
    text-decoration: none; }
  @media screen and (max-width: 768px) {
    .toggle-nav {
      display: block; } }

.toggle-nav:hover, .toggle-nav-close:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05); }

/*BANNER SLIDESHOW STYLES*/
#banner {
  margin-top: 30px;
  margin-bottom: 80px;
  position: relative; }
  @media screen and (max-width: 568px) {
    #banner {
      margin-bottom: 40px; } }
  #banner img {
    width: 100%; }
  #banner .content {
    float: right;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 10; }
  #banner h1 {
    background: #ec393f;
    padding: 8px;
    color: #fff;
    margin: 0; }
    #banner h1:after {
      content: "";
      display: block; }
  #banner h4 {
    margin-top: 5px;
    padding: 8px;
    color: #fff;
    float: right;
    background: #051721; }

@media screen and (max-width: 568px) {
  #cycle-slideshow {
    display: none; } }
#cycle-slideshow img {
  z-index: 1 !important; }

#mobile-slideshow {
  display: none; }
  #mobile-slideshow img {
    position: relative;
    z-index: 1; }
  @media screen and (max-width: 568px) {
    #mobile-slideshow {
      display: block; } }

/*BODY STYLES*/
#main {
  float: left;
  width: 65%;
  margin-right: 5%; }
  @media screen and (max-width: 568px) {
    #main {
      width: 100%;
      float: none; } }

/*FULL WIDTH LAYOUT FOR PAST PROJECTS PAGE*/
#main-full {
  width: 100%; }
  #main-full .gallery {
    margin-bottom: 40px; }
    #main-full .gallery .item {
      width: 23.5%;
      height: 170px;
      margin: 0 2% 2% 0;
      float: left;
      border: 1px solid #DCE9F5;
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
      #main-full .gallery .item:hover {
        opacity: .9; }
      @media screen and (max-width: 768px) {
        #main-full .gallery .item {
          width: 32%; } }
    #main-full .gallery a:nth-of-type(4n) .item {
      margin-right: 0; }
      @media screen and (max-width: 768px) {
        #main-full .gallery a:nth-of-type(4n) .item {
          margin-right: 2%; } }
    @media screen and (max-width: 768px) {
      #main-full .gallery a:nth-of-type(3n) .item {
        margin-right: 0; } }

#sidebar {
  float: right;
  width: 30%; }
  @media screen and (max-width: 568px) {
    #sidebar {
      width: 100%;
      float: none;
      margin-top: 40px;
      text-align: center; } }
  #sidebar .caption-image {
    position: relative;
    display: block;
    margin-top: 40px; }
    #sidebar .caption-image img {
      border: 1px solid rgba(5, 23, 33, 0.28);
      max-width: 100%; }
      @media screen and (max-width: 568px) {
        #sidebar .caption-image img {
          /*width: 50%;*/ } }
    #sidebar .caption-image h4 {
      background: #051721;
      color: #fff;
      position: absolute;
      left: 0;
      bottom: 3px;
      font-size: 18px;
      padding: 6px; }
      @media screen and (max-width: 568px) {
        #sidebar .caption-image h4 {
          font-size: 20px; } }
    #sidebar .caption-image:hover h4 {
      background: #ec393f;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }

form {
  margin-top: 40px;
  margin-bottom: 40px; }
  form label {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
  form input, form textarea {
    width: 70%;
    margin-top: 10px;
    background: #fbfada;
    border: none;
    line-height: 40px;
    outline: none;
    padding: 0 10px;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200; }
    @media screen and (max-width: 768px) {
      form input, form textarea {
        width: 100%; } }
  form .form-control {
    display: block;
    margin-bottom: 20px; }
  form button {
    background: #ec393f;
    border: none;
    padding: 10px;
    font-weight: 200;
    font-size: 24px;
    outline: none;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    form button:hover {
      background: #051721; }

.alert {
  background: #ec393f;
  width: 70%;
  color: #fff;
  padding: 10px;
  font-size: 16px; }
  @media screen and (max-width: 768px) {
    .alert {
      width: 100%; } }

.fb-like-box {
  margin-top: 40px; }

/*HOMEPAGE FEATURE BANNER*/
#feature-banner {
  background: #fbfada;
  padding: 2% 0;
  border-top: 1px solid rgba(242, 207, 67, 0.22);
  border-bottom: 1px solid rgba(242, 207, 67, 0.22); }
  #feature-banner h4 {
    background: #051721;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 18px;
    padding: 6px; }
    @media screen and (max-width: 768px) {
      #feature-banner h4 {
        font-size: 24px; } }
    @media screen and (max-width: 568px) {
      #feature-banner h4 {
        font-size: 20px; } }
  #feature-banner .third {
    float: left;
    width: 33.33333%;
    position: relative; }
    #feature-banner .third:hover h4 {
      background: #ec393f;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    @media screen and (max-width: 768px) {
      #feature-banner .third {
        width: 100%;
        float: none; } }
    @media screen and (max-width: 320px) {
      #feature-banner .third {
        width: 100%;
        float: none; } }
  #feature-banner #feature1 {
    background: url(../../images/feature1-sm.jpg) no-repeat;
    margin-right: 5%;
    height: 191px;
    border: 1px solid rgba(242, 207, 67, 0.22); }
    @media screen and (max-width: 768px) {
      #feature-banner #feature1 {
        background: url(../../images/feature1.jpg) no-repeat top center;
        margin-bottom: 2%;
        margin-right: 0;
        height: 432px; } }
    @media screen and (max-width: 320px) {
      #feature-banner #feature1 {
        background: url(../../images/feature1-sm.jpg) no-repeat top center;
        height: 200px; } }
  #feature-banner #feature2 {
    background: url(../../images/feature2-sm.jpg) no-repeat;
    margin-right: 5%;
    height: 191px;
    border: 1px solid rgba(242, 207, 67, 0.22); }
    @media screen and (max-width: 768px) {
      #feature-banner #feature2 {
        background: url(../../images/feature2.jpg) no-repeat top center;
        margin-bottom: 2%;
        margin-right: 0;
        height: 432px; } }
    @media screen and (max-width: 320px) {
      #feature-banner #feature2 {
        background: url(../../images/feature2-sm.jpg) no-repeat top center;
        height: 200px; } }
  #feature-banner #feature3 {
    background: url(../../images/feature3-sm.jpg) no-repeat;
    height: 191px;
    border: 1px solid rgba(242, 207, 67, 0.22); }
    @media screen and (max-width: 768px) {
      #feature-banner #feature3 {
        background: url(../../images/feature3.jpg) no-repeat top center;
        margin-right: 0;
        height: 432px; } }
    @media screen and (max-width: 320px) {
      #feature-banner #feature3 {
        background: url(../../images/feature3-sm.jpg) no-repeat top center;
        height: 200px; } }

/*GALLERY BANNER*/
#gallery-banner {
  background: #fbfada;
  padding: 2%;
  overflow: hidden;
  border: 1px solid rgba(242, 207, 67, 0.22); }
  @media screen and (max-width: 568px) {
    #gallery-banner {
      margin-top: 40px; } }
  @media screen and (max-width: 320px) {
    #gallery-banner {
      margin-top: 20px; } }
  #gallery-banner a, #gallery-banner a:visited {
    text-decoration: none;
    padding: 0; }
  #gallery-banner a:hover {
    padding: 0; }
  #gallery-banner h4 {
    background: #051721;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 18px;
    padding: 6px; }
    @media screen and (max-width: 768px) {
      #gallery-banner h4 {
        font-size: 24px; } }
    @media screen and (max-width: 568px) {
      #gallery-banner h4 {
        font-size: 20px; } }
    @media screen and (max-width: 320px) {
      #gallery-banner h4 {
        bottom: 9px; } }
  #gallery-banner .third {
    float: left;
    width: 33.3333%;
    position: relative; }
    #gallery-banner .third:nth-of-type(3) {
      margin-right: 0; }
    #gallery-banner .third:hover h4 {
      background: #ec393f;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    @media screen and (max-width: 768px) {
      #gallery-banner .third {
        width: 100%;
        float: none; } }
  #gallery-banner #gallery1 {
    background: url(../../images/past-projects/bermy-berry-sm/main.jpg) no-repeat;
    margin-right: 5%;
    height: 191px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
    @media screen and (max-width: 768px) {
      #gallery-banner #gallery1 {
        background: url(../../images/past-projects/bermy-berry/main.jpg) no-repeat top center;
        margin-bottom: 2%;
        margin-right: 0;
        height: 432px; } }
    @media screen and (max-width: 320px) {
      #gallery-banner #gallery1 {
        background: url(../../images/past-projects/bermy-berry-sm/main.jpg) no-repeat top center;
        height: 200px; } }
  #gallery-banner #gallery2 {
    background: url(../../images/past-projects/elbow-beach-show-home-sm/main.jpg) no-repeat;
    margin-right: 5%;
    height: 191px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
    @media screen and (max-width: 768px) {
      #gallery-banner #gallery2 {
        background: url(../../images/past-projects/elbow-beach-show-home/main.jpg) no-repeat top center;
        margin-bottom: 2%;
        margin-right: 0;
        height: 432px; } }
    @media screen and (max-width: 320px) {
      #gallery-banner #gallery2 {
        background: url(../../images/past-projects/elbow-beach-show-home-sm/main.jpg) no-repeat top center;
        height: 200px; } }
  #gallery-banner #gallery3 {
    background: url(../../images/past-projects/mdm-sm/main.jpg) no-repeat;
    height: 191px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
    @media screen and (max-width: 768px) {
      #gallery-banner #gallery3 {
        background: url(../../images/past-projects/mdm/main.jpg) no-repeat top center;
        margin-right: 0;
        height: 432px; } }
    @media screen and (max-width: 320px) {
      #gallery-banner #gallery3 {
        background: url(../../images/past-projects/mdm-sm/main.jpg) no-repeat top center;
        height: 200px; } }

/*FOOTER STYLES*/
footer {
  background: #7ac573;
  color: #051721;
  padding: 80px 0; }
  @media screen and (max-width: 568px) {
    footer {
      padding: 40px 0; } }
  footer h3 {
    color: #fff;
    font-weight: 300;
    margin-bottom: 20px; }
  footer a, footer a:visited {
    color: #051721;
    text-decoration: none;
    padding: 0 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  footer a:hover {
    color: #051721;
    background: #fff;
    padding: 0 5px; }
  footer ul {
    line-height: 1.5; }
  footer .third {
    float: left;
    width: 33%; }
    @media screen and (max-width: 568px) {
      footer .third {
        width: 50%; } }
    @media screen and (max-width: 320px) {
      footer .third {
        width: 100%; } }
    footer .third:nth-child(2) {
      float: right;
      text-align: right; }
    footer .third ul:first-of-type {
      margin-left: 5px; }

/*==================================================
 * SHADOW EFFECT FOR JUMBOTRON
 * ===============================================*/
.effect {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
  @media screen and (max-width: 568px) {
    .effect {
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); } }

.effect:before, .effect:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px; }
  @media screen and (max-width: 568px) {
    .effect:before, .effect:after {
      display: none; } }

.effect:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg); }
  @media screen and (max-width: 568px) {
    .effect:after {
      display: none; } }

/*FANCYBOX*/
.fancybox-image {
  z-index: 99999999999999999; }

.fancybox-lock body {
  overflow: auto !important; }