@charset "UTF-8";
/* !One to rule them all */
@import url("https://fonts.googleapis.com/css?family=PT+Serif:400,700%7CPlayfair+Display:400,400i,700,700i,900,900i%7CRoboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
/*----------------------------------------*/
/* !GENERAL */
/*----------------------------------------*/
/* quand inté terminé mettre '/' à la place de '/html/'*/
/* Font Family */
/* Background gen color */
/**/
/*foncèe*/
/*clair*/
/**/
/* Container's max width */
/* boutons creation compte, mdp */
/*----------------------------------------*/
/* !Navigation link color */
/*----------------------------------------*/
/* bouton spécial resa, contact etc.*/
/* bouton mobile */
/*----------------------------------------*/
/* !cycleslider var */
/*----------------------------------------*/
/*----------------------------------------*/
/* !VUES LiSTING */
/*----------------------------------------*/
/*----------------------------------------*/
/* !Formulaire */
/*----------------------------------------*/
/* label */
/* input & textarea */
/**/
/**/
/* textarea */
/**/
/* select */
/**/
/**/
/* submit */
/**/
/* radio & checkbox */
/* file */
/* base functions & mixins */
/*/// @example scss - Usage
///   .element {
///     @include ellipsis;
///   }
	.element {
///     @include ellipsis(50%);
///   }
*/
/* Scss Document */
/* Base Reset & dependencies */
/* line 2, ../scss/base/_normalize.scss */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; }

/* line 3, ../scss/base/_normalize.scss */
*, *:before, *:after { box-sizing: border-box; }

/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
/* line 9, ../scss/base/_normalize.scss */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
/* line 20, ../scss/base/_normalize.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
/* line 26, ../scss/base/_normalize.scss */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
/* line 32, ../scss/base/_normalize.scss */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
/* line 38, ../scss/base/_normalize.scss */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
/* line 46, ../scss/base/_normalize.scss */
a { background-color: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
/* line 51, ../scss/base/_normalize.scss */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
/* line 59, ../scss/base/_normalize.scss */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
/* line 64, ../scss/base/_normalize.scss */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
/* line 69, ../scss/base/_normalize.scss */
dfn { font-style: italic; }

/** Address styling not present in IE 8/9. */
/* line 74, ../scss/base/_normalize.scss */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
/* line 79, ../scss/base/_normalize.scss */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
/* line 83, ../scss/base/_normalize.scss */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

/* line 84, ../scss/base/_normalize.scss */
sup { top: -0.5em; }

/* line 85, ../scss/base/_normalize.scss */
sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
/* line 93, ../scss/base/_normalize.scss */
img { border: 0; display: block; }

/** Correct overflow not hidden in IE 9/10/11. */
/* line 98, ../scss/base/_normalize.scss */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
/* line 114, ../scss/base/_normalize.scss */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
/* line 119, ../scss/base/_normalize.scss */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
/* line 127, ../scss/base/_normalize.scss */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
/* line 136, ../scss/base/_normalize.scss */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
/* line 141, ../scss/base/_normalize.scss */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
/* line 147, ../scss/base/_normalize.scss */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
/* line 156, ../scss/base/_normalize.scss */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
/* line 165, ../scss/base/_normalize.scss */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
/* line 173, ../scss/base/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
/* line 182, ../scss/base/_normalize.scss */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
/* line 190, ../scss/base/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
/* line 197, ../scss/base/_normalize.scss */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
/* line 203, ../scss/base/_normalize.scss */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
/* line 208, ../scss/base/_normalize.scss */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
/* line 214, ../scss/base/_normalize.scss */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
/* line 222, ../scss/base/_normalize.scss */
table { border-collapse: collapse; border-spacing: 0; }

/* line 223, ../scss/base/_normalize.scss */
td, th { padding: 0; }

/*========================================================================== */
/*--- PRINT ---*/
@media print { /* line 228, ../scss/base/_normalize.scss */
  * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; }
  /* line 229, ../scss/base/_normalize.scss */
  a, a:visited { text-decoration: underline; }
  /* line 230, ../scss/base/_normalize.scss */
  a[href]:after { content: " (" attr(href) ")"; }
  /* line 231, ../scss/base/_normalize.scss */
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* line 232, ../scss/base/_normalize.scss */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* line 233, ../scss/base/_normalize.scss */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  /* line 234, ../scss/base/_normalize.scss */
  thead { display: table-header-group; }
  /* line 235, ../scss/base/_normalize.scss */
  tr, img { page-break-inside: avoid; }
  /* line 236, ../scss/base/_normalize.scss */
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  /* line 238, ../scss/base/_normalize.scss */
  p, h2, h3 { orphans: 3; widows: 3; }
  /* line 239, ../scss/base/_normalize.scss */
  h2, h3 { page-break-after: avoid; } }
/*---------------*/
/* ALERT */
/*---------------*/
/* line 4, ../scss/base/_socle.scss */
.info { background-color: #5bc0de !important; }

/* line 5, ../scss/base/_socle.scss */
.success { background-color: #5cb85c !important; }

/* line 6, ../scss/base/_socle.scss */
.warning { background-color: #f0ad4e !important; }

/* line 7, ../scss/base/_socle.scss */
.alert { background-color: #d9534f !important; }

/**/
/* line 9, ../scss/base/_socle.scss */
.info a { color: #5bc0de !important; }

/* line 10, ../scss/base/_socle.scss */
.success a { color: #5cb85c !important; }

/* line 11, ../scss/base/_socle.scss */
.warning a { color: #f0ad4e !important; }

/* line 12, ../scss/base/_socle.scss */
.alert a { color: #d9534f !important; }

/*---------------*/
/* VIDEO */
/*---------------*/
/* line 16, ../scss/base/_socle.scss */
.video { height: 0; padding-top: 25px; padding-bottom: 67.5%; margin-bottom: 10px; position: relative; overflow: hidden; }

/* line 17, ../scss/base/_socle.scss */
.video.widescreen { padding-bottom: 56.34%; }

/* line 18, ../scss/base/_socle.scss */
.video.vimeo { padding-top: 0; }

/* line 19, ../scss/base/_socle.scss */
.video iframe, .video object, .video embed, .video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; }

/*---------------*/
/* CNIL COOKIE */
/*---------------*/
/* line 23, ../scss/base/_socle.scss */
#cnil { background: #000; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4); left: 0; overflow: hidden; padding: 20px 5%; position: fixed; top: 0; width: 100%; z-index: 999999; -webkit-transform: translate(0, -120%); transform: translate(0, -120%); }

/* line 24, ../scss/base/_socle.scss */
#cnil p { font-size: 1.4rem; color: #FFF; }

/* line 25, ../scss/base/_socle.scss */
#cnil a { display: block; background: #333; color: #FFF; font-size: 1.2rem; text-transform: uppercase; margin: 10px; padding: 5px 10px; float: right; }

/* line 26, ../scss/base/_socle.scss */
#cnil a:hover { color: #21cdec; }

/* line 27, ../scss/base/_socle.scss */
#cnil a i { margin: 0 10px 0 0; }

/* line 28, ../scss/base/_socle.scss */
#cnil a:hover i { margin: 0 20px 0 0; }

/* line 29, ../scss/base/_socle.scss */
#cnil.show { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

/*---------------*/
/*BTN TOP*/
/*---------------*/
/* line 33, ../scss/base/_socle.scss */
.ontop { background: rgba(0, 0, 0, 0.3); border-radius: 5px; line-height: 30px; height: 30px; width: 30px; display: none; position: fixed; bottom: 20px; right: 20px; text-align: center; color: #FFF; z-index: 8000; }

/* line 34, ../scss/base/_socle.scss */
.ontop i { font-size: 1.6rem; }

/* line 35, ../scss/base/_socle.scss */
.ontop:hover { color: #21cdec; background: rgba(0, 0, 0, 0.6); }

/* line 36, ../scss/base/_socle.scss */
.ontop_showed { display: block; }

/* Core CSS */
/*---------------*/
/* !MENU GENERAL */
/*---------------*/
/* line 4, ../scss/core/_nav.scss */
#logo a { background: url("../images/logo.png") no-repeat 50% 50%/contain transparent; text-indent: -999em; display: block; width: 336px; height: 104px; opacity: 1; padding: 0; float: left; }

/* line 5, ../scss/core/_nav.scss */
header { position: fixed; top: 0; left: 0; width: 100%; height: 200px; padding: 40px 20px 50px 40px; z-index: 9000; }

/* line 6, ../scss/core/_nav.scss */
header * { -webkit-transition: all 0.5s; transition: all 0.5s; }

/* menu */
/* line 8, ../scss/core/_nav.scss */
#menu { position: relative; width: calc(100% - 396px); margin: 15px 0 0 0; float: right; z-index: 9000; }

/* line 9, ../scss/core/_nav.scss */
#menu ul li { list-style: none; }

/* line 10, ../scss/core/_nav.scss */
#menu ul li a { font-family: "Roboto", sans-serif; color: #FFF; display: block; float: left; font-size: 1.3rem; font-weight: 500; text-transform: uppercase; letter-spacing: .8px; position: relative; padding: 0 25px; -webkit-transition: all .5s; transition: all .5s; }

/* line 11, ../scss/core/_nav.scss */
#menu ul li.lang { float: right; position: relative; }

/*---------------*/
/* MEGAMENU */
/*---------------*/
/* line 15, ../scss/core/_nav.scss */
#menu > ul > li .submenu { background: #300302; height: 0; left: 0; opacity: 0; overflow: hidden; position: absolute; top: 100%; z-index: 1000; }

/* line 16, ../scss/core/_nav.scss */
#menu > ul > li:hover .submenu { height: auto; opacity: 1; overflow: visible; }

/* line 17, ../scss/core/_nav.scss */
#menu .submenu ul { background: #222; display: block; float: left; padding: 5px; }

/* line 18, ../scss/core/_nav.scss */
#menu .submenu li a { display: block; font-size: 12px; letter-spacing: 2px; line-height: 38px; padding: 0 14px; text-align: left; text-transform: uppercase; white-space: nowrap; width: 100%; }

/* line 19, ../scss/core/_nav.scss */
#menu .submenu li a:hover { background: #A07A06; }

/*---------------*/
/* MEGAMENU */
/*---------------*/
/* line 23, ../scss/core/_nav.scss */
#menu li .megamenu { background: #300302; height: 0; left: 0; opacity: 0; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 1000; }

/* line 24, ../scss/core/_nav.scss */
#menu li:hover .megamenu { border-top: 0 none; height: auto; min-height: 200px; opacity: 1; overflow: visible; padding: 20px; }

/* line 25, ../scss/core/_nav.scss */
#menu .megamenu { -moz-box-pack: start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

/* line 26, ../scss/core/_nav.scss */
#menu .megamenu li { border-left: 1px solid #555; list-style: outside none none; }

/* line 27, ../scss/core/_nav.scss */
#menu .megamenu > li { border-left: medium none; padding: 0 20px; }

/* line 28, ../scss/core/_nav.scss */
#menu .megamenu > li:last-child { border-right: medium none; }

/* line 29, ../scss/core/_nav.scss */
#menu .megamenu li a { color: #d6b15f; display: block; font-size: 1.3rem; font-weight: 400; letter-spacing: 1px; line-height: 24px; padding: 0 20px; text-align: left; white-space: nowrap; float: none; text-transform: none; height: auto; }

/* line 30, ../scss/core/_nav.scss */
#menu .megamenu li a:hover { background: #470403 none repeat scroll 0 0; color: #fff; }

/* line 31, ../scss/core/_nav.scss */
#menu .megamenu h3 { color: #ccc; font-size: 1.4rem; font-weight: 600; letter-spacing: 2px; padding: 10px 0; text-align: left; font-family: "Roboto", sans-serif; }

/*---------------*/
/* !MENU MOBILE */
/*---------------*/
/* line 36, ../scss/core/_nav.scss */
#toggle { background: url("../images/block_nav.svg.html") no-repeat scroll center center/65%; color: #fff; cursor: pointer; display: none; font-size: 2.4rem; height: 44px; line-height: 44px; text-align: center; width: 44px; z-index: 10000; position: fixed; -webkit-transition: all 0.5s; transition: all 0.5s; }

/* line 37, ../scss/core/_nav.scss */
[data-toggle="deploy_h"] #toggle { top: 130px; left: 0; background-color: #D09F07; }

/* action du menu deploy_h*/
/* line 39, ../scss/core/_nav.scss */
main, footer { left: 0; position: relative; }

/* line 40, ../scss/core/_nav.scss */
.deploy_h main, .deploy_h footer, .deploy_h header, .deploy_h #toggle { left: 250px; -webkit-transition: all 0.5s; transition: all 0.5s; }

/* line 41, ../scss/core/_nav.scss */
.deploy_h #menu { left: 0; }

/* line 42, ../scss/core/_nav.scss */
.deploy_h main, .deploy_h #logo a, .deploy_h footer { -webkit-filter: blur(2px); filter: blur(2px); }

/* line 43, ../scss/core/_nav.scss */
.deploy_h { overflow: hidden; position: fixed; }

/*---------------------*/
/* !MEDIA QUERIES MENU */
/*---------------------*/
@media all and (max-width: 1152px) { /* line 49, ../scss/core/_nav.scss */
  #menu { width: calc(100% - 366px); }
  /* line 50, ../scss/core/_nav.scss */
  #menu ul li a { padding: 0 10px; } }
@media all and (min-width: 1024px) { /* line 53, ../scss/core/_nav.scss */
  .fixed { height: 46px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2); padding: 0; background: #FFF; }
  /* line 54, ../scss/core/_nav.scss */
  .fixed #menu { right: 0; top: 0; margin: 0; }
  /* line 55, ../scss/core/_nav.scss */
  .fixed #menu a { color: #000; height: 46px; line-height: 46px; }
  /* line 56, ../scss/core/_nav.scss */
  .fixed #menu a:hover { background: #F4F4F4; }
  /* line 57, ../scss/core/_nav.scss */
  .fixed #logo a { position: relative; z-index: 9001; background: url("../images/fixed_logo.png") no-repeat 50% 50%/contain transparent; width: 29px; height: 34px; margin: 6px; } }
@media all and (max-width: 1023px) { /* line 60, ../scss/core/_nav.scss */
  header { position: absolute; }
  /* menu mobile classic */
  /* line 62, ../scss/core/_nav.scss */
  #toggle { display: block; }
  /* line 63, ../scss/core/_nav.scss */
  #menu { background: #D09F07; box-shadow: 3px 0 5px -2px #666; left: -260px; margin: 0; position: fixed; top: 0; bottom: 0; width: 250px; }
  /* line 64, ../scss/core/_nav.scss */
  #menu ul { margin: 20px; width: 210px; bottom: auto; position: relative; display: block; }
  /* line 4, ../scss/base/mixins/_clearfix.scss */
  #menu ul::after { clear: both; content: ""; display: table; }
  /* line 65, ../scss/core/_nav.scss */
  #menu ul li.lang { float: none; }
  /* line 66, ../scss/core/_nav.scss */
  #menu ul li a { float: none; padding: 10px; }
  /* line 67, ../scss/core/_nav.scss */
  #menu ul li a:hover { background: #AF870A; }
  /**/
  /* line 69, ../scss/core/_nav.scss */
  #menu li .megamenu { position: relative; width: 190px; margin: 0 0 0 10px; background: none; }
  /* line 70, ../scss/core/_nav.scss */
  #menu li:hover .megamenu { padding: 0 0 10px 0; min-height: inherit; }
  /* line 71, ../scss/core/_nav.scss */
  #menu .megamenu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  /* line 72, ../scss/core/_nav.scss */
  #menu .megamenu h3 { padding: 0; color: #FFF; }
  /* line 73, ../scss/core/_nav.scss */
  #menu .megamenu > li { padding: 0; }
  /* line 74, ../scss/core/_nav.scss */
  #menu .megamenu ul { margin: 0; }
  /* line 75, ../scss/core/_nav.scss */
  #menu .megamenu ul li { border-left: 1px solid #FFF; }
  /* line 76, ../scss/core/_nav.scss */
  #menu .megamenu li a { color: #FFF; width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  /**/
  /* line 78, ../scss/core/_nav.scss */
  #menu > ul > li .submenu { margin: 0; position: relative; } }
@media all and (max-width: 800px) { /* line 81, ../scss/core/_nav.scss */
  #logo a { margin: 0 60px; float: none; } }
@media all and (max-width: 480px) { /* line 84, ../scss/core/_nav.scss */
  header { position: relative; top: 0; left: 0; width: 100%; height: 150px; padding: 30px; z-index: 9000; }
  /* line 85, ../scss/core/_nav.scss */
  #logo a { background: url("../images/logo_yellow.png") no-repeat 50% 50%/contain transparent; width: 266px; height: 95px; margin: 0 auto; } }
/*---------------*/
/* !FORMULAIRE */
/*---------------*/
/* line 4, ../scss/core/_forms.scss */
fieldset { margin: 10px 0; border: 1px solid #DDD; }

/* line 5, ../scss/core/_forms.scss */
legend { font-size: 1.6rem; padding: 0 10px; }

/* line 6, ../scss/core/_forms.scss */
.rowElem { margin: 15px 0; position: relative; }

/* line 7, ../scss/core/_forms.scss */
.radioElem, .checkboxElem, .selectElem { position: relative; }

/* line 8, ../scss/core/_forms.scss */
input, textarea, select { display: inline-block; height: 42px; outline: none; font-size: 14px; vertical-align: top; width: 100%; padding: 0 0 0 36px; -webkit-transition: all 0.5s; transition: all 0.5s; }
/* line 4, ../scss/base/mixins/_placeholder.scss */
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { color: #999; opacity: 1; font-weight: 300; }
/* line 9, ../scss/base/mixins/_placeholder.scss */
input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder { color: #999; font-weight: 300; }
/* line 10, ../scss/base/mixins/_placeholder.scss */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #999; font-weight: 300; }

/* input */
/* line 10, ../scss/core/_forms.scss */
input { background: #FFF; border: 2px solid #BDC3C7; color: #999; border-radius: 5px; }

/* line 11, ../scss/core/_forms.scss */
input:hover { background: #FFF; border: 2px solid #D09F07; color: #999; border-radius: 0; }

/* line 12, ../scss/core/_forms.scss */
input:focus, textarea:focus { background: #FFF; border: 2px solid #D09F07; color: #999; border-radius: 0; }

/* line 13, ../scss/core/_forms.scss */
input[disabled], textarea[disabled] { background: #CCC; border: 2px solid #CCC; color: #CCC; }

/* line 14, ../scss/core/_forms.scss */
input[disabled]::-webkit-input-placeholder, textarea[disabled]::-webkit-input-placeholder { color: #CCC; }

/* line 15, ../scss/core/_forms.scss */
input[disabled]::-moz-placeholder, textarea[disabled]::-moz-placeholder { color: #CCC; }

/* submit */
/* line 17, ../scss/core/_forms.scss */
input[type="submit"] { background: #D09F07; border: 1px solid #D09F07; color: #FFF; border-radius: 3px; font-size: 1.4rem; text-shadow: 0 1px rgba(0, 0, 0, 0.08); padding: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

/* line 18, ../scss/core/_forms.scss */
input[type="submit"]:hover { background: #000; border: 1px solid #000; color: #FFF; border-radius: 3px; }

/* textarea */
/* line 20, ../scss/core/_forms.scss */
textarea { background: #FFF; border: 2px solid #BDC3C7; color: #999; border-radius: 5px; height: 96px; line-height: 19px; padding: 10px 10px 10px 36px; resize: none; -webkit-transition: all 0.5s; transition: all 0.5s; }

/* line 21, ../scss/core/_forms.scss */
textarea:hover { background: #FFF; border: 2px solid #D09F07; color: #999; border-radius: 0; }

/* line 22, ../scss/core/_forms.scss */
textarea:focus { height: 120px; }

/* label */
/* line 24, ../scss/core/_forms.scss */
label { font-size: 1.6rem; }

/* line 25, ../scss/core/_forms.scss */
label i { font-size: 1.4rem !important; pointer-events: none; position: absolute; top: 14px; left: 14px; z-index: 4; color: #BDC3C7; -webkit-transition: all 0.5s; transition: all 0.5s; }

/* line 26, ../scss/core/_forms.scss */
label span { background: #000; color: #FFF; border-radius: 3px; top: -8px; font-size: 1.1rem; font-weight: 500; left: 10px; max-height: 0; overflow: hidden; position: absolute; -webkit-transition: all 0.5s; transition: all 0.5s; }

/* line 27, ../scss/core/_forms.scss */
label.show-label span { max-height: 22px; padding: 0 10px; }

/* select */
/* line 29, ../scss/core/_forms.scss */
select { background: #FFF; color: #999; border: 2px solid #BDC3C7; border-radius: 5px; display: block; margin: 0; outline: none; padding: 9px 10px; text-indent: 0.01px; text-overflow: ""; z-index: 10; }

/* line 30, ../scss/core/_forms.scss */
.selectElem { position: relative; }

/* line 31, ../scss/core/_forms.scss */
.selectElem:before { content: ""; pointer-events: none; position: absolute; z-index: 10; background: #FFF; border-left: 1px solid #FFF; bottom: 2px; right: 2px; top: 2px; width: 34px; }

/* line 32, ../scss/core/_forms.scss */
.selectElem i { right: 10px; top: 10px; left: auto; font-size: 2.2rem !important; z-index: 12; }

/* line 33, ../scss/core/_forms.scss */
.selectElem:hover i, .selectElem:focus i { color: #D09F07; }

/* line 34, ../scss/core/_forms.scss */
.selectElem:hover select { background: #FFF; color: #999; border: 2px solid #D09F07; border-radius: 0; }

/* line 35, ../scss/core/_forms.scss */
.selectElem option { padding: 0 5px; }

/* checkbox, radio */
/* line 37, ../scss/core/_forms.scss */
input[type="radio"], input[type="checkbox"] { height: inherit; left: 0; opacity: 0; position: absolute; width: inherit; }

/* line 38, ../scss/core/_forms.scss */
.radio, .checkbox { background: #FFF; border: 3px solid #BDC3C7; display: inline-block; height: 21px; margin: 0 2px 0 0; position: relative; top: 5px; width: 21px; max-height: inherit; left: 0; }

/* line 39, ../scss/core/_forms.scss */
.checkbox:before, .radio:before { content: ""; display: none; }

/* line 40, ../scss/core/_forms.scss */
input:checked + .checkbox:before, input:checked + .radio:before { display: block; }

/* line 41, ../scss/core/_forms.scss */
.checkbox:before { border-color: #D09F07; -o-border-image: none; border-image: none; border-style: solid; border-width: 0 0 3px 3px; height: 6px; left: 4px; position: absolute; top: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 9px; }

/* line 42, ../scss/core/_forms.scss */
input:checked + .checkbox, input:checked + .radio { border: 3px solid #D09F07; }

/* line 43, ../scss/core/_forms.scss */
.radio { border-radius: 20px; }

/* line 44, ../scss/core/_forms.scss */
.radio:before { background: #D09F07; border-radius: 10px; height: 7px; margin: 4px; width: 7px; }

/* line 45, ../scss/core/_forms.scss */
input:hover + .checkbox, input:hover + .radio { border-color: #D09F07; }

/* line 46, ../scss/core/_forms.scss */
input:focus + .checkbox, input:focus + .radio { border-color: #D09F07; }

/* line 47, ../scss/core/_forms.scss */
input:focus + .radio:before { background: #FFF; }

/* line 48, ../scss/core/_forms.scss */
input:focus + .checkbox:before { border-color: 2px solid #D09F07; }

/* line 49, ../scss/core/_forms.scss */
checkboxElem:hover label { color: #D09F07; }

/*file*/
/* line 51, ../scss/core/_forms.scss */
.btnfile { height: 34px; line-height: 34px; padding: 0 16px; position: absolute; right: 4px; top: 4px; z-index: 10; background: #D09F07; color: #FFF; border-radius: 3px; max-height: inherit; left: auto; }

/* line 52, ../scss/core/_forms.scss */
input[type="file"] { bottom: 0; cursor: pointer; height: 100%; opacity: 0; padding: 8px 10px; position: absolute; right: 0; width: 100%; z-index: 11; }

/* line 53, ../scss/core/_forms.scss */
.fileElem input[type="file"] + input[type="text"] { padding: 0 0 0 35px; }

/* line 54, ../scss/core/_forms.scss */
.fileElem input[type="file"]:hover + input[type="text"] { border-color: #D09F07; }

/*---------------*/
/* MODAL BOX*/
/*---------------*/
/* line 4, ../scss/core/_modal_box.scss */
#modal_box * { -webkit-transition: all .5s; transition: all .5s; }

/* line 5, ../scss/core/_modal_box.scss */
#modal_box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 10000; overflow: hidden; visibility: hidden; }

/**/
/* line 7, ../scss/core/_modal_box.scss */
.modal_content { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: auto; left: 50%; position: fixed; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); visibility: hidden; z-index: 2000; background: #00b3be; padding: 20px 40px; top: 50%; color: #FFF; text-align: center; }

/* line 8, ../scss/core/_modal_box.scss */
.modal_content h3 { text-transform: uppercase; margin: 0 0 10px 0; color: #FFF; }

/* line 9, ../scss/core/_modal_box.scss */
.modal_content a { display: block; padding: 5px 10px; background: #FFF; color: #00b3be; display: inline-block; margin: 5px 10px; font-size: 1.4rem; font-weight: 600; }

/**/
/* line 11, ../scss/core/_modal_box.scss */
.modal_content a:hover { padding: 5px 20px; }

/* line 12, ../scss/core/_modal_box.scss */
#modal_box.md_show { visibility: visible; }

/* line 13, ../scss/core/_modal_box.scss */
.modal_content.md_cshow { visibility: visible; opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

/*---------------*/
/* BREADCRUMBS */
/*---------------*/
/* line 4, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb, .cd-multi-steps { width: 90%; max-width: 768px; padding: 0.5em 1em; margin: 1em auto; background-color: #edeff0; border-radius: .25em; }

/* line 5, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb:after, .cd-multi-steps:after { content: ""; display: table; clear: both; }

/* line 6, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb li, .cd-multi-steps li { display: inline-block; float: left; margin: 0.5em 0; }

/* line 7, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb li::after, .cd-multi-steps li::after { /* this is the separator between items */ display: inline-block; content: '\00bb'; margin: 0 .6em; color: #959fa5; }

/* line 9, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after { /* hide separator after the last item */ display: none; }

/* line 11, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb li > *, .cd-multi-steps li > * { /* single step */ display: inline-block; font-size: 1.4rem; color: #2c3f4c; }

/* line 13, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * { /* selected step */ color: #D09F07; }

/* line 15, ../scss/core/_breadcrumbs.scss */
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover { /* steps already visited */ color: #D09F07; }

/* line 17, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after { /* replace the default arrow separator with a custom icon */ content: ''; height: 16px; width: 16px; background: url(../images/_sources/cd-custom-separator.svg.html) no-repeat center center; vertical-align: middle; }

/* line 19, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before { /* add a custom icon before each item */ content: ''; display: inline-block; height: 20px; width: 20px; margin-right: .4em; margin-top: -2px; background: url(../images/_sources/cd-custom-icons-01.svg.html) no-repeat 0 0; vertical-align: middle; }

/* line 21, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before { /* change custom icon using image sprites */ background-position: -20px 0; }

/* line 23, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before { background-position: -40px 0; }

/* line 24, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before { background-position: -60px 0; }

/* line 25, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before { /* change custom icon for the current item */ background-position: 0 -20px; }

/* line 27, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before { background-position: -20px -20px; }

/* line 28, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before { background-position: -40px -20px; }

/* line 29, ../scss/core/_breadcrumbs.scss */
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before { background-position: -60px -20px; }

@media only screen and (min-width: 768px) { /* line 31, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb, .cd-multi-steps { padding: 0 1.2em; }
  /* line 32, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb li, .cd-multi-steps li { margin: 1.2em 0; }
  /* line 33, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb li::after, .cd-multi-steps li::after { margin: 0 1em; }
  /* line 34, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb li > *, .cd-multi-steps li > * { font-size: 1.4rem; } }
/* -------------------------------- 
Triangle breadcrumb
-------------------------------- */
@media only screen and (min-width: 768px) { /* line 41, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle { /* reset basic style */ background-color: transparent; padding: 0; }
  /* line 43, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle li { position: relative; padding: 0; margin: 4px 4px 4px 0; }
  /* line 44, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle li:last-of-type { margin-right: 0; }
  /* line 45, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle li > * { position: relative; padding: 1em .8em 1em 2.5em; color: #2c3f4c; background-color: #edeff0; /* the border color is used to style its ::after pseudo-element */ border-color: #edeff0; }
  /* line 47, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle li.current > * { /* selected step */ color: #ffffff; background-color: #D09F07; border-color: #D09F07; }
  /* line 49, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle li:first-of-type > * { padding-left: 1.6em; border-radius: .25em 0 0 .25em; }
  /* line 50, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle li:last-of-type > * { padding-right: 1.6em; border-radius: 0 .25em .25em 0; }
  /* line 51, ../scss/core/_breadcrumbs.scss */
  .no-touch .cd-breadcrumb.triangle a:hover { /* steps already visited */ color: #ffffff; background-color: #2c3f4c; border-color: #2c3f4c; }
  /* line 53, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {                                                                        /* 
	li > *::after is the colored triangle after each item
	li::after is the white separator between two items
*/ content: ''; position: absolute; top: 0; left: 100%; content: ''; height: 0; width: 0; /* 48px is the height of the <a> element */ border: 24px solid transparent; border-right-width: 0; border-left-width: 20px; }
  /* line 59, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle li::after { /* this is the white separator between two items */ z-index: 1; -webkit-transform: translateX(4px); transform: translateX(4px); border-left-color: #ffffff; /* reset style */ margin: 0; }
  /* line 62, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle li > *::after { /* this is the colored triangle after each element */ z-index: 2; border-left-color: inherit; }
  /* line 64, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after { /* hide the triangle after the last step */ display: none; }
  /* line 66, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle.custom-separator li::after { /* reset style */ background-image: none; }
  /* line 68, ../scss/core/_breadcrumbs.scss */
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after { /* 50px is the height of the <a> element */ border-top-width: 25px; border-bottom-width: 25px; }
  @-moz-document url-prefix() { /* line 71, ../scss/core/_breadcrumbs.scss */
    .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after { /* fix a bug on Firefix - tooth edge on css triangle */ border-left-style: dashed; } } }
/* -------------------------------- 
Custom icons hover effects - breadcrumb
-------------------------------- */
@media only screen and (min-width: 768px) { /* line 81, ../scss/core/_breadcrumbs.scss */
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before { /* change custom icon using image sprites - hover effect or current item */ background-position: 0 -40px; }
  /* line 83, ../scss/core/_breadcrumbs.scss */
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before { background-position: -20px -40px; }
  /* line 84, ../scss/core/_breadcrumbs.scss */
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before { background-position: -40px -40px; }
  /* line 85, ../scss/core/_breadcrumbs.scss */
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before { background-position: -60px -40px; } }
/*---------------*/
/* PAGINATION */
/*---------------*/
/* line 4, ../scss/core/_pagination.scss */
.paging { text-align: center; }

/* line 5, ../scss/core/_pagination.scss */
.pagine { width: 90%; max-width: 768px; margin: 2em auto 4em; text-align: center; }

/* line 6, ../scss/core/_pagination.scss */
.pagine li { display: none; margin: 0 .2em; }

/* hide numbers on small devices */
/* line 7, ../scss/core/_pagination.scss */
.pagine li.button { display: inline-block; }

/* make sure prev next buttons are visible */
/* line 8, ../scss/core/_pagination.scss */
.pagine a, .pagine span { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: .3em .6em; font-size: 1.6rem; -webkit-transition: all .5s; transition: all .5s; }

/* line 9, ../scss/core/_pagination.scss */
.pagine a { border: 1px solid #e6e6e6; border-radius: 0.25em; color: #000; }

/* line 10, ../scss/core/_pagination.scss */
.pagine a:hover { background-color: #D09F07; border: 1px solid #D09F07; }

/* line 11, ../scss/core/_pagination.scss */
.pagine a:active { -webkit-transform: scale(0.9); transform: scale(0.9); }

/* click effect */
/* line 12, ../scss/core/_pagination.scss */
.pagine a.disabled { color: rgba(46, 64, 87, 0.4); pointer-events: none; }

/* button disabled */
/* line 13, ../scss/core/_pagination.scss */
.pagine a.disabled::before, .pagine a.disabled::after { opacity: .4; }

/* line 14, ../scss/core/_pagination.scss */
.pagine .button:first-of-type a::before { content: '\00ab  '; }

/* line 15, ../scss/core/_pagination.scss */
.pagine .button:last-of-type a::after { content: ' \00bb'; }

/* line 16, ../scss/core/_pagination.scss */
.pagine .active a { background-color: #D09F07; border-color: #D09F07; color: #000; pointer-events: none; }

/* selected number */
@media only screen and (min-width: 768px) { /* line 18, ../scss/core/_pagination.scss */
  .pagine li { display: inline-block; } }
@media only screen and (min-width: 1170px) { /* line 21, ../scss/core/_pagination.scss */
  .pagine { margin: 4em auto 8em; } }
/* -------------------------------- 
No space - remove distance between list items
-------------------------------- */
/* line 26, ../scss/core/_pagination.scss */
.pagine.no-space { width: auto; max-width: none; display: inline-block; border-radius: 0.25em; border: 1px solid #e6e6e6; }

/* line 27, ../scss/core/_pagination.scss */
.pagine.no-space:after { content: ""; display: table; clear: both; }

/* line 28, ../scss/core/_pagination.scss */
.pagine.no-space li { margin: 0; float: left; border-right: 1px solid #e6e6e6; }

/* line 29, ../scss/core/_pagination.scss */
.pagine.no-space li:last-of-type { border-right: none; }

/* line 30, ../scss/core/_pagination.scss */
.pagine.no-space a, .pagine.no-space span { float: left; border-radius: 0; padding: .8em 1em; border: none; }

/* line 31, ../scss/core/_pagination.scss */
.pagine.no-space li:first-of-type a { border-radius: 0.25em 0 0 0.25em; }

/* line 32, ../scss/core/_pagination.scss */
.pagine.no-space li:last-of-type a { border-radius: 0 0.25em 0.25em 0; }

/* -------------------------------- 
move buttons - move prev and next buttons to the sides
-------------------------------- */
/* line 36, ../scss/core/_pagination.scss */
.pagine.move-buttons:after { content: ""; display: table; clear: both; }

/* line 37, ../scss/core/_pagination.scss */
.pagine.move-buttons .button:first-of-type { float: left; }

/* line 38, ../scss/core/_pagination.scss */
.pagine.move-buttons .button:last-of-type { float: right; }

/* line 39, ../scss/core/_pagination.scss */
.pagine.no-space.move-buttons { width: 90%; max-width: 768px; display: block; overflow: hidden; }

/* line 40, ../scss/core/_pagination.scss */
.pagine.no-space.move-buttons li { float: none; border: none; }

/* line 41, ../scss/core/_pagination.scss */
.pagine.no-space.move-buttons a, .pagine.no-space.move-buttons span { float: none; }

/* -------------------------------- 
custom icons - customize the small arrow inside the next and prev buttons 
-------------------------------- */
/* line 45, ../scss/core/_pagination.scss */
.pagine.custom-icons .button a { position: relative; }

/* line 46, ../scss/core/_pagination.scss */
.pagine.custom-icons .button:first-of-type a { padding-left: 2.4em; }

/* line 47, ../scss/core/_pagination.scss */
.pagine.custom-icons .button:last-of-type a { padding-right: 2.4em; }

/* line 48, ../scss/core/_pagination.scss */
.pagine.custom-icons .button:first-of-type a::before, .pagine.custom-icons .button:last-of-type a::after { content: ''; position: absolute; display: inline-block; /* set size for custom icons */ width: 16px; height: 16px; top: 50%; /* set margin-top = icon height/2 */ margin-top: -8px; background: transparent url("../images/_sources/cd-icon-arrow-1.svg.html") no-repeat center center; }

/* line 51, ../scss/core/_pagination.scss */
.pagine.custom-icons .button:first-of-type a::before { left: .8em; }

/* line 52, ../scss/core/_pagination.scss */
.pagine.custom-icons .button:last-of-type a::after { right: .8em; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/* -------------------------------- 
custom buttons - replace prev and next buttons text with a custom icon 
-------------------------------- */
/* line 56, ../scss/core/_pagination.scss */
.pagine.custom-buttons a, .pagine.custom-buttons span { vertical-align: middle; }

/* line 57, ../scss/core/_pagination.scss */
.pagine.custom-buttons .button a { /* set custom width */ width: 40px; /* image replacement */ overflow: hidden; white-space: nowrap; text-indent: 100%; color: transparent; background-image: url("../images/_sources/cd-icon-arrow-2.svg.html"); background-repeat: no-repeat; background-position: center center; }

/* line 60, ../scss/core/_pagination.scss */
.pagine.custom-buttons .button:last-of-type a { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/* line 61, ../scss/core/_pagination.scss */
.no-touch .pagine.custom-buttons .button:last-of-type a:active { -webkit-transform: scale(0.9) rotate(180deg); transform: scale(0.9) rotate(180deg); }

/* line 62, ../scss/core/_pagination.scss */
.pagine.no-space.custom-buttons .button:last-of-type a { border-radius: 0.25em 0 0 0.25em; }

/* -------------------------------- 
animated buttons - animate the text inside prev and next buttons 
-------------------------------- */
/* line 66, ../scss/core/_pagination.scss */
.pagine.animated-buttons a, .pagine.animated-buttons span { padding: 0 1.4em; height: 50px; line-height: 50px; overflow: hidden; }

/* line 67, ../scss/core/_pagination.scss */
.pagine.animated-buttons .button a { position: relative; padding: 0 2em; }

/* line 68, ../scss/core/_pagination.scss */
.pagine.animated-buttons .button:first-of-type a::before, .pagine.animated-buttons .button:last-of-type a::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); right: auto; -webkit-transition: all 0.3s; transition: all 0.3s; }

/* line 69, ../scss/core/_pagination.scss */
.pagine.animated-buttons .button:last-of-type a::after { -webkit-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); }

/* line 70, ../scss/core/_pagination.scss */
.pagine.animated-buttons i { display: block; height: 100%; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

/* line 71, ../scss/core/_pagination.scss */
.no-touch .pagine.animated-buttons .button a:hover i { -webkit-transform: translateY(0); transform: translateY(0); }

/* line 72, ../scss/core/_pagination.scss */
.no-touch .pagine.animated-buttons .button:first-of-type a:hover::before { -webkit-transform: translateX(-50%) translateY(-50px); transform: translateX(-50%) translateY(-50px); }

/* line 73, ../scss/core/_pagination.scss */
.no-touch .pagine.animated-buttons .button:last-of-type a:hover::after { -webkit-transform: translateX(-50%) rotate(180deg) translateY(50px); transform: translateX(-50%) rotate(180deg) translateY(50px); }

/* Modules */
/*---------------*/
/* !SLIDER Home */
/*---------------*/
/* line 4, ../scss/modules/_slider.scss */
.slider { position: relative; margin: 0; padding: 0 !important; max-width: none; width: 100%; height: 92vh; }
/* line 4, ../scss/base/mixins/_clearfix.scss */
.slider::after { clear: both; content: ""; display: table; }

/* line 5, ../scss/modules/_slider.scss */
.cycle-slideshow, .imageunique { height: 92vh; position: relative; }

/* line 6, ../scss/modules/_slider.scss */
.slide { width: 100%; }

/* line 7, ../scss/modules/_slider.scss */
.slide img { width: 100%; }

/* line 8, ../scss/modules/_slider.scss */
.imageunique img { max-width: none !important; }

/**/
/* line 10, ../scss/modules/_slider.scss */
#slider-caption { font-size: 5.4rem; line-height: 5rem; font-weight: 500; color: #FFF; letter-spacing: normal; position: absolute; bottom: 120px; left: 10%; z-index: 2000; padding: 0; margin: 0; text-transform: none; width: 70%; max-width: 700px; }

/* line 11, ../scss/modules/_slider.scss */
#sliderPager { bottom: 5vh; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 101; }

/* line 12, ../scss/modules/_slider.scss */
#sliderPager span { border: 2px solid #FFF; border-radius: 0; cursor: pointer; display: inline-block; height: 10px; margin: 0 3px; width: 10px; -webkit-transition: all .5s; transition: all .5s; }

/* line 13, ../scss/modules/_slider.scss */
#sliderPager span:hover { height: 14px; width: 14px; }

/* line 14, ../scss/modules/_slider.scss */
#sliderPager .cycle-pager-active { border: 2px solid #d09f07; }

/**/
/* line 16, ../scss/modules/_slider.scss */
.maskfilter { position: absolute; top: 0; left: 0; height: 100vh; width: 100vw; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, transparent 29%, transparent 69%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 29%, transparent 69%, rgba(0, 0, 0, 0.6) 100%); z-index: 100; }

/**/
@media all and (max-width: 640px) { /* line 21, ../scss/modules/_slider.scss */
  #slider-caption { font-size: 3rem; line-height: 3rem; } }
/* 480 galaxy s - 414 iphone 6s */
@media all and (max-width: 480px) { /* line 25, ../scss/modules/_slider.scss */
  #slider-caption { font-size: 2.4rem; line-height: 2.4rem; position: relative; background: #1D1D1D; bottom: 0; left: 0; width: 100%; padding: 10% 8%; text-align: left; }
  /* line 26, ../scss/modules/_slider.scss */
  .cycle-slideshow, .imageunique { height: 32vh; }
  /* line 27, ../scss/modules/_slider.scss */
  .slider { height: 48vh; } }
/* 414 -iphone 6s - 375 iphone 6, 360 galaxy s3, nexus , note - htc one - xperia z - */
/*---------------*/
/* ACTUS HOME */
/*---------------*/
/* line 4, ../scss/modules/_news.scss */
.n_home { background: #300302; position: relative; padding: 60px 90px; text-align: center; margin: 0 auto; }

/* line 5, ../scss/modules/_news.scss */
.n_home h2 { font-size: 1.4rem; font-family: "Roboto", sans-serif; color: #FFF; font-weight: 700; width: 50%; letter-spacing: 2px; text-align: left; padding: 0 0 50px 60px; position: relative; }

/* line 6, ../scss/modules/_news.scss */
.n_home h2:before { display: none; }

/* line 7, ../scss/modules/_news.scss */
.n_home h2:after { content: ''; width: 40px; height: 1px; background: #D09F07; position: absolute; top: 20px; left: 0; }

/* line 8, ../scss/modules/_news.scss */
.n_home article { width: calc(50% - 20px); float: left; margin: 0 40px 0 0; position: relative; }

/* line 9, ../scss/modules/_news.scss */
.n_home article:nth-of-type(even) { float: right; margin: 0; -webkit-transform: translateY(-80px); transform: translateY(-80px); }

/* line 10, ../scss/modules/_news.scss */
.n_home article:before { content: ""; width: 0; background: #D09F07; height: 2px; position: absolute; top: -8px; left: 0; -webkit-transition: all .5s; transition: all .5s; }

/* line 11, ../scss/modules/_news.scss */
.n_home article:hover:before { width: 100%; }

/* line 12, ../scss/modules/_news.scss */
.n_home article img { width: 100%; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all .5s; transition: all .5s; }

/* line 13, ../scss/modules/_news.scss */
.n_home article:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); }

/* line 14, ../scss/modules/_news.scss */
.n_home article h3 { font-size: 2.4rem; line-height: 2.6rem; color: #FFF; font-weight: 500; text-transform: none; position: relative; margin: 0 0 60px 0; }

/* line 15, ../scss/modules/_news.scss */
.n_home article h3:after { content: ''; width: 40px; height: 1px; background: #D09F07; position: absolute; bottom: -40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

/* line 16, ../scss/modules/_news.scss */
.n_home article time { font-size: 1.2rem; font-family: "Roboto", sans-serif; color: #FFF; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 25px 0 15px 0; display: block; }

/* line 17, ../scss/modules/_news.scss */
.n_home article p { font-size: 1.4rem; line-height: 2.4rem; font-family: "PT Serif", serif; color: #9E9E9E; font-weight: 500; }

/* line 18, ../scss/modules/_news.scss */
.n_home article a { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }

/* line 19, ../scss/modules/_news.scss */
.n_home > a { font-size: 1.2rem; font-family: "Roboto", sans-serif; color: #FFF; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; text-align: right; float: right; position: relative; padding: 0 0 0 60px; height: 30px; line-height: 30px; clear: both; }

/* line 20, ../scss/modules/_news.scss */
.n_home > a:after { content: ''; width: 40px; height: 1px; background: #D09F07; position: absolute; top: 14px; left: 0; }

/* line 21, ../scss/modules/_news.scss */
.n_home > a:hover { color: #FFF; }

/**/
/* line 23, ../scss/modules/_news.scss */
.n_list { margin: 100px auto 0 auto; text-align: center; }

/* line 24, ../scss/modules/_news.scss */
.n_list h2 { margin: 0 0 60px 0; }

/* line 25, ../scss/modules/_news.scss */
.n_list .rowElem { font-family: "Roboto", sans-serif; }

/* line 26, ../scss/modules/_news.scss */
.n_list article { width: calc(50% - 20px); float: left; margin: 20px 40px 20px 0; position: relative; }

/* line 27, ../scss/modules/_news.scss */
.n_list article:nth-of-type(even) { float: right; margin: 20px 0; }

/* line 28, ../scss/modules/_news.scss */
.n_list article:before { content: ""; width: 0; background: #D09F07; height: 2px; position: absolute; top: -8px; left: 0; -webkit-transition: all .5s; transition: all .5s; }

/* line 29, ../scss/modules/_news.scss */
.n_list article:hover:before { width: 100%; }

/* line 30, ../scss/modules/_news.scss */
.n_list article time { font-size: 1.2rem; font-family: "Roboto", sans-serif; color: #212121; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 25px 0 15px 0; display: block; }

/* line 31, ../scss/modules/_news.scss */
.n_list article h3 { font-size: 2.4rem; line-height: 2.6rem; color: #212121; font-weight: 500; text-transform: none; position: relative; margin: 0; }

/* line 32, ../scss/modules/_news.scss */
.n_list article p.category { font-size: 1.2rem; font-family: "Roboto", sans-serif; color: #D09F07; text-align: center !important; }

/* line 33, ../scss/modules/_news.scss */
.n_list article p { font-size: 1.4rem; line-height: 2rem; color: #9E9E9E; font-weight: 500; }

/* line 34, ../scss/modules/_news.scss */
.n_list article .readmore span { text-indent: -999em; display: block; }

/**/
/* line 36, ../scss/modules/_news.scss */
.n_details .retour { float: left; margin: 10px; line-height: 40px; font-family: "Roboto", sans-serif; }

/* line 37, ../scss/modules/_news.scss */
.n_details .social_sharing { float: right; margin: 10px; }

/* line 38, ../scss/modules/_news.scss */
.n_details article time { font-size: 1.2rem; font-family: "Roboto", sans-serif; color: #212121; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 25px 0 15px 0; display: block; float: left; }

/* line 39, ../scss/modules/_news.scss */
.n_details article p.category { font-size: 1.2rem; font-family: "Roboto", sans-serif; color: #D09F07; text-align: center !important; float: right; }

/* line 40, ../scss/modules/_news.scss */
.n_details .texte { clear: both; }

/**/
@media all and (max-width: 800px) { /* line 43, ../scss/modules/_news.scss */
  .n_home { padding: 40px 50px; }
  /* line 44, ../scss/modules/_news.scss */
  .n_list article { width: 100%; float: none; margin: 0 0 20px 0; }
  /* line 45, ../scss/modules/_news.scss */
  .n_list article:nth-of-type(even) { float: none; margin: 0 0 20px 0; -webkit-transform: translateY(0); transform: translateY(0); } }
/* 480 galaxy s - 414 iphone 6s */
@media all and (max-width: 480px) { /* line 49, ../scss/modules/_news.scss */
  .n_home article { width: 100%; float: none; margin: 0 0 20px 0; }
  /* line 50, ../scss/modules/_news.scss */
  .n_home article:nth-of-type(even) { float: none; margin: 0 0 20px 0; -webkit-transform: translateY(0); transform: translateY(0); } }
/* 414 -iphone 6s - 375 iphone 6, 360 galaxy s3, nexus , note - htc one - xperia z - */
@media all and (max-width: 414px) { /* line 54, ../scss/modules/_news.scss */
  .n_home { padding: 40px; } }
@media all and (max-width: 320px) { /* line 57, ../scss/modules/_news.scss */
  .n_home { padding: 40px 20px; } }
/*---------------*/
/* ALBUMS PHOTOS */
/*---------------*/
/* line 4, ../scss/modules/_picture_gallery.scss */
#albumphoto_listing figure { cursor: pointer; float: left; height: auto; margin: 10px 1%; min-width: 320px; max-height: 360px; max-width: 480px; overflow: hidden; position: relative; text-align: center; width: 48%; }

/* line 5, ../scss/modules/_picture_gallery.scss */
#albumphoto_listing figure img { display: block; opacity: 0.8; position: relative; }

/* line 6, ../scss/modules/_picture_gallery.scss */
#albumphoto_listing figure figcaption { -webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff; font-size: 1.25em; text-transform: uppercase; padding: 2em; }

/* line 7, ../scss/modules/_picture_gallery.scss */
#albumphoto_listing figure figcaption::before, #albumphoto_listing figure figcaption::after { pointer-events: none; }

/* line 8, ../scss/modules/_picture_gallery.scss */
#albumphoto_listing figure figcaption, #albumphoto_listing figure figcaption > a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* line 9, ../scss/modules/_picture_gallery.scss */
#albumphoto_listing figure figcaption > a { font-size: 0; opacity: 0; text-indent: 200%; white-space: nowrap; z-index: 1000; }

/* line 10, ../scss/modules/_picture_gallery.scss */
#albumphoto_listing figure h3 { font-weight: 800; word-spacing: -0.15em; font-size: 1em; }

/* line 11, ../scss/modules/_picture_gallery.scss */
#albumphoto_listing figure h3 span { font-weight: 300; }

/* line 12, ../scss/modules/_picture_gallery.scss */
#albumphoto_listing figure h3, #albumphoto_listing figure p { margin: 0; }

/* line 13, ../scss/modules/_picture_gallery.scss */
#albumphoto_listing figure p { font-size: 68.5%; letter-spacing: 1px; color: #FFF; }

/* line 14, ../scss/modules/_picture_gallery.scss */
#albumphoto_listing ul li { list-style: none; }

/* line 15, ../scss/modules/_picture_gallery.scss */
#albumphoto_listing > * { border-sizing: border-box; }

/*---------------*/
/***** Lexi *****/
/*---------------*/
/* line 19, ../scss/modules/_picture_gallery.scss */
figure.effect-lexi { background: -webkit-linear-gradient(-45deg, #000 0%, #fff 100%); background: -webkit-linear-gradient(135deg, #000 0%, #fff 100%); background: linear-gradient(-45deg, #000 0%, #fff 100%); }

/* line 20, ../scss/modules/_picture_gallery.scss */
figure.effect-lexi img { margin: -10px 0 0 -10px; max-width: none; width: calc(100% + 10px); opacity: 0.9; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* line 21, ../scss/modules/_picture_gallery.scss */
figure.effect-lexi figcaption::before, figure.effect-lexi p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

/* line 22, ../scss/modules/_picture_gallery.scss */
figure.effect-lexi figcaption::before { position: absolute; right: -100px; bottom: -100px; width: 300px; height: 300px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2); content: ''; opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }

/* line 23, ../scss/modules/_picture_gallery.scss */
figure.effect-lexi:hover img { opacity: 0.6; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 24, ../scss/modules/_picture_gallery.scss */
figure.effect-lexi h3 { text-align: left; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(5px, 5px, 0); transform: translate3d(5px, 5px, 0); }

/* line 25, ../scss/modules/_picture_gallery.scss */
figure.effect-lexi p { position: absolute; right: 0; bottom: 0; padding: 0 1.5em 1.5em 0; width: 140px; text-align: right; opacity: 0; -webkit-transform: translate3d(20px, 20px, 0); transform: translate3d(20px, 20px, 0); }

/* line 26, ../scss/modules/_picture_gallery.scss */
figure.effect-lexi:hover figcaption::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/* line 27, ../scss/modules/_picture_gallery.scss */
figure.effect-lexi:hover h3, figure.effect-lexi:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*---------------*/
/***** Julia *****/
/*---------------*/
/* line 31, ../scss/modules/_picture_gallery.scss */
figure.effect-julia { background: #2f3238; }

/* line 32, ../scss/modules/_picture_gallery.scss */
figure.effect-julia img { max-width: none; height: 400px; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* line 33, ../scss/modules/_picture_gallery.scss */
figure.effect-julia figcaption { text-align: left; }

/* line 34, ../scss/modules/_picture_gallery.scss */
figure.effect-julia h3 { position: relative; padding: 0.5em 0; }

/* line 35, ../scss/modules/_picture_gallery.scss */
figure.effect-julia p { display: inline-block; margin: 0 0 0.25em; padding: 0.4em 1em; background: rgba(255, 255, 255, 0.9); color: #2f3238; text-transform: none; font-weight: 500; font-size: 75%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-360px, 0, 0); transform: translate3d(-360px, 0, 0); }

/* line 36, ../scss/modules/_picture_gallery.scss */
figure.effect-julia p:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }

/* line 37, ../scss/modules/_picture_gallery.scss */
figure.effect-julia p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

/* line 38, ../scss/modules/_picture_gallery.scss */
figure.effect-julia p:nth-of-type(3) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }

/* line 39, ../scss/modules/_picture_gallery.scss */
figure.effect-julia:hover p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; }

/* line 40, ../scss/modules/_picture_gallery.scss */
figure.effect-julia:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }

/* line 41, ../scss/modules/_picture_gallery.scss */
figure.effect-julia:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

/* line 42, ../scss/modules/_picture_gallery.scss */
figure.effect-julia:hover img { opacity: 0.4; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }

/* line 43, ../scss/modules/_picture_gallery.scss */
figure.effect-julia:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*-----------------*/
/***** Goliath *****/
/*-----------------*/
/* line 47, ../scss/modules/_picture_gallery.scss */
figure.effect-goliath { background: #df4e4e; }

/* line 48, ../scss/modules/_picture_gallery.scss */
figure.effect-goliath img, figure.effect-goliath h3 { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; }

/* line 49, ../scss/modules/_picture_gallery.scss */
figure.effect-goliath img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* line 50, ../scss/modules/_picture_gallery.scss */
figure.effect-goliath h3, figure.effect-goliath p { position: absolute; bottom: 0; left: 0; padding: 30px; }

/* line 51, ../scss/modules/_picture_gallery.scss */
figure.effect-goliath p { text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }

/* line 52, ../scss/modules/_picture_gallery.scss */
figure.effect-goliath:hover img { -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); }

/* line 53, ../scss/modules/_picture_gallery.scss */
figure.effect-goliath:hover h3 { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }

/* line 54, ../scss/modules/_picture_gallery.scss */
figure.effect-goliath:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*-----------------*/
/***** Hera *****/
/*-----------------*/
/* line 58, ../scss/modules/_picture_gallery.scss */
figure.effect-hera { background: #303fa9; }

/* line 59, ../scss/modules/_picture_gallery.scss */
figure.effect-hera h3 { font-size: 158.75%; }

/* line 60, ../scss/modules/_picture_gallery.scss */
figure.effect-hera h3, figure.effect-hera p { position: absolute; top: 50%; left: 50%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transform-origin: 50%; transform-origin: 50%; }

/* line 61, ../scss/modules/_picture_gallery.scss */
figure.effect-hera figcaption::before { position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; border: 2px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1); transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1); -webkit-transform-origin: 50%; transform-origin: 50%; }

/* line 62, ../scss/modules/_picture_gallery.scss */
figure.effect-hera p { width: 100px; text-transform: none; font-size: 121%; line-height: 2; }

/* line 63, ../scss/modules/_picture_gallery.scss */
figure.effect-hera p a { color: #fff; }

/* line 64, ../scss/modules/_picture_gallery.scss */
figure.effect-hera p a:hover, figure.effect-hera p a:focus { opacity: 0.6; }

/* line 65, ../scss/modules/_picture_gallery.scss */
figure.effect-hera p a i { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

/* line 66, ../scss/modules/_picture_gallery.scss */
figure.effect-hera p a:first-child i { -webkit-transform: translate3d(-60px, -60px, 0); transform: translate3d(-60px, -60px, 0); }

/* line 67, ../scss/modules/_picture_gallery.scss */
figure.effect-hera p a:nth-child(2) i { -webkit-transform: translate3d(60px, -60px, 0); transform: translate3d(60px, -60px, 0); }

/* line 68, ../scss/modules/_picture_gallery.scss */
figure.effect-hera p a:nth-child(3) i { -webkit-transform: translate3d(-60px, 60px, 0); transform: translate3d(-60px, 60px, 0); }

/* line 69, ../scss/modules/_picture_gallery.scss */
figure.effect-hera p a:nth-child(4) i { -webkit-transform: translate3d(60px, 60px, 0); transform: translate3d(60px, 60px, 0); }

/* line 70, ../scss/modules/_picture_gallery.scss */
figure.effect-hera:hover figcaption::before { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1); transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1); }

/* line 71, ../scss/modules/_picture_gallery.scss */
figure.effect-hera:hover h3 { opacity: 0; -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1); transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1); }

/* line 72, ../scss/modules/_picture_gallery.scss */
figure.effect-hera:hover p i:empty { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); /* just because it's stronger than nth-child */ opacity: 1; }

/*-----------------*/
/***** Winston *****/
/*-----------------*/
/* line 76, ../scss/modules/_picture_gallery.scss */
figure.effect-winston { background: #162633; text-align: left; }

/* line 77, ../scss/modules/_picture_gallery.scss */
figure.effect-winston img { -webkit-transition: opacity 0.45s; transition: opacity 0.45s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* line 78, ../scss/modules/_picture_gallery.scss */
figure.effect-winston figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/triangle.svg.html) no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; transition: opacity 0.45s, transform 0.45s, -webkit-transform 0.45s; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }

/* line 79, ../scss/modules/_picture_gallery.scss */
figure.effect-winston h3 { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }

/* line 80, ../scss/modules/_picture_gallery.scss */
figure.effect-winston p { position: absolute; right: 0; bottom: 0; padding: 0 1.5em 7% 0; }

/* line 81, ../scss/modules/_picture_gallery.scss */
figure.effect-winston a { margin: 0 10px; color: #5d504f; font-size: 170%; }

/* line 82, ../scss/modules/_picture_gallery.scss */
figure.effect-winston a:hover, figure.effect-winston a:focus { color: #cc6055; }

/* line 83, ../scss/modules/_picture_gallery.scss */
figure.effect-winston p a i { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }

/* line 84, ../scss/modules/_picture_gallery.scss */
figure.effect-winston:hover img { opacity: 0.6; }

/* line 85, ../scss/modules/_picture_gallery.scss */
figure.effect-winston:hover h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 86, ../scss/modules/_picture_gallery.scss */
figure.effect-winston:hover figcaption::before { opacity: 0.7; -webkit-transform: rotate3d(0, 0, 1, 20deg); transform: rotate3d(0, 0, 1, 20deg); }

/* line 87, ../scss/modules/_picture_gallery.scss */
figure.effect-winston:hover p i { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 88, ../scss/modules/_picture_gallery.scss */
figure.effect-winston:hover p a:nth-child(3) i { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }

/* line 89, ../scss/modules/_picture_gallery.scss */
figure.effect-winston:hover p a:nth-child(2) i { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

/* line 90, ../scss/modules/_picture_gallery.scss */
figure.effect-winston:hover p a:first-child i { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }

/*-----------------*/
/***** Selena *****/
/*-----------------*/
/* line 94, ../scss/modules/_picture_gallery.scss */
figure.effect-selena { background: #fff; }

/* line 95, ../scss/modules/_picture_gallery.scss */
figure.effect-selena img { opacity: 0.95; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }

/* line 96, ../scss/modules/_picture_gallery.scss */
figure.effect-selena:hover img { -webkit-transform: scale3d(0.95, 0.95, 1); transform: scale3d(0.95, 0.95, 1); }

/* line 97, ../scss/modules/_picture_gallery.scss */
figure.effect-selena h3 { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }

/* line 98, ../scss/modules/_picture_gallery.scss */
figure.effect-selena p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }

/* line 99, ../scss/modules/_picture_gallery.scss */
figure.effect-selena:hover h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 100, ../scss/modules/_picture_gallery.scss */
figure.effect-selena:hover p { opacity: 1; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0); transform: perspective(1000px) rotate3d(1, 0, 0, 0); }

/*-----------------*/
/***** Terry *****/
/*-----------------*/
/* line 104, ../scss/modules/_picture_gallery.scss */
figure.effect-terry { background: #34495e; }

/* line 105, ../scss/modules/_picture_gallery.scss */
figure.effect-terry figcaption { padding: 1em; }

/* line 106, ../scss/modules/_picture_gallery.scss */
figure.effect-terry figcaption::before, figure.effect-terry figcaption::after { position: absolute; width: 200%; height: 200%; border-style: solid; border-color: #101010; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; }

/* line 107, ../scss/modules/_picture_gallery.scss */
figure.effect-terry figcaption::before { right: 0; bottom: 0; border-width: 0 70px 60px 0; -webkit-transform: translate3d(70px, 60px, 0); transform: translate3d(70px, 60px, 0); }

/* line 108, ../scss/modules/_picture_gallery.scss */
figure.effect-terry figcaption::after { top: 0; left: 0; border-width: 15px 0 0 15px; -webkit-transform: translate3d(-15px, -15px, 0); transform: translate3d(-15px, -15px, 0); }

/* line 109, ../scss/modules/_picture_gallery.scss */
figure.effect-terry img, figure.effect-terry p a { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

/* line 110, ../scss/modules/_picture_gallery.scss */
figure.effect-terry img { opacity: 0.85; }

/* line 111, ../scss/modules/_picture_gallery.scss */
figure.effect-terry h3 { position: absolute; bottom: 0; left: 0; padding: 0.4em 10px; width: 50%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

@media screen and (max-width: 920px) { /* line 113, ../scss/modules/_picture_gallery.scss */
  figure.effect-terry h3 { padding: 0.75em 10px; font-size: 120%; } }
/* line 115, ../scss/modules/_picture_gallery.scss */
figure.effect-terry p { float: right; clear: both; text-align: left; text-transform: none; font-size: 111%; }

/* line 116, ../scss/modules/_picture_gallery.scss */
figure.effect-terry p a { display: block; margin-bottom: 1em; color: #fff; opacity: 0; -webkit-transform: translate3d(90px, 0, 0); transform: translate3d(90px, 0, 0); }

/* line 117, ../scss/modules/_picture_gallery.scss */
figure.effect-terry p a:hover, figure.effect-terry p a:focus { color: #f3cf3f; }

/* line 118, ../scss/modules/_picture_gallery.scss */
figure.effect-terry:hover figcaption::before, figure.effect-terry:hover figcaption::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 119, ../scss/modules/_picture_gallery.scss */
figure.effect-terry:hover img { opacity: 0.6; }

/* line 120, ../scss/modules/_picture_gallery.scss */
figure.effect-terry:hover h3, figure.effect-terry:hover p a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 121, ../scss/modules/_picture_gallery.scss */
figure.effect-terry:hover p a { opacity: 1; }

/* line 122, ../scss/modules/_picture_gallery.scss */
figure.effect-terry:hover p a:first-child { -webkit-transition-delay: 0.025s; transition-delay: 0.025s; }

/* line 123, ../scss/modules/_picture_gallery.scss */
figure.effect-terry:hover p a:nth-child(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }

/* line 124, ../scss/modules/_picture_gallery.scss */
figure.effect-terry:hover p a:nth-child(3) { -webkit-transition-delay: 0.075s; transition-delay: 0.075s; }

/* line 125, ../scss/modules/_picture_gallery.scss */
figure.effect-terry:hover p a:nth-child(4) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

/*-----------------*/
/***** Phoebe *****/
/*-----------------*/
/* line 129, ../scss/modules/_picture_gallery.scss */
figure.effect-phoebe { background: #675983; }

/* line 130, ../scss/modules/_picture_gallery.scss */
figure.effect-phoebe img { opacity: 0.85; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

/* line 131, ../scss/modules/_picture_gallery.scss */
figure.effect-phoebe:hover img { opacity: 0.6; }

/* line 132, ../scss/modules/_picture_gallery.scss */
figure.effect-phoebe figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/triangle2.svg.html) no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale3d(5, 2.5, 1); transform: scale3d(5, 2.5, 1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }

/* line 133, ../scss/modules/_picture_gallery.scss */
figure.effect-phoebe:hover figcaption::before { opacity: 0.6; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/* line 134, ../scss/modules/_picture_gallery.scss */
figure.effect-phoebe h3 { margin-top: 1em; -webkit-transition: transform 0.35s; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); }

/* line 135, ../scss/modules/_picture_gallery.scss */
figure.effect-phoebe:hover h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 136, ../scss/modules/_picture_gallery.scss */
figure.effect-phoebe p a { color: #fff; font-size: 140%; opacity: 0; position: relative; display: inline-block; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

/* line 137, ../scss/modules/_picture_gallery.scss */
figure.effect-phoebe p a:first-child { -webkit-transform: translate3d(-60px, -60px, 0); transform: translate3d(-60px, -60px, 0); }

/* line 138, ../scss/modules/_picture_gallery.scss */
figure.effect-phoebe p a:nth-child(2) { -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0); }

/* line 139, ../scss/modules/_picture_gallery.scss */
figure.effect-phoebe p a:nth-child(3) { -webkit-transform: translate3d(60px, -60px, 0); transform: translate3d(60px, -60px, 0); }

/* line 140, ../scss/modules/_picture_gallery.scss */
figure.effect-phoebe:hover p a { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*-----------------*/
/***** Apollo *****/
/*-----------------*/
/* line 144, ../scss/modules/_picture_gallery.scss */
figure.effect-apollo { background: #3498db; }

/* line 145, ../scss/modules/_picture_gallery.scss */
figure.effect-apollo img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }

/* line 146, ../scss/modules/_picture_gallery.scss */
figure.effect-apollo figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); }

/* line 147, ../scss/modules/_picture_gallery.scss */
figure.effect-apollo p { position: absolute; right: 0; bottom: 0; margin: 3em; padding: 0 1em; max-width: 150px; border-right: 4px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

/* line 148, ../scss/modules/_picture_gallery.scss */
figure.effect-apollo h3 { text-align: left; }

/* line 149, ../scss/modules/_picture_gallery.scss */
figure.effect-apollo:hover img { opacity: 0.6; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/* line 150, ../scss/modules/_picture_gallery.scss */
figure.effect-apollo:hover figcaption::before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); }

/* line 151, ../scss/modules/_picture_gallery.scss */
figure.effect-apollo:hover p { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

/*-----------------*/
/***** Kira *****/
/*-----------------*/
/* line 155, ../scss/modules/_picture_gallery.scss */
figure.effect-kira { background: #fff; text-align: left; }

/* line 156, ../scss/modules/_picture_gallery.scss */
figure.effect-kira img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

/* line 157, ../scss/modules/_picture_gallery.scss */
figure.effect-kira figcaption { z-index: 1; }

/* line 158, ../scss/modules/_picture_gallery.scss */
figure.effect-kira p { padding: 2.25em 0.5em; font-weight: 600; font-size: 100%; line-height: 1.5; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }

/* line 159, ../scss/modules/_picture_gallery.scss */
figure.effect-kira p a { margin: 0 0.5em; color: #101010; }

/* line 160, ../scss/modules/_picture_gallery.scss */
figure.effect-kira p a:hover, figure.effect-kira p a:focus { opacity: 0.6; }

/* line 161, ../scss/modules/_picture_gallery.scss */
figure.effect-kira figcaption::before { position: absolute; top: 0; right: 2em; left: 2em; z-index: -1; height: 3.5em; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1); transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; }

/* line 162, ../scss/modules/_picture_gallery.scss */
figure.effect-kira:hover img { opacity: 0.5; }

/* line 163, ../scss/modules/_picture_gallery.scss */
figure.effect-kira:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 164, ../scss/modules/_picture_gallery.scss */
figure.effect-kira:hover figcaption::before { opacity: 0.7; -webkit-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1); transform: translate3d(0, 5em, 0) scale3d(1, 1, 1); }

/*-----------------*/
/***** Steve *****/
/*-----------------*/
/* line 168, ../scss/modules/_picture_gallery.scss */
figure.effect-steve { z-index: auto; overflow: visible; background: #000; }

/* line 169, ../scss/modules/_picture_gallery.scss */
figure.effect-steve:before, figure.effect-steve h3:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #000; content: ''; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

/* line 170, ../scss/modules/_picture_gallery.scss */
figure.effect-steve:before { box-shadow: 0 3px 30px rgba(0, 0, 0, 0.8); opacity: 0; }

/* line 171, ../scss/modules/_picture_gallery.scss */
figure.effect-steve figcaption { z-index: 1; }

/* line 172, ../scss/modules/_picture_gallery.scss */
figure.effect-steve img { opacity: 1; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: perspective(1000px) translate3d(0, 0, 0); transform: perspective(1000px) translate3d(0, 0, 0); }

/* line 173, ../scss/modules/_picture_gallery.scss */
figure.effect-steve h3, figure.effect-steve p { background: #fff; color: #2d434e; }

/* line 174, ../scss/modules/_picture_gallery.scss */
figure.effect-steve h3 { position: relative; margin-top: 2em; padding: 0.25em; }

/* line 175, ../scss/modules/_picture_gallery.scss */
figure.effect-steve h3:before { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }

/* line 176, ../scss/modules/_picture_gallery.scss */
figure.effect-steve p { margin-top: 1em; padding: 0.5em; font-weight: 800; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }

/* line 177, ../scss/modules/_picture_gallery.scss */
figure.effect-steve:hover:before { opacity: 1; }

/* line 178, ../scss/modules/_picture_gallery.scss */
figure.effect-steve:hover img { -webkit-transform: perspective(1000px) translate3d(0, 0, 21px); transform: perspective(1000px) translate3d(0, 0, 21px); }

/* line 179, ../scss/modules/_picture_gallery.scss */
figure.effect-steve:hover h3:before { opacity: 0; }

/* line 180, ../scss/modules/_picture_gallery.scss */
figure.effect-steve:hover p { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/*-----------------*/
/***** Moses *****/
/*-----------------*/
/* line 184, ../scss/modules/_picture_gallery.scss */
figure.effect-moses { background: -webkit-linear-gradient(-45deg, #EC65B7 0%, #05E0D8 100%); background: -webkit-linear-gradient(135deg, #EC65B7 0%, #05E0D8 100%); background: linear-gradient(-45deg, #EC65B7 0%, #05E0D8 100%); }

/* line 185, ../scss/modules/_picture_gallery.scss */
figure.effect-moses img { opacity: 0.85; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

/* line 186, ../scss/modules/_picture_gallery.scss */
figure.effect-moses h3, figure.effect-moses p { padding: 20px; width: 50%; height: 50%; border: 2px solid #fff; }

/* line 187, ../scss/modules/_picture_gallery.scss */
figure.effect-moses h3 { padding: 20px; width: 50%; height: 50%; text-align: left; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); }

/* line 188, ../scss/modules/_picture_gallery.scss */
figure.effect-moses p { float: right; padding: 20px; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

/* line 189, ../scss/modules/_picture_gallery.scss */
figure.effect-moses:hover h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 190, ../scss/modules/_picture_gallery.scss */
figure.effect-moses:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 191, ../scss/modules/_picture_gallery.scss */
figure.effect-moses:hover img { opacity: 0.6; }

/*---------------*/
/***** Jazz *****/
/*---------------*/
/* line 195, ../scss/modules/_picture_gallery.scss */
figure.effect-jazz { background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%); background: -webkit-linear-gradient(135deg, #f3cf3f 0%, #f33f58 100%); background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%); }

/* line 196, ../scss/modules/_picture_gallery.scss */
figure.effect-jazz img { opacity: 0.9; }

/* line 197, ../scss/modules/_picture_gallery.scss */
figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

/* line 198, ../scss/modules/_picture_gallery.scss */
figure.effect-jazz figcaption::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; opacity: 0; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }

/* line 199, ../scss/modules/_picture_gallery.scss */
figure.effect-jazz h3, figure.effect-jazz p { opacity: 1; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }

/* line 200, ../scss/modules/_picture_gallery.scss */
figure.effect-jazz h3 { padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; }

/* line 201, ../scss/modules/_picture_gallery.scss */
figure.effect-jazz p { padding: 0.5em 2em; text-transform: none; font-size: 0.85em; opacity: 0; }

/* line 202, ../scss/modules/_picture_gallery.scss */
figure.effect-jazz:hover img { opacity: 0.7; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }

/* line 203, ../scss/modules/_picture_gallery.scss */
figure.effect-jazz:hover figcaption::after { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); }

/* line 204, ../scss/modules/_picture_gallery.scss */
figure.effect-jazz:hover h3, figure.effect-jazz:hover p { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/*---------------*/
/***** Ming *****/
/*---------------*/
/* line 208, ../scss/modules/_picture_gallery.scss */
figure.effect-ming { background: #030c17; }

/* line 209, ../scss/modules/_picture_gallery.scss */
figure.effect-ming img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

/* line 210, ../scss/modules/_picture_gallery.scss */
figure.effect-ming figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 2px solid #fff; box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); }

/* line 211, ../scss/modules/_picture_gallery.scss */
figure.effect-ming h3 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; }

/* line 212, ../scss/modules/_picture_gallery.scss */
figure.effect-ming p { padding: 1em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5); }

/* line 213, ../scss/modules/_picture_gallery.scss */
figure.effect-ming:hover h3 { -webkit-transform: scale(0.9); transform: scale(0.9); }

/* line 214, ../scss/modules/_picture_gallery.scss */
figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/* line 215, ../scss/modules/_picture_gallery.scss */
figure.effect-ming:hover figcaption { background-color: rgba(58, 52, 42, 0); }

/* line 216, ../scss/modules/_picture_gallery.scss */
figure.effect-ming:hover img { opacity: 0.4; }

/*---------------*/
/***** Duke *****/
/*---------------*/
/* line 220, ../scss/modules/_picture_gallery.scss */
figure.effect-duke { background: -webkit-linear-gradient(-45deg, #34495e 0%, #cc6055 100%); background: -webkit-linear-gradient(135deg, #34495e 0%, #cc6055 100%); background: linear-gradient(-45deg, #34495e 0%, #cc6055 100%); }

/* line 221, ../scss/modules/_picture_gallery.scss */
figure.effect-duke img, figure.effect-duke p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

/* line 222, ../scss/modules/_picture_gallery.scss */
figure.effect-duke:hover img { opacity: 0.1; -webkit-transform: scale3d(2, 2, 1); transform: scale3d(2, 2, 1); }

/* line 223, ../scss/modules/_picture_gallery.scss */
figure.effect-duke h3 { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }

/* line 224, ../scss/modules/_picture_gallery.scss */
figure.effect-duke p { position: absolute; bottom: 0; left: 0; margin: 20px; padding: 30px; border: 2px solid #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); -webkit-transform-origin: 50% -100%; transform-origin: 50% -100%; }

/* line 225, ../scss/modules/_picture_gallery.scss */
figure.effect-duke:hover h3, figure.effect-duke:hover p { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/*---------------*/
/***** Lily *****/
/*---------------*/
/* line 229, ../scss/modules/_picture_gallery.scss */
figure.effect-lily img { max-width: none; width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); }

/* line 230, ../scss/modules/_picture_gallery.scss */
figure.effect-lily figcaption { text-align: left; }

/* line 231, ../scss/modules/_picture_gallery.scss */
figure.effect-lily figcaption > div { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; height: 50%; }

/* line 232, ../scss/modules/_picture_gallery.scss */
figure.effect-lily h3, figure.effect-lily p { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); }

/* line 233, ../scss/modules/_picture_gallery.scss */
figure.effect-lily h3 { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; }

/* line 234, ../scss/modules/_picture_gallery.scss */
figure.effect-lily p { color: rgba(255, 255, 255, 0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }

/* line 235, ../scss/modules/_picture_gallery.scss */
figure.effect-lily:hover img, figure.effect-lily:hover p { opacity: 1; }

/* line 236, ../scss/modules/_picture_gallery.scss */
figure.effect-lily:hover img, figure.effect-lily:hover h3, figure.effect-lily:hover p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 237, ../scss/modules/_picture_gallery.scss */
figure.effect-lily:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; }

/*---------------*/
/***** Sadie *****/
/*---------------*/
/* line 241, ../scss/modules/_picture_gallery.scss */
figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%); background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); }

/* line 242, ../scss/modules/_picture_gallery.scss */
figure.effect-sadie h3 { position: absolute; top: 50%; left: 0; width: 100%; color: #484c61; -webkit-transition: -webkit-transform 0.35s, color 0.35s; -webkit-transition: color 0.35s, -webkit-transform 0.35s; transition: color 0.35s, -webkit-transform 0.35s; transition: transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

/* line 243, ../scss/modules/_picture_gallery.scss */
figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

/* line 244, ../scss/modules/_picture_gallery.scss */
figure.effect-sadie p { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

/* line 245, ../scss/modules/_picture_gallery.scss */
figure.effect-sadie:hover h3 { color: #fff; -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); }

/* line 246, ../scss/modules/_picture_gallery.scss */
figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*---------------*/
/***** Roxy *****/
/*---------------*/
/* line 250, ../scss/modules/_picture_gallery.scss */
figure.effect-roxy { background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); }

/* line 251, ../scss/modules/_picture_gallery.scss */
figure.effect-roxy img { max-width: none; width: calc(100% + 60px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); }

/* line 252, ../scss/modules/_picture_gallery.scss */
figure.effect-roxy figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }

/* line 253, ../scss/modules/_picture_gallery.scss */
figure.effect-roxy figcaption { padding: 3em; text-align: left; }

/* line 254, ../scss/modules/_picture_gallery.scss */
figure.effect-roxy h3 { padding: 30% 0 10px 0; }

/* line 255, ../scss/modules/_picture_gallery.scss */
figure.effect-roxy p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }

/* line 256, ../scss/modules/_picture_gallery.scss */
figure.effect-roxy:hover img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 257, ../scss/modules/_picture_gallery.scss */
figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*---------------*/
/***** Bubba *****/
/*---------------*/
/* line 261, ../scss/modules/_picture_gallery.scss */
figure.effect-bubba { background: #000; }

/* line 262, ../scss/modules/_picture_gallery.scss */
figure.effect-bubba img { opacity: 1; -webkit-transition: all 0.35s; transition: all 0.35s; transform: scale(1); -webkit-transform: scale(1); }

/* line 263, ../scss/modules/_picture_gallery.scss */
figure.effect-bubba:hover img { opacity: 0.7; transform: scale(1.05); -webkit-transform: scale(1.05); }

/* line 264, ../scss/modules/_picture_gallery.scss */
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; }

/* line 265, ../scss/modules/_picture_gallery.scss */
figure.effect-bubba figcaption::before { border-top: 4px solid rgba(255, 255, 255, 0.7); border-bottom: 4px solid rgba(255, 255, 255, 0.7); -webkit-transform: scale(0, 1); transform: scale(0, 1); }

/* line 266, ../scss/modules/_picture_gallery.scss */
figure.effect-bubba figcaption::after { border-right: 4px solid rgba(255, 255, 255, 0.7); border-left: 4px solid rgba(255, 255, 255, 0.7); -webkit-transform: scale(1, 0); transform: scale(1, 0); }

/* line 267, ../scss/modules/_picture_gallery.scss */
figure.effect-bubba h3 { padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }

/* line 268, ../scss/modules/_picture_gallery.scss */
figure.effect-bubba p { padding: 20px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }

/* line 269, ../scss/modules/_picture_gallery.scss */
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

/* line 270, ../scss/modules/_picture_gallery.scss */
figure.effect-bubba:hover h3, figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*---------------*/
/***** Romeo *****/
/*---------------*/
/* line 274, ../scss/modules/_picture_gallery.scss */
figure.effect-romeo { -webkit-perspective: 1000px; perspective: 1000px; }

/* line 275, ../scss/modules/_picture_gallery.scss */
figure.effect-romeo img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 0, 300px); transform: translate3d(0, 0, 300px); }

/* line 276, ../scss/modules/_picture_gallery.scss */
figure.effect-romeo:hover img { opacity: 0.6; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 277, ../scss/modules/_picture_gallery.scss */
figure.effect-romeo figcaption::before, figure.effect-romeo figcaption::after { position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

/* line 278, ../scss/modules/_picture_gallery.scss */
figure.effect-romeo:hover figcaption::before { opacity: 0.5; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); }

/* line 279, ../scss/modules/_picture_gallery.scss */
figure.effect-romeo:hover figcaption::after { opacity: 0.5; -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); }

/* line 280, ../scss/modules/_picture_gallery.scss */
figure.effect-romeo h3, figure.effect-romeo p { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; }

/* line 281, ../scss/modules/_picture_gallery.scss */
figure.effect-romeo h3 { -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0); transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0); }

/* line 282, ../scss/modules/_picture_gallery.scss */
figure.effect-romeo p { padding: 0.25em 2em; -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0); transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0); }

/* line 283, ../scss/modules/_picture_gallery.scss */
figure.effect-romeo:hover h3 { -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0); transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0); }

/* line 284, ../scss/modules/_picture_gallery.scss */
figure.effect-romeo:hover p { -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0); transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0); }

/*---------------*/
/***** Layla *****/
/*---------------*/
/* line 288, ../scss/modules/_picture_gallery.scss */
figure.effect-layla { background: #18a367; }

/* line 289, ../scss/modules/_picture_gallery.scss */
figure.effect-layla img { height: 390px; }

/* line 290, ../scss/modules/_picture_gallery.scss */
figure.effect-layla figcaption { padding: 3em; }

/* line 291, ../scss/modules/_picture_gallery.scss */
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after { position: absolute; content: ''; opacity: 0; }

/* line 292, ../scss/modules/_picture_gallery.scss */
figure.effect-layla figcaption::before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; }

/* line 293, ../scss/modules/_picture_gallery.scss */
figure.effect-layla figcaption::after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }

/* line 294, ../scss/modules/_picture_gallery.scss */
figure.effect-layla h3 { padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; }

/* line 295, ../scss/modules/_picture_gallery.scss */
figure.effect-layla p { padding: 0.5em 2em; text-transform: none; opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }

/* line 296, ../scss/modules/_picture_gallery.scss */
figure.effect-layla img, figure.effect-layla h3 { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }

/* line 297, ../scss/modules/_picture_gallery.scss */
figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

/* line 298, ../scss/modules/_picture_gallery.scss */
figure.effect-layla:hover img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 299, ../scss/modules/_picture_gallery.scss */
figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

/* line 300, ../scss/modules/_picture_gallery.scss */
figure.effect-layla:hover h3, figure.effect-layla:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 301, ../scss/modules/_picture_gallery.scss */
figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h3, figure.effect-layla:hover p, figure.effect-layla:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }

/*---------------*/
/***** Honey *****/
/*---------------*/
/* line 305, ../scss/modules/_picture_gallery.scss */
figure.effect-honey { background: #4a3753; }

/* line 306, ../scss/modules/_picture_gallery.scss */
figure.effect-honey img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

/* line 307, ../scss/modules/_picture_gallery.scss */
figure.effect-honey:hover img { opacity: 0.5; }

/* line 308, ../scss/modules/_picture_gallery.scss */
figure.effect-honey figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #fff; content: ''; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

/* line 309, ../scss/modules/_picture_gallery.scss */
figure.effect-honey h3 { position: absolute; bottom: 0; left: 0; padding: 1em 1.5em; width: 100%; text-align: left; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }

/* line 310, ../scss/modules/_picture_gallery.scss */
figure.effect-honey h3 i { font-style: normal; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }

/* line 311, ../scss/modules/_picture_gallery.scss */
figure.effect-honey figcaption::before, figure.effect-honey h3 { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; }

/* line 312, ../scss/modules/_picture_gallery.scss */
figure.effect-honey:hover figcaption::before, figure.effect-honey:hover h3, figure.effect-honey:hover h3 i { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*---------------*/
/***** Oscar *****/
/*---------------*/
/* line 316, ../scss/modules/_picture_gallery.scss */
figure.effect-oscar { background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); }

/* line 317, ../scss/modules/_picture_gallery.scss */
figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

/* line 318, ../scss/modules/_picture_gallery.scss */
figure.effect-oscar figcaption { padding: 3em; background-color: rgba(58, 52, 42, 0.7); -webkit-transition: background-color 0.35s; transition: background-color 0.35s; }

/* line 319, ../scss/modules/_picture_gallery.scss */
figure.effect-oscar figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; }

/* line 320, ../scss/modules/_picture_gallery.scss */
figure.effect-oscar h3 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

/* line 321, ../scss/modules/_picture_gallery.scss */
figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(0); transform: scale(0); }

/* line 322, ../scss/modules/_picture_gallery.scss */
figure.effect-oscar:hover h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 323, ../scss/modules/_picture_gallery.scss */
figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

/* line 324, ../scss/modules/_picture_gallery.scss */
figure.effect-oscar:hover figcaption { background-color: rgba(58, 52, 42, 0); }

/* line 325, ../scss/modules/_picture_gallery.scss */
figure.effect-oscar:hover img { opacity: 0.4; }

/*---------------*/
/***** Marley *****/
/*---------------*/
/* line 329, ../scss/modules/_picture_gallery.scss */
figure.effect-marley figcaption { text-align: right; }

/* line 330, ../scss/modules/_picture_gallery.scss */
figure.effect-marley h3, figure.effect-marley p { position: absolute; right: 30px; left: 30px; padding: 10px 0; }

/* line 331, ../scss/modules/_picture_gallery.scss */
figure.effect-marley p { bottom: 30px; line-height: 1.5; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

/* line 332, ../scss/modules/_picture_gallery.scss */
figure.effect-marley h3 { top: 30px; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }

/* line 333, ../scss/modules/_picture_gallery.scss */
figure.effect-marley:hover h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 334, ../scss/modules/_picture_gallery.scss */
figure.effect-marley h3::after { position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background: #fff; content: ''; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); }

/* line 335, ../scss/modules/_picture_gallery.scss */
figure.effect-marley h3::after, figure.effect-marley p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

/* line 336, ../scss/modules/_picture_gallery.scss */
figure.effect-marley:hover h3::after, figure.effect-marley:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*---------------*/
/***** Ruby *****/
/*---------------*/
/* line 340, ../scss/modules/_picture_gallery.scss */
figure.effect-ruby { background-color: #17819c; }

/* line 341, ../scss/modules/_picture_gallery.scss */
figure.effect-ruby img { opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15); }

/* line 342, ../scss/modules/_picture_gallery.scss */
figure.effect-ruby:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); }

/* line 343, ../scss/modules/_picture_gallery.scss */
figure.effect-ruby h3 { margin-top: 20%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }

/* line 344, ../scss/modules/_picture_gallery.scss */
figure.effect-ruby p { margin: 1em 0 0; padding: 3em; border: 1px solid #fff; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0) scale(1.1); transform: translate3d(0, 20px, 0) scale(1.1); }

/* line 345, ../scss/modules/_picture_gallery.scss */
figure.effect-ruby:hover h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 346, ../scss/modules/_picture_gallery.scss */
figure.effect-ruby:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

/*---------------*/
/***** Milo *****/
/*---------------*/
/* line 350, ../scss/modules/_picture_gallery.scss */
figure.effect-milo { background: #2e5d5a; }

/* line 351, ../scss/modules/_picture_gallery.scss */
figure.effect-milo img { max-width: none; width: calc(100% + 60px); opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-30px, 0, 0) scale(1.12); transform: translate3d(-30px, 0, 0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* line 352, ../scss/modules/_picture_gallery.scss */
figure.effect-milo:hover img { opacity: 0.5; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

/* line 353, ../scss/modules/_picture_gallery.scss */
figure.effect-milo h3 { position: absolute; right: 0; bottom: 0; padding: 1em 1.2em; }

/* line 354, ../scss/modules/_picture_gallery.scss */
figure.effect-milo p { padding: 0 10px 0 0; width: 50%; border-right: 1px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); }

/* line 355, ../scss/modules/_picture_gallery.scss */
figure.effect-milo:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*---------------*/
/***** Dexter *****/
/*---------------*/
/* line 359, ../scss/modules/_picture_gallery.scss */
figure.effect-dexter { background: -webkit-linear-gradient(top, #258dc8 0%, #683c13 100%); background: linear-gradient(to bottom, #258dc8 0%, #683c13 100%); }

/* line 360, ../scss/modules/_picture_gallery.scss */
figure.effect-dexter img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

/* line 361, ../scss/modules/_picture_gallery.scss */
figure.effect-dexter:hover img { opacity: 0.4; }

/* line 362, ../scss/modules/_picture_gallery.scss */
figure.effect-dexter figcaption::after { position: absolute; right: 30px; bottom: 30px; left: 30px; height: calc(50% - 30px); border: 7px solid #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

/* line 363, ../scss/modules/_picture_gallery.scss */
figure.effect-dexter:hover figcaption::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 364, ../scss/modules/_picture_gallery.scss */
figure.effect-dexter figcaption { padding: 3em; text-align: left; }

/* line 365, ../scss/modules/_picture_gallery.scss */
figure.effect-dexter p { position: absolute; right: 60px; bottom: 60px; left: 60px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }

/* line 366, ../scss/modules/_picture_gallery.scss */
figure.effect-dexter:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*---------------*/
/***** Sarah *****/
/*---------------*/
/* line 370, ../scss/modules/_picture_gallery.scss */
figure.effect-sarah { background: #42b078; }

/* line 371, ../scss/modules/_picture_gallery.scss */
figure.effect-sarah img { max-width: none; width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* line 372, ../scss/modules/_picture_gallery.scss */
figure.effect-sarah:hover img { opacity: 0.4; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 373, ../scss/modules/_picture_gallery.scss */
figure.effect-sarah figcaption { text-align: left; }

/* line 374, ../scss/modules/_picture_gallery.scss */
figure.effect-sarah h3 { position: relative; overflow: hidden; padding: 0.5em 0; }

/* line 375, ../scss/modules/_picture_gallery.scss */
figure.effect-sarah h3::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

/* line 376, ../scss/modules/_picture_gallery.scss */
figure.effect-sarah:hover h3::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 377, ../scss/modules/_picture_gallery.scss */
figure.effect-sarah p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

/* line 378, ../scss/modules/_picture_gallery.scss */
figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*---------------*/
/***** Zoe *****/
/*---------------*/
/* line 382, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe figcaption { top: auto; bottom: 0; padding: 1em; height: 3.75em; background: #fff; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

/* line 383, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe h3 { float: left; }

/* line 384, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe p.icon-links a { float: right; color: #3c4a50; font-size: 1.4em; }

/* line 385, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe:hover p.icon-links a:hover, figure.effect-zoe:hover p.icon-links a:focus { color: #252d31; }

/* line 386, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe p.description { position: absolute; bottom: 8em; padding: 2em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */ }

/* line 387, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe h3, figure.effect-zoe p.icon-links a { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); }

/* line 388, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe p.icon-links a span::before { display: inline-block; padding: 8px 10px; font-family: 'feathericons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* line 389, ../scss/modules/_picture_gallery.scss */
.icon-eye::before { content: '\e000'; }

/* line 390, ../scss/modules/_picture_gallery.scss */
.icon-paper-clip::before { content: '\e001'; }

/* line 391, ../scss/modules/_picture_gallery.scss */
.icon-heart::before { content: '\e024'; }

/* line 392, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe h3 { display: inline-block; }

/* line 393, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe:hover p.description { opacity: 1; }

/* line 394, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h3, figure.effect-zoe:hover p.icon-links a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 395, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe:hover h3 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }

/* line 396, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe:hover p.icon-links a:nth-child(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

/* line 397, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe:hover p.icon-links a:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }

/* line 398, ../scss/modules/_picture_gallery.scss */
figure.effect-zoe:hover p.icon-links a:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

/*---------------*/
/***** Chico *****/
/*---------------*/
/* line 402, ../scss/modules/_picture_gallery.scss */
figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12); }

/* line 403, ../scss/modules/_picture_gallery.scss */
figure.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); }

/* line 404, ../scss/modules/_picture_gallery.scss */
figure.effect-chico figcaption { padding: 3em; }

/* line 405, ../scss/modules/_picture_gallery.scss */
figure.effect-chico figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); }

/* line 406, ../scss/modules/_picture_gallery.scss */
figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

/* line 407, ../scss/modules/_picture_gallery.scss */
figure.effect-chico h3 { padding: 20% 0 20px 0; }

/* line 408, ../scss/modules/_picture_gallery.scss */
figure.effect-chico p { margin: 0 auto; max-width: 200px; -webkit-transform: scale(1.5); transform: scale(1.5); }

/* line 409, ../scss/modules/_picture_gallery.scss */
figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

/*--------------*/
/* PARTENAIRES */
/*--------------*/
/* line 4, ../scss/modules/_partners.scss */
.partners { margin: 100px auto; }

/*---------------*/
/* !COLIBROOT v1 */
/*---------------*/
/* line 40, ../scss/main.scss */
html { font-size: 62.5%; }

/* line 41, ../scss/main.scss */
body { background: #F6F6F6; color: #000; font-family: "Playfair Display", serif; overflow-x: hidden; }

/* line 42, ../scss/main.scss */
header, main, footer, section, aside, article, nav, form { -webkit-transition: all 0.5s; transition: all 0.5s; }
/* line 4, ../scss/base/mixins/_clearfix.scss */
header::after, main::after, footer::after, section::after, aside::after, article::after, nav::after, form::after { clear: both; content: ""; display: table; }

/* line 43, ../scss/main.scss */
.cycle-slideshow, .cycle-slide, .gmap div { -webkit-transition: none !important; transition: none !important; }

/* line 44, ../scss/main.scss */
h1 { font-family: "Playfair Display", serif; font-size: 5.4rem; font-weight: 500; }

/* line 45, ../scss/main.scss */
h2 { font-family: "Playfair Display", serif; color: #3C3C3A; font-size: 4.2rem; line-height: 4rem; font-weight: 500; text-transform: uppercase; text-align: center; position: relative; display: block; padding: 0; }

/* line 46, ../scss/main.scss */
h2:before { content: ''; background: url("../images/lanteuil_logo.png") no-repeat 50% 50%/contain transparent; width: 169px; height: 94px; position: absolute; left: 50%; top: -100px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

/* line 47, ../scss/main.scss */
h3 { font-size: 2.4rem; color: #D09F07; text-transform: uppercase; margin: 10px 0; font-weight: 400; }

/* line 48, ../scss/main.scss */
p { color: #454545; font-size: 2rem; padding: 10px 0; text-align: justify; }

/* line 49, ../scss/main.scss */
a { text-decoration: none; color: #D09F07; font-size: 1.6rem; }

/* line 50, ../scss/main.scss */
a:hover { color: #000; }

/*---------------*/
/* !GEN */
/*---------------*/
/* line 54, ../scss/main.scss */
main { width: 100%; position: relative; margin: 0 auto; }

/* line 55, ../scss/main.scss */
main > section { width: 80%; max-width: 980px; margin: 100px auto 0 auto; }
/* line 4, ../scss/base/mixins/_clearfix.scss */
main > section::after { clear: both; content: ""; display: table; }

/**/
/* line 57, ../scss/main.scss */
.ontop { background: #000; -webkit-transition: all 0.5s; transition: all 0.5s; }

/* line 58, ../scss/main.scss */
.ontop:hover { color: #FFF; background: #D09F07; }

/**/
/* line 60, ../scss/main.scss */
.nivo-lightbox-nav { background: none !important; }

/* line 61, ../scss/main.scss */
.nivo-lightbox-nav:hover { text-decoration: underline !important; }

/* line 62, ../scss/main.scss */
.nivo-lightbox-close { color: #FFF; }

/* line 63, ../scss/main.scss */
.nivo-lightbox-close:hover { color: #FFF; text-decoration: underline !important; }

/**/
/* line 65, ../scss/main.scss */
.col { padding: 6%; }

/* line 66, ../scss/main.scss */
.col > div { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; text-align: justify; margin: 60px 0 0 0; }

/* line 67, ../scss/main.scss */
.col p { display: inline-block; }

/**/
/* line 69, ../scss/main.scss */
.btn_resa { font-family: "Roboto", sans-serif; background: #212121; color: #FFF; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; position: relative; padding: 12px 30px 12px 20px; margin: 20px 0; display: inline-block; -webkit-transition: all .5s; transition: all .5s; position: relative; -webkit-transform: translateZ(0px); transform: translateZ(0px); }

/* line 70, ../scss/main.scss */
.btn_resa:before { background: #D09F07; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50% 0; transform-origin: 0 50% 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; z-index: -1; }

/* line 71, ../scss/main.scss */
.btn_resa:hover { color: #FFF; }

/* line 72, ../scss/main.scss */
.btn_resa:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

/**/
/* line 74, ../scss/main.scss */
.social_sharing { text-align: center; }

/* line 75, ../scss/main.scss */
.social_sharing li { list-style: none; display: inline-block; }

/* line 76, ../scss/main.scss */
.social_sharing li a { display: block; width: 40px; line-height: 40px; border-radius: 5px; }

/* line 77, ../scss/main.scss */
.social_sharing li a:hover { background: #DDD; color: #000; }

/**/
/* line 79, ../scss/main.scss */
#faisan { position: absolute; z-index: -1; }

/* line 80, ../scss/main.scss */
#cartouche { position: absolute; bottom: -90px; right: -100px; z-index: 2000; }

/*---------------*/
/* !WYSI*/
/*---------------*/
/* line 84, ../scss/main.scss */
.wysi * { -webkit-transition: all .5s; transition: all .5s; }

/* line 85, ../scss/main.scss */
.wysi > section { position: relative; padding: 6%; }

/* line 86, ../scss/main.scss */
.wysi img { max-width: 100%; }

/* line 87, ../scss/main.scss */
.wysi ul, .wysi ol { font-size: 1.4rem; margin: 20px; }

/* line 88, ../scss/main.scss */
.wysi blockquote { font-size: 1.4rem; color: #999; font-style: italic; margin: 10px 0 10px 50px; padding: 10px 20px; border-left: 3px solid #ccc; max-width: 60%; }

/**/
/* line 90, ../scss/main.scss */
aside { width: 320px; background: #FFF; padding: 30px 50px 10px; float: right; margin: 40px 0 70px 70px; position: relative; }

/* line 91, ../scss/main.scss */
aside .price { border: 1px solid #D09F07; font-size: 4.1rem; line-height: 3rem; color: #D09F07; display: block; padding: 10px 55px 20px; min-width: 280px; margin: 0 0 50px; -webkit-transform: translate(-75px, -10px); transform: translate(-75px, -10px); text-align: center; }

/* line 92, ../scss/main.scss */
aside .price span { font-size: 4.1rem; text-transform: uppercase; font-size: 2.1rem; }

/* line 93, ../scss/main.scss */
aside h2 { font-family: "Roboto", sans-serif; font-size: 1.4rem; text-transform: uppercase; color: #000; text-align: left; padding: 0; }

/* line 94, ../scss/main.scss */
aside h2:before { display: none; }

/**/
/* line 96, ../scss/main.scss */
.content { margin: 40px 0 0 0; }

/*---------------*/
/* !WYSI*/
/*---------------*/
/* line 100, ../scss/main.scss */
.galery { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 0 6% !important; }

/* line 101, ../scss/main.scss */
.galery a { width: 25%; display: block; overflow: hidden; }

/* line 102, ../scss/main.scss */
.galery a img { -webkit-filter: grayscale(1); filter: grayscale(1); }

/* line 103, ../scss/main.scss */
.galery a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-filter: grayscale(0); filter: grayscale(0); }

/*---------------*/
/* !FOOTER */
/*---------------*/
/* line 107, ../scss/main.scss */
footer { width: 100%; max-width: 980px; margin: 100px auto; background: url("../images/bg_footer.png") no-repeat center top; text-align: center; clear: both; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; font-family: "Roboto", sans-serif; padding: 70px 0; }

/* line 108, ../scss/main.scss */
footer section { padding: 20px; width: 26%; }

/* line 109, ../scss/main.scss */
footer section:first-child { max-width: 120px; }

/* line 110, ../scss/main.scss */
footer h3 { font-family: "Playfair Display", serif; font-size: 2.2rem; text-transform: none; font-style: italic; }

/**/
/* line 112, ../scss/main.scss */
footer li { text-align: left; list-style: none; color: #D09F07; font-size: 1.6rem; font-weight: 400; padding: 0; -webkit-transition: all .5s; transition: all .5s; }

/* line 113, ../scss/main.scss */
footer li a { color: #D09F07; font-size: 1.6rem; font-weight: 400; padding: 0; position: relative; -webkit-transition: all .5s; transition: all .5s; }

/* line 114, ../scss/main.scss */
footer li a:hover { color: #D09F07; padding: 0 10px; }

/* line 115, ../scss/main.scss */
footer li a::after { background: #D09F07; content: " "; height: 2px; left: 0; top: calc(50% - 2px); opacity: 0; position: absolute; width: 0; -webkit-transition: all .5s; transition: all .5s; }

/* line 116, ../scss/main.scss */
footer li a:hover::after { opacity: 1; width: 5px; }

/**/
/* line 118, ../scss/main.scss */
footer .f_star { padding: 20px 20px 20px 50px; }

/* line 119, ../scss/main.scss */
footer .f_contact { padding: 5px 20px 20px 20px; text-align: center; }

/* line 120, ../scss/main.scss */
footer .f_contact li { display: inline-block; padding: 10px 5px; }

/* line 121, ../scss/main.scss */
footer .f_contact a { font-size: 3rem; padding: 10px 5px; }

/* line 122, ../scss/main.scss */
footer .f_contact a:hover { padding: 10px; color: #1D1D1D; }

/* line 123, ../scss/main.scss */
footer .f_contact a::after { display: none; }

/**/
/* line 125, ../scss/main.scss */
footer .colibri { position: absolute; bottom: 7px; right: 20px; }

/* line 126, ../scss/main.scss */
footer .colibri a { font-size: 3rem; color: #000; float: right; }

/*---------------*/
/* !MEDIA QUERIES MAIN */
/*---------------*/
/* 800 galaxy note & tab - nexus 10 768 ipad, 720 surface pro */
@media all and (max-width: 800px) { /* line 133, ../scss/main.scss */
  aside { width: 100%; float: none; margin: 30px auto 50px; }
  /* line 134, ../scss/main.scss */
  aside .price { padding: 10px 55px 20px; margin: 0 auto 20px; -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@media all and (max-width: 640px) { /* line 137, ../scss/main.scss */
  main > section { width: 90%; }
  /* line 138, ../scss/main.scss */
  footer section { padding: 20px 5%; width: 40%; }
  /* line 139, ../scss/main.scss */
  footer section:first-child { width: 40%; max-width: none; }
  /* line 140, ../scss/main.scss */
  footer .f_star { padding: 20px 5px; }
  /* line 141, ../scss/main.scss */
  footer .f_contact { padding: 20px 5px; text-align: left; } }
/* 480 galaxy s - 414 iphone 6s */
@media all and (max-width: 480px) { /* line 145, ../scss/main.scss */
  h2 { font-size: 2.6rem; line-height: 2.4rem; padding: 0 0 10px; }
  /* line 146, ../scss/main.scss */
  h2:before { background: url("../images/lanteuil_logo.png") no-repeat 50% 50%/75% transparent; }
  /* line 147, ../scss/main.scss */
  p { font-size: 1.3rem; }
  /* line 148, ../scss/main.scss */
  .edito { padding: 60px 20px; }
  /* line 149, ../scss/main.scss */
  .edito > div { -webkit-columns: 1; -moz-columns: 1; columns: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; text-align: justify; }
  /* line 150, ../scss/main.scss */
  footer section:first-child { width: 20%; }
  /* line 151, ../scss/main.scss */
  footer section:nth-child(2) { width: 60%; }
  /* line 152, ../scss/main.scss */
  main { overflow-x: hidden; }
  /* line 153, ../scss/main.scss */
  main > section { margin: 130px auto 0; }
  /* line 154, ../scss/main.scss */
  .galery a { width: 100%; } }
/* 414 -iphone 6s - 375 iphone 6, 360 galaxy s3, nexus , note - htc one - xperia z - */
@media all and (max-width: 414px) { /* line 158, ../scss/main.scss */
  footer section { padding: 20px 5%; width: 100%; clear: both; text-align: center !important; }
  /* line 159, ../scss/main.scss */
  footer section:first-child { display: none; }
  /* line 160, ../scss/main.scss */
  footer section:nth-child(2) { width: 100%; }
  /* line 161, ../scss/main.scss */
  footer li { text-align: center; } }
@media all and (max-width: 320px) { /* line 164, ../scss/main.scss */
  main > section { width: 100%; } }

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