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, 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, 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;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  display: table;
  width: 100%;
}

.page-row {
  display: table-row;
  height: 1px;
}

.page-row-expanded {
  height: 100%;
}

article {
  margin: 1.85em auto;
}

aside, details, figcaption, figure, header, hgroup, menu, nav, section {
  margin: 0 auto;
  display: block;
}

aside { width: 100%; }

.clearfix:before, .clearfix:after { content: ""; display: block; }
.clearfix:after { clear: both; }
.ie6 .clearfix { zoom: 1 }

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #FFF;
	z-index: 10001;
}

.spinner {
  position: absolute;
	left: 50%;
	top: 50%;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce_01,
.spinner .bounce_02,
.spinner .bounce_03 {
  background-color: #cf4eba;
}

.spinner .bounce_01 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce_02 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0.0)
  }
  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  }
  40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/* PHOTOGRAPHY
----------------------------------------------------------------------------------------*/

img, embed, object, video { margin: 0 auto; max-width: 100%; height: auto; display: block; }
.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; }

#gallery {
  max-width: 60em;
  height: auto;
  margin: 2.5em auto;
}

.wrapper_gallery { overflow: hidden; }

#gallery a img {
  width: 33.3333%;
  float: left;
  position: relative;
  margin: 0;
}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px) {
  #gallery a img {
    width: 50%;
  }
}

.photo {
  margin: 1.25em auto;
  max-width: 50em;
  width: 100%;
}

/* LAYOUT [SMALL]
----------------------------------------------------------------------------------------*/
#wrapper {
  max-width: 100%;
  margin: 0 auto;
}

footer {
  margin: 0 auto;
  display: block;
  background-color: #fff;
}

.footer {
  padding: 1.5em 0.85em;
}

.copyright {
  padding: 0.5em 0;
}

#socialnetwork {
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 1.25em 0;
}

a.logo {
  text-indent: -9999px;
  width: 250px;
  height: 60px;
  display: block;
  background-image: url(../../images/logo-purple.png);
  background-size: 250px auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin: 1em auto;
  border-bottom: none;
}

header {
  width: 100%;
  z-index: 999;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.header_content {
  width: 80%;
  margin: 0 auto;
}

.content {
  width: 90%;
  max-width: 50em;
  display: block;
  margin: 3.5em auto 0;
}

.content_block {
  width: 90%;
  max-width: 50em;
  display: block;
  margin: 4em auto;
}

.testimonial + .testimonial {
  margin: 3em auto 0;
}

.center { text-align: center; }

.span_50 { width: 100%;}

.column { width: 95%; float: none; margin: 1em auto; padding: 0 2.5%;}

.column_block { margin: 2.5em auto 0; }

#testimonials {
  margin: 4.5em auto;
  padding: 1.5em;
}

.testimonial_wrapper {
  width: 90%;
  background-color: #FFF;
  margin: 0 auto;
  display: block;
  padding: 1em;
}

.twitter {
  display: none;
}

#location, #sayhello {
  display: block;
  text-align: center;
  margin: 2.5em auto;
}


/* TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
  font-family: 'brandon-grotesque', 'Brandon Grotesque';
  color: #ff8081;
  color: #b4349f;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1.25em;
}

h1, h2 {
  font-family: 'brandon-grotesque', 'Brandon Grotesque';
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
}

h3 {
  font-family: 'brandon-grotesque', 'Brandon Grotesque';
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #c544b0;
  text-align: left;
}

.column_block h3 {
  margin-bottom: 1em;
}

h2 { margin: 0 auto 1em auto; }

h1 { font-size: 1.85em; }
h2 { font-size: 1.75em; }

h3 {
  font-size: 12px;
  letter-spacing: 2px;
}

h3.center {
  text-align: center;
}

p, ul, ol, dl, blockquote {
  font-size: 1.1em;
  line-height: 1.618em;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
}

p + p { margin: 1em auto 0 auto; }

p.center { text-align: center; }

p.bigger { font-size: 1.25em; font-weight: 700; }

p.super { font-size: 0.95em; }

p.right { text-align: right; }

p.contact {
  font-size: 1.5em;
  font-weight: 500;
  text-align: left;
}

b, strong { font-weight: 500; }
i, em { font-style: italic; }
small { font-size: 80%; }

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

a { text-decoration: none; outline: none; cursor: pointer; color: inherit; }

a.link {
  font-weight: 500;
  color: #b4349f;
  outline: none;
  text-decoration: none;
  padding: 0 0 2px 0;
  border-bottom: 2px solid #e6e6e6;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

a.link:hover {
  outline: none;
  text-decoration: none;
  color: #b4349f;
  border-bottom: 2px solid #b4349f;
}

a.small_link {
  font-weight: 500;
  color: #b4349f;
  outline: none;
  text-decoration: none;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  }

a.button {
  display: block;
  position: relative;
  width: 200px;
  padding: 1em 1em 1em 1em;
  margin: 1.618em auto;
  background-color: #b4349f;
  color: #FFF;
  font-family: 'brandon-grotesque', 'Brandon Grotesque';
  font-weight: 800;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  border-bottom: none;
  outline: none;
  text-decoration: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: background-color 0.5s ease;
  -ms-transform: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

a.button:hover {
	background-color: #cf4eba;
	color: #FFF;
}

/* FOOTER
----------------------------------------------------------------------------------------*/
#socialnetwork {
  width: 100%;
  margin: 0 auto;
  padding: 1.25em 0;
  text-align: center;
}

a#facebook, a#twitter, a#instagram, a#pinterest {
  color: #b4349f;
  font-size: 1.5em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a#facebook:hover {
  color: #3b5997;
}

a#twitter:hover {
  color: #4597d1;
}

a#instagram:hover {
  color: #517fa4;
}

a#pinterest:hover {
  color: #cb2027;
}


/* VIDEO
----------------------------------------------------------------------------------------*/
.video {
  max-width: 50em;
  margin: 0 auto;
  display: block;
}

.video_container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 0 auto;
  height: auto;
}

.video_container iframe, .video_container object, .video_container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}