/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.33333%;
  }

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.33333%;
  }

  .col-md-pull-2 {
    right: 16.66667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333%;
  }

  .col-md-pull-5 {
    right: 41.66667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333%;
  }

  .col-md-pull-8 {
    right: 66.66667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333%;
  }

  .col-md-pull-11 {
    right: 91.66667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.33333%;
  }

  .col-md-push-2 {
    left: 16.66667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333%;
  }

  .col-md-push-5 {
    left: 41.66667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333%;
  }

  .col-md-push-8 {
    left: 66.66667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333%;
  }

  .col-md-push-11 {
    left: 91.66667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
.loader {
  width: 20px;
  height: 20px;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 -10px;
}

@-moz-keyframes part-anim {
  0% {
    -moz-transform: translate3d(-10px, -10px, 0);
    transform: translate3d(-10px, -10px, 0);
  }
  100% {
    -moz-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0);
  }
}
@-webkit-keyframes part-anim {
  0% {
    -webkit-transform: translate3d(-10px, -10px, 0);
    transform: translate3d(-10px, -10px, 0);
  }
  100% {
    -webkit-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0);
  }
}
@keyframes part-anim {
  0% {
    -moz-transform: translate3d(-10px, -10px, 0);
    -ms-transform: translate3d(-10px, -10px, 0);
    -webkit-transform: translate3d(-10px, -10px, 0);
    transform: translate3d(-10px, -10px, 0);
  }
  100% {
    -moz-transform: translate3d(10px, 10px, 0);
    -ms-transform: translate3d(10px, 10px, 0);
    -webkit-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0);
  }
}
.loader-part {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 1;
  -moz-animation: part-anim 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
  -webkit-animation: part-anim 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
  animation: part-anim 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}

.loader-blue {
  background: #00ade9;
  right: 0;
  bottom: 0;
  -moz-animation-direction: alternate-reverse;
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}

.loader-white {
  background: #fff;
  left: 0;
  top: 0;
}

@-moz-keyframes blend-anim {
  0% {
    -moz-transform: scale(0.01, 0.01) rotateY(0);
    transform: scale(0.01, 0.01) rotateY(0);
    -moz-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  }
  50% {
    -moz-transform: scale(1, 1) rotateY(0);
    transform: scale(1, 1) rotateY(0);
    -moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  100% {
    -moz-transform: scale(0.01, 0.01) rotateY(0);
    transform: scale(0.01, 0.01) rotateY(0);
  }
}
@-webkit-keyframes blend-anim {
  0% {
    -webkit-transform: scale(0.01, 0.01) rotateY(0);
    transform: scale(0.01, 0.01) rotateY(0);
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  }
  50% {
    -webkit-transform: scale(1, 1) rotateY(0);
    transform: scale(1, 1) rotateY(0);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  100% {
    -webkit-transform: scale(0.01, 0.01) rotateY(0);
    transform: scale(0.01, 0.01) rotateY(0);
  }
}
@keyframes blend-anim {
  0% {
    -moz-transform: scale(0.01, 0.01) rotateY(0);
    -ms-transform: scale(0.01, 0.01) rotateY(0);
    -webkit-transform: scale(0.01, 0.01) rotateY(0);
    transform: scale(0.01, 0.01) rotateY(0);
    -moz-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  }
  50% {
    -moz-transform: scale(1, 1) rotateY(0);
    -ms-transform: scale(1, 1) rotateY(0);
    -webkit-transform: scale(1, 1) rotateY(0);
    transform: scale(1, 1) rotateY(0);
    -moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  100% {
    -moz-transform: scale(0.01, 0.01) rotateY(0);
    -ms-transform: scale(0.01, 0.01) rotateY(0);
    -webkit-transform: scale(0.01, 0.01) rotateY(0);
    transform: scale(0.01, 0.01) rotateY(0);
  }
}
.loader-blend {
  background: #7fd6f4;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  -moz-animation: blend-anim 0.8s ease-in infinite;
  -webkit-animation: blend-anim 0.8s ease-in infinite;
  animation: blend-anim 0.8s ease-in infinite;
}

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

*::-moz-selection {
  color: #fff;
  background-color: #00afe7;
}
*::selection {
  color: #fff;
  background-color: #00afe7;
}

html, body, form {
  padding: 0;
  margin: 0;
}

html, body {
  min-height: 100%;
  height: 100%;
}

body {
  color: #6d6f71;
  font-family: "montserrat", Calibri, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .9em;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5 {
  font-family: "montserrat", Calibri, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

strong {
  font-weight: 600;
}

img {
  display: block;
  max-width: 100%;
  margin: auto;
}

a img {
  border: none;
}

a {
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

.container {
  width: 96%;
  max-width: 1170px;
  margin: auto;
}
.container.no-mediaqueries {
  width: 980px;
}

.center {
  display: block;
  text-align: center;
}

/* <-- common */
/* sections --> */
.sect {
  position: relative;
  padding-top: 5em;
  padding-bottom: 4em;
}
@media (min-width: 768px) {
  .sect {
    padding-top: 10em;
    padding-bottom: 8em;
  }
}

.sect-title {
  margin: 0 0 1em 0;
  color: #00afe7;
  font-size: 2em;
  font-weight: 300;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .sect-title {
    margin: 0 0 2em 0;
    font-size: 3.5em;
  }
}
.sect-title .icon {
  display: block;
  margin-bottom: .5em;
  font-size: 1.5em;
}

/* <-- sections */
/* lists --> */
@media (max-width: 767px) {
  .list p {
    text-align: center;
  }
}

.list-items {
  padding: 0;
  margin: 2em 0;
  list-style: none;
  font-weight: 300;
  font-size: 1.125em;
}
@media (min-width: 768px) {
  .list-items {
    padding-left: 1em;
    margin: 4em 0;
    font-size: 1.25em;
  }
}
.list-items:last-child {
  margin-bottom: 0;
}
.list-items > li {
  margin: 1em 0;
  text-align: center;
}
.list-items > li:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .list-items > li:after {
    content: '';
    display: block;
    width: 40%;
    height: 1px;
    margin: .75em auto -.25em auto;
    border-bottom: 1px dotted #bababa;
  }
  .list-items > li:last-child:after {
    display: none;
  }
}
@media (min-width: 768px) {
  .list-items > li {
    position: relative;
    text-align: left;
  }
  .list-items > li:before {
    content: '- ';
    position: absolute;
    left: -16px;
  }
}
.list-items > li a {
  color: #00afe7;
}
.list-items > li a:hover, .list-items > li a:focus, .list-items > li a:active {
  color: #6d6f71;
}

/* <-- lists */
/* buttons --> */
.expanding-button {
  height: 2em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.expanding-button > a {
  display: block;
  width: 50%;
  padding: .5em 1em;
  margin: 0 auto;
  position: absolute;
  left: 25%;
  z-index: 1;
  border-bottom: 1px solid #6d6f71;
  color: #6d6f71;
  font-size: 1.125em;
  font-weight: 600;
  -webkit-transition: width 0.25s ease-in-out, left 0.25s ease-in-out, border 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out, left 0.25s ease-in-out, border 0.25s ease-in-out;
  transition: width 0.25s ease-in-out, left 0.25s ease-in-out, border 0.25s ease-in-out;
}
.expanding-button > a:before, .expanding-button > a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.expanding-button > a:before {
  border-left: 1px solid #6d6f71;
  border-right: 1px solid #6d6f71;
  -webkit-transition: top 0.25s ease-in-out;
  -o-transition: top 0.25s ease-in-out;
  transition: top 0.25s ease-in-out;
}
.expanding-button > a:after {
  border-top: 1px solid #6d6f71;
  bottom: -2px;
  -webkit-transition: left 0.25s ease-in-out, right 0.25s ease-in-out;
  -o-transition: left 0.25s ease-in-out, right 0.25s ease-in-out;
  transition: left 0.25s ease-in-out, right 0.25s ease-in-out;
}
.expanding-button > a:hover, .expanding-button > a:focus, .expanding-button > a:active {
  width: 80%;
  left: 10%;
  border-bottom-color: #00afe7;
  border-bottom-width: 2px;
  color: #00afe7;
  text-decoration: none;
}
.expanding-button > a:hover:before, .expanding-button > a:focus:before, .expanding-button > a:active:before {
  top: 100%;
}
.expanding-button > a:hover:after, .expanding-button > a:focus:after, .expanding-button > a:active:after {
  left: 50%;
  right: 50%;
}
.expanding-button.white-button > a {
  border-color: #fff;
  color: #fff;
}
.expanding-button.white-button > a:before {
  border-color: #fff;
}
.expanding-button.white-button > a:after {
  border-color: #fff;
}
.expanding-button.white-button > a:hover, .expanding-button.white-button > a:focus, .expanding-button.white-button > a:active {
  border-color: #fff;
  color: #fff;
}

.floating-button {
  margin-top: 4em;
  font-size: 1.25em;
  line-height: 2.5em;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .floating-button {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.floating-button a {
  color: #00afe7;
}
.floating-button .icon {
  background: #00afe7;
  color: #fff;
  font-size: 4em;
}
.floating-button.white-button a {
  color: #fff;
}

.halo-button .icon {
  position: relative;
}
.halo-button .halo:before,
.halo-button .halo:after {
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  left: 0;
  border: 5px solid #00afe7;
  border-radius: 100px;
}
.halo-button .halo:before {
  -moz-animation: halo 6s linear infinite;
  -webkit-animation: halo 6s linear infinite;
  animation: halo 6s linear infinite;
}
.halo-button .halo:after {
  -moz-animation: halo 6s 3s linear infinite;
  -webkit-animation: halo 6s 3s linear infinite;
  animation: halo 6s 3s linear infinite;
}
.halo-button.white-button .halo:before,
.halo-button.white-button .halo:after {
  border-color: #fff;
}

@-moz-keyframes halo {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(3);
    transform: scale(3);
  }
}
@-webkit-keyframes halo {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}
@keyframes halo {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}
/* <-- buttons */
/* content --> */
.ctnt .container {
  position: relative;
}
.ctnt b {
  font-size: 1.5em;
  font-weight: 300;
}

/* <-- content */
/* header --> */
.home .head {
  height: 100%;
}

.head-banner {
  height: 4.7em;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
}
@media (min-width: 850px) {
  .head-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
  }
}

.head-title {
  display: inline-block;
  width: 96px;
  height: 65px;
  overflow: hidden;
  margin: 0 -.25em 0 16px;
  vertical-align: top;
  background: url(../img/logo-comodo-no-baseline.png) no-repeat left top;
  background-size: contain;
  text-indent: 9999em;
  -webkit-transition: width 0.25s ease-in-out, height 0.25s ease-in-out, background 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out, height 0.25s ease-in-out, background 0.25s ease-in-out;
  transition: width 0.25s ease-in-out, height 0.25s ease-in-out, background 0.25s ease-in-out;
}
@media (min-width: 1240px) {
  .head-title {
    width: 402px;
    height: 273px;
    margin: 0 -.25em 0 70px;
  }
}
.is-minified .head-title {
  width: 96px;
  height: 65px;
  background-size: contain;
}
.head-title a {
  display: block;
  height: 100%;
}

@media (max-width: 849px) {
  .head-nav-open {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1001;
    color: #00afe7;
    font-size: 3em;
  }
  .head-nav-open:after {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #fff;
    border-radius: 100px;
    line-height: 1;
  }
}
@media (min-width: 850px) {
  .head-nav-open {
    display: none;
  }
}

@media (max-width: 849px) {
  .head-nav {
    width: 100%;
    min-height: .5em;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    right: 0;
    z-index: 1000;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    -webkit-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
  }
  .head-nav-open:active + .head-nav, .head-nav.is-active {
    left: 0;
  }
}
@media (min-width: 850px) {
  .head-nav {
    float: right;
    display: inline-block;
    margin-right: -.25em;
    vertical-align: top;
    text-align: right;
    -webkit-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
  }
}

.head-nav-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.head-nav-menu > li > a {
  display: block;
  color: #000;
  text-transform: uppercase;
}
.head-nav-menu > li > a:hover, .head-nav-menu > li > a:focus, .head-nav-menu > li > a:active {
  color: #00afe7;
}
.head-nav-menu .current-menu-item a {
  color: rgba(54, 215, 237, 0.8) !important;
}
@media (max-width: 849px) {
  .head-nav-menu {
    padding: 4.7em 0 0 0;
    background: url(../img/logo-comodo-no-baseline.png) no-repeat 33% top;
    background-size: 96px 65px;
  }
  .head-nav-menu > li {
    margin: .25em 1em;
    border-bottom: 2px dotted #00afe7;
    text-align: right;
  }
  .head-nav-menu > li:last-child {
    border: none;
  }
  .head-nav-menu > li > a {
    padding: .75em 1em;
    font-size: 1.25em;
  }
}
@media (max-width: 849px) and (min-height: 567px) {
  .head-nav-menu > li {
    margin: .5em 1em;
  }
}
@media (min-width: 850px) {
  .head-nav-menu > li {
    display: inline-block;
    max-width: 160px;
    vertical-align: bottom;
    font-size: .9em;
    font-weight: 600;
    line-height: 1.125em;
    text-align: center;
  }
  .head-nav-menu > li.menu-item-133 {
    display: none;
  }
  .head-nav-menu > li > a {
    padding: 2em 1em .25em 1em;
  }
  .head-nav-menu > li:last-child > a {
    color: #00afe7;
  }
}

/* <-- header */
/* featured --> */
.feat {
  height: 100%;
  height: -webkit-calc(100% -  4.7em);
  height: -moz-calc(100% -  4.7em);
  height: calc(100% -  4.7em);
  overflow: hidden;
  position: relative;
}
@media (min-width: 1240px) {
  .feat {
    height: 100%;
  }
}
.feat .container {
  height: 100%;
}

.feat-title {
  display: none;
}

.feat-list {
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.feat-carousel .owl-wrapper-outer, .feat-carousel .owl-wrapper, .feat-carousel .owl-item {
  height: 100%;
}
.feat-carousel .owl-item {
  overflow: hidden;
}

.feat-item {
  height: 100%;
  padding-top: 4.7em;
}
.feat-item.bg-renovation_transformation {
  background: url(../img/bg-feat-renovation_transformation.jpg) no-repeat left center;
}
.feat-item.bg-amenagements_exterieurs {
  background: url(../img/bg-feat-amenagements_exterieurs.jpg) no-repeat center bottom;
}
.feat-item.bg-amenagements_interieurs {
  background: url(../img/bg-feat-amenagements_interieurs.jpg) no-repeat center bottom;
}
.feat-item.feat-bg {
  background-size: cover;
}
.feat-item .feat-shape {
  width: 320px;
  height: 160px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  color: #fff;
  font-weight: 300;
  text-align: center;
}
@media (min-width: 800px) and (min-height: 650px) {
  .feat-item .feat-shape {
    width: 560px;
    height: 330px;
    right: 200px;
  }
}
.feat-item .feat-shape:before {
  content: '';
  display: block;
  width: 225px;
  height: 400px;
  position: absolute;
  top: -50px;
  left: -15px;
  z-index: -1;
  background: #11c0e6;
  opacity: .9;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlZGRlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzExYzBlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #3eddee), color-stop(100%, #11c0e6));
  background-image: -moz-linear-gradient(left top, #3eddee 0%, #11c0e6 100%);
  background-image: -webkit-linear-gradient(left top, #3eddee 0%, #11c0e6 100%);
  background-image: linear-gradient(to right bottom, #3eddee 0%, #11c0e6 100%);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (min-width: 800px) and (min-height: 650px) {
  .feat-item .feat-shape:before {
    width: 475px;
    height: 825px;
    top: -125px;
    left: -82px;
  }
}
.feat-item .feat-shape > .feat-item {
  display: block;
  padding-top: 1.5em;
  font-size: 1.5em;
  line-height: 1.125em;
  text-transform: uppercase;
}
@media (min-width: 800px) and (min-height: 650px) {
  .feat-item .feat-shape > .feat-item {
    font-size: 3.5em;
  }
}
.feat-item .feat-shape > .expanding-button {
  bottom: 2em;
}
@media (min-width: 800px) and (min-height: 650px) {
  .feat-item .feat-shape > .expanding-button {
    bottom: 5em;
  }
}
.feat-item .feat-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.feat-item .feat-nav a {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 1em;
  position: relative;
}
.feat-item .feat-nav a:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: transform 0.25s ease-in-out, background 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out, background 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, background 0.25s ease-in-out;
}
.feat-item .feat-nav a.is-active:before, .feat-item .feat-nav a.active:before, .feat-item .feat-nav a:hover:before, .feat-item .feat-nav a:focus:before, .feat-item .feat-nav a:active:before {
  -moz-transform: rotate(45deg) scale(1.75);
  -ms-transform: rotate(45deg) scale(1.75);
  -webkit-transform: rotate(45deg) scale(1.75);
  transform: rotate(45deg) scale(1.75);
  background: #fff;
}
.feat-item .feat-nav a > span {
  display: none !important;
}

/* <-- featured */
/* banners --> */
.bann {
  min-height: 200px;
}
@media (min-width: 800px) {
  .bann {
    min-height: 400px;
  }
}
.page-id-17 .bann {
  background: url(../img/bg-feat-renovation_transformation.jpg) no-repeat center center;
  background-size: cover;
}
.page-id-19 .bann {
  background: url(../img/bg-feat-amenagements_interieurs.jpg) no-repeat center center;
  background-size: cover;
}
.page-id-21 .bann {
  background: url(../img/bg-feat-amenagements_exterieurs.jpg) no-repeat center center;
  background-size: cover;
}
.page-id-25 .bann {
  background: url(../img/bg-feat-amenagements_exterieurs.jpg) no-repeat center top;
  background-size: cover;
}
.single-offres_demploi .bann, .single-realisations .bann {
  display: none;
}

/* <-- banners */
/* services --> */
.serv .serv-title b {
  font-weight: 500;
}
@media (max-width: 991px) {
  .serv .row {
    margin: 0;
  }
}
.serv .owl-pagination {
  padding-top: 1em;
  text-align: center;
}
.serv .owl-page {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 1em;
  position: relative;
}
.serv .owl-page:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 6px;
  top: 6px;
  border: 2px solid #00afe7;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: transform 0.25s ease-in-out, background 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out, background 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, background 0.25s ease-in-out;
}
.serv .owl-page.is-active:before, .serv .owl-page.active:before, .serv .owl-page:hover:before, .serv .owl-page:focus:before, .serv .owl-page:active:before {
  -moz-transform: rotate(45deg) scale(1.75);
  -ms-transform: rotate(45deg) scale(1.75);
  -webkit-transform: rotate(45deg) scale(1.75);
  transform: rotate(45deg) scale(1.75);
  background: #00afe7;
}
.serv .owl-page > span {
  display: none !important;
}
.serv .owl-buttons > div {
  top: 5.25em;
}
.serv .owl-buttons > div.owl-prev {
  left: -10px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  position: absolute;
  border-top: 2px solid #00afe7;
  border-right: 2px solid #00afe7;
  text-indent: 9999em;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.serv .owl-buttons > div.owl-next {
  right: -10px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  position: absolute;
  border-top: 2px solid #00afe7;
  border-right: 2px solid #00afe7;
  text-indent: 9999em;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.serv-item {
  padding-bottom: 3em;
  position: relative;
}

.serv-item-title {
  margin: 0;
  font-size: 1.375em;
  font-weight: 300;
  line-height: 1.25em;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 540px) {
  .serv-item-title {
    font-size: 1.875em;
  }
}

.serv-item-icon {
  display: block;
  margin-bottom: .25em;
  color: #00afe7;
  font-size: 2em;
}

.serv-item-image {
  margin: 1.5em auto;
}

.serv-item-content > p {
  margin: 1.5em 0;
}

/* <-- services */
/* travaux --> */
.trav {
  min-height: 540px;
  overflow: hidden;
  position: relative;
  background: url(../img/bg-trav.jpg) no-repeat center top;
  color: #fff;
}
@media (min-width: 1240px) {
  .trav {
    height: 744px;
  }
}
.trav > .container {
  height: 100%;
  position: relative;
}
@media (min-width: 1240px) {
  .trav > .container:before {
    content: '';
    display: block;
    width: 267px;
    height: 180px;
    position: absolute;
    top: 0;
    right: -98px;
    background: url(../img/logo-comodo-top.png) no-repeat center center;
  }
}

.trav-title {
  padding-top: 2em;
  margin: 0;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.125em;
}
@media (min-width: 540px) {
  .trav-title {
    font-size: 2.5em;
  }
  .trav-title > span {
    display: block;
  }
}
@media (min-width: 1240px) {
  .trav-title {
    width: 40%;
    min-width: 480px;
  }
}

@media (max-width: 1239px) {
  .trav-hotspots {
    position: relative;
  }
}

@media (max-width: 1239px) {
  .trav-item {
    display: inline-block;
    margin: 1em .5em 1em 0;
  }
  .trav-item:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1240px) {
  .trav-item {
    position: absolute;
    /*
    &:nth-child(1) { // trowel
    	top: 10%;
    	left: 50%;
    }
    &:nth-child(2) { // helmet
    	top: 35%;
    	left: 85%;
    }
    &:nth-child(3) { // hammer
    	top: 60%;
    	left: 55%;
    }
    &:nth-child(4) { // barrow
    	top: 40%;
    	left: 15%;
    }
    */
  }
  .trav-item:nth-child(1) {
    top: 10%;
    left: 50%;
  }
  .trav-item:nth-child(2) {
    top: 45%;
    left: 35%;
  }
  .trav-item:nth-child(3) {
    top: 60%;
    left: 70%;
  }
}

.trav-item-open {
  color: #fff;
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
.trav-item-open:hover, .trav-item-open:focus, .trav-item-open:active {
  color: #1b5f76;
}

.trav-item-icon {
  font-size: 3.5em;
}
@media (min-width: 1240px) {
  .trav-item-icon {
    font-size: 4em;
  }
}

.trav-item-content {
  position: absolute;
  padding-right: 1em;
}
@media (min-width: 540px) {
  .trav-item-content {
    width: 360px;
    padding-right: 0;
  }
}
@media (max-width: 1239px) {
  .trav-item-content {
    top: 10em;
    left: 0;
    margin-top: -4em;
  }
}
@media (min-width: 1240px) {
  .trav-item-content {
    top: 0;
    left: 5em;
  }
  .trav-item:nth-child(2) .trav-item-content {
    /*left: -380px;
    @include calc(left, "-360px - 1em");*/
    left: -360px;
    left: -webkit-calc(-340px - 1em);
    left: -moz-calc(-340px - 1em);
    left: calc(-340px - 1em);
    width: 340px;
  }
}

.trav-item-title {
  margin: 0;
  font-size: 1.25em;
  text-transform: uppercase;
}

.trav-item-text {
  margin: 1em 0;
}

/* <-- travaux */
/* hotspots --> */
.htsp-item-open {
  display: inline-block;
  cursor: pointer;
}

.htsp-item-content {
  position: absolute;
  opacity: 0;
  cursor: default;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.no-opacity .htsp-item-content {
  display: none;
}
.htsp-item-open:hover + .htsp-item-content, .htsp-item-open:focus + .htsp-item-content, .htsp-item-open:active + .htsp-item-content {
  opacity: 1;
}
.no-opacity .htsp-item-open:hover + .htsp-item-content, .no-opacity .htsp-item-open:focus + .htsp-item-content, .no-opacity .htsp-item-open:active + .htsp-item-content {
  display: block;
}

/* <-- hotspots */
/* forces --> */
/* <-- forces */
/* apropos --> */
.aprp {
  height: 787px;
  padding-bottom: 4em;
  background: url(../img/bg-aprp.jpg) no-repeat center center;
  color: #fff;
  text-align: center;
}
.aprp > .container {
  height: 100%;
  position: relative;
}

.aprp-title {
  color: #fff;
}
@media (min-width: 1240px) {
  .aprp-title {
    margin-top: 1em;
  }
}

.aprp-content {
  margin: auto;
  font-weight: 300;
  line-height: 1.5em;
}
@media (min-width: 768px) {
  .aprp-content {
    width: 60%;
    min-width: 480px;
    font-size: 1.25em;
  }
}

@media (min-width: 1240px) {
  .aprp-icons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.aprp-icons-list {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  font-weight: 300;
  line-height: 1.25em;
}
@media (min-width: 1240px) {
  .aprp-icons-list {
    width: 60%;
    min-width: 480px;
  }
}
.aprp-icons-list .cols-item {
  margin: 1em 0;
}
.aprp-icons-list .col-xs-6 {
  padding-left: 0;
  padding-right: 0;
}

.aprp-link {
  color: #fff;
  text-transform: uppercase;
}
.aprp-link:hover, .aprp-link:focus, .aprp-link:active {
  color: #00afe7;
}

.aprp-icon {
  display: block;
  margin-bottom: .25em;
  font-size: 4em;
}

/* <-- apropos */
/* galerie --> */
.gall {
  padding: 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .gall .row {
    margin: 0;
  }
}
.gall .owl-pagination {
  padding-bottom: 1em;
  text-align: center;
}
.gall .owl-page {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 1em;
  position: relative;
}
.gall .owl-page:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 6px;
  top: 6px;
  border: 2px solid #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: transform 0.25s ease-in-out, background 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out, background 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, background 0.25s ease-in-out;
}
.gall .owl-page.is-active:before, .gall .owl-page.active:before, .gall .owl-page:hover:before, .gall .owl-page:focus:before, .gall .owl-page:active:before {
  -moz-transform: rotate(45deg) scale(1.75);
  -ms-transform: rotate(45deg) scale(1.75);
  -webkit-transform: rotate(45deg) scale(1.75);
  transform: rotate(45deg) scale(1.75);
  background: #fff;
}
.gall .owl-page > span {
  display: none !important;
}
.gall .owl-buttons > div {
  top: 10em;
}
.gall .owl-buttons > div.owl-prev {
  left: 0;
  width: 18px;
  height: 18px;
  overflow: hidden;
  position: absolute;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  text-indent: 9999em;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.gall .owl-buttons > div.owl-next {
  right: 0;
  width: 18px;
  height: 18px;
  overflow: hidden;
  position: absolute;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  text-indent: 9999em;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.gall-head {
  padding: 3em 0;
  background: rgba(54, 215, 237, 0.8);
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .gall-head {
    min-height: 15em;
    padding: 6em 0 .5em 0;
  }
}
@media (min-width: 1024px) {
  .gall-head .container:after {
    content: '';
    display: block;
    width: 500px;
    height: 1000px;
    position: absolute;
    right: -250px;
    top: -500px;
    z-index: -1;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

.gall-title {
  margin-bottom: 0;
  color: #fff;
}
@media (min-width: 768px) {
  .gall-title {
    margin-bottom: .75em;
  }
}

.gall-nav {
  text-align: center;
}
.gall-nav > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.gall-nav > ul > li {
  display: inline;
  line-height: .75em;
}
.gall-nav > ul > li > a {
  display: inline-block;
  padding: .5em 1em;
  color: #00afe7;
}
.gall-nav > ul > li > a:hover, .gall-nav > ul > li > a:focus, .gall-nav > ul > li > a:active, .gall-nav > ul > li > a.active {
  color: #fff;
}
@media (max-width: 767px) {
  .gall-nav {
    display: none;
  }
}

.gall-pics {
  display: none;
  position: relative;
  padding: 8em 0 4em 0;
  overflow: hidden;
  background: #00afe7;
  color: #fff;
}
@media (min-width: 768px) {
  .gall-pics {
    padding: 15em 0 2em 0;
  }
}
@media (min-width: 1024px) {
  .gall-pics .container:after {
    content: '';
    display: block;
    width: 1000px;
    height: 500px;
    position: absolute;
    z-index: 1;
    left: -700px;
    bottom: -250px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.gall-pics-item {
  position: relative;
  padding-bottom: 3em;
  margin: 2em 0;
}
.gall-pics-item .expanding-button {
  font-size: .8em;
}
.gall-pics-item a {
  display: block;
  overflow: hidden;
}
.gall-pics-item a img {
  -webkit-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.gall-pics-item a:hover img, .gall-pics-item a:focus img, .gall-pics-item a:active img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.gall-pics-image-link {
  position: relative;
}

.gall-highlight {
  position: relative;
  overflow: hidden;
  -webkit-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.gall-highlight.is-hidden {
  height: 0;
}
@media (min-width: 1240px) {
  .single-realisations .gall-highlight {
    padding-top: 4.7em;
  }
}
@media (min-width: 1024px) {
  .gall-highlight:before {
    content: '';
    display: block;
    width: 4.5em;
    height: 1500px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0.15)));
    background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.15) 100%);
    background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.15) 100%);
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.15) 100%);
  }
  .gall-highlight:after {
    content: '';
    display: block;
    width: 4.5em;
    height: 1500px;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0.15)));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.15) 100%);
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.15) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.15) 100%);
  }
}

.gall-highlight-photos nav a {
  color: #000;
  position: absolute;
  top: 40%;
  z-index: 2;
}
.gall-highlight-photos nav a:hover, .gall-highlight-photos nav a:focus, .gall-highlight-photos nav a:active {
  color: #00afe7;
}
.gall-highlight-photos nav a.prev {
  left: 5px;
}
.gall-highlight-photos nav a.next {
  right: 5px;
}
.gall-highlight-photos nav a.gall-highlight-close {
  top: -10px;
  right: 7px;
}
@media (min-width: 850px) {
  .gall-highlight-photos nav a.gall-highlight-close {
    top: 4.2em;
  }
}
.gall-highlight-photos nav a .icon {
  font-size: 3.5em;
}

.gall-highlight-banner {
  padding: 2em 0;
  color: #fff;
}
@media (min-width: 1024px) {
  .gall-highlight-banner {
    position: absolute;
    z-index: 1;
    bottom: 3em;
    left: 0;
    right: 0;
  }
}
.gall-highlight-banner:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: #00afe7;
  opacity: .7;
}
.gall-highlight-banner .container {
  position: relative;
}
.gall-highlight-banner .cols-item + .cols-item {
  position: static;
}
.gall-highlight-banner p {
  margin-bottom: 0;
}
.gall-highlight-banner .floating-button {
  position: static;
  bottom: auto;
  right: auto;
}

.gall-highlight-title {
  font-size: 1.5em;
  margin: 0;
}
.gall-highlight-title .gall-highlight-close {
  vertical-align: middle;
  margin-left: .5em;
}
.gall-highlight-title .gall-highlight-close:hover, .gall-highlight-title .gall-highlight-close:focus, .gall-highlight-title .gall-highlight-close:active {
  color: #00afe7;
}

/* <-- galerie */
/* emploi --> */
.empl-nav-link {
  display: block;
  padding: 15px;
  margin: 1em 0;
  background: #00afe7;
  color: #fff;
  font-size: 1.125em;
  line-height: 1.25em;
  -webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
}
.empl-nav-link:hover, .empl-nav-link:focus, .empl-nav-link:active {
  background: #bababa;
  color: #6d6f71;
}
.empl-nav-link .time {
  color: #6d6f71;
  font-size: .625em;
}

@media (min-width: 768px) {
  .empl-icon {
    display: block;
    text-align: center;
  }
}
.empl-icon .icon {
  display: inline-block;
  margin: .125em auto .125em auto;
  vertical-align: top;
  font-size: 2em;
}
@media (min-width: 768px) {
  .empl-icon .icon {
    font-size: 5em;
  }
}

.single .empl-title {
  font-size: 2.5em;
}
.empl-title .time {
  color: #6d6f71;
  font-size: .625em;
}

.empl-job-title {
  margin: .5em 0;
  color: #00afe7;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.25em;
  text-transform: uppercase;
}
.empl-job-title .icon {
  font-size: 1.5em;
  margin-right: 10px;
  vertical-align: middle;
}

.empl-job-hr {
  height: 1px;
  margin: 1em 0;
  border-bottom: 1px dotted #bababa;
}

.empl-nav-col .time {
  font-size: .625em;
}

.empl-nav-col {
  border-left: 1px dotted #bababa;
}
.empl-nav-col .list-items {
  margin-top: 0;
}

.empl-nav-col-title {
  margin: 2.5em 0 .5em 0;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.25em;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .empl-nav-col-title {
    margin: .5em 0;
    font-size: 1.25em;
    text-align: left;
  }
}

.single-offres_demploi .empl-job ul {
  padding: 0;
  margin: 0 0 0 25px;
  position: relative;
  list-style: none;
}
.single-offres_demploi .empl-job ul > li:before {
  content: '- ';
  position: absolute;
  left: -16px;
}

/* <-- emploi */
/* plusvalue --> */
.plus {
  border-top: 1px solid #bababa;
  text-align: center;
}

.plus-title {
  display: none;
}

.plus-icons {
  margin: 0 auto .5em auto;
  color: #bababa;
  font-size: 7em;
}
@media (min-width: 540px) {
  .plus-icons {
    width: 320px;
  }
}

.plus-content {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.5em;
}
@media (min-width: 540px) {
  .plus-content {
    font-size: 1.5em;
  }
}
.plus-content p {
  margin: 2em 0;
}
.plus-content p b {
  display: inline-block;
  padding: .5em 1em;
  color: #00afe7;
  font-weight: 600;
  line-height: 1.25em;
}
@media (min-width: 540px) {
  .plus-content p b {
    font-size: 1.25em;
  }
}

/* <-- plusvalue */
/* forms --> */
.form-row-submit {
  position: relative;
  text-align: right;
}
@media (min-width: 768px) {
  .form-row-submit {
    text-align: left;
  }
}

.form-input {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: .75em 1em;
  background: #00afe7;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  font-size: 1.25em;
  font-weight: 300;
  -webkit-transition: background-color 0.25s ease-in-out;
  -o-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}
.form-input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.form-input:-ms-input-placeholder {
  color: #fff;
}
.form-input::-webkit-input-placeholder {
  color: #fff;
}
.form-input:hover, .form-input:focus, .form-input:active {
  background: rgba(255, 255, 255, 0.5);
}

.form-button {
  width: 115px;
  padding: .75em 1em;
  margin-top: .75em;
  background: #00afe7;
  background: rgba(255, 255, 255, 0.5);
  border: none;
  font-size: 1.25em;
  font-weight: 300;
  -webkit-transition: background-color 0.25s ease-in-out;
  -o-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}
.form-button:hover, .form-button:focus, .form-button:active {
  background: rgba(255, 255, 255, 0.5);
}
@media (min-width: 768px) {
  .form-button {
    margin-top: 0;
    position: absolute;
    right: 0;
    background: rgba(255, 255, 255, 0.3);
  }
  .dirs-form-row .form-button {
    top: 0;
    bottom: 0;
  }
  .ctct-form-row .form-button {
    bottom: 2px;
  }
  .webkit .ctct-form-row .form-button {
    bottom: 6px;
  }
}

/* <-- forms */
/* directions --> */
.dirs-title {
  margin: 1em 0 .75em 0;
  font-size: 1.75em;
  font-weight: 300;
}

.dirs-form-row {
  margin: 0;
}

.dirs-content .adp, .dirs-content .adp table {
  font-family: "montserrat", Calibri, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dirs-content .adp-placemark {
  background: #00afe7;
  background: rgba(255, 255, 255, 0.3);
  border: none;
}
.dirs-content .adp-marker {
  margin: 5px 15px;
}
.dirs-content .adp-text {
  font-weight: bold;
}
.dirs-content .adp-directions {
  width: 100%;
}
.dirs-content .adp-step, .dirs-content .adp-substep {
  border-top: 1px dotted rgba(54, 215, 237, 0.8);
}
.dirs-content .adp-legal {
  padding-bottom: 50px;
  color: #fff;
  font-size: .75em;
}

/* <-- directions */
/* contact --> */
.ctct {
  min-height: 587px;
  padding-top: 1.5em;
  background: #19bde6 url(../img/bg-ctct.jpg) no-repeat center top;
  color: #fff;
}

.ctct-title {
  margin: 1em 0 .75em 0;
  font-size: 1.75em;
  font-weight: 300;
}
@media (min-width: 992px) {
  .ctct-title {
    display: none;
  }
}

.ctct-map {
  width: 100%;
  position: relative;
  padding-top: 48.10127%;
  min-height: 400px;
  /*background: url(../img/map.jpg) no-repeat center center;
  background-size: cover;*/
  -webkit-box-shadow: 0 0 10px -5px #000000;
  box-shadow: 0 0 10px -5px #000000;
}
.ctct-map > .map-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #000;
  text-align: left;
}
.ctct-map > .map-content:before {
  content: '';
  width: 98px;
  height: 141px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 998;
  background: url(../img/logo-comodo-right.png) no-repeat center center;
}
.ctct-map > .map-content p {
  line-height: 1.125em;
}
.ctct-map > .map-content img {
  float: right;
  max-width: none;
}
.ctct-map > .map-content [itemprop=addressCountry] span {
  display: none;
}

.ctct-form .parsley-errors-list {
  padding: 0;
  margin: 0;
  list-style: none;
  color: #dc5555;
  font-size: .75em;
}
.ctct-form .loader {
  top: auto;
  left: auto;
  bottom: 15px;
  right: 47px;
  margin: 0;
}

.ctct-form-row {
  margin: 1.25em 0;
}
.ctct-form-row:first-child, .ctct-title + .ctct-form-row {
  margin-top: 0;
}

textarea.ctct-input {
  height: 14em;
}

.ctct-form-results {
  padding-bottom: 1em;
  font-size: 1.25em;
  text-transform: uppercase;
}
.ctct-form-results.is-hidden {
  display: none;
}

/* <-- contact */
/* footer --> */
.foot {
  height: 450px;
  padding-top: 8em;
  background: url(../img/bg-foot.jpg) no-repeat center center;
  color: #000;
  font-size: 1.125em;
  font-weight: 300;
  text-align: center;
}
.foot > .container {
  height: 100%;
  position: relative;
}
.foot a {
  color: #000;
}
.foot a:hover, .foot a:focus, .foot a:active {
  color: #00afe7;
}

.foot-address {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.foot-address br {
  display: none;
}
.foot-address .address-group {
  display: block;
}
.foot-address .address-group .address-element {
  display: block;
}
@media (min-width: 560px) {
  .foot-address .address-group .address-element {
    display: inline-block;
  }
  .foot-address .address-group .address-element:before {
    content: ' | ';
    margin: 0 .25em;
    color: #00afe7;
    font-weight: normal;
  }
  .foot-address .address-group .address-element:first-child:before {
    display: none;
  }
}
.foot-address .address-group .address-element[itemprop=name] {
  display: none;
}
.foot-address .address-group .address-element[itemprop=addressCountry] span {
  display: none;
}

.foot-logo {
  margin: 1em 0;
}
.foot-logo img {
  padding-left: 27px;
}

/* <-- footer */
/* copy --> */
.copy {
  padding-bottom: 1em;
  color: #000;
  font-size: .9em;
  font-weight: 300;
  text-align: right;
}
.copy p {
  margin: 0;
}
.copy a {
  display: inline-block;
  min-height: 35px;
  padding-right: 45px;
  background: url(../img/noosphere.png) no-repeat right top;
  color: #000;
}
.copy a:hover, .copy a:focus, .copy a:active {
  color: #f60;
}

.copy-bg {
  height: 20px;
  background: url(../img/bg-ctct.jpg) no-repeat center bottom;
}

/* <-- copy */