/*------------------------------------------------------------------
[Color Scheme / Colors, textures]
*/
/* White Skin */
/* Contrast */
/* Blue-grey */
.fontcolor-regular, .fontcolor-regular a {
  color: #333; }

.fontcolor-invert, .fontcolor-invert a {
  color: #fff; }

.fontcolor-medium-light, .fontcolor-medium-light a {

  color: #eaeaea;
  opacity: .5; }

.hovercolor, .hovercolor a {
  color: #E84855 !important; }

.accent-color, .accent-color a {
  color: #007EA7 !important; }

.accent-color a:hover {
  color: #E84855 !important; }

/** Backgrounds **/
/*------------------------------------------------------------------
[2. Blocks]
*/
.e-block {
  padding: 130px 0 130px 0; }

.e-block-ins {
  padding: 100px 0 100px 0; }

.e-block-null {
  margin: 0;
  padding: 0; }

.e-block-skin {
  background: #fff; }

.e-block-light {
  background: #eaeaea;
  color: #333; }
  .e-block-light p, .e-block-light h2, .e-block-light h3, .e-block-light h4, .e-block-light h5 {
    color: #333; }
  .e-block-light a, .e-block-light .infoblock a {
    color: #333; }
    .e-block-light a:hover, .e-block-light .infoblock a:hover {
      color: #E84855;
      text-decoration: none; }

.e-block-dark {
  background-color: #202020;
  color: #fff; }
  .e-block-dark p, .e-block-dark h2, .e-block-dark h3, .e-block-dark h4, .e-block-dark h5 {
    color: #eaeaea; }
  .e-block-dark a, .e-block-dark .infoblock a {
    color: #fff; }
    .e-block-dark a:hover, .e-block-dark .infoblock a:hover {
      color: #E84855;
      text-decoration: none; }

.e-block-darker {
  background-color: #181818;
  color: #fff; }
  .e-block-darker p, .e-block-darker h2, .e-block-darker h3, .e-block-darker h4, .e-block-darker h5 {
    color: #eaeaea; }
  .e-block-darker a, .e-block-darker .infoblock a {
    color: #fff; }
    .e-block-darker a:hover, .e-block-darker .infoblock a:hover {
      color: #E84855;
      text-decoration: none; }

.e-block-darkest {
  background-color: #000000;
  color: #fff; }
  .e-block-darkest p, .e-block-darkest h2, .e-block-darkest h3, .e-block-darkest h4, .e-block-darkest h5 {
    color: #eaeaea; }
  .e-block-darkest a, .e-block-darkest .infoblock a {
    color: #fff; }
    .e-block-darkest a:hover, .e-block-darkest .infoblock a:hover {
      color: #E84855;
      text-decoration: none; }

.e-block-accent {
  background-color: #E84855;
  color: #fff; }
  .e-block-accent p, .e-block-accent h2, .e-block-accent h3, .e-block-accent h4, .e-block-accent h5 {
    color: #fff; }
  .e-block-accent a, .e-block-accent .infoblock a {
    color: #fff; }
    .e-block-accent a:hover, .e-block-accent .infoblock a:hover {
      color: #E84855;
      text-decoration: none; }

.e-block-centered {
  text-align: center; }

.border-bot-3 {
  border-bottom: 3px solid #202020; }

.border-top-3 {
  border-top: 3px solid #202020; }

.texture-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url(../images/grid.png); }

/* Clearfix */
.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0px;
  clear: both; }

/* Block Background Classes */
.e-bg-skin {
  background-color: #fff; }

.e-bg-light {
  background-color: #eaeaea; }

.e-bg-light-texture {
  background: #eaeaea url("../images/backgrounds/contrast/bg-light.png"); }

.e-bg-medium {
  background-color: #808080; }

.e-bg-dark {
  background-color: #202020;
  color: #fff; }

.e-bg-darker {
  background-color: #181818;
  color: #fff; }

.e-bg-darkest {
  background-color: #131313;
  color: #fff; }

.e-bg-dark-texture {
  background: #202020 url("../images/backgrounds/contrast/bg-dark.png"); }

.e-bg-accent {
  background-color: #E84855;
  color: #fff; }

.e-bg-section {
  overflow: hidden;
  position: relative; }
  .e-bg-section:before, .e-bg-section:after {
    content: "";
    display: table; }
  .e-bg-section:after {
    clear: both; }
  .e-bg-section::before {
    content: ' ';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #eaeaea;
    background: url("../images/section-bg01.jpg") no-repeat center center;
    background-size: cover;
    will-change: transform;
    z-index: -1; }



/*------------------------------------------------------------------
[Typography]
*/
/* Headings Fonts variables */
/* Heading font one */
.font-accident-one-bold {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal; }

.font-accident-one-normal {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal; }

/* Heading font two */
.font-accident-two-normal {
  font-family: "Codystar", cursive;
  font-weight: 300; }

.font-accident-two-bold {
  font-family: "Codystar", cursive;
  font-weight: 400; }

/* Regular font */
.font-regular-light {
  font-family: "Oxygen", sans-serif;
  font-weight: 400;
  font-style: normal; }

.font-regular-normal {
  font-family: "Oxygen", sans-serif;
  font-weight: 400;
  font-style: normal; }

.font-regular-bold {
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  font-style: normal; }

/* Headings */
h2 {
  font-size: 48px; }

h3 {
  line-height: 1.5em; }

h4 {
  letter-spacing: 3px; }

h5 {
  letter-spacing: 3px; }

h6 {
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 1.1em;  
  
  }

h4 a, h5 a, h6 a {
  color: #E84855; }

.title {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  display: initial; }

/* Paragraphs */
.small {
  font-size: 12px; }

.extrasmall {
  font-size: 10px; }

.superheading {
  font-size: 48px; }



/*------------------------------------------------------------------
[4. Basic Styles]
*/


body{ margin:0 auto; 
text-align: center;
  display: block;
  align: center;
  background-color: #000000;
  overflow-x: hidden;
  overflow-y: auto;
  color: #333;
  font: 14px/1.7 "Oxygen", sans-serif;
 max-width:95%;
  
   }
  

.boxed {
  display: block;
  background-color: #676767;
  background-image: url("../images/patterns/swirl_pattern.png");
  position: relative;
  max-width: 95%;
  margin-right: auto;
  margin-left: auto;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 4px; }

a:focus {
  outline: none; }

ul {
  padding-left: 0;
  list-style: none;
  margin-left: 0px; }
  ul li {
    padding: 0px; }
    ul li a {
      cursor: pointer;
      color: #999; }
  ul li, ul li a {
    font-size: 13px; }

ul.list-o {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.list-o li {
    padding-left: 1em;
    text-indent: -.7em; }
    ul.list-o li:before {
      padding-right: 4px;
      content: "O";
      color: #E84855; }

/* No Padding elements */
.row-no-padding [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.nopadding {
  padding: 0 !important;
  margin: 0 !important; }

/* Dividers */
.dividewhite1 {
  height: 10px; }

.dividewhite2 {
  height: 20px; }

.dividewhite3 {
  height: 30px; }

.dividewhite4 {
  height: 40px; }

.dividewhite6 {
  height: 60px; }

.dividewhite8 {
  height: 80px; }

.dividewhite9 {
  height: 90px; }

.dividewhite10 {
  height: 100px; }

.divider-dynamic {
  height: 10px; }

hr {
  width: 80%;
  border: 2px solid #202020; }

/* Heights */
.height-500 {
  min-height: 500px; }

.height-400 {
  min-height: 400px; }

.height-300 {
  min-height: 300px; }

.height-200 {
  min-height: 200px; }

.height-100 {
  min-height: 100px; }

/* Position */
.e-absolute {
  position: absolute !important; }

.e-relative {
  position: relative !important; }

.e-fixed {
  position: fixed !important; }


/* Content */
#content {
  min-height: 600px; }

#back-top a {
  background: #181818 url(../images/back_top.png) no-repeat 50% 50%;
  border: 1px solid #fff;
  bottom: 60px;
  display: block;
  height: 40px;
  position: fixed;
  right: 30px;
  width: 40px;
  z-index: 10;
  transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out; }
  #back-top a:hover {
    background: #E84855 url(../images/back_top.png) no-repeat 50% 50%;
    border-color: #E84855; }

.inline {
  display: inline; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.e-centered {
  margin: 0 auto; }

.uppercase {
  text-transform: uppercase; }

i {
  color: #eaeaea; }

.hidden {
  display: none; }

.respon-wrap img {
  max-width: 100% !important;
  height: auto;
  display: block; }

.white {
  color: #fff; }

.color-333 {
  color: #333; }

.color-666 {
  color: #666666 !important; }
  .color-666 a {
    color: #666666; }
    .color-666 a:hover {
      color: #E84855; }

.color-999 {
  color: #999 !important; }
  .color-999 a {
    color: #999; }
    .color-999 a:hover {
      color: #E84855; }

.hovercolor-box {
  padding: 0 12px !important;
  margin-bottom: 12px !important;
  background-color: #E84855;
  color: #fff; }

.fullwidth {
  width: 100% !important; }

.width-90 {
  width: 90%; }

.width-80 {
  width: 80%; }

.width-70 {
  width: 70%; }

.width-60 {
  width: 60%; }

.width-50 {
  width: 50%; }

/* Forms */
input, textarea {
  border: 0;
  background: none !important;
  border: 1px solid #999;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  text-indent: 5px;
  color: #fff;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s; }

input:focus, textarea:focus {
  border-color: #007EA7; }

input, textarea, button {
  color: #777;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif; }

button, input, select, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
  font-size: 100%; }

:focus {
  outline: 0; }



/* Photocard */
.cd-single-item {
  position: relative; 
  }

.cd-slider-wrapper {

  position: relative;
  z-index: 1;
  -webkit-transition: width 0.4s;
  -moz-transition: width 0.4s;
  transition: width 0.4s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: width; }
  .cd-slider-wrapper ul {
    margin: 0; }

@media only screen and (min-width: 1024px) {
  .cd-slider-wrapper {
    width: 50%; }

  .cd-slider-active .cd-slider-wrapper {
    width: 95%; } }
.cd-slider {
  position: relative;
  z-index: 1;
  overflow: hidden; }

.cd-slider::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none; }

.cd-slider li {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }

.cd-slider li img {
  display: block;
  width: 100%; }

.cd-slider li.selected {
  position: relative;
  z-index: 2;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.cd-slider li.move-left {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

@media only screen and (min-width: 1024px) {
  .cd-slider {
    cursor: pointer; }

  .cd-slider::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop'; }

  .cd-slider::after {
    /* slider cover layer - to indicate the image is clickable */
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(232, 72, 85, 0.4) url("../images/cd-icon-zoom.svg") no-repeat center center;
    /* size of the icon */
    background-size: 48px;
    opacity: 0;
    z-index: 4;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s; }

  .no-touch .cd-slider:hover::after {
    opacity: 1; }

  .cd-slider-active .cd-slider {
    cursor: auto; }

  .cd-slider-active .cd-slider::after {
    display: none; } }
@media only screen and (min-width: 1024px) {
  .cd-slider-navigation li, .cd-slider-pagination {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    transition: opacity 0.4s 0s, visibility 0s 0.4s; }

  .cd-slider-active .cd-slider-navigation li, .cd-slider-active .cd-slider-pagination {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.4s 0.4s, visibility 0s 0.4s;
    -moz-transition: opacity 0.4s 0.4s, visibility 0s 0.4s;
    transition: opacity 0.4s 0.4s, visibility 0s 0.4s; } }
.cd-slider-navigation li {
  position: absolute;
  z-index: 2;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.cd-slider-navigation li:first-of-type {
  left: 10px; }

.cd-slider-navigation li:last-of-type {
  right: 10px; }

.cd-slider-navigation li a {
  display: block;
  width: 100px;
  height: 48px;
  background: url("../images/cd-icon-arrow.svg") no-repeat center center;
  -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.2s 0s, visibility 0s 0s;
  transition: opacity 0.2s 0s, visibility 0s 0s;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.cd-slider-navigation li a.inactive {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  transition: opacity 0.2s 0s, visibility 0s 0.2s; }

.no-touch .cd-slider-navigation li a:hover {
  opacity: .7; }

.cd-slider-navigation li:first-of-type a {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

@media only screen and (min-width: 1024px) {
  .cd-slider-navigation li:first-child {
    left: 30px; }

  .cd-slider-navigation li:last-child {
    right: 30px; } }
.cd-slider-pagination {
  /* you won't see this element in the html but it will be created using jQuery */
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 0%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  visibility: hidden; }

.cd-slider-pagination:after {
  content: "";
  display: table;
  clear: both; }

.touch .cd-slider-pagination {
  visibility: hidden; }

.cd-slider-pagination li {
  display: inline-block;
  float: left;
  margin: 0 5px; }

.cd-slider-pagination li.selected a {
  background: #E84855; }

.cd-slider-pagination a {
  display: block;
  height: 4px;
  width: 24px;
  border-radius: 0;
  /* fix a bug in IE9/10 - transparent anchor not clickable */
  background-color: rgba(255, 255, 255, 0.3);
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  .cd-slider-pagination a:hover {
    background-color: #eaeaea; }

.cd-slider-wrapper .cd-close {
  display: none;
  position: absolute;
  z-index: 2;
  top: 30px;
  right: 30px;
  width: 48px;
  height: 48px;
  background: url("../images/cd-icon-close.svg") no-repeat center center;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.4s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.4s;
  transition: transform 0.3s 0s, visibility 0s 0.4s; }

.cd-slider-active .cd-slider-wrapper .cd-close {
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;
  transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s; }

.no-touch .cd-slider-active .cd-slider-wrapper .cd-close:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); }

@media only screen and (min-width: 1024px) {
  .cd-slider-wrapper .cd-close {
    display: block; } }
.cd-item-info {
  padding: 0px 0%; }

.cd-item-info h2, .cd-item-info p {
  max-width: 480px; }

.cd-item-info h2 {
  font-size: 4.1rem; }

.cd-item-info p {
  line-height: 1.6;
  margin: 1em 0; }

.cd-item-info .add-to-cart {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  padding: .8em 1.6em;
  background-color: #f42e4e;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "PT Sans", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  cursor: pointer;
  border-radius: 4px; }

@media only screen and (min-width: 1024px) {
  .cd-item-info {
    position: absolute;
    width: 50%;
    top: 3%;
    right: 0;
    padding: 60px 60px 0;
    margin: 0; } }
.cd-content p {
  width: 100%;
  max-width: 768px;
  padding: 4em 0;
  margin: 0 auto;
  color: #afa8a0;
  line-height: 1.8; }




/*# sourceMappingURL=style-profile.css.map */