a.item-list, input[type="submit"],
button,
a.btn, div#supnav .container a, footer .container > div #icon_linkedin, footer .container > div #icon_twitter, section#references .row img {
  transition: all 0.4s ease-in-out;
}

.container:before, .study:before, .container:after, .study:after {
  content: "";
  display: table;
}

.container:after, .study:after {
  clear: both;
}

*::selection {
  background: #000 none repeat scroll 0 0;
  color: #ffffff;
  outline: medium none;
  text-shadow: none;
}

* {
  box-sizing: border-box;
  font-family: "Raleway", sans-serif, sans-serif;
}

html {
  font-size: 8px;
}

@media (min-width: 992px) {
  html {
    font-size: 10px;
  }
}

body {
  background-color: #FFF;
  color: #333;
}

.container {
  margin: 0 auto;
  max-width: 1240px;
  padding: 0 20px;
  width: 100%;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.row > div {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-1 {
  flex-basis: 8.333333%;
}

.col-xs-2 {
  flex-basis: 16.666667%;
}

.col-xs-3 {
  flex-basis: 25%;
}

.col-xs-4 {
  flex-basis: 33.333333%;
}

.col-xs-5 {
  flex-basis: 41.666667%;
}

.col-xs-6 {
  flex-basis: 50%;
}

.col-xs-7 {
  flex-basis: 58.333333%;
}

.col-xs-8 {
  flex-basis: 66.666667%;
}

.col-xs-9 {
  flex-basis: 75%;
}

.col-xs-10 {
  flex-basis: 83.333333%;
}

.col-xs-11 {
  flex-basis: 91.666667%;
}

.col-xs-12 {
  flex-basis: 100%;
}

@media (min-width: 992px) {
  .col-lg-1 {
    flex-basis: 8.333333%;
  }
  .col-lg-2 {
    flex-basis: 16.666667%;
  }
  .col-lg-3 {
    flex-basis: 25%;
  }
  .col-lg-4 {
    flex-basis: 33.333333%;
  }
  .col-lg-5 {
    flex-basis: 41.666667%;
  }
  .col-lg-6 {
    flex-basis: 50%;
  }
  .col-lg-7 {
    flex-basis: 58.333333%;
  }
  .col-lg-8 {
    flex-basis: 66.666667%;
  }
  .col-lg-9 {
    flex-basis: 75%;
  }
  .col-lg-10 {
    flex-basis: 83.333333%;
  }
  .col-lg-11 {
    flex-basis: 91.666667%;
  }
  .col-lg-12 {
    flex-basis: 100%;
  }
}

img {
  max-width: 100%;
}

h1 {
  color: #FFF;
  font-family: "Raleway", sans-serif;
  font-size: 6rem;
  font-weight: 600;
  margin: 0 0 30px 0;
  text-align: center;
}

h1 span {
  display: block;
  font-size: 4rem;
  margin-bottom: 10px;
}

h1 span + span {
  font-size: 3rem;
  font-weight: 300;
}

h2 {
  font-family: "Raleway", sans-serif;
  font-size: 4rem;
  font-weight: 500;
  text-align: center;
  margin: 0 0 60px 0;
}

@media (min-width: 992px) {
  h2 {
    font-size: 5rem;
  }
}

h3 {
  font-family: "Raleway", sans-serif;
  font-size: 3rem;
  font-weight: 500;
  text-align: left;
  line-height: 1.5;
  max-width: 700px;
  margin: 40px auto 20px auto;
}

@media (min-width: 992px) {
  h3 {
    font-size: 2.8rem;
  }
}

h4 {
  font-family: "Raleway", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  text-align: left;
  margin: 0 auto 20px auto;
  max-width: 700px;
  line-height: 1.75;
}

@media (min-width: 992px) {
  h4 {
    font-size: 2.2rem;
  }
}

p,
a.item-list {
  font-size: 2rem;
  line-height: 1.75;
  max-width: 700px;
  margin: 0 auto 10px auto;
}

.in-text {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 10px auto;
}

sup {
  top: -0.3em;
}

.center {
  text-align: center;
}

@media (min-width: 992px) {
  .left-lg {
    text-align: left;
  }
}

a.item-list {
  background-image: url("../images/site/icon_link.svg");
  background-position: right center;
  background-repeat: no-repeat;
  color: #333;
  display: block;
  border-bottom: 1px solid #EDEDED;
  padding: 10px 0;
  text-decoration: none;
}

a.item-list:hover {
  border-bottom: 1px solid #333;
}

input[type="submit"],
button,
a.btn {
  background-color: #0A7180;
  border: 1px solid transparent;
  border-radius: 30px;
  color: #FFF;
  font-size: 1.8rem;
  display: inline-block;
  padding: 10px 30px;
  text-decoration: none;
}

input[type="submit"]:hover,
button:hover,
a.btn:hover {
  background: transparent;
  border-color: #0A7180;
  color: #0A7180;
  cursor: pointer;
}

header .container {
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 992px) {
  header {
    margin-top: 30px;
  }
  header .container {
    padding-top: 120px;
  }
}

body#homepage header .container img {
  display: block;
  margin: 0 auto 30px auto;
  max-width: 190px;
}

body#homepage header .container a.btn:hover {
  background-color: #FFF;
  color: #0A7180;
}

header > div {
  background: url(../images/site/header_polygon.svg) no-repeat;
  animation: animate_background_1 100s linear 0s infinite;
  height: 100%;
}

@keyframes animate_background_1 {
  0% {
    background-position: left top;
  }
  25% {
    background-position: bottom -200px center;
  }
  50% {
    background-position: right -200px top -200px;
  }
  75% {
    background-position: bottom -200px bottom;
  }
  100% {
    background-position: left top;
  }
}

header > div > div {
  background: url(../images/site/header_polygon.svg) no-repeat;
  background-size: 186px 216px;
  animation: animate_background_2 30s linear 0s infinite;
  height: 100%;
}

@keyframes animate_background_2 {
  0% {
    background-position: left -200px top -200px;
  }
  25% {
    background-position: bottom center;
  }
  50% {
    background-position: right -200px top -100px;
  }
  75% {
    background-position: bottom center;
  }
  100% {
    background-position: left -200px top -200px;
  }
}

header > div > div > div {
  background: url(../images/site/header_polygon.svg) no-repeat;
  background-size: 560px 648px;
  animation: animate_background_3 40s linear 0s infinite;
  height: 100%;
}

@keyframes animate_background_3 {
  0% {
    background-position: right top;
  }
  25% {
    background-position: bottom -200px center;
  }
  50% {
    background-position: left -200px top -200px;
  }
  75% {
    background-position: bottom -200px center;
  }
  100% {
    background-position: right top;
  }
}

header > div > div > div > div {
  background: url(../images/site/header_polygon.svg) no-repeat;
  background-size: 280px 324px;
  animation: animate_background_4 80s linear 0s infinite;
  height: 100%;
}

@keyframes animate_background_4 {
  0% {
    background-position: right -200px bottom -200px;
  }
  25% {
    background-position: top -200px center;
  }
  50% {
    background-position: left -200px bottom -200px;
  }
  75% {
    background-position: top -200px center;
  }
  100% {
    background-position: right -200px bottom -200px;
  }
}

div#supnav {
  background-color: #333;
  height: 30px;
}

div#supnav .container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: flex-end;
}

div#supnav .container a {
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  color: #FFF;
  font-size: 1.4rem;
  text-decoration: none;
}

div#supnav .container a:before {
  content: '\203A\00a0';
}

div#supnav .container a:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

div#supnav .container span {
  color: #FFF;
  font-size: 1.2rem;
}

div#supnav .container span a[href="?dcnx"]:before {
  content: '';
}

@media (min-width: 992px) {
  div#supnav {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2;
  }
  div#supnav a {
    font-size: 1.2rem;
  }
}

nav {
  background-color: #0A7180;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

nav .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
}

nav .container a {
  color: #FFF;
  display: none;
  font-size: 1.5rem;
  text-decoration: none;
}

nav .container a.show {
  display: block;
  padding: 30px;
  font-size: 2rem;
}

nav .center {
  padding: 10px 0;
}

@media (min-width: 992px) {
  nav {
    background-color: rgba(255, 255, 255, 0.1);
    height: 70px;
    top: 30px;
  }
  nav .container {
    flex-direction: row;
  }
  nav .container a:first-child {
    background: url("../images/site/logo_fz.svg") no-repeat center center;
    background-size: 47px 54px;
    text-indent: -3000px;
    height: 54px;
    width: 47px;
  }
  nav .container a {
    /*@extend %animation;*/
    display: block;
    font-size: 2rem;
  }
  nav .container a:hover {
    color: white;
  }
  nav .container a.active {
    color: white;
  }
  nav a#nav-button {
    display: none;
  }
  nav.dark-nav {
    background-color: #0A7180;
  }
}

footer {
  border-top: 1px solid #E5E5E5;
  padding-bottom: 70px;
}

footer .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  justify-content: space-between;
  padding: 20px;
}

footer .container > span {
  margin-bottom: 20px;
}

footer .container > div {
  align-items: center;
  display: flex;
}

footer .container > div a {
  margin-left: 20px;
}

footer .container > div a[href^="tel:"] {
  background: url("../images/site/icon_phone.svg") no-repeat left center;
  color: #333;
  padding: 10px 0 10px 20px;
  text-decoration: none;
}

footer .container > div #icon_linkedin polygon {
  fill: #0A7180;
}

footer .container > div #icon_linkedin #icon_linkedin_logo {
  fill: #FFF;
}

footer .container > div #icon_linkedin:hover polygon {
  stroke: #0A7180;
  stroke-width: 1px;
  fill: #FFF;
}

footer .container > div #icon_linkedin:hover #icon_linkedin_logo {
  fill: #0A7180;
}

footer .container > div #icon_twitter polygon {
  fill: #000;
}

footer .container > div #icon_twitter #icon_ltwitter_logo {
  fill: #FFF;
}

footer .container > div #icon_twitter:hover polygon {
  stroke: #0A7180;
  stroke-width: 1px;
  fill: #FFF;
}

footer .container > div #icon_twitter:hover #icon_twitter_logo {
  fill: #0A7180;
}

footer div + div {
  background-color: #EDEDED;
  padding: 20px 0;
}

footer div + div p {
  font-size: 1.2rem;
  margin-bottom: 0;
  text-align: center;
}

@media (min-width: 992px) {
  footer {
    padding-bottom: 0;
  }
  footer .container {
    flex-direction: row;
  }
  footer .container > span {
    margin-bottom: 0;
  }
}

body.frederic-zugaj header {
  background: linear-gradient(117deg, #0A7180, #09616E);
}

section:nth-child(even) {
  background-color: #FFF;
}

section:nth-child(odd) {
  background-color: #EDEDED;
}

article + section:nth-child(even) {
  background-color: #EDEDED;
}

section#studies,
section#design-process,
section#references,
section#recommandations,
section#faq,
section#about {
  padding: 120px 0;
}

section#studies .row {
  margin-bottom: 40px;
}

section#studies a {
  text-decoration: none;
}

.study {
  background-color: #FFF;
  border: 1px solid #E5E5E5;
  margin-bottom: 20px;
  width: 100%;
}

.study img {
  display: none;
}

.study div.study-info {
  padding: 20px;
}

.study div.study-info h3 {
  color: #000;
  font-size: 2rem;
  margin: 0 0 8px 0;
}

.study div.study-info h4 {
  color: #000;
  font-size: 1.8rem;
  font-weight: 300;
  margin: 0 0 7px 0;
}

.study div.study-info span.date {
  color: #8F8F8F;
  display: block;
  font-size: 1.2rem;
  margin: 0 0 30px 0;
}

.study div.study-info span.keyword-label {
  color: #000;
  display: block;
}

.study div.study-info span.keyword {
  background-color: #EDEDED;
  color: #000;
  font-size: 1.2rem;
  line-height: 3rem;
  margin-right: 10px;
  padding: 5px;
}

@media (min-width: 992px) {
  .study img {
    display: block;
    float: left;
  }
  div.study-info {
    float: left;
    width: calc(100% - 200px);
  }
}

section#design-process p, section#design-process img {
  margin-bottom: 60px;
}

section#references .row {
  margin-bottom: 50px;
}

section#references .row img {
  filter: grayscale(100%);
  margin-bottom: 20px;
}

section#references .row img:hover {
  filter: grayscale(0);
}

section#recommandations #recommandations-carousel {
  margin: 0 auto;
  max-width: 700px;
  position: relative;
}

section#recommandations #recommandations-carousel #slides {
  overflow: hidden;
  position: relative;
  width: 100%;
}

section#recommandations #recommandations-carousel #slides ul {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

section#recommandations #recommandations-carousel #slides ul li {
  width: 100%;
  float: left;
  position: relative;
}

section#recommandations #recommandations-carousel #buttons {
  margin-top: 20px;
}

section#recommandations #recommandations-carousel #buttons a {
  color: #444;
  font-size: 1.6rem;
  margin-top: 20px;
  padding: 10px;
  text-decoration: none;
}

section#recommandations #recommandations-carousel #buttons a:hover {
  color: #000;
}

.recommandation .author img {
  display: block;
  margin: 0 auto 10px auto;
}

.recommandation .author p {
  font-size: 1.2rem;
  text-align: center;
}

.recommandation .quote {
  font-size: 1.8rem;
  font-style: italic;
  padding: 0 50px;
  text-align: center;
}

section#faq p {
  margin-bottom: 60px;
}

#resume {
  background-color: #EDEDED;
  padding: 50px 0 30px 0;
}

#resume .container {
  max-width: 980px;
}

#resume .container .row > div {
  border-left: 1px solid #D8D8D8;
  margin-bottom: 20px;
}

#resume .container .row > div .resume-label {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#resume .container .row > div .resume-text {
  font-size: 1.6rem;
}

#resume .container .row > div .resume-text span.keyword {
  background-color: #FFF;
  color: #000;
  font-size: 1.2rem;
  line-height: 3rem;
  margin-right: 10px;
  padding: 5px;
}

article {
  padding: 120px 0;
}

article a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed #CCC;
}

article a:hover {
  border-bottom: 1px solid #333;
}

article ul {
  margin-bottom: 10px;
}

article ul li {
  font-size: 2rem;
  line-height: 1.5;
  max-width: 700px;
  margin: 0 auto 10px auto;
}

article ul.check {
  list-style: none;
}

article ul.check li {
  background-image: url("../images/site/icon_check.svg");
  background-position: left 10px;
  background-repeat: no-repeat;
  padding-left: 30px;
}

article p + h2,
article .row + h2,
article img + h2,
article ul + h2,
article video + h2,
article .row + h2 {
  margin-top: 100px;
}

article .testimonial {
  font-size: 2rem;
  font-style: italic;
  padding: 20px 50px;
  text-align: center;
}

article .typography img {
  margin: 10px 0 20px 0;
}

article img,
article img.in-text,
article video.in-text {
  display: block;
  margin: 20px auto 40px auto;
}

article img.bordered {
  border: 20px solid #EDEDED;
}

article img.browser {
  background-color: #F2F2F2;
  background-image: url("../images/site/browser.png");
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #F2F2F2;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-top: 24px;
}

article .study img {
  margin: 0;
}

article figure {
  padding: 20px;
  background-color: #EDEDED;
  margin: 0 0 20px 0;
}

article figure img {
  margin-bottom: 10px;
}

article figure figcaption {
  font-size: 1.4rem;
  line-height: 1;
}

article .colors {
  max-width: 700px;
  margin: 20px auto;
}

article .colors .row {
  margin-right: -25px;
  margin-left: -25px;
}

article .colors .row > div {
  padding: 0 25px;
}

article .colors .row > div .bordered {
  border: 1px solid #979797;
}

article .colors .row > div span {
  color: #444;
  display: block;
  font-size: 2rem;
  padding: 40px;
  text-align: center;
}

article span.keyword {
  background-color: #EDEDED;
  color: #000;
  line-height: 4rem;
  margin-right: 10px;
  padding: 5px;
}

article #kpi-row {
  margin: 0 auto;
  max-width: 700px;
}

article #kpi-row span.kpi {
  color: #afafaf;
  display: block;
  font-size: 9rem;
  font-weight: 700;
  text-align: center;
}

article #kpi-row span.kpi ~ p {
  font-size: 1.6rem;
  text-align: center;
}

article .career {
  margin: 0 auto 40px auto;
  max-width: 700px;
}

article .career img {
  display: block;
  margin: 10px auto 0 auto;
}

article .career h4 {
  margin-bottom: 0;
}

article .career span.business,
article .career span.customers {
  display: block;
  font-size: 1.8rem;
  line-height: 3rem;
}

article .career span.date {
  color: #333;
  display: block;
  font-size: 1.4rem;
  line-height: 3rem;
}

article #presta-more {
  background-color: #EDEDED;
  margin-top: 40px;
  padding: 50px;
}

article #presta-more h3 {
  text-align: center;
  margin-bottom: 50px;
}

article #presta-more span.keyword {
  background-color: #FFF;
}

article ul#userflows {
  background-color: #EDEDED;
  margin-bottom: 20px;
  padding: 50px;
}

article ul#userflows li {
  margin-bottom: 20px;
  max-width: 100%;
}

body.frederic-zugaj article .colors .row > div {
  padding: 0 5px;
}

body.frederic-zugaj article .colors .color-1 {
  background-color: #085078;
  color: #FFF;
}

body.frederic-zugaj article .colors .color-2 {
  background-color: #85D8CE;
  color: #FFF;
}

body.frederic-zugaj article .colors .color-3 {
  background-color: #333;
  color: #FFF;
}

body.frederic-zugaj article .colors .color-4 {
  background-color: #FFF;
  color: #333;
}

body.frederic-zugaj article .colors .color-portfolio-2023 {
  background-color: #0A7180;
  color: #FFF;
}

body.morgan-france *::selection {
  background: #cc0404 none repeat scroll 0 0;
}

body.morgan-france nav.dark-nav {
  background-color: #cc0404;
}

@media (max-width: 991px) {
  body.morgan-france nav {
    background-color: #cc0404;
  }
}

body.morgan-france header {
  background: linear-gradient(117deg, #2c7fe1, #cc0404);
}

body.morgan-france article .colors .color-1 {
  background-color: #002A5C;
  color: #FFF;
}

body.morgan-france article .colors .color-2 {
  background-color: #FFF;
}

body.morgan-france article .colors .color-3 {
  background-color: #990000;
  color: #FFF;
}

body.morgan-france article .colors .color-4 {
  background-color: #FCF8F1;
}

body.morgan-france article .colors .color-5 {
  background-color: #3D4045;
  color: #FFF;
}

body.mcphy *::selection {
  background: #004275 none repeat scroll 0 0;
}

body.mcphy nav.dark-nav {
  background-color: #004275;
}

@media (max-width: 991px) {
  body.mcphy nav {
    background-color: #004275;
  }
}

body.mcphy header {
  background: linear-gradient(117deg, #1a5583, #004275);
}

body.mcphy article .colors .color-1 {
  background-color: #004275;
  color: #FFF;
}

body.mcphy article .colors .color-2 {
  background-color: #FF6666;
  color: #FFF;
}

body.mcphy article .colors .color-3 {
  background-color: #F5F5F5;
}

body.mcphy article .colors .color-4 {
  background-color: #2F2F2F;
  color: #FFF;
}

body.seen *::selection {
  background: #1a2331 none repeat scroll 0 0;
}

body.seen nav.dark-nav {
  background-color: #1a2331;
}

@media (max-width: 991px) {
  body.seen nav {
    background-color: #1a2331;
  }
}

body.seen header {
  background: linear-gradient(117deg, #2a3950, #1a2331);
}

body.seen article .colors .color-1 {
  background-color: #2E3C54;
  color: #FFF;
}

body.seen article .colors .color-2 {
  background-color: #FFFFFF;
}

body.seen article .colors .color-3 {
  background-color: #E10032;
  color: #FFF;
}

body.seen article .colors .color-4 {
  background-color: #FFAD00;
  color: #FFF;
}

body.seen article .colors .color-5 {
  background-color: #D1D4D9;
}

body.appi *::selection {
  background: #b20b37 none repeat scroll 0 0;
}

body.appi nav.dark-nav {
  background-color: #b20b37;
}

@media (max-width: 991px) {
  body.appi nav {
    background-color: #b20b37;
  }
}

body.appi header {
  background: linear-gradient(117deg, #df0c36, #b20b37);
}

body.aledia *::selection {
  background: #36a8dc none repeat scroll 0 0;
}

body.aledia nav.dark-nav {
  background-color: #36a8dc;
}

@media (max-width: 991px) {
  body.aledia nav {
    background-color: #36a8dc;
  }
}

body.aledia header {
  background: linear-gradient(117deg, #48b8eb, #36a8dc);
}

body.exagan *::selection {
  background: #0069b8 none repeat scroll 0 0;
}

body.exagan nav.dark-nav {
  background-color: #0069b8;
}

@media (max-width: 991px) {
  body.exagan nav {
    background-color: #0069b8;
  }
}

body.exagan header {
  background: linear-gradient(117deg, #035898, #0069b8);
}

body.urvibes *::selection {
  background: #008280 none repeat scroll 0 0;
}

body.urvibes nav.dark-nav {
  background-color: #008280;
}

@media (max-width: 991px) {
  body.urvibes nav {
    background-color: #008280;
  }
}

body.urvibes header {
  background: linear-gradient(117deg, #138b89, #008280);
}

body.orange *::selection {
  background: #F16E00 none repeat scroll 0 0;
}

body.orange nav.dark-nav {
  background-color: #F16E00;
}

@media (max-width: 991px) {
  body.orange nav {
    background-color: #F16E00;
  }
}

body.orange header {
  background: linear-gradient(117deg, #FF7900, #F16E00);
}

body#connexion {
  background-color: #85d8ce;
  background: linear-gradient(135deg, #0A7180 0%, #09616E 100%);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

body#connexion section {
  background-color: transparent;
}

body#connexion section form {
  background-color: #FFF;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 40px;
  max-width: 350px;
  min-width: 300px;
  width: 90%;
}

body#connexion section form label {
  font-size: 2rem;
}

body#connexion section form input {
  border: 1px solid #CCC;
  display: block;
  font-size: 1.4rem;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
}

body#connexion section form p#loginmsg {
  color: red;
  font-size: 1.2rem;
}

body#connexion a {
  color: #FFF;
  font-size: 1.4rem;
  text-decoration: none;
}

body#contact form {
  margin: 0 auto;
  max-width: 700px;
  padding: 50px 0;
}

body#contact form p.msgok {
  background-color: #000;
  color: #FFF;
  padding: 10px;
}

body#contact form p.msgerr {
  background-color: red;
  color: #FFF;
  padding: 10px;
}

body#contact form label {
  font-size: 2rem;
}

body#contact form input[type="text"],
body#contact form input[type="email"],
body#contact form input[type="password"],
body#contact form textarea {
  border: 1px solid #CCC;
  display: block;
  font-size: 1.4rem;
  margin-bottom: 20px;
  margin-top: 5px;
  padding: 10px;
  width: 100%;
}

body#contact form input[type="text"]:focus,
body#contact form input[type="email"]:focus,
body#contact form input[type="password"]:focus,
body#contact form textarea:focus {
  border: 1px solid #000;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(90, 170, 177, 0.75);
}

body#contact form textarea {
  height: 300px;
  resize: vertical;
}

body#contact form #icity {
  display: none;
}