/*!
Theme Name: Bertarelli Marine Science
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bertarelli_marine_science
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bertarelli Marine Science is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
@-webkit-keyframes bgsizeandrotate {
  0% {
    background-size: 210px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 200px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 190px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 180px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 195px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 210px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bgsizeandrotate {
  0% {
    background-size: 210px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 200px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 190px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 180px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 195px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 210px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bgsizeandrotate {
  0% {
    background-size: 210px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 200px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 190px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 180px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 195px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 210px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bgsizeandrotate {
  0% {
    background-size: 210px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 200px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 190px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 180px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 195px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 210px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes bgsizeandrotate180 {
  0% {
    background-size: 180px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 170px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 160px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 150px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 165px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 180px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bgsizeandrotate180 {
  0% {
    background-size: 180px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 170px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 160px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 150px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 165px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 180px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bgsizeandrotate180 {
  0% {
    background-size: 180px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 170px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 160px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 150px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 165px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 180px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bgsizeandrotate180 {
  0% {
    background-size: 180px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 170px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 160px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 150px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 165px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 180px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes bgsizeandrotate270 {
  0% {
    background-size: 270px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 260px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 250px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 240px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 255px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 270px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bgsizeandrotate270 {
  0% {
    background-size: 270px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 260px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 250px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 240px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 255px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 270px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bgsizeandrotate270 {
  0% {
    background-size: 270px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 260px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 250px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 240px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 255px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 270px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bgsizeandrotate270 {
  0% {
    background-size: 270px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 260px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 250px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 240px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 255px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 270px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes bgsizeandrotate720 {
  0% {
    background-size: 720px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 700px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 680px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 670px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 695px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 720px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bgsizeandrotate720 {
  0% {
    background-size: 720px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 700px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 680px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 670px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 695px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 720px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bgsizeandrotate720 {
  0% {
    background-size: 720px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 700px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 680px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 670px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 695px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 720px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bgsizeandrotate720 {
  0% {
    background-size: 720px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 700px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 680px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 670px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 695px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 720px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes bgsizeandrotate520 {
  0% {
    background-size: 520px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 510px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 500px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 490px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 505px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 520px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bgsizeandrotate520 {
  0% {
    background-size: 520px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 510px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 500px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 490px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 505px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 520px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bgsizeandrotate520 {
  0% {
    background-size: 520px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 510px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 500px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 490px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 505px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 520px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bgsizeandrotate520 {
  0% {
    background-size: 520px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 510px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 500px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 490px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 505px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 520px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes bgsizeandrotate600 {
  0% {
    background-size: 620px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 610px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 600px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 590px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 605px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 620px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bgsizeandrotate600 {
  0% {
    background-size: 620px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 610px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 600px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 590px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 605px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 620px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bgsizeandrotate600 {
  0% {
    background-size: 620px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 610px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 600px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 590px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 605px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 620px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bgsizeandrotate600 {
  0% {
    background-size: 620px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 610px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 600px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 590px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 605px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 620px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes masksize {
  0% {
    -webkit-mask-size: 560px 480px;
    /* Chrome, iOS, Safari */
    mask-size: 560px 480px;
    /* None yet / Non-standard */ }
  20% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ }
  40% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  60% {
    -webkit-mask-size: 530px 450px;
    /* Chrome, iOS, Safari */
    mask-size: 530px 450px;
    /* None yet / Non-standard */ }
  80% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  100% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ } }

@-moz-keyframes masksize {
  0% {
    -webkit-mask-size: 560px 480px;
    /* Chrome, iOS, Safari */
    mask-size: 560px 480px;
    /* None yet / Non-standard */ }
  20% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ }
  40% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  60% {
    -webkit-mask-size: 530px 450px;
    /* Chrome, iOS, Safari */
    mask-size: 530px 450px;
    /* None yet / Non-standard */ }
  80% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  100% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ } }

@-ms-keyframes masksize {
  0% {
    -webkit-mask-size: 560px 480px;
    /* Chrome, iOS, Safari */
    mask-size: 560px 480px;
    /* None yet / Non-standard */ }
  20% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ }
  40% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  60% {
    -webkit-mask-size: 530px 450px;
    /* Chrome, iOS, Safari */
    mask-size: 530px 450px;
    /* None yet / Non-standard */ }
  80% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  100% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ } }

@keyframes masksize {
  0% {
    -webkit-mask-size: 560px 480px;
    /* Chrome, iOS, Safari */
    mask-size: 560px 480px;
    /* None yet / Non-standard */ }
  20% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ }
  40% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  60% {
    -webkit-mask-size: 530px 450px;
    /* Chrome, iOS, Safari */
    mask-size: 530px 450px;
    /* None yet / Non-standard */ }
  80% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  100% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ } }

/* Template container sizes */
/* Useful classes */
.container-full {
  width: 100%;
  margin-bottom: 20px; }
  .container-full.noMargins {
    margin: 0; }

[class*="container-"] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 0 auto; }

.container-14 {
  width: 1300px; }

.container-13 {
  width: 1205px; }

.container-12 {
  width: 1110px; }

.container-11 {
  width: 1015px; }

.container-10 {
  width: 920px; }

.container-9 {
  width: 825px; }

.container-8 {
  width: 730px; }

.container-7 {
  width: 635px; }

.container-6 {
  width: 540px; }

.container-5 {
  width: 445px; }

.container-4 {
  width: 350px; }

.container-3 {
  width: 255px; }

.container-2 {
  width: 160px; }

.container-1 {
  width: 65px; }

[class*="col-"] {
  margin-right: 30px; }

[class*="col-"].flexEnd {
  margin-right: 0;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end; }

.col-13 {
  width: 1205px; }

.col-12 {
  width: 1110px; }

.col-11 {
  width: 1015px; }

.col-10 {
  width: 920px; }

.col-9 {
  width: 825px; }

.col-8 {
  width: 730px; }

.col-7 {
  width: 635px; }

.col-6 {
  width: 540px; }

.col-5 {
  width: 445px; }

.col-4 {
  width: 350px; }

.col-3 {
  width: 255px; }

.col-2 {
  width: 160px; }

.col-1 {
  width: 65px; }

@media screen and (max-width: 767px) {
  [class*="container-"] {
    width: 100%;
    display: block; }
  [class*="col-"] {
    width: 100%;
    display: block; } }

@media screen and (min-width: 768px) and (max-width: 979px) {
  .container-14, .container-13, .container-12, .container-11, .container-10, .container-9 {
    width: 100%; } }

@media screen and (min-width: 980px) and (max-width: 1139px) {
  .container-14, .container-13, .container-12, .container-11 {
    width: 100%; } }

@media screen and (min-width: 1140px) and (max-width: 1220px) {
  .container-14, .container-13, .container-12, .container-11 {
    width: 100%; } }

@-webkit-keyframes bgsizeandrotate {
  0% {
    background-size: 210px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 200px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 190px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 180px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 195px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 210px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bgsizeandrotate {
  0% {
    background-size: 210px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 200px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 190px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 180px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 195px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 210px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bgsizeandrotate {
  0% {
    background-size: 210px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 200px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 190px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 180px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 195px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 210px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bgsizeandrotate {
  0% {
    background-size: 210px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 200px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 190px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 180px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 195px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 210px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes bgsizeandrotate180 {
  0% {
    background-size: 180px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 170px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 160px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 150px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 165px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 180px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bgsizeandrotate180 {
  0% {
    background-size: 180px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 170px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 160px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 150px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 165px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 180px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bgsizeandrotate180 {
  0% {
    background-size: 180px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 170px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 160px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 150px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 165px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 180px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bgsizeandrotate180 {
  0% {
    background-size: 180px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 170px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 160px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 150px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 165px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 180px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes bgsizeandrotate270 {
  0% {
    background-size: 270px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 260px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 250px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 240px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 255px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 270px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bgsizeandrotate270 {
  0% {
    background-size: 270px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 260px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 250px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 240px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 255px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 270px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bgsizeandrotate270 {
  0% {
    background-size: 270px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 260px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 250px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 240px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 255px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 270px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bgsizeandrotate270 {
  0% {
    background-size: 270px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 260px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 250px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 240px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 255px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 270px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes bgsizeandrotate720 {
  0% {
    background-size: 720px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 700px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 680px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 670px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 695px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 720px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bgsizeandrotate720 {
  0% {
    background-size: 720px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 700px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 680px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 670px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 695px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 720px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bgsizeandrotate720 {
  0% {
    background-size: 720px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 700px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 680px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 670px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 695px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 720px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bgsizeandrotate720 {
  0% {
    background-size: 720px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 700px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 680px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 670px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 695px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 720px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes bgsizeandrotate520 {
  0% {
    background-size: 520px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 510px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 500px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 490px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 505px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 520px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bgsizeandrotate520 {
  0% {
    background-size: 520px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 510px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 500px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 490px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 505px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 520px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bgsizeandrotate520 {
  0% {
    background-size: 520px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 510px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 500px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 490px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 505px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 520px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bgsizeandrotate520 {
  0% {
    background-size: 520px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 510px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 500px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 490px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 505px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 520px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes bgsizeandrotate600 {
  0% {
    background-size: 620px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 610px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 600px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 590px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 605px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 620px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bgsizeandrotate600 {
  0% {
    background-size: 620px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 610px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 600px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 590px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 605px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 620px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bgsizeandrotate600 {
  0% {
    background-size: 620px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 610px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 600px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 590px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 605px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 620px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bgsizeandrotate600 {
  0% {
    background-size: 620px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% {
    background-size: 610px;
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  40% {
    background-size: 600px;
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  60% {
    background-size: 590px;
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  80% {
    background-size: 605px;
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  100% {
    background-size: 620px;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes masksize {
  0% {
    -webkit-mask-size: 560px 480px;
    /* Chrome, iOS, Safari */
    mask-size: 560px 480px;
    /* None yet / Non-standard */ }
  20% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ }
  40% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  60% {
    -webkit-mask-size: 530px 450px;
    /* Chrome, iOS, Safari */
    mask-size: 530px 450px;
    /* None yet / Non-standard */ }
  80% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  100% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ } }

@-moz-keyframes masksize {
  0% {
    -webkit-mask-size: 560px 480px;
    /* Chrome, iOS, Safari */
    mask-size: 560px 480px;
    /* None yet / Non-standard */ }
  20% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ }
  40% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  60% {
    -webkit-mask-size: 530px 450px;
    /* Chrome, iOS, Safari */
    mask-size: 530px 450px;
    /* None yet / Non-standard */ }
  80% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  100% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ } }

@-ms-keyframes masksize {
  0% {
    -webkit-mask-size: 560px 480px;
    /* Chrome, iOS, Safari */
    mask-size: 560px 480px;
    /* None yet / Non-standard */ }
  20% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ }
  40% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  60% {
    -webkit-mask-size: 530px 450px;
    /* Chrome, iOS, Safari */
    mask-size: 530px 450px;
    /* None yet / Non-standard */ }
  80% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  100% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ } }

@keyframes masksize {
  0% {
    -webkit-mask-size: 560px 480px;
    /* Chrome, iOS, Safari */
    mask-size: 560px 480px;
    /* None yet / Non-standard */ }
  20% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ }
  40% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  60% {
    -webkit-mask-size: 530px 450px;
    /* Chrome, iOS, Safari */
    mask-size: 530px 450px;
    /* None yet / Non-standard */ }
  80% {
    -webkit-mask-size: 540px 460px;
    /* Chrome, iOS, Safari */
    mask-size: 540px 460px;
    /* None yet / Non-standard */ }
  100% {
    -webkit-mask-size: 550px 470px;
    /* Chrome, iOS, Safari */
    mask-size: 550px 470px;
    /* None yet / Non-standard */ } }

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0 0 0.67em 0; }

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Palanquin", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  clear: both; }

p {
  margin-bottom: 1.5em; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fcfcfc;
  /* Fallback for when there is no custom background color defined. */ }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

.button {
  padding: 9px 25px;
  text-decoration: none;
  /*
  &.radius22 { border-radius:42px; padding: 9px 25px; text-decoration: none;
    i.icon-arrow-right{font-size: 23px; margin-left: 10px; vertical-align: middle;}
  }*/ }
  .button.filledOrange {
    background-color: #ff6f6a;
    border: solid 1px #ff6f6a;
    color: white;
    font-family: "Palanquin", sans-serif; }
    .button.filledOrange:hover {
      background-color: white;
      color: #ff6f6a; }
  .button.filledBlue {
    background-color: #0093C9;
    color: white;
    font-family: "Palanquin", sans-serif; }
    .button.filledBlue:hover {
      background-color: white;
      color: #0093C9; }
  .button.borderWhite {
    color: white;
    border: 1px solid white;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Palanquin", sans-serif; }
    .button.borderWhite:hover {
      background-color: white;
      border: 1px solid white;
      color: #0093C9; }
  .button.borderBlue {
    color: #0093C9;
    border: 1px solid #014888;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Palanquin", sans-serif; }
    .button.borderBlue:hover {
      background-color: #014888;
      border: 1px solid #014888;
      color: white; }
  .button i.icon-arrow-right {
    font-size: 23px;
    margin-left: 10px;
    vertical-align: middle; }
  .button:hover {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.flexContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.shapeDefault {
  -webkit-mask-image: url(/app/themes/bertarelli_marine_science/images/mask.png);
  /* Chrome, iOS, Safari */
  mask-image: url(/app/themes/bertarelli_marine_science/images/mask.png);
  /* None yet / Non-standard */
  -webkit-mask-position: center;
  /* Chrome, iOS, Safari */
  mask-position: center;
  /* None yet / Non-standard */
  -webkit-mask-size: 600px 520px;
  /* Chrome, iOS, Safari */
  mask-size: 600px 520px;
  /* None yet / Non-standard */
  -webkit-mask-repeat: no-repeat;
  /* Chrome, iOS, Safari */
  mask-repeat: no-repeat;
  /* None yet / Non-standard */ }
  .shapeDefault.rotate1 {
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
    .shapeDefault.rotate1 img {
      -moz-transform: rotate(-15deg);
      -o-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg); }
  .shapeDefault.rotate2 {
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg); }
    .shapeDefault.rotate2 img {
      -moz-transform: rotate(-30deg);
      -o-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg); }
  .shapeDefault.rotate3 {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
    .shapeDefault.rotate3 img {
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .shapeDefault.rotate4 {
    -moz-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg); }
    .shapeDefault.rotate4 img {
      -moz-transform: rotate(-60deg);
      -o-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
      -webkit-transform: rotate(-60deg);
      transform: rotate(-60deg); }
  .shapeDefault.rotate5 {
    -moz-transform: rotate(75deg);
    -o-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -webkit-transform: rotate(75deg);
    transform: rotate(75deg); }
    .shapeDefault.rotate5 img {
      -moz-transform: rotate(-75deg);
      -o-transform: rotate(-75deg);
      -ms-transform: rotate(-75deg);
      -webkit-transform: rotate(-75deg);
      transform: rotate(-75deg); }

.shapeBorder1 {
  overflow: hidden;
  position: relative; }
  .shapeBorder1:before {
    background: url(/app/themes/bertarelli_marine_science/images/maskborder.png) center no-repeat;
    background-size: 680px;
    content: "";
    position: absolute;
    padding: 60px 0;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%; }

.shapeBorder2 {
  overflow: hidden;
  position: relative; }
  .shapeBorder2:before {
    background: url(/app/themes/bertarelli_marine_science/images/maskborder2.png) center no-repeat;
    background-size: 720px;
    content: "";
    position: absolute;
    padding: 60px 0;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%; }

.shapeBorder3 {
  overflow: hidden;
  position: relative; }
  .shapeBorder3:before {
    background: url(/app/themes/bertarelli_marine_science/images/maskborder3.png) center no-repeat;
    background-size: 720px;
    content: "";
    position: absolute;
    padding: 60px 0;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%; }

.shapeBorder4 {
  overflow: hidden;
  position: relative; }
  .shapeBorder4:before {
    background: url(/app/themes/bertarelli_marine_science/images/maskborder4.png) center no-repeat;
    background-size: 720px;
    content: "";
    position: absolute;
    padding: 60px 0;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%; }

div.main-content-block {
  padding: 40px 0 0 0; }

div.editor-citation {
  background-color: #014888;
  padding: 40px 0;
  margin: 70px 0; }
  div.editor-citation div.quote-container {
    padding: 0 120px;
    color: white;
    text-align: center;
    display: block; }
    div.editor-citation div.quote-container div.quote-open {
      text-align: left;
      font-size: 80px;
      color: #ff6f6a;
      line-height: 20px; }
      div.editor-citation div.quote-container div.quote-open i {
        margin-left: -40px; }
    div.editor-citation div.quote-container p.quote-content {
      font-weight: 500;
      font-size: 32px;
      font-size: 2rem;
      line-height: 48px;
      margin: 0 0 15px 0; }
    div.editor-citation div.quote-container p.quote-author {
      font-weight: 400;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 24px;
      margin-bottom: 15px;
      margin-top: -30px; }
    div.editor-citation div.quote-container div.quote-close {
      text-align: right;
      font-size: 80px;
      color: #ff6f6a;
      margin-top: -40px; }
      div.editor-citation div.quote-container div.quote-close i {
        margin-right: -20px; }

div.editor-biography {
  margin: 20px 0; }
  div.editor-biography div.title-wrapper {
    padding-left: 95px; }
    div.editor-biography div.title-wrapper h2 {
      font-size: 34px;
      font-size: 2.125rem;
      color: #014888;
      font-weight: 600; }
  div.editor-biography div.content-wrapper div.container-12 {
    margin-bottom: 15px; }
  div.editor-biography div.content-wrapper div.dates {
    padding-left: 180px;
    margin-right: 0; }
    div.editor-biography div.content-wrapper div.dates .date-start {
      font-size: 24.4px;
      font-size: 1.525rem;
      color: #0093C9;
      font-weight: 600;
      width: 65px;
      display: inline-block; }
    div.editor-biography div.content-wrapper div.dates .icon-arrow-right {
      color: #014888;
      margin-left: 25px;
      margin-right: 25px; }
    div.editor-biography div.content-wrapper div.dates .date-end {
      font-size: 24.4px;
      font-size: 1.525rem;
      color: #0093C9;
      font-weight: 600; }
  div.editor-biography div.content-wrapper div.description {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center; }

div.editor-editorial-with-title-and-subtitle {
  margin: 20px 0;
  text-align: left; }
  div.editor-editorial-with-title-and-subtitle div.container-12 {
    display: block; }
    div.editor-editorial-with-title-and-subtitle div.container-12 div.title-wrapper {
      padding-left: 95px;
      width: 100%; }
      div.editor-editorial-with-title-and-subtitle div.container-12 div.title-wrapper h2 {
        font-size: 34px;
        font-size: 2.125rem;
        color: #014888;
        font-weight: 600; }
    div.editor-editorial-with-title-and-subtitle div.container-12 div.subtitle {
      width: 100%;
      padding-left: 180px;
      font-size: 20px;
      font-size: 1.25rem;
      color: #014888;
      font-weight: 600;
      margin-bottom: 26px; }
    div.editor-editorial-with-title-and-subtitle div.container-12 div.editor p {
      font-size: 16px;
      font-size: 1rem;
      color: #555555;
      font-weight: 300;
      width: 100%;
      padding-left: 180px; }
  div.editor-editorial-with-title-and-subtitle.centered-text {
    text-align: center; }
    div.editor-editorial-with-title-and-subtitle.centered-text div.container-12 div.title-wrapper {
      padding: 0; }
    div.editor-editorial-with-title-and-subtitle.centered-text div.container-12 div.subtitle {
      padding: 20px 0 0 0; }
    div.editor-editorial-with-title-and-subtitle.centered-text div.container-12 div.editor p {
      padding: 0; }

div.editor-research-area-list {
  margin: 70px 0 70px 0; }
  div.editor-research-area-list div.center-aligned {
    text-align: center; }
    div.editor-research-area-list div.center-aligned span.border-orange {
      display: inline-block;
      margin: auto; }
  div.editor-research-area-list div.content-wrapper {
    flex-wrap: wrap;
    margin-top: 85px; }
    div.editor-research-area-list div.content-wrapper .research-area-wrapper {
      width: 33%;
      padding: 0 25px; }
      div.editor-research-area-list div.content-wrapper .research-area-wrapper div.image div.shapeBorder1:before {
        background-size: 400px; }
      div.editor-research-area-list div.content-wrapper .research-area-wrapper div.image div.shapeBorder2:before {
        background-size: 460px; }
      div.editor-research-area-list div.content-wrapper .research-area-wrapper div.image div.shapeDefault {
        -webkit-mask-size: 340px 280px;
        /* Chrome, iOS, Safari */
        mask-size: 340px 280px;
        /* None yet / Non-standard */ }
      div.editor-research-area-list div.content-wrapper .research-area-wrapper div.text div.taxonomy-name {
        font-size: 48px;
        font-size: 3rem;
        line-height: 60px;
        color: #014888;
        font-family: "Palanquin", sans-serif;
        font-weight: 600; }
      div.editor-research-area-list div.content-wrapper .research-area-wrapper div.text div.taxonomy-description {
        margin: 30px 100px 20px 0;
        text-align: left;
        color: #555555;
        font-weight: 300;
        line-height: 30px; }
      div.editor-research-area-list div.content-wrapper .research-area-wrapper div.text div.taxonomy-link a {
        font-weight: 600;
        color: #ff6f6a;
        text-decoration: none; }
        div.editor-research-area-list div.content-wrapper .research-area-wrapper div.text div.taxonomy-link a span {
          display: inline-block;
          margin: 3px 15px 0 0;
          vertical-align: top; }
        div.editor-research-area-list div.content-wrapper .research-area-wrapper div.text div.taxonomy-link a i {
          font-size: 20px;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        div.editor-research-area-list div.content-wrapper .research-area-wrapper div.text div.taxonomy-link a:hover i {
          margin-left: 10px; }

div.editor-gallery {
  overflow: hidden;
  margin: 20px 0;
  padding-bottom: 75px; }
  div.editor-gallery div.container-12 div.title-wrapper {
    padding-left: 95px;
    width: 100%; }
    div.editor-gallery div.container-12 div.title-wrapper h2 {
      font-size: 34px;
      font-size: 2.125rem;
      color: #014888;
      font-weight: 600; }
  div.editor-gallery div.sliderContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    margin: auto;
    padding-bottom: 30px; }
    div.editor-gallery div.sliderContainer a.navigationSlider {
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-align-self: center;
      align-self: center;
      width: 60px;
      height: 60px;
      border: none;
      background-color: #00305c;
      color: white;
      font-size: 25px;
      line-height: 63px;
      text-align: center;
      outline: none;
      transition: background-color 300ms ease-out;
      text-decoration: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      div.editor-gallery div.sliderContainer a.navigationSlider.prev {
        left: -30px;
        z-index: 500; }
      div.editor-gallery div.sliderContainer a.navigationSlider.next {
        right: -30px;
        z-index: 500; }
      div.editor-gallery div.sliderContainer a.navigationSlider:hover {
        background-color: #014888; }
    div.editor-gallery div.sliderContainer .scroller {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow: visible;
      height: 471px; }
      div.editor-gallery div.sliderContainer .scroller .sliderItems {
        list-style-type: none;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        transition: transform 1s ease-in-out;
        position: relative;
        width: 1015px; }
        div.editor-gallery div.sliderContainer .scroller .sliderItems .slick-dots {
          position: absolute;
          margin: 0;
          text-align: center;
          width: 100%;
          margin-top: 25px;
          display: flex;
          flex-wrap: wrap;
          justify-content: center; }
          div.editor-gallery div.sliderContainer .scroller .sliderItems .slick-dots li {
            display: inline-block;
            margin-right: 10px; }
            div.editor-gallery div.sliderContainer .scroller .sliderItems .slick-dots li button {
              border-radius: 50%;
              border: 1px solid #0093C9;
              background: none;
              width: 15px;
              height: 15px;
              overflow: hidden;
              padding: 0;
              margin: 0;
              font-size: 0;
              cursor: pointer; }
            div.editor-gallery div.sliderContainer .scroller .sliderItems .slick-dots li.slick-active button {
              background: #0093C9; }
        div.editor-gallery div.sliderContainer .scroller .sliderItems .slick-list {
          overflow: visible; }
        div.editor-gallery div.sliderContainer .scroller .sliderItems .sliderItem {
          display: inline-block;
          width: 100%;
          letter-spacing: -0.03em;
          line-height: 1;
          font-weight: bold;
          background-size: cover;
          background-position: 50% 50%;
          color: white;
          text-align: center;
          height: 472px;
          margin-right: -5px;
          position: relative; }
          div.editor-gallery div.sliderContainer .scroller .sliderItems .sliderItem .gallery-overlay {
            display: none;
            width: 100%;
            height: 100%;
            background-color: #014888;
            opacity: 0.4;
            position: absolute; }
          div.editor-gallery div.sliderContainer .scroller .sliderItems .sliderItem .caption {
            display: none;
            position: absolute;
            right: 15px;
            bottom: 15px;
            color: white;
            font-size: 20px;
            font-size: 1.25rem; }
          div.editor-gallery div.sliderContainer .scroller .sliderItems .sliderItem:hover .gallery-overlay {
            display: block; }
          div.editor-gallery div.sliderContainer .scroller .sliderItems .sliderItem:hover .caption {
            display: block; }

div.editor-overview {
  margin: 20px 0; }
  div.editor-overview div.title-wrapper {
    padding-left: 95px; }
    div.editor-overview div.title-wrapper h2 {
      font-size: 34px;
      font-size: 2.125rem;
      color: #014888;
      font-weight: 600;
      margin: -11px 0 100px 0; }
    div.editor-overview div.title-wrapper div.footer_left {
      padding: 1px 15px 0 15px;
      text-align: left;
      font-size: 12px;
      font-size: 1rem;
      color: #969696;
      background-color: #d6efff;
      line-height: 20px; }
      div.editor-overview div.title-wrapper div.footer_left strong {
        color: #014888;
        font-size: 16px;
        font-size: 1rem; }
  div.editor-overview div.content-wrapper {
    padding-right: 95px; }
    div.editor-overview div.content-wrapper div.subtitle {
      font-size: 20px;
      font-size: 1.25rem;
      color: #014888;
      margin-bottom: 26px;
      font-weight: 600; }
    div.editor-overview div.content-wrapper p {
      font-size: 16px;
      font-size: 1rem;
      color: #555555;
      font-weight: 300; }
      div.editor-overview div.content-wrapper p strong {
        font-size: 20px;
        font-size: 1.25rem;
        color: #014888; }

div.editor-2-column-text-with-title {
  margin: 20px 0; }
  div.editor-2-column-text-with-title div.title-wrapper {
    padding-left: 95px; }
    div.editor-2-column-text-with-title div.title-wrapper h2 {
      font-size: 34px;
      font-size: 2.125rem;
      color: #014888;
      font-weight: 600; }
  div.editor-2-column-text-with-title div.content-wrapper {
    padding-right: 95px; }
    div.editor-2-column-text-with-title div.content-wrapper p {
      font-size: 16px;
      font-size: 1rem;
      color: #555555;
      font-weight: 300; }
      div.editor-2-column-text-with-title div.content-wrapper p strong {
        font-size: 20px;
        font-size: 1.25rem;
        color: #014888; }

div.editor-news-reference {
  margin: 20px 0; }
  div.editor-news-reference div.title-wrapper {
    padding-left: 95px;
    width: 100%; }
    div.editor-news-reference div.title-wrapper h2 {
      font-size: 34px;
      font-size: 2.125rem;
      color: #014888;
      font-weight: 600; }
  div.editor-news-reference div.container-12 {
    flex-wrap: wrap; }
    div.editor-news-reference div.container-12 div.content-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: 100%;
      flex-wrap: wrap; }
      div.editor-news-reference div.container-12 div.content-wrapper div.new-wrapper div.news-wrapper {
        padding: 5px; }
        div.editor-news-reference div.container-12 div.content-wrapper div.new-wrapper div.news-wrapper img {
          width: 100%; }
      div.editor-news-reference div.container-12 div.content-wrapper div.new-wrapper div.news-wrapper-update {
        text-align: center;
        background-size: cover;
        color: white;
        height: 300px;
        position: relative; }
        div.editor-news-reference div.container-12 div.content-wrapper div.new-wrapper div.news-wrapper-update div.overlay {
          width: 100%;
          height: 300px;
          position: absolute;
          background-color: #014888;
          opacity: 0.4;
          z-index: 15; }
        div.editor-news-reference div.container-12 div.content-wrapper div.new-wrapper div.news-wrapper-update div.vertical-centered {
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          z-index: 20;
          padding: 0 20px; }
        div.editor-news-reference div.container-12 div.content-wrapper div.new-wrapper div.news-wrapper-update div.type {
          font-size: 14px;
          font-size: 0.875rem;
          font-weight: 300;
          text-transform: uppercase;
          margin-bottom: 35px; }
        div.editor-news-reference div.container-12 div.content-wrapper div.new-wrapper div.news-wrapper-update div.title {
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 40px;
          font-weight: 600;
          white-space: normal; }
        div.editor-news-reference div.container-12 div.content-wrapper div.new-wrapper div.news-wrapper-update div.author {
          margin-top: 30px; }
        div.editor-news-reference div.container-12 div.content-wrapper div.new-wrapper div.news-wrapper-update div.block-link {
          margin-top: 35px; }
          div.editor-news-reference div.container-12 div.content-wrapper div.new-wrapper div.news-wrapper-update div.block-link a {
            text-decoration: none; }
  div.editor-news-reference .news-slide {
    text-align: center;
    background-size: cover;
    color: white;
    height: 300px;
    margin-right: 25px; }
    div.editor-news-reference .news-slide div.vertical-centered {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
    div.editor-news-reference .news-slide div.type {
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 300;
      text-transform: uppercase;
      margin-bottom: 35px; }
    div.editor-news-reference .news-slide div.title {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 40px;
      font-weight: 600;
      white-space: normal; }
    div.editor-news-reference .news-slide div.author {
      margin-top: 30px; }
    div.editor-news-reference .news-slide div.block-link {
      margin-top: 35px; }
      div.editor-news-reference .news-slide div.block-link a {
        text-decoration: none; }

div.editor-project-reference {
  margin: 20px 0; }
  div.editor-project-reference div.title-wrapper {
    padding-left: 95px;
    width: 100%; }
    div.editor-project-reference div.title-wrapper h2 {
      font-size: 32px;
      font-size: 2rem;
      color: #014888;
      font-weight: 600; }
  div.editor-project-reference div.container-12 {
    flex-wrap: wrap; }
    div.editor-project-reference div.container-12 div.content-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: 100%;
      flex-wrap: wrap; }
      div.editor-project-reference div.container-12 div.content-wrapper div.project-block {
        background-size: cover;
        color: white;
        height: 300px;
        text-align: center;
        position: relative; }
        div.editor-project-reference div.container-12 div.content-wrapper div.project-block div.overlay {
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 20;
          background-color: #014888;
          opacity: 0.4; }
        div.editor-project-reference div.container-12 div.content-wrapper div.project-block div.vertical-centered {
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          z-index: 21; }
        div.editor-project-reference div.container-12 div.content-wrapper div.project-block div.research-area {
          font-size: 14px;
          font-size: 0.875rem;
          font-weight: 300;
          text-transform: uppercase; }
        div.editor-project-reference div.container-12 div.content-wrapper div.project-block div.title {
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 40px;
          font-weight: 600;
          margin-bottom: 50px;
          white-space: normal; }
        div.editor-project-reference div.container-12 div.content-wrapper div.project-block div.block-link {
          margin-top: 45px; }
          div.editor-project-reference div.container-12 div.content-wrapper div.project-block div.block-link a {
            color: white;
            text-decoration: none; }
            div.editor-project-reference div.container-12 div.content-wrapper div.project-block div.block-link a i.icon-arrow-right {
              vertical-align: middle;
              margin-left: 10px;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              -webkit-transition: all 0.5s ease;
              transition: all 0.5s ease; }
            div.editor-project-reference div.container-12 div.content-wrapper div.project-block div.block-link a:hover i {
              margin-left: 20px; }
  div.editor-project-reference .project-slide {
    background-size: cover;
    color: white;
    height: 300px;
    text-align: center; }
    div.editor-project-reference .project-slide div.vertical-centered {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
    div.editor-project-reference .project-slide div.research-area {
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 300;
      text-transform: uppercase; }
    div.editor-project-reference .project-slide div.title {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 40px;
      font-weight: 600;
      margin-bottom: 50px;
      white-space: normal; }
    div.editor-project-reference .project-slide div.block-link {
      margin-top: 45px; }
      div.editor-project-reference .project-slide div.block-link a {
        color: white;
        text-decoration: none; }
        div.editor-project-reference .project-slide div.block-link a i.icon-arrow-right {
          vertical-align: middle;
          margin-left: 10px;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        div.editor-project-reference .project-slide div.block-link a:hover i {
          margin-left: 20px; }

div.editor-publications-block {
  margin: 20px 0; }
  div.editor-publications-block div.title-wrapper {
    padding-left: 95px;
    width: 100%; }
    div.editor-publications-block div.title-wrapper h2 {
      font-size: 34px;
      font-size: 2.125rem;
      color: #014888;
      font-weight: 600; }
  div.editor-publications-block div.container-12 {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    div.editor-publications-block div.container-12 div.content-wrapper {
      display: flex;
      width: 100%;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    div.editor-publications-block div.container-12 div.publications-list {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap; }
      div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper {
        text-align: left;
        background-size: cover;
        color: white;
        height: 300px;
        position: relative; }
        div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper div.overlay {
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 20;
          background-color: #014888;
          opacity: 0.4; }
        div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper div.vertical-centered {
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          z-index: 21;
          padding: 0 25px; }
          div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper div.vertical-centered div.logo {
            height: 50px; }
        div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper div.title {
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 40px;
          font-weight: 600;
          white-space: normal; }
        div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper div.block-link {
          margin-top: 35px; }
          div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper div.block-link a {
            color: white;
            text-decoration: none; }
            div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper div.block-link a i.icon-arrow-right {
              vertical-align: middle;
              margin-left: 10px;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              -webkit-transition: all 0.5s ease;
              transition: all 0.5s ease; }
            div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper div.block-link a:hover i {
              margin-left: 20px; }
      div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper-new.hidden {display: none;}
      div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper-new div.publication-link {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 15px 0;
        border-bottom: solid 1px #b0b0b0;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        cursor: pointer; }
        div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper-new div.publication-link div.logo {
          text-align: center; }
        div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper-new div.publication-link div.text {
          -webkit-align-self: auto;
          -moz-align-self: auto;
          -ms-align-self: auto;
          align-self: auto;
          padding-right: 15px; }
          div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper-new div.publication-link div.text h3.title {
            margin: 0 0 10px 0;
            padding: 0;
            color: #014888; }
          div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper-new div.publication-link div.text div.description {
            margin-bottom: 0; }
        div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper-new div.publication-link:hover {
          background-color: rgba(0, 147, 201, 0.2); }
      div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper-new.line-1 {
        margin: 0; }
      div.editor-publications-block div.container-12 div.publications-list div.publication-wrapper-new:last-child div.publication-link {
        border-bottom: none; }
      div.editor-publications-block div.container-12 div.publication_load_more {
        margin-top: 10px; display: flex; justify-content: center; width: 100%;}
  div.editor-publications-block .publication-slide {
    text-align: left !important;
    background-size: cover;
    color: white;
    height: 300px;
    padding: 0; }
    div.editor-publications-block .publication-slide div.vertical-centered {
      position: relative;
      top: 40%;
      transform: translateY(-50%);
      padding: 0 45px; }
    div.editor-publications-block .publication-slide div.title {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 40px;
      font-weight: 600;
      white-space: pre-wrap;
      height: 110px;
      position: relative;
      z-index: 21; }
    div.editor-publications-block .publication-slide div.block-link {
      margin-top: 35px; }
      div.editor-publications-block .publication-slide div.block-link a {
        color: white;
        text-decoration: none; }
        div.editor-publications-block .publication-slide div.block-link a i.icon-arrow-right {
          vertical-align: middle;
          margin-left: 10px;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        div.editor-publications-block .publication-slide div.block-link a:hover i {
          margin-left: 20px; }

div.editor-partners-block {
  margin: 20px 0; }
  div.editor-partners-block div.container-12 {
    flex-wrap: wrap; }
    div.editor-partners-block div.container-12 div.title-wrapper {
      padding-left: 95px;
      width: 100%; }
      div.editor-partners-block div.container-12 div.title-wrapper h2 {
        font-size: 34px;
        font-size: 2.125rem;
        color: #014888;
        font-weight: 600; }
    div.editor-partners-block div.container-12 div.partners-list {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      padding-left: 95px; }
      div.editor-partners-block div.container-12 div.partners-list div.partners-type {
        width: 100%;
        color: #014888;
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 600;
        padding-bottom: 25px; }
      div.editor-partners-block div.container-12 div.partners-list div.partners-list-by-type {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap; }
        div.editor-partners-block div.container-12 div.partners-list div.partners-list-by-type div.partner-wrapper {
          text-align: left;
          padding: 0 25px 25px 25px; }

div.editor-key-fact {
  margin: 20px 0; }
  div.editor-key-fact div.container-12 {
    flex-wrap: wrap; }
    div.editor-key-fact div.container-12 div.title-wrapper {
      padding-left: 95px;
      width: 100%; }
      div.editor-key-fact div.container-12 div.title-wrapper h2 {
        font-size: 34px;
        font-size: 2.125rem;
        color: #014888;
        font-weight: 600; }
    div.editor-key-fact div.container-12 div.content-wrapper {
      display: flex;
      width: 100%;
      flex-wrap: nowrap; }
      div.editor-key-fact div.container-12 div.content-wrapper div.first-key, div.editor-key-fact div.container-12 div.content-wrapper div.second-key, div.editor-key-fact div.container-12 div.content-wrapper div.third-key {
        display: inline-block;
        text-align: center; }
      div.editor-key-fact div.container-12 div.content-wrapper div.second-key, div.editor-key-fact div.container-12 div.content-wrapper div.third-key {
        margin-left: 50px; }
      div.editor-key-fact div.container-12 div.content-wrapper div.image .shapeBorder1:before {
        background-size: 220px; }
      div.editor-key-fact div.container-12 div.content-wrapper div.image .shapeBorder2:before {
        background-size: 235px; }
      div.editor-key-fact div.container-12 div.content-wrapper div.image .shapeDefault {
        -webkit-mask-size: 180px 150px;
        /* Chrome, iOS, Safari */
        mask-size: 180px 150px;
        /* None yet / Non-standard */ }
        div.editor-key-fact div.container-12 div.content-wrapper div.image .shapeDefault img {
          max-height: 200px; }
      div.editor-key-fact div.container-12 div.content-wrapper div.number {
        font-size: 32px;
        font-size: 2rem;
        color: #ff6f6a;
        font-weight: 600; }
      div.editor-key-fact div.container-12 div.content-wrapper div.text {
        font-size: 24px;
        font-size: 1.5rem;
        color: #014888;
        font-weight: 600; }

div.editor-video {
  margin: 20px 0; }
  div.editor-video div.container-12 {
    flex-wrap: wrap; }
    div.editor-video div.container-12 div.title-wrapper {
      padding-left: 95px;
      width: 100%; }
      div.editor-video div.container-12 div.title-wrapper h2 {
        font-size: 34px;
        font-size: 2.125rem;
        color: #014888;
        font-weight: 600; }
    div.editor-video div.container-12 div.content-wrapper {
      width: 100%; }

div.simpleSliderContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  margin: auto;
  padding-bottom: 50px; }
  div.simpleSliderContainer a.navigationSimpleSlider {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    width: 60px;
    height: 60px;
    border: none;
    background-color: #00305c;
    color: white;
    font-size: 25px;
    line-height: 63px;
    text-align: center;
    outline: none;
    transition: background-color 300ms ease-out;
    text-decoration: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    div.simpleSliderContainer a.navigationSimpleSlider.prev {
      left: -30px;
      z-index: 500; }
    div.simpleSliderContainer a.navigationSimpleSlider.next {
      right: -30px;
      z-index: 500; }
    div.simpleSliderContainer a.navigationSimpleSlider.hidden {
      visibility: hidden; }
    div.simpleSliderContainer a.navigationSimpleSlider:hover {
      background-color: #014888; }
  div.simpleSliderContainer .simpleScroller {
    overflow: visible;
    height: 471px;
    width: 100%; }
    div.simpleSliderContainer .simpleScroller .simpleSliderItems {
      list-style-type: none;
      white-space: nowrap;
      padding: 0;
      margin: 0;
      transition: transform 1s ease-in-out;
      position: relative;
      white-space: nowrap; }
      div.simpleSliderContainer .simpleScroller .simpleSliderItems .slick-dots {
        position: absolute;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%;
        margin-top: 15px; }
        div.simpleSliderContainer .simpleScroller .simpleSliderItems .slick-dots li {
          display: inline-block;
          margin-right: 10px; }
          div.simpleSliderContainer .simpleScroller .simpleSliderItems .slick-dots li button {
            border-radius: 50%;
            border: 1px solid #0093C9;
            background: none;
            width: 15px;
            height: 15px;
            overflow: hidden;
            padding: 0;
            margin: 0;
            font-size: 0;
            cursor: pointer; }
          div.simpleSliderContainer .simpleScroller .simpleSliderItems .slick-dots li.slick-active button {
            background: #0093C9; }
      div.simpleSliderContainer .simpleScroller .simpleSliderItems .simpleSliderItem {
        display: inline-block;
        letter-spacing: -0.03em;
        line-height: 1;
        font-weight: bold;
        background-size: cover;
        background-position: 50% 50%;
        color: white;
        text-align: center;
        height: 472px;
        margin-right: 0;
        position: relative; }
        div.simpleSliderContainer .simpleScroller .simpleSliderItems .simpleSliderItem div.simpleSliderItemWrapper {
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center; }
        div.simpleSliderContainer .simpleScroller .simpleSliderItems .simpleSliderItem div.overlay {
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 20;
          background-color: #014888;
          opacity: 0.4; }
        div.simpleSliderContainer .simpleScroller .simpleSliderItems .simpleSliderItem div.vertical-centered {
          z-index: 21;
          position: relative;
          padding: 0 35px; }
          div.simpleSliderContainer .simpleScroller .simpleSliderItems .simpleSliderItem div.vertical-centered div.logo {
            height: 50px; }
        div.simpleSliderContainer .simpleScroller .simpleSliderItems .simpleSliderItem.line-2 div.overlay {
          width: 50%; }
        div.simpleSliderContainer .simpleScroller .simpleSliderItems .simpleSliderItem.line-3 div.overlay {
          width: 33%; }
        div.simpleSliderContainer .simpleScroller .simpleSliderItems .simpleSliderItem.line-4 div.overlay {
          width: 25%; }

.line-1 {
  width: 100%; }

.line-2 {
  width: 50%; }

.line-3 {
  width: 32%; }

.line-4 {
  width: 25%; }

[class*="line-"] {
  margin: 0 20px 20px 0; }
  [class*="line-"]:nth-child(3n) {
    margin-right: 0; }

/* Footer */
footer#colophon {
  background: url(/app/themes/bertarelli_marine_science/images/footerbg.jpg) center no-repeat;
  background-size: cover; }

div.newsletter div.container-12 {
  display: flex;
  padding: 20px 0;
  text-align: center; }
  div.newsletter div.container-12 .right-col {
    display: flex; 
    align-items: center; 
    justify-content: center; 
  }
  div.newsletter div.container-12 .right-col .logo {
    height: 70px;
    width: auto;
  }
  div.newsletter div.container-12 div.title {
    color: white;
    font-size: 48px;
    font-size: 3rem;
    font-weight: 600; }
  div.newsletter div.container-12 div.subtitle {
    color: white;
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0px 0 30px 0; }
  div.newsletter div.container-12 div.tnp-field-email, div.newsletter div.container-12 div.tnp-field-profile, div.newsletter div.container-12 div.tnp-field-firstname, div.newsletter div.container-12 div.tnp-field-surname {
    display: block;
    margin-bottom: 20px; }
    div.newsletter div.container-12 div.tnp-field-email input, div.newsletter div.container-12 div.tnp-field-profile input, div.newsletter div.container-12 div.tnp-field-firstname input, div.newsletter div.container-12 div.tnp-field-surname input {
      font-size: 16px;
      font-size: 1rem;
      height: 52px;
      color: #555555;
      padding: 13px 10px 13px 10px;
      border: 0 none;
      border-radius: initial;
      width: 320px; }
  div.newsletter div.container-12 div.tnp-field-profile, div.newsletter div.container-12 div.tnp-field-firstname, div.newsletter div.container-12 div.tnp-field-surname {
    display: block;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-out; }
    div.newsletter div.container-12 div.tnp-field-profile.show, div.newsletter div.container-12 div.tnp-field-firstname.show, div.newsletter div.container-12 div.tnp-field-surname.show {
      position: relative;
      visibility: visible;
      opacity: 1;
      transition: opacity 0.5s ease-in; }
  div.newsletter div.container-12 div.tnp-field-button {
    display: inline-block;
    margin-left: -4px; }
    div.newsletter div.container-12 div.tnp-field-button input {
      height: 52px;
      border: 0 none;
      border-radius: initial;
      background-color: #ff6f6a;
      color: white;
      text-transform: uppercase;
      padding: 18px 18px 18px 18px;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      cursor: pointer; }
      div.newsletter div.container-12 div.tnp-field-button input:hover {
        background-color: white;
        color: #ff6f6a; }
  div.newsletter div.container-12 div.centered-orange-border {
    position: initial !important;
    text-align: center;
    display: inline-block;
    margin-top: 35px; }

div.content-menu-fixe {
  width: 100%;
  position: fixed;
  background: white;
  top: -45px;
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  z-index: 550; }
  div.content-menu-fixe.show {
    -moz-transform: translate(0, 45px);
    -o-transform: translate(0, 45px);
    -ms-transform: translate(0, 45px);
    -webkit-transform: translate(0, 45px);
    transform: translate(0, 45px);
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease; }
  div.content-menu-fixe div.content-menu-fixe-wrapper {
    display: block;
    text-align: center; }
    div.content-menu-fixe div.content-menu-fixe-wrapper ul {
      margin: 0;
      padding: 0;
      display: flex;
      white-space: nowrap;
      justify-content: center; }
      div.content-menu-fixe div.content-menu-fixe-wrapper ul li {
        display: inline-block;
        padding: 0 20px; }
        div.content-menu-fixe div.content-menu-fixe-wrapper ul li a {
          display: inline-block;
          padding: 10px 0;
          color: #a2a2a2;
          border-bottom: solid 1px transparent;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        div.content-menu-fixe div.content-menu-fixe-wrapper ul li.selected a, div.content-menu-fixe div.content-menu-fixe-wrapper ul li a:hover {
          color: #014888;
          border-bottom: solid 1px #014888; }

@media screen and (max-width: 767px) {
  div.container-12 {
    padding: 0 40px; }
  div.main-content-block {
    padding: 0px 0 0 0; }
  div.editor-research-area-list {
    margin-top: 35px; }
    div.editor-research-area-list div.center-aligned {
      text-align: left;
      padding: 0 0 0 40px; }
    div.editor-research-area-list div.content-wrapper .research-area-wrapper {
      padding: 0;
      width: 100%; }
      div.editor-research-area-list div.content-wrapper .research-area-wrapper div.image div.shapeBorder1:before {
        background-size: 260px; }
      div.editor-research-area-list div.content-wrapper .research-area-wrapper div.image div.shapeBorder2:before {
        background-size: 270px; }
      div.editor-research-area-list div.content-wrapper .research-area-wrapper div.image div.shapeDefault {
        -webkit-mask-size: 220px 200px;
        /* Chrome, iOS, Safari */
        mask-size: 220px 200px;
        /* None yet / Non-standard */ }
      div.editor-research-area-list div.content-wrapper .research-area-wrapper div.text {
        margin-top: 0px; }
        div.editor-research-area-list div.content-wrapper .research-area-wrapper div.text div.taxonomy-name {
          line-height: 45px;
          font-size: 32px;
          font-size: 2rem; }
        div.editor-research-area-list div.content-wrapper .research-area-wrapper div.text div.taxonomy-description {
          margin: 20px 0; }
  div.editor-overview div.container-12 div.title-wrapper {
    padding: 0; }
    div.editor-overview div.container-12 div.title-wrapper h2.title {
      margin: 0 0 20px 0;
      font-size: 32px;
      font-size: 2rem; }
    div.editor-overview div.container-12 div.title-wrapper div.footer_left {
      padding: 1px 8px 0 8px; }
  div.editor-overview div.container-12 div.content-wrapper {
    padding: 0; }
  div.editor-citation {
    padding: 20px 0;
    margin: 35px 0; }
    div.editor-citation div.quote-container {
      padding: 0 40px; }
      div.editor-citation div.quote-container div.quote-open {
        margin: 0 0 20px -30px; }
      div.editor-citation div.quote-container div.quote-close {
        margin: -20px 0 0 0; }
      div.editor-citation div.quote-container p.quote-content {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 30px;
        text-align: left; }
      div.editor-citation div.quote-container p.quote-author {
        margin: -20px 0 20px 0;
        text-align: left; }
  div.editor-biography div.title-wrapper {
    padding: 0; }
  div.editor-biography div.content-wrapper div.dates {
    padding-left: 0; }
  div.editor-biography div.content-wrapper div.description {
    padding: 0; }
  div.editor-editorial-with-title-and-subtitle div.container-12 div.title-wrapper {
    padding: 0;
    text-align: left; }
  div.editor-editorial-with-title-and-subtitle div.container-12 div.subtitle {
    text-align: left;
    padding: 20px 0 0 0; }
  div.editor-editorial-with-title-and-subtitle div.container-12 div.editor {
    text-align: left;
    padding: 0; }
    div.editor-editorial-with-title-and-subtitle div.container-12 div.editor p {
      padding-left: 0; }
  body.scientist-template-default div#primary main#main div.professor-block-wrapper div.professor-block.previous, body.scientist-template-default div#primary main#main div.professor-block-wrapper div.professor-block.next {
    width: 100%; }
  div.editor-publications-block {
    margin-bottom: 30px; }
    div.editor-publications-block div.title-wrapper {
      padding: 0; }
      div.editor-publications-block div.title-wrapper h2 {
        font-size: 32px;
        font-size: 2rem; }
    div.editor-publications-block .publication-slide div.title, div.editor-publications-block .publication-wrapper div.title {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 30px;
      height: auto; }
    div.editor-publications-block div.simpleSliderContainer {
      padding-bottom: 20px; }
      div.editor-publications-block div.simpleSliderContainer div.simpleScroller {
        padding: 0 20px; }
  div.editor-project-reference div.title-wrapper {
    padding: 0; }
  div.editor-project-reference .project-slide div.title, div.editor-project-reference .project-block div.title {
    font-size: 20px;
    font-size: 1.25rem; }
  div.editor-news-reference div.title-wrapper {
    padding: 0 0 0 0px; }
  div.editor-news-reference div.simpleSliderContainer {
    padding-bottom: 20px; }
    div.editor-news-reference div.simpleSliderContainer div.simpleScroller {
      padding: 0 20px; }
  div.editor-partners-block div.container-12 div.title-wrapper {
    padding: 0; }
  div.editor-partners-block div.container-12 div.partners-list {
    padding-left: 0; }
    div.editor-partners-block div.container-12 div.partners-list div.partners-type {
      padding-bottom: 15px; }
  div.editor-key-fact div.container-12 div.title-wrapper {
    padding-left: 0; }
    div.editor-key-fact div.container-12 div.title-wrapper h2 {
      font-size: 32px;
      font-size: 2rem; }
  div.editor-key-fact div.container-12 div.content-wrapper {
    flex-wrap: wrap; }
    div.editor-key-fact div.container-12 div.content-wrapper div.first-key {
      width: 100%; }
    div.editor-key-fact div.container-12 div.content-wrapper div.second-key, div.editor-key-fact div.container-12 div.content-wrapper div.third-key {
      width: 100%;
      margin: 30px 0 40px 0;
      margin-right: 0; }
  div.editor-2-column-text-with-title div.title-wrapper {
    padding-left: 0; }
  div.editor-2-column-text-with-title div.content-wrapper {
    padding-right: 0; }
  div.simpleSliderContainer {
    padding-bottom: 20px; }
    div.simpleSliderContainer .simpleScroller .simpleSliderItems a.navigationSimpleSlider {
      display: none !important; }
  div.editor-gallery div.container-12 div.title-wrapper {
    padding-left: 0; }
    div.editor-gallery div.container-12 div.title-wrapper h2 {
      font-size: 32px;
      font-size: 2rem; }
  div.editor-gallery div.sliderContainer .scroller .sliderItems {
    width: 100vw; }
    div.editor-gallery div.sliderContainer .scroller .sliderItems .slick-dots {
      margin-top: 40px; }
    div.editor-gallery div.sliderContainer .scroller .sliderItems .sliderItem .gallery-overlay {
      display: none; }
    div.editor-gallery div.sliderContainer .scroller .sliderItems .sliderItem .caption {
      position: absolute;
      display: block;
      top: calc(100% + 5px);
      right: 0;
      left: 0;
      color: #014888;
      font-size: 16px;
      font-size: 1rem;
      display: block;
      white-space: normal;
      font-weight: normal; }
    div.editor-gallery div.sliderContainer .scroller .sliderItems .sliderItem:hover .gallery-overlay {
      display: none; }
  div.editor-gallery div.sliderContainer a.navigationSlider {
    display: none !important; }
  .line-1 {
    width: 100%; }
  .line-2 {
    width: 100%; }
  .line-3 {
    width: 100%; }
  .line-4 {
    width: 100%; }
  div.newsletter div.container-12 {
    display: block;
  }
  div.newsletter div.container-12 .right-col {
    display: block; padding-left: 8px; padding-right: 8px;
  }
  div.newsletter div.container-12 .right-col .logo {
    width: 100%;
  }
  div.newsletter div.container-12 form.tnp-subscription {text-align: center;}
  div.newsletter div.container-12 div.tnp-field-email, div.newsletter div.container-12 div.tnp-field-profile, div.newsletter div.container-12 div.tnp-field-firstname, div.newsletter div.container-12 div.tnp-field-surname {
    display: inline-block; }
  div.newsletter div.container-12 div.tnp-field-email input, div.newsletter div.container-12 div.tnp-field-profile input, div.newsletter div.container-12 div.tnp-field-firstname input, div.newsletter div.container-12 div.tnp-field-surname input {
    width: 220px; }
  
  div.newsletter div.container-12  div.tnp-field-button{display: inline-block; width: 220px;}
  .editor-overview .title-wrapper, .editor-2-column-text-with-title .title-wrapper, .editor-biography .title-wrapper, .editor-editorial-with-title-and-subtitle .title-wrapper,
  .editor-partners-block .title-wrapper, .editor-key-fact .title-wrapper {
    cursor: pointer; }
    .editor-overview .title-wrapper h2, .editor-2-column-text-with-title .title-wrapper h2, .editor-biography .title-wrapper h2, .editor-editorial-with-title-and-subtitle .title-wrapper h2,
    .editor-partners-block .title-wrapper h2, .editor-key-fact .title-wrapper h2 {
      display: inline; }
      .editor-overview .title-wrapper h2:after, .editor-2-column-text-with-title .title-wrapper h2:after, .editor-biography .title-wrapper h2:after, .editor-editorial-with-title-and-subtitle .title-wrapper h2:after,
      .editor-partners-block .title-wrapper h2:after, .editor-key-fact .title-wrapper h2:after {
        font-family: marinescience !important;
        content: '\f101';
        color: #014888;
        font-size: 32px;
        font-size: 2rem;
        cursor: pointer;
        padding: 5px 0 0 0;
        float: right;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease; }
    .editor-overview .title-wrapper.active h2:after, .editor-2-column-text-with-title .title-wrapper.active h2:after, .editor-biography .title-wrapper.active h2:after, .editor-editorial-with-title-and-subtitle .title-wrapper.active h2:after,
    .editor-partners-block .title-wrapper.active h2:after, .editor-key-fact .title-wrapper.active h2:after {
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
  .editor-overview .footer_left, .editor-overview .content-wrapper, .editor-overview .editor, .editor-2-column-text-with-title .footer_left, .editor-2-column-text-with-title .content-wrapper, .editor-2-column-text-with-title .editor, .editor-biography .footer_left, .editor-biography .content-wrapper, .editor-biography .editor, .editor-editorial-with-title-and-subtitle .footer_left, .editor-editorial-with-title-and-subtitle .content-wrapper, .editor-editorial-with-title-and-subtitle .editor,
  .editor-partners-block .footer_left,
  .editor-partners-block .content-wrapper,
  .editor-partners-block .editor, .editor-key-fact .footer_left, .editor-key-fact .content-wrapper, .editor-key-fact .editor {
    max-height: 0;
    overflow: hidden;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; } }

@media screen and (min-width: 768px) and (max-width: 979px) {
  div.editor-citation {
    padding: 40px 0;
    margin: 55px 0; }
    div.editor-citation div.quote-container {
      padding: 0 80px; }
      div.editor-citation div.quote-container p.quote-content {
        font-size: 28px;
        font-size: 1.75rem; }
  div.editor-biography div.content-wrapper div.dates {
    padding-left: 35px; }
  div.editor-editorial-with-title-and-subtitle div.container-12 div.editor p {
    padding-left: 0; }
  div.editor-publications-block .publication-slide div.title, div.editor-publications-block .publication-wrapper div.title {
    font-size: 21.6px;
    font-size: 1.35rem; }
  div.editor-project-reference .project-slide div.title, div.editor-project-reference .project-block div.title {
    font-size: 21.6px;
    font-size: 1.35rem; }
  div.editor-key-fact div.container-12 div.content-wrapper {
    flex-wrap: wrap; }
    div.editor-key-fact div.container-12 div.content-wrapper div.first-key {
      width: 100%; }
    div.editor-key-fact div.container-12 div.content-wrapper div.second-key, div.editor-key-fact div.container-12 div.content-wrapper div.third-key {
      width: 100%;
      margin: 30px 0 40px 0;
      margin-right: 0; }
  div.editor-research-area-list div.content-wrapper .research-area-wrapper div.text {
    margin-bottom: 30px; }
    div.editor-research-area-list div.content-wrapper .research-area-wrapper div.text div.taxonomy-name {
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 35px; }
    div.editor-research-area-list div.content-wrapper .research-area-wrapper div.text div.taxonomy-description {
      margin: 30px 0 20px 0; }
  div.editor-research-area-list div.content-wrapper .research-area-wrapper div.image div.shapeBorder1:before {
    background-size: 180px; }
  div.editor-research-area-list div.content-wrapper .research-area-wrapper div.image div.shapeBorder2:before {
    background-size: 195px; }
  div.editor-research-area-list div.content-wrapper .research-area-wrapper div.image div.shapeDefault {
    -webkit-mask-size: 155px 140px;
    /* Chrome, iOS, Safari */
    mask-size: 155px 140px;
    /* None yet / Non-standard */ }
  div.editor-gallery div.sliderContainer .scroller .sliderItems {
    width: 100vw; }
    div.editor-gallery div.sliderContainer .scroller .sliderItems .slick-dots {
      margin-top: 40px; }
    div.editor-gallery div.sliderContainer .scroller .sliderItems .sliderItem .caption {
      position: absolute;
      top: calc(100% + 5px);
      right: 0;
      left: 0;
      color: #014888;
      font-size: 20px;
      font-size: 1.25rem;
      display: block;
      white-space: normal; }
    div.editor-gallery div.sliderContainer .scroller .sliderItems .sliderItem:hover .gallery-overlay {
      display: none; }
  div.editor-gallery div.sliderContainer a.navigationSlider.prev {
    left: 0 !important; }
  div.editor-gallery div.sliderContainer a.navigationSlider.next {
    right: 0 !important; }
  div.simpleSliderContainer .simpleScroller .simpleSliderItems a.navigationSimpleSlider.prev {
    left: 0 !important; }
  div.simpleSliderContainer .simpleScroller .simpleSliderItems a.navigationSimpleSlider.next {
    right: 0 !important; }
  .line-1 {
    width: 100%; }
  .line-2 {
    width: 50%; }
  .line-3 {
    width: 50%; }
  .line-4 {
    width: 50%; } }

@media screen and (min-width: 980px) and (max-width: 1139px) {
  div.editor-research-area-list div.content-wrapper .research-area-wrapper div.image div.shapeBorder1:before {
    background-size: 300px; }
  div.editor-research-area-list div.content-wrapper .research-area-wrapper div.image div.shapeBorder2:before {
    background-size: 320px; }
  div.editor-research-area-list div.content-wrapper .research-area-wrapper div.image div.shapeDefault {
    -webkit-mask-size: 260px 230px;
    /* Chrome, iOS, Safari */
    mask-size: 260px 230px;
    /* None yet / Non-standard */ }
  div.editor-gallery div.sliderContainer .scroller .sliderItems {
    width: 100vw; }
    div.editor-gallery div.sliderContainer .scroller .sliderItems .sliderItem .caption {
      position: absolute;
      bottom: -25px;
      right: 0;
      left: 0;
      color: #014888;
      font-size: 20px;
      font-size: 1.25rem;
      display: block; }
    div.editor-gallery div.sliderContainer .scroller .sliderItems .sliderItem:hover .gallery-overlay {
      display: none; }
  div.editor-gallery div.sliderContainer a.navigationSlider.prev {
    left: 0 !important; }
  div.editor-gallery div.sliderContainer a.navigationSlider.next {
    right: 0 !important; }
  div.simpleSliderContainer .simpleScroller .simpleSliderItems a.navigationSimpleSlider.prev {
    left: 0 !important; }
  div.simpleSliderContainer .simpleScroller .simpleSliderItems a.navigationSimpleSlider.next {
    right: 0 !important; } }

@media screen and (min-width: 1140px) {
  div.simpleSliderContainer .simpleScroller .simpleSliderItems a.navigationSimpleSlider.prev {
    left: 0 !important; }
  div.simpleSliderContainer .simpleScroller .simpleSliderItems a.navigationSimpleSlider.next {
    right: 0 !important; } }

.popin-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 550;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .popin-wrapper .popin-body {
    background-color: white;
    padding: 2em;
    -webkit-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.25);
    position: relative;
    height: 100%;
    overflow: auto; }
    .popin-wrapper .popin-body div.title-wrapper {
      width: 100%; }
      .popin-wrapper .popin-body div.title-wrapper h2 {
        font-size: 34px;
        font-size: 2.125rem;
        color: #014888;
        font-weight: 600; }
    .popin-wrapper .popin-body div.other-scientist-popup-block {
      width: calc(50% - 2em);
      padding-top: 25px;
      padding-bottom: 25px;
      display: inline-block; }
      .popin-wrapper .popin-body div.other-scientist-popup-block div.other-scientist-popup-wrapper {
        display: flex;
        align-items: center; }
        .popin-wrapper .popin-body div.other-scientist-popup-block div.other-scientist-popup-wrapper div.image {
          display: inline-block;
          width: 70px;
          height: 70px; }
          .popin-wrapper .popin-body div.other-scientist-popup-block div.other-scientist-popup-wrapper div.image a {
            display: block;
            position: relative; }
            .popin-wrapper .popin-body div.other-scientist-popup-block div.other-scientist-popup-wrapper div.image a span.overlay {
              width: 70px;
              height: 70px;
              position: absolute;
              border-radius: 50%;
              z-index: 20;
              opacity: 0;
              background-color: #014888;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              -webkit-transition: all 0.5s ease;
              transition: all 0.5s ease; }
            .popin-wrapper .popin-body div.other-scientist-popup-block div.other-scientist-popup-wrapper div.image a img {
              border-radius: 50%; }
            .popin-wrapper .popin-body div.other-scientist-popup-block div.other-scientist-popup-wrapper div.image a:hover span.overlay {
              opacity: 0.4; }
        .popin-wrapper .popin-body div.other-scientist-popup-block div.other-scientist-popup-wrapper div.content {
          position: relative;
          display: inline-block;
          top: 50%;
          transform: translateY(-50%);
          margin-left: 35px;
          line-height: 1; }
          .popin-wrapper .popin-body div.other-scientist-popup-block div.other-scientist-popup-wrapper div.content div.role {
            font-size: 14px;
            font-size: 0.875rem;
            font-weight: 300;
            text-transform: uppercase; }
          .popin-wrapper .popin-body div.other-scientist-popup-block div.other-scientist-popup-wrapper div.content div.title {
            font-weight: 600;
            font-size: 20px;
            font-size: 1.25rem; }
  .popin-wrapper .popin-table {
    height: 90%;
    width: 90%;
    margin: auto;
    margin-top: 90px; }
  .popin-wrapper .popin-cell {
    display: block;
    padding: 10px;
    height: 100%;
    position: relative; }
  .popin-wrapper .popin-close {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 25;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 1.6em;
    color: black;
    font-weight: 900;
    text-decoration: none; }
  .popin-wrapper:target {
    opacity: 1;
    visibility: visible; }

@media screen and (max-width: 768px) {
  .popin-wrapper .popin-body div.other-scientist-popup-block {
    width: 100%; } }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #014888;
  text-decoration: none; }
  a:visited {
    color: #014888; }
  a:hover, a:focus, a:active {
    color: #0093C9; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 100%;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul,
      .main-navigation ul ul li.focus > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative; }
  .main-navigation a {
    display: block;
    text-decoration: none; }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none; }
  .main-navigation ul {
    display: block; } }

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.device-small {
  display: none; }

.device-medium {
  display: none; }

.device-large {
  display: none; }

.device-xlarge {
  display: block; }

.hide {
  display: none; }

body.fixed {
  position: fixed; }

body {
  overflow-x: hidden; }

/* Header ********************************/
span.border-orange {
  width: 65px;
  border-top: solid 2px #ff6f6a;
  display: block;
  margin: 20px 0; }

body.page-template-default div#primary main#main div.shapeBorder1.header {
  width: 53%;
  height: 610px;
  position: absolute;
  z-index: 10;
  top: -90px;
  background-size: 1000px;
  background-position: right bottom;
  left: -230px; }
  body.page-template-default div#primary main#main div.shapeBorder1.header div.shapeBorder2 {
    width: 100%;
    height: 100%;
    background-position: right bottom;
    background-size: 1050px; }

header#masthead {
  position: fixed;
  width: 100%;
  background-color: white;
  border-bottom: solid 1px #dddddd;
  z-index: 550;
  top: 0;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  header#masthead.hide {
    top: -70px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  header#masthead div.innerHeader {
    padding: 15px 0 10px 0px; }
    header#masthead div.innerHeader nav#site-navigation {
      margin: 5px auto; }
      header#masthead div.innerHeader nav#site-navigation div.menu-main-navigation-container ul#primary-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; }
        header#masthead div.innerHeader nav#site-navigation div.menu-main-navigation-container ul#primary-menu li {
          font-family: "Palanquin", sans-serif;
          font-size: 16px;
          font-size: 1rem;
          float: none;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-grow: 1;
          flex-grow: 1; }
          header#masthead div.innerHeader nav#site-navigation div.menu-main-navigation-container ul#primary-menu li a {
            display: initial;
            color: #014888;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            padding: 10px 0 21px 0; }
            header#masthead div.innerHeader nav#site-navigation div.menu-main-navigation-container ul#primary-menu li a:hover {
              color: #ff6f6a;
              border-bottom: solid 2px #ff6f6a; }
          header#masthead div.innerHeader nav#site-navigation div.menu-main-navigation-container ul#primary-menu li.current_page_item a {
            color: #ff6f6a;
            font-weight: 600;
            border-bottom: solid 2px #ff6f6a; }
    header#masthead div.innerHeader div.getInvolved {
      margin-right: 0; }
      header#masthead div.innerHeader div.getInvolved div.flexContainer {
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        header#masthead div.innerHeader div.getInvolved div.flexContainer a.search {
          color: #014888;
          font-size: 20px;
          font-size: 1.25rem;
          text-decoration: none;
          margin: 8px 35px -2px 0;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          header#masthead div.innerHeader div.getInvolved div.flexContainer a.search:hover {
            color: #ff6f6a; }
    header#masthead div.innerHeader.device-xlarge {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    header#masthead div.innerHeader.mobile div.getInvolved {
      margin-right: 0; }
      header#masthead div.innerHeader.mobile div.getInvolved div.flexContainer {
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        header#masthead div.innerHeader.mobile div.getInvolved div.flexContainer a.search {
          color: #014888;
          font-size: 24px;
          font-size: 1.5rem;
          text-decoration: none;
          margin: 8px 35px -2px 0;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          header#masthead div.innerHeader.mobile div.getInvolved div.flexContainer a.search:hover {
            color: #ff6f6a; }
        header#masthead div.innerHeader.mobile div.getInvolved div.flexContainer a.burgerMenu {
          width: 30px;
          text-decoration: none;
          margin: 8px 35px -2px 0; }
          header#masthead div.innerHeader.mobile div.getInvolved div.flexContainer a.burgerMenu img.white {
            display: block; }
          header#masthead div.innerHeader.mobile div.getInvolved div.flexContainer a.burgerMenu img.blue {
            display: none; }
  header#masthead div#mobileMenu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 1;
    background-color: #014888;
    color: white;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease; }
    header#masthead div#mobileMenu.hide {
      -moz-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      -webkit-transition: all 0.8s ease;
      transition: all 0.8s ease;
      opacity: 0; }
    header#masthead div#mobileMenu div#closeMenu {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 26px; }
      header#masthead div#mobileMenu div#closeMenu svg {
        width: 126px;
        height: 48px; }
      header#masthead div#mobileMenu div#closeMenu i.icon-close {
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        font-size: 45px;
        color: white;
        text-align: right; }
    header#masthead div#mobileMenu ul {
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: center; }
      header#masthead div#mobileMenu ul li {
        margin: 20px 0;
        font-size: 26px;
        font-size: 1.625rem; }
        header#masthead div#mobileMenu ul li a {
          color: white; }
      header#masthead div#mobileMenu ul.getInvolved {
        margin-top: 80px; }

.social-links {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 999;
  background-color: #0093C9;
  color: white;
  padding: 20px;
  opacity: 0.7; }
  .social-links div {
    margin-bottom: 25px; }
    .social-links div a {
      color: white;
      font-size: 20px;
      font-size: 1.25rem;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .social-links div a:hover {
        color: #00305c; }
    .social-links div:last-child {
      margin-bottom: 0; }

body.home header#masthead {
  position: relative;
  width: 100%;
  margin-bottom: -114px;
  background-color: transparent;
  border: 0 none; }
  body.home header#masthead div.innerHeader {
    padding: 35px 0; }
    body.home header#masthead div.innerHeader div.site-branding svg.logo {
      width: 126px;
      height: 48px;
      margin-top: -10px; }
      body.home header#masthead div.innerHeader div.site-branding svg.logo image {
        width: 140px; }
    body.home header#masthead div.innerHeader div.site-branding img {
      display: none; }
    body.home header#masthead div.innerHeader nav#site-navigation {
      margin: 5px auto; }
      body.home header#masthead div.innerHeader nav#site-navigation div.menu-main-navigation-container ul#primary-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; }
        body.home header#masthead div.innerHeader nav#site-navigation div.menu-main-navigation-container ul#primary-menu li {
          font-family: "Palanquin", sans-serif;
          font-size: 16px;
          font-size: 1rem;
          float: none;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-grow: 1;
          flex-grow: 1; }
          body.home header#masthead div.innerHeader nav#site-navigation div.menu-main-navigation-container ul#primary-menu li a {
            color: white;
            display: initial; }
    body.home header#masthead div.innerHeader div.getInvolved {
      margin-right: 0; }
      body.home header#masthead div.innerHeader div.getInvolved div.flexContainer {
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        body.home header#masthead div.innerHeader div.getInvolved div.flexContainer a.search {
          color: white;
          font-size: 20px;
          font-size: 1.25rem;
          text-decoration: none;
          margin: 8px 35px -2px 0;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          body.home header#masthead div.innerHeader div.getInvolved div.flexContainer a.search:hover {
            color: #ff6f6a; }
  body.home header#masthead.alternative {
    position: fixed;
    width: 100%;
    background-color: white;
    border-bottom: solid 1px #dddddd;
    top: 0; }
    body.home header#masthead.alternative div.innerHeader {
      padding: 15px 0; }
      body.home header#masthead.alternative div.innerHeader div.site-branding svg.logo {
        display: none; }
      body.home header#masthead.alternative div.innerHeader div.site-branding img {
        display: block;
        width: 100px;
        height: auto;
        margin: 4px 0 0 21px; }
      body.home header#masthead.alternative div.innerHeader nav#site-navigation div.menu-main-navigation-container ul#primary-menu li a {
        color: #014888; }
      body.home header#masthead.alternative div.innerHeader div.getInvolved div.flexContainer a.search {
        color: #014888;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        body.home header#masthead.alternative div.innerHeader div.getInvolved div.flexContainer a.search:hover {
          color: #ff6f6a; }
      body.home header#masthead.alternative div.innerHeader.mobile div.getInvolved a.burgerMenu img.white {
        display: none; }
      body.home header#masthead.alternative div.innerHeader.mobile div.getInvolved a.burgerMenu img.blue {
        display: block; }

header.entry-header {
  background-size: cover;
  height: 450px;
  position: relative;
  text-align: center; }
  header.entry-header div.header-image-mobile {
    display: none; }
  header.entry-header div.vertical-centered {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  header.entry-header h1 {
    font-size: 72px;
    font-size: 4.5rem;
    width: 100%;
    line-height: 80px;
    color: white;
    font-family: "Palanquin", sans-serif;
    font-weight: 600;
    margin: 0; }
  header.entry-header div.archive-description {
    width: 100%;
    color: white;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300; }
    header.entry-header div.archive-description div.container-12 {
      display: block; }
  header.entry-header div.center-aligned {
    text-align: center; }
    header.entry-header div.center-aligned span.border-orange {
      display: inline-block;
      margin: auto; }

header.entry-header-empty {
  position: relative;
  text-align: center;
  padding-top: 120px;
  padding-bottom: 20px; }
  header.entry-header-empty div.header-image-mobile {
    display: none; }
  header.entry-header-empty div.vertical-centered {
    position: relative; }
  header.entry-header-empty h1 {
    font-size: 72px;
    font-size: 4.5rem;
    width: 100%;
    line-height: 60px;
    color: #014888;
    font-family: "Palanquin", sans-serif;
    font-weight: 600;
    margin: 0; }
  header.entry-header-empty div.archive-description {
    width: 100%;
    color: white;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300; }
    header.entry-header-empty div.archive-description div.container-12 {
      display: block; }
  header.entry-header-empty div.center-aligned {
    text-align: center; }
    header.entry-header-empty div.center-aligned span.border-orange {
      display: inline-block;
      margin: auto; }

div.header-video {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  overflow: hidden; }
  div.header-video .video-embed {
    position: relative;
    padding: 56.25% 0 0 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    div.header-video .video-embed iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

div.main-content-block .editor-text-image .col-8:first-child, div.main-content-block .editor-image-text .col-8:last-child {
  text-align: center; }

div.editor-content div.wpforms-container-full {
  width: 100%;
  display: block;
  padding: 0 25px;
  z-index: 30;
  position: relative; }
  div.editor-content div.wpforms-container-full label.wpforms-field-label {
    color: #014888; }
  div.editor-content div.wpforms-container-full div.wpforms-submit-container button.wpforms-submit {
    border: solid 1px #ff6f6a;
    background-color: #ff6f6a;
    color: white;
    border-radius: initial;
    font-size: 16px;
    font-size: 1rem;
    padding: 9px 25px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    div.editor-content div.wpforms-container-full div.wpforms-submit-container button.wpforms-submit:hover {
      background-color: white;
      color: #ff6f6a; }

.align-right {
  text-align: right; }

.align-left {
  text-align: left; }

.back-to-top {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-out;
  position: fixed;
  background-color: rgba(0, 147, 201, 0.7);
  padding: 12px 18px;
  right: 16px;
  bottom: 16px;
  z-index: 5000;
  color: white; }
  .back-to-top.show {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease-in;
    color: white; }
    .back-to-top.show:hover {
      background-color: rgba(1, 72, 136, 0.7);
      transition: all 0.5s ease-in; }

ul#menu-footer-menu {
  margin: 0.5em auto;
  text-align: center;
  padding: 0; }
  ul#menu-footer-menu li {
    display: inline-block;
    margin-right: 8px; }
    ul#menu-footer-menu li a {
      display: initial;
      color: #014888;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      padding: 10px 0; }
      ul#menu-footer-menu li a:hover {
        color: #ff6f6a;
        border-bottom: solid 2px #ff6f6a; }

@media screen and (max-width: 767px) {
  body.page-template-default div#primary main#main div.shapeBorder1.header {
    width: 170%;
    left: -330px; }
  .social-links {
    display: none; }
  header#masthead div.innerHeader.device-xlarge {
    display: none; }
  .device-xlarge {
    display: none; }
  .device-large {
    display: none; }
  .device-medium {
    display: none; }
  .device-small {
    display: block; }
  header#masthead div.innerHeader.device-small {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%; }
    header#masthead div.innerHeader.device-small div.site-branding {
      padding-left: 30px; }
  div.header-video {
    position: relative; }
  div.editor-content {
    padding: 0 40px; }
  body.tax-research_area header.page-header, body.post-template-default header.entry-header, body.page-template-default header.entry-header.notFrontpage {
    background: none !important;
    height: auto;
    min-height: 400px; }
    body.tax-research_area header.page-header div.header-image-mobile, body.post-template-default header.entry-header div.header-image-mobile, body.page-template-default header.entry-header.notFrontpage div.header-image-mobile {
      display: block;
      background-size: cover;
      background-position: center;
      height: 400px;
      width: 100%; }
    body.tax-research_area header.page-header div.vertical-centered, body.post-template-default header.entry-header div.vertical-centered, body.page-template-default header.entry-header.notFrontpage div.vertical-centered {
      top: 0;
      transform: none;
      padding-top: 0px; }
    body.tax-research_area header.page-header h1, body.post-template-default header.entry-header h1, body.page-template-default header.entry-header.notFrontpage h1 {
      text-align: left;
      padding: 0;
      font-size: 40px;
      font-size: 2.5rem;
      line-height: 50px;
      color: #014888;
      padding: 0 40px; }
    body.tax-research_area header.page-header div.archive-description, body.post-template-default header.entry-header div.archive-description, body.page-template-default header.entry-header.notFrontpage div.archive-description {
      color: #014888; }
    body.tax-research_area header.page-header div.center-aligned, body.post-template-default header.entry-header div.center-aligned, body.page-template-default header.entry-header.notFrontpage div.center-aligned {
      text-align: left;
      padding: 0 40px; }
  header.entry-header-empty h1 {
    text-align: left;
    padding: 0 40px;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 55px; }
  header.entry-header-empty div.archive-description {
    color: #014888; }
  header.entry-header-empty div.center-aligned {
    text-align: left;
    padding: 0 40px 20px 40px; }
    header.entry-header-empty div.center-aligned div.center-aligned {
      text-align: left; } }

@media screen and (min-width: 768px) and (max-width: 979px) {
  body.page-template-default div#primary main#main div.shapeBorder1.header {
    width: 120%;
    left: -330px; }
  header#masthead div.innerHeader.device-xlarge {
    display: none; }
  .device-xlarge {
    display: none; }
  .device-large {
    display: none; }
  .device-small {
    display: none; }
  .device-medium {
    display: block; }
  header#masthead div.innerHeader.device-medium {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%; }
    header#masthead div.innerHeader.device-medium div.site-branding {
      padding-left: 30px; }
  div.header-video {
    position: relative; }
  body.tax-research_area header.page-header, body.post-template-default header.entry-header, body.page-template-default header.entry-header.notFrontpage {
    background: none !important;
    height: auto;
    min-height: 400px; }
    body.tax-research_area header.page-header div.header-image-mobile, body.post-template-default header.entry-header div.header-image-mobile, body.page-template-default header.entry-header.notFrontpage div.header-image-mobile {
      display: block;
      background-size: cover;
      background-position: center;
      height: 400px;
      width: 100%; }
    body.tax-research_area header.page-header div.vertical-centered, body.post-template-default header.entry-header div.vertical-centered, body.page-template-default header.entry-header.notFrontpage div.vertical-centered {
      top: 0;
      transform: none;
      padding-top: 0px; }
    body.tax-research_area header.page-header h1, body.post-template-default header.entry-header h1, body.page-template-default header.entry-header.notFrontpage h1 {
      text-align: left;
      padding: 0;
      font-size: 40px;
      font-size: 2.5rem;
      line-height: 50px;
      color: #014888;
      padding: 0 40px; }
    body.tax-research_area header.page-header div.archive-description, body.post-template-default header.entry-header div.archive-description, body.page-template-default header.entry-header.notFrontpage div.archive-description {
      color: #014888; }
    body.tax-research_area header.page-header div.center-aligned, body.post-template-default header.entry-header div.center-aligned, body.page-template-default header.entry-header.notFrontpage div.center-aligned {
      text-align: left;
      padding: 0 40px; }
  header.entry-header-empty h1 {
    text-align: left;
    padding: 0 40px;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 55px; }
  header.entry-header-empty div.archive-description {
    color: #014888; }
  header.entry-header-empty div.center-aligned {
    text-align: left;
    padding: 0 40px 20px 40px; }
    header.entry-header-empty div.center-aligned div.center-aligned {
      text-align: left; } }

@media screen and (min-width: 980px) and (max-width: 1139px) {
  header#masthead div.innerHeader.device-xlarge {
    display: none; }
  .device-xlarge {
    display: none; }
  .device-small {
    display: none; }
  .device-medium {
    display: none; }
  .device-large {
    display: block; }
  header#masthead div.innerHeader.device-large {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%; }
    header#masthead div.innerHeader.device-large div.site-branding {
      padding-left: 30px; } }

body.home div#primary main#main header {
  background-size: cover;
  min-height: 700px;
  background-position: center; }
  body.home div#primary main#main header .title-button {
    flex-wrap: wrap; }
  body.home div#primary main#main header h1 {
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 75px;
    color: white;
    font-family: "Palanquin", sans-serif;
    font-weight: 600;
    margin: 0;
    padding: 160px 0 50px 90px;
    margin-right: calc(100% - 700px);
    max-width: 700px;
    text-align: left; }
  body.home div#primary main#main header .about-button-block {
    padding-left: 90px;
    padding-top: 50px; }

body.home div#primary main#main div.last-news-slider {
  margin-top: -80px; }
  body.home div#primary main#main div.last-news-slider div.sliderContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    margin: auto;
    flex-wrap: wrap; }
    body.home div#primary main#main div.last-news-slider div.sliderContainer a.navigationSlider {
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-align-self: center;
      align-self: center;
      width: 60px;
      height: 60px;
      border: none;
      background-color: #00305c;
      color: white;
      font-size: 25px;
      line-height: 63px;
      text-align: center;
      outline: none;
      transition: background-color 300ms ease-out;
      text-decoration: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      body.home div#primary main#main div.last-news-slider div.sliderContainer a.navigationSlider.prev {
        left: -30px;
        z-index: 500; }
      body.home div#primary main#main div.last-news-slider div.sliderContainer a.navigationSlider.next {
        right: -30px;
        z-index: 500; }
      body.home div#primary main#main div.last-news-slider div.sliderContainer a.navigationSlider:hover {
        background-color: #014888; }
    body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow: visible;
      height: 471px; }
      body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems {
        list-style-type: none;
        white-space: nowrap;
        font-size: 0;
        line-height: 0;
        padding: 0;
        transition: transform 1s ease-in-out;
        position: relative;
        width: 1015px; }
        body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .slick-dots {
          position: absolute;
          margin: 0;
          padding: 0;
          text-align: center;
          width: 100%;
          margin-top: 15px; }
          body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .slick-dots li {
            display: inline-block;
            margin-right: 10px; }
            body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .slick-dots li button {
              border-radius: 50%;
              border: 1px solid #0093C9;
              background: none;
              width: 15px;
              height: 15px;
              overflow: hidden;
              padding: 0;
              margin: 0;
              font-size: 0;
              cursor: pointer; }
            body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .slick-dots li.slick-active button {
              background: #0093C9; }
        body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem {
          display: inline-block;
          position: relative;
          width: 100%;
          font-size: 25px;
          letter-spacing: -0.03em;
          line-height: 1;
          font-weight: bold;
          background-size: cover;
          background-position: 50% 50%;
          background: white;
          margin-right: 0; }
          body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .image, body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content {
            display: inline-block;
            white-space: normal;
            height: 472px;
            background-color: white; }
          body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .image img {
            height: 474px; }
          body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content {
            font-family: "Palanquin", sans-serif;
            width: calc(100% - 435px);
            padding: 40px 50px;
            position: absolute;
            top: 0; }
            body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content .first-line {
              font-size: 14px;
              font-size: 0.875rem;
              font-weight: 300;
              text-transform: uppercase;
              margin-bottom: 50px; }
              body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content .first-line .post-type {
                color: #40c8f4;
                float: left;
                display: none; }
              body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content .first-line .post-date {
                color: #b2b2b2;
                float: right; }
            body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content .title {
              color: #0064ad;
              font-size: 34px;
              font-size: 2.125rem;
              line-height: 40px;
              font-weight: 600;
              clear: both;
              padding-right: 50px;
              margin-bottom: 50px; }
            body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content .text-content {
              color: #555555;
              font-size: 16px;
              font-size: 1rem;
              font-weight: 300;
              line-height: 24px;
              padding-right: 50px;
              margin-bottom: 50px;
              min-height: 60px; }
            body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content .last-line span {
              color: #555555;
              font-size: 16px;
              font-size: 1rem;
              font-weight: 300; }
            body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content .last-line a {
              position: absolute;
              right: 20px; }

body.home div#primary main#main div.what-we-do-block {
  margin-top: -392px;
  padding: 25px 0;
  background-color: #014888; }
  body.home div#primary main#main div.what-we-do-block > div.shapeBorder1:before {
    left: -20%; }
  body.home div#primary main#main div.what-we-do-block > div.shapeBorder1 div.shapeBorder2:before {
    background-position: right bottom;
    background-size: 1000px;
    bottom: -200px; }
  body.home div#primary main#main div.what-we-do-block .backgrounded-content {
    padding-top: 450px;
    padding-bottom: 50px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: block; }
    body.home div#primary main#main div.what-we-do-block .backgrounded-content > div.shapeBorder1:before {
      margin-top: -100px; }
    body.home div#primary main#main div.what-we-do-block .backgrounded-content > div.shapeBorder1 div.shapeBorder2:before {
      background-position: right top; }
    body.home div#primary main#main div.what-we-do-block .backgrounded-content .title {
      font-size: 60px;
      font-size: 3.75rem;
      line-height: 60px;
      color: white;
      font-family: "Palanquin", sans-serif;
      font-weight: 600;
      padding: 0 0 50px 50px;
      display: block;
      text-transform: uppercase; }
    body.home div#primary main#main div.what-we-do-block .backgrounded-content .text {
      font-size: 20px;
      font-size: 1.25rem;
      color: white;
      font-family: "Palanquin", sans-serif;
      padding: 0 50px 0 300px;
      display: block; }
      body.home div#primary main#main div.what-we-do-block .backgrounded-content .text .textContent {
        padding: 0; }
  body.home div#primary main#main div.what-we-do-block .bottom-content {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    min-height: 365px; }
    body.home div#primary main#main div.what-we-do-block .bottom-content .text {
      font-size: 20px;
      font-size: 1.25rem;
      color: white;
      font-family: "Palanquin", sans-serif;
      padding-left: 50px; }
    body.home div#primary main#main div.what-we-do-block .bottom-content .kpis .kpi-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      body.home div#primary main#main div.what-we-do-block .bottom-content .kpis .kpi-wrapper .kpi-item {
        text-align: center;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1; }
        body.home div#primary main#main div.what-we-do-block .bottom-content .kpis .kpi-wrapper .kpi-item div.image {
          text-align: center; }
          body.home div#primary main#main div.what-we-do-block .bottom-content .kpis .kpi-wrapper .kpi-item div.image div.shapeBorder1 {
            padding: 30px; }
            body.home div#primary main#main div.what-we-do-block .bottom-content .kpis .kpi-wrapper .kpi-item div.image div.shapeBorder1:before {
              background-size: 200px; }
          body.home div#primary main#main div.what-we-do-block .bottom-content .kpis .kpi-wrapper .kpi-item div.image div.shapeBorder2 {
            padding: 30px; }
            body.home div#primary main#main div.what-we-do-block .bottom-content .kpis .kpi-wrapper .kpi-item div.image div.shapeBorder2:before {
              background-size: 180px; }
          body.home div#primary main#main div.what-we-do-block .bottom-content .kpis .kpi-wrapper .kpi-item div.image img {
            width: 110px;
            padding: 20px;
            height: auto;
            max-width: none; }
        body.home div#primary main#main div.what-we-do-block .bottom-content .kpis .kpi-wrapper .kpi-item div.number {
          font-weight: 600;
          color: #ff6f6a;
          font-size: 64px;
          font-size: 4rem;
          margin-top: -60px; }
        body.home div#primary main#main div.what-we-do-block .bottom-content .kpis .kpi-wrapper .kpi-item div.text {
          font-size: 16px;
          font-size: 1rem;
          color: white;
          margin-top: 0;
          padding: 0 40px;
          font-weight: 600; }

body.home div#primary main#main div.video-block {
  background-color: #014888;
  padding-bottom: 50px; }
  body.home div#primary main#main div.video-block div.container-12 {
    flex-wrap: wrap; }
    body.home div#primary main#main div.video-block div.container-12 div.title {
      font-size: 60px;
      font-size: 3.75rem;
      line-height: 60px;
      color: #014888;
      font-family: "Palanquin", sans-serif;
      font-weight: 600;
      text-align: center;
      padding-top: 45px;
      padding-bottom: 25px;
      width: 100%; }
    body.home div#primary main#main div.video-block div.container-12 div.content-wrapper {
      width: 100%; }

body.home div#primary main#main div.research-areas-block {
  background: url(/app/themes/bertarelli_marine_science/images/home-researchareas-bg.png) center bottom no-repeat;
  background-size: 100%; }
  body.home div#primary main#main div.research-areas-block div.title {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 60px;
    color: #014888;
    font-family: "Palanquin", sans-serif;
    font-weight: 600;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 25px; }
  body.home div#primary main#main div.research-areas-block div.description {
    font-size: 20px;
    font-size: 1.25rem;
    color: #014888;
    text-align: center;
    padding-bottom: 25px; }
  body.home div#primary main#main div.research-areas-block div.button-block {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 35px; }
  body.home div#primary main#main div.research-areas-block div.term-list {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 120px; }
    body.home div#primary main#main div.research-areas-block div.term-list div.image {
      overflow: hidden; }
      body.home div#primary main#main div.research-areas-block div.term-list div.image div.shapeDefault {
        -webkit-mask-size: 560px 480px;
        /* Chrome, iOS, Safari */
        mask-size: 560px 480px;
        /* None yet / Non-standard */ }
    body.home div#primary main#main div.research-areas-block div.term-list div.text {
      margin: 120px 0 0 30px;
      vertical-align: middle; }
      body.home div#primary main#main div.research-areas-block div.term-list div.text div.taxonomy-name {
        font-size: 56px;
        font-size: 3.5rem;
        line-height: 60px;
        color: #014888;
        font-family: "Palanquin", sans-serif;
        font-weight: 600; }
      body.home div#primary main#main div.research-areas-block div.term-list div.text div.taxonomy-description {
        margin: 30px 100px 20px 0;
        text-align: left;
        color: #555555;
        font-weight: 300;
        line-height: 30px; }
      body.home div#primary main#main div.research-areas-block div.term-list div.text div.taxonomy-link a {
        font-weight: 600;
        color: #ff6f6a;
        text-decoration: none; }
        body.home div#primary main#main div.research-areas-block div.term-list div.text div.taxonomy-link a span {
          display: inline-block;
          margin: 3px 15px 0 0;
          vertical-align: top; }
        body.home div#primary main#main div.research-areas-block div.term-list div.text div.taxonomy-link a i {
          font-size: 25px;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        body.home div#primary main#main div.research-areas-block div.term-list div.text div.taxonomy-link a:hover i {
          margin-left: 10px; }

body.home div#primary main#main div.projet-slider-title {
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 60px;
  color: white;
  font-family: "Palanquin", sans-serif;
  font-weight: 600;
  background-color: #014888;
  text-align: center;
  padding-top: 51px;
  padding-bottom: 25px;
  position: relative; }
  body.home div#primary main#main div.projet-slider-title div.button-block {
    position: relative;
    z-index: 5;
    margin-top: 15px;
    margin-bottom: 50px; }
  body.home div#primary main#main div.projet-slider-title div.description {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    padding: 30px 80px 10px 80px;
    font-weight: 300;
    line-height: 30px; }
  body.home div#primary main#main div.projet-slider-title > .first-shape {
    position: absolute;
    width: 40%;
    height: 100%;
    top: 0;
    left: 50%;
    background: none;
    z-index: 1; }
    body.home div#primary main#main div.projet-slider-title > .first-shape:before {
      background-size: 850px;
      left: -40%; }
    body.home div#primary main#main div.projet-slider-title > .first-shape div.shapeBorder2:before {
      background-size: 1000px;
      background-position: center right; }
  body.home div#primary main#main div.projet-slider-title > .second-shape {
    position: absolute;
    width: 20%;
    height: 100%;
    top: 0;
    left: 50%;
    background: none;
    z-index: 1; }
    body.home div#primary main#main div.projet-slider-title > .second-shape div.shapeBorder2:before {
      background-size: 1000px;
      background-position: center left;
      transform: rotate(180deg); }

body.home div#primary main#main div.project-slider-block {
  background-color: #014888;
  overflow: hidden;
  padding-bottom: 50px; }
  body.home div#primary main#main div.project-slider-block div.secondSliderContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    margin: auto;
    flex-wrap: wrap;
    position: relative; }
    body.home div#primary main#main div.project-slider-block div.secondSliderContainer a.navigationSecondSlider {
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-align-self: center;
      align-self: center;
      width: 60px;
      height: 60px;
      border: none;
      background-color: #00305c;
      color: white;
      font-size: 25px;
      line-height: 63px;
      text-align: center;
      outline: none;
      transition: background-color 300ms ease-out;
      text-decoration: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      body.home div#primary main#main div.project-slider-block div.secondSliderContainer a.navigationSecondSlider.prev {
        left: -30px;
        z-index: 500; }
      body.home div#primary main#main div.project-slider-block div.secondSliderContainer a.navigationSecondSlider.next {
        right: -30px;
        z-index: 500; }
      body.home div#primary main#main div.project-slider-block div.secondSliderContainer a.navigationSecondSlider:hover {
        background-color: #014888; }
    body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow: visible;
      height: 471px; }
      body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems {
        list-style-type: none;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        transition: transform 1s ease-in-out;
        position: relative;
        width: 1015px; }
        body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .slick-dots {
          position: absolute;
          margin: 0;
          padding: 0;
          text-align: center;
          width: 100%;
          margin-top: 15px; }
          body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .slick-dots li {
            display: inline-block;
            margin-right: 10px; }
            body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .slick-dots li button {
              border-radius: 50%;
              border: 1px solid #0093C9;
              background: none;
              width: 15px;
              height: 15px;
              overflow: hidden;
              padding: 0;
              margin: 0;
              font-size: 0;
              cursor: pointer; }
            body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .slick-dots li.slick-active button {
              background: #0093C9; }
        body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .slick-list {
          overflow: visible; }
        body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .secondSliderItem {
          display: inline-block;
          width: 100%;
          letter-spacing: -0.03em;
          line-height: 1;
          font-weight: bold;
          background-size: cover;
          background-position: 50% 50%;
          color: white;
          text-align: center;
          height: 472px;
          margin-right: -4px;
          position: relative; }
          body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .secondSliderItem div.overlay {
            width: 100%;
            height: 100%;
            position: absolute;
            background-color: #014888;
            opacity: 0.4;
            z-index: 20; }
          body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .secondSliderItem .research-areas {
            font-size: 14px;
            font-size: 0.875rem;
            font-weight: 300;
            text-transform: uppercase;
            margin-top: 180px;
            position: relative;
            z-index: 21; }
          body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .secondSliderItem .title {
            font-size: 34px;
            font-size: 2.125rem;
            line-height: 40px;
            font-weight: 600;
            margin-bottom: 50px;
            white-space: pre-wrap;
            height: 120px;
            padding: 0 80px;
            position: relative;
            z-index: 21; }
          body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .secondSliderItem .more-button-block {
            position: relative;
            z-index: 21; }

body.home div#primary main#main div.scientists-block {
  background-color: #EFEFEF;
  position: relative; }
  body.home div#primary main#main div.scientists-block div.centered-orange-border {
    display: inline-block;
    position: absolute;
    left: 25%;
    top: 195px;
    z-index: 500; }
  body.home div#primary main#main div.scientists-block div.shapeBorder1:before {
    background-size: 1200px; }
  body.home div#primary main#main div.scientists-block div.shapeBorder1 div.shapeBorder2:before {
    background-size: 850px;
    background-position: left bottom; }
  body.home div#primary main#main div.scientists-block div.block-header-wrapper {
    padding-top: 12px;
    background-color: #014888;
    z-index: 100;
    position: relative; }
    body.home div#primary main#main div.scientists-block div.block-header-wrapper div.backgrounded-content-wrapper {
      background-color: #014888; }
    body.home div#primary main#main div.scientists-block div.block-header-wrapper div.backgrounded-content {
      padding-top: 100px;
      margin-left: 25%;
      background-size: cover;
      min-height: 475px; }
      body.home div#primary main#main div.scientists-block div.block-header-wrapper div.backgrounded-content div.title {
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 60px;
        color: white;
        font-family: "Palanquin", sans-serif;
        font-weight: 600;
        padding-left: 75px; }
      body.home div#primary main#main div.scientists-block div.block-header-wrapper div.backgrounded-content div.text {
        margin-top: 50px;
        padding-left: 125px;
        color: white;
        padding-right: 205px; }
      body.home div#primary main#main div.scientists-block div.block-header-wrapper div.backgrounded-content div.button-block {
        margin-top: 30px;
        padding-left: 125px; }
  body.home div#primary main#main div.scientists-block div.scientists-items-background {
    background-size: cover; }
  body.home div#primary main#main div.scientists-block div.scientists-items-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item {
      width: 25%;
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item:before {
        display: block;
        padding-top: 100%;
        content: ""; }
      body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.image {
        background-size: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0; }
      body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.scientist-informations {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        font-size: 32px;
        font-size: 2rem;
        color: white;
        text-align: center;
        opacity: 0;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.blue-filer {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        text-align: center;
        background-color: #0093C9;
        opacity: 0;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item a:hover div.blue-filer {
        opacity: 0.5; }
      body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item a:hover div.scientist-informations {
        opacity: 1; }
      body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0; }
      body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText {
        width: 100%;
        text-align: center; }
        body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 {
          padding: 0; }
          body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1:before {
            background-size: 190px; }
          body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 {
            padding: 60px 0; }
            body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2:before {
              background-size: 210px;
              background-position: center;
              -webkit-animation-name: bgsizeandrotate;
              -webkit-animation-duration: 16s;
              -webkit-animation-iteration-count: infinite;
              -webkit-animation-direction: alternate;
              -webkit-animation-delay: 0s;
              -moz-animation-name: bgsizeandrotate;
              -moz-animation-duration: 16s;
              -moz-animation-iteration-count: infinite;
              -moz-animation-direction: alternate;
              -moz-animation-delay: 0s;
              animation-name: bgsizeandrotate;
              animation-duration: 16s;
              animation-iteration-count: infinite;
              animation-direction: alternate;
              animation-delay: 0s; }
            body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 div.number {
              color: white;
              font-size: 60px;
              font-size: 3.75rem; }
            body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 div.text {
              color: #ff6f6a;
              font-size: 32px;
              font-size: 2rem; }
    body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item:nth-child(1) {
      background-color: #0093C9; }
    body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item:nth-child(4) {
      background-color: #00305c; }
    body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item:nth-child(5) {
      margin-left: 25%;
      background-color: #014888; }
    body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item:nth-child(8) {
      margin-left: 50%;
      margin-right: 25%; }

@media screen and (max-width: 767px) {
  body.home div#primary main#main header {
    min-height: 0;
    height: auto; }
    body.home div#primary main#main header div.header-video {
      position: absolute !important; }
    body.home div#primary main#main header div.vertical-centered {
      top: 0;
      transform: none;
      padding-top: 0px; }
    body.home div#primary main#main header div.title-button {
      text-align: center; }
      body.home div#primary main#main header div.title-button h1 {
        padding: 160px 30px 50px 30px;
        font-size: 24px;
        font-size: 1.5rem;
        max-width: none;
        line-height: 26px; }
      body.home div#primary main#main header div.title-button .about-button-block {
        padding: 20px 0 20px 30px;
        text-align: left; }
  body.home div#primary main#main div.last-news-slider {
    overflow: hidden;
    margin-top: 0; }
    body.home div#primary main#main div.last-news-slider div.sliderContainer a.navigationSlider {
      display: none !important; }
    body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller {
      height: auto;
      flex: 100%;
      padding-bottom: 50px; }
      body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .image {
        display: block;
        height: auto; }
        body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .image img {
          height: auto;
          width: 100%; }
      body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content {
        display: block;
        width: 100%;
        position: relative;
        top: initial;
        height: auto;
        margin-bottom: 15px !important; }
        body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content .title {
          padding-right: 0;
          font-size: 32px;
          font-size: 2rem; }
        body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content .text-content {
          min-height: initial; }
  body.home div#primary main#main div.what-we-do-block {
    padding: 0;
    margin: 0; }
    body.home div#primary main#main div.what-we-do-block .backgrounded-content {
      padding-top: 45px; }
      body.home div#primary main#main div.what-we-do-block .backgrounded-content div.title {
        padding: 0 20px;
        text-align: left;
        margin-bottom: 25px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 40px; }
      body.home div#primary main#main div.what-we-do-block .backgrounded-content div.text {
        padding: 0 20px; }
    body.home div#primary main#main div.what-we-do-block div.bottom-content {
      padding: 0 20px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column-reverse;
      -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
      body.home div#primary main#main div.what-we-do-block div.bottom-content div.kpis div.kpi-wrapper {
        display: block; }
  body.home div#primary main#main div.research-areas-block div.title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    color: #014888;
    text-align: left;
    padding: 45px 40px 25px 40px; }
  body.home div#primary main#main div.research-areas-block div.description {
    font-size: 20px;
    font-size: 1.25rem;
    color: #014888;
    text-align: left;
    padding: 0 40px 25px 40px; }
  body.home div#primary main#main div.research-areas-block div.button-block {
    text-align: left;
    margin: 25px 0 35px 40px; }
  body.home div#primary main#main div.research-areas-block div.term-list {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 60px; }
    body.home div#primary main#main div.research-areas-block div.term-list div.container-12 {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 0;
      overflow: hidden; }
      body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image {
        overflow: hidden; }
        body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image.col-7 {
          width: 50%;
          margin-left: -16%; }
          body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image.col-7 div.shapeBorder1:before {
            background-size: 215px; }
          body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image.col-7 div.shapeBorder2:before {
            background-size: 230px;
            -webkit-animation-name: bgsizeandrotate270;
            -webkit-animation-duration: 16s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-direction: alternate;
            -webkit-animation-delay: 0s;
            -moz-animation-name: bgsizeandrotate270;
            -moz-animation-duration: 16s;
            -moz-animation-iteration-count: infinite;
            -moz-animation-direction: alternate;
            -moz-animation-delay: 0s;
            animation-name: bgsizeandrotate270;
            animation-duration: 16s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-delay: 0s; }
          body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image.col-7 div.shapeDefault {
            -webkit-mask-size: 185px 165px;
            /* Chrome, iOS, Safari */
            mask-size: 185px 165px;
            /* None yet / Non-standard */ }
      body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.text {
        margin: 50px 0 0 0px; }
        body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.text div.taxonomy-name {
          font-size: 28.8px;
          font-size: 1.8rem;
          line-height: 32px;
          font-weight: 500;
          margin-bottom: 10px; }
        body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.text div.taxonomy-description {
          display: none; }
        body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.text div.taxonomy-link a {
          font-size: 14px;
          font-size: 0.875rem;
          color: #0093C9; }
        body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.text.col-5 {
          width: 50%;
          margin: 30px 20px 0 20px; }
      body.home div#primary main#main div.research-areas-block div.term-list div.container-12.odd .image {
        margin: 0; }
        body.home div#primary main#main div.research-areas-block div.term-list div.container-12.odd .image.col-7 {
          margin-right: -16%; }
          body.home div#primary main#main div.research-areas-block div.term-list div.container-12.odd .image.col-7 div.shapeDefault {
            -webkit-mask-size: 165px 155px;
            /* Chrome, iOS, Safari */
            mask-size: 165px 155px;
            /* None yet / Non-standard */ }
      body.home div#primary main#main div.research-areas-block div.term-list div.container-12.odd .text {
        margin: 0 0 0 30px; }
  body.home div#primary main#main div.projet-slider-title {
    text-align: left;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    padding: 50px 40px 25px 40px; }
    body.home div#primary main#main div.projet-slider-title div.description {
      text-align: left;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 30px;
      margin-top: 30px;
      padding: 0; }
    body.home div#primary main#main div.projet-slider-title div.button-block {
      margin-bottom: 20px; }
  body.home div#primary main#main div.project-slider-block div.secondSliderContainer {
    margin-bottom: 30px; }
    body.home div#primary main#main div.project-slider-block div.secondSliderContainer a.navigationSecondSlider {
      display: none !important; }
    body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller {
      margin-bottom: 10px; }
      body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems {
        width: 100vw !important; }
        body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems a.navigationSlider.prev {
          left: 0 !important; }
        body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems a.navigationSlider.next {
          right: 0 !important; }
        body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .secondSliderItem .research-areas {
          margin-top: 100px; }
        body.home div#primary main#main div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .secondSliderItem .title {
          padding: 0 25px !important;
          padding: 0 25px !important;
          min-height: 120px;
          height: auto; }
  body.home div#primary main#main div.scientists-block div.centered-orange-border {
    display: none; }
  body.home div#primary main#main div.scientists-block div.block-header-wrapper {
    padding-top: 0; }
    body.home div#primary main#main div.scientists-block div.block-header-wrapper div.backgrounded-content {
      margin-left: 0;
      margin-top: 50px;
      background-position: center; }
      body.home div#primary main#main div.scientists-block div.block-header-wrapper div.backgrounded-content div.title {
        padding: 0 40px;
        margin-bottom: 25px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 40px; }
      body.home div#primary main#main div.scientists-block div.block-header-wrapper div.backgrounded-content div.text {
        padding: 0 40px;
        margin-top: 0;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 30px; }
      body.home div#primary main#main div.scientists-block div.block-header-wrapper div.backgrounded-content div.button-block {
        padding: 0 40px;
        margin-top: 50px; }
  body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item {
    width: 50%;
    margin: 0 !important; }
    body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 {
      padding: 0; }
      body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1:before {
        background-size: 160px; }
      body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 {
        padding: 20px 0; }
        body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2:before {
          background-size: 170px; }
        body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 div.number {
          color: white;
          font-size: 48px;
          font-size: 3rem; }
        body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 div.text {
          color: #ff6f6a;
          font-size: 24px;
          font-size: 1.5rem; } }

@media screen and (min-width: 768px) and (max-width: 979px) {
  body.home div#primary main#main header {
    min-height: 0;
    height: auto; }
    body.home div#primary main#main header div.header-video {
      position: absolute !important; }
    body.home div#primary main#main header div.title-button {
      text-align: center; }
      body.home div#primary main#main header div.title-button h1 {
        padding: 160px 100px 50px 100px;
        font-size: 48px;
        font-size: 3rem;
        max-width: none; }
  body.home div#primary main#main div.last-news-slider {
    margin-top: 0; }
  body.home div#primary main#main div.research-areas-block div.title {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 60px;
    color: #014888;
    font-family: "Palanquin", sans-serif;
    font-weight: 600;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 25px; }
  body.home div#primary main#main div.research-areas-block div.description {
    font-size: 20px;
    font-size: 1.25rem;
    color: #014888;
    text-align: center;
    padding: 0 20px 25px 20px; }
  body.home div#primary main#main div.research-areas-block div.button-block {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 35px; }
  body.home div#primary main#main div.research-areas-block div.term-list {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 60px; }
    body.home div#primary main#main div.research-areas-block div.term-list div.container-12 {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image {
        overflow: hidden; }
        body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image.col-7 {
          width: 60%; }
          body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image.col-7 div.shapeBorder1:before {
            background-size: 500px; }
          body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image.col-7 div.shapeBorder2:before {
            background-size: 520px;
            -webkit-animation-name: bgsizeandrotate520;
            -webkit-animation-duration: 16s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-direction: alternate;
            -webkit-animation-delay: 0s;
            -moz-animation-name: bgsizeandrotate520;
            -moz-animation-duration: 16s;
            -moz-animation-iteration-count: infinite;
            -moz-animation-direction: alternate;
            -moz-animation-delay: 0s;
            animation-name: bgsizeandrotate520;
            animation-duration: 16s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-delay: 0s; }
          body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image.col-7 div.shapeDefault {
            -webkit-mask-size: 400px 360px;
            /* Chrome, iOS, Safari */
            mask-size: 400px 360px;
            /* None yet / Non-standard */ }
      body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.text {
        margin: 50px 0 0 0px; }
        body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.text div.taxonomy-name {
          font-size: 32px;
          font-size: 2rem;
          line-height: 40px; }
        body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.text div.taxonomy-description {
          margin: 30px 20px 20px 0;
          line-height: 20px; }
        body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.text.col-5 {
          width: 40%; }
      body.home div#primary main#main div.research-areas-block div.term-list div.container-12.odd .image {
        margin: 0; }
      body.home div#primary main#main div.research-areas-block div.term-list div.container-12.odd .text {
        margin: 0 0 0 30px; }
  body.home div#primary main#main div.what-we-do-block {
    padding: 0;
    margin: 0; }
    body.home div#primary main#main div.what-we-do-block .backgrounded-content {
      padding-top: 45px; }
      body.home div#primary main#main div.what-we-do-block .backgrounded-content div.title {
        padding: 0 20px;
        text-align: left;
        margin-bottom: 25px; }
      body.home div#primary main#main div.what-we-do-block .backgrounded-content div.text {
        padding: 0 20px; }
    body.home div#primary main#main div.what-we-do-block div.bottom-content {
      padding: 0 20px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column-reverse;
      -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
      body.home div#primary main#main div.what-we-do-block div.bottom-content div.kpis div.kpi-wrapper {
        display: block; }
  body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content .first-line {
    margin-bottom: 0; }
  body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content .title {
    margin-bottom: 20px;
    padding-right: 20px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 35px; }
  body.home div#primary main#main div.last-news-slider div.sliderContainer .scroller .sliderItems .sliderItem .content .text-content {
    margin-bottom: 30px;
    padding-right: 20px; }
  body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item {
    width: 50%;
    margin: 0 !important; }
    body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 {
      padding: 0; }
      body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1:before {
        background-size: 160px; }
      body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 {
        padding: 20px 0; }
        body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2:before {
          background-size: 170px; }
        body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 div.number {
          color: white;
          font-size: 48px;
          font-size: 3rem; }
        body.home div#primary main#main div.scientists-block div.scientists-items-block div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 div.text {
          color: #ff6f6a;
          font-size: 24px;
          font-size: 1.5rem; } }

@media screen and (min-width: 980px) and (max-width: 1139px) {
  body.home div#primary main#main header div.title-button {
    text-align: center; }
    body.home div#primary main#main header div.title-button h1 {
      padding: 160px 100px 50px 100px; }
  body.home div#primary main#main div.research-areas-block div.term-list {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 60px; }
    body.home div#primary main#main div.research-areas-block div.term-list div.container-12 {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image {
        overflow: hidden; }
        body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image.col-7 {
          width: 60%; }
          body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image.col-7 div.shapeBorder1:before {
            background-size: 620px; }
          body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image.col-7 div.shapeBorder2:before {
            background-size: 550px;
            -webkit-animation-name: bgsizeandrotate600;
            -webkit-animation-duration: 16s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-direction: alternate;
            -webkit-animation-delay: 0s;
            -moz-animation-name: bgsizeandrotate600;
            -moz-animation-duration: 16s;
            -moz-animation-iteration-count: infinite;
            -moz-animation-direction: alternate;
            -moz-animation-delay: 0s;
            animation-name: bgsizeandrotate600;
            animation-duration: 16s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-delay: 0s; }
          body.home div#primary main#main div.research-areas-block div.term-list div.container-12 div.image.col-7 div.shapeDefault {
            -webkit-mask-size: 540px 450px;
            /* Chrome, iOS, Safari */
            mask-size: 540px 450px;
            /* None yet / Non-standard */ } }

@media screen and (max-width: 1140px) {
  div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems {
    width: 100vw !important; }
    div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems a.navigationSlider.prev {
      left: 0 !important; }
    div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems a.navigationSlider.next {
      right: 0 !important; }
    div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .secondSliderItem .research-areas {
      margin-top: 100px; }
    div.project-slider-block div.secondSliderContainer .secondScroller .secondSliderItems .secondSliderItem .title {
      padding: 0 25px !important;
      padding: 0 25px !important;
      min-height: 120px;
      height: auto; }
  div.last-news-slider div.sliderContainer .scroller .sliderItems {
    width: 100vw !important; }
    div.last-news-slider div.sliderContainer .scroller .sliderItems a.navigationSlider.prev {
      left: 0 !important; }
    div.last-news-slider div.sliderContainer .scroller .sliderItems a.navigationSlider.next {
      right: 0 !important; } }

body.scientist-template-default div#primary main#main {
  /* Old version
      div.professor-block-wrapper {
        margin-top: 50px;
        @include flexbox();
        div.professor-block {
          background-size: cover;
          width: 50%;
          height: 400px;
          text-align: center;
          position: relative;
          div.blue-filer {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: $color__lightblue;
            opacity: 0.5;
            z-index: 20;
          }
          div.vertical-centered {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            z-index: 21;
          }
          div.title {
            @include font-size(0.875);
            font-weight: 300;
            text-transform: uppercase;
            color: white;
          }
          div.name {
            @include title(white);
          }
          div.block-link {
            margin-top: 45px;
            a {
              color: white;
              text-decoration: none;
              i{
                vertical-align: middle;
                margin-left: 10px;
                @include transition(all 0.5s ease);
              }
              &:hover{
                i{
                  margin-left: 20px;
                }
              }
            }
          }
        }
      }*/ }
  body.scientist-template-default div#primary main#main div.shapeBorder1.header {
    width: 50%;
    height: 900px;
    position: absolute;
    z-index: 10;
    top: 380px;
    background-size: 1000px;
    background-position: right bottom;
    left: -200px; }
    body.scientist-template-default div#primary main#main div.shapeBorder1.header div.shapeBorder2.header {
      width: 100%;
      height: 100%;
      background-position: right bottom;
      background-size: 1050px; }
  body.scientist-template-default div#primary main#main header.entry-header {
    min-height: 700px; }
    body.scientist-template-default div#primary main#main header.entry-header div.scientistHeader {
      min-height: 700px;
      background-size: cover;
      position: relative;
      text-align: left;
      background-position: center;
      background-repeat: no-repeat; }
    body.scientist-template-default div#primary main#main header.entry-header div.container-12 {
      -webkit-flex-direction: row-reverse;
      -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block {
        position: absolute;
        bottom: 0;
        margin-bottom: -70px;
        right: 250px; }
        body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block div.part1 {
          background-color: #014888;
          padding: 20px;
          color: white; }
          body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block div.part1 h1 {
            font-family: "Palanquin", sans-serif;
            font-weight: 600;
            margin: 0; }
            body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block div.part1 h1 span {
              display: block; }
              body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block div.part1 h1 span.scientist-prefix {
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 22px;
                font-weight: 300; }
              body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block div.part1 h1 span.scientist-firstname {
                font-size: 36px;
                font-size: 2.25rem;
                line-height: 40px; }
              body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block div.part1 h1 span.scientist-lastname {
                font-size: 46px;
                font-size: 2.875rem;
                line-height: 50px; }
              body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block div.part1 h1 span.scientist-suffix {
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 22px;
                font-weight: 300; }
        body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block div.part2 {
          padding: 20px 30px 20px 20px;
          background-color: #0093C9;
          color: white; }
          body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block div.part2 span.follow {
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 24px;
            margin-right: 30px; }
          body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block div.part2 a.social-icon {
            color: white;
            text-decoration: none;
            margin-right: 10px;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
            body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block div.part2 a.social-icon.rg {
              font-size: 20px; }
            body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block div.part2 a.social-icon:hover {
              color: #014888; }
  body.scientist-template-default div#primary main#main div.main-content-block {
    padding-top: 70px; }
  body.scientist-template-default div#primary main#main div.professor-block-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item {
      width: 25%;
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item:before {
        display: block;
        padding-top: 100%;
        content: ""; }
      body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.image {
        background-size: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0; }
      body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.scientist-informations {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        font-size: 32px;
        font-size: 2rem;
        color: white;
        text-align: center;
        opacity: 0;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.blue-filer {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        text-align: center;
        background-color: #0093C9;
        opacity: 0;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item a:hover div.blue-filer {
        opacity: 0.5; }
      body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item a:hover div.scientist-informations {
        opacity: 1; }
      body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0; }
      body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText {
        width: 100%;
        text-align: center; }
        body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 {
          padding: 0; }
          body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1:before {
            background-size: 190px; }
          body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 {
            padding: 60px 0; }
            body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2:before {
              background-size: 210px;
              background-position: center;
              -webkit-animation-name: bgsizeandrotate;
              -webkit-animation-duration: 16s;
              -webkit-animation-iteration-count: infinite;
              -webkit-animation-direction: alternate;
              -webkit-animation-delay: 0s;
              -moz-animation-name: bgsizeandrotate;
              -moz-animation-duration: 16s;
              -moz-animation-iteration-count: infinite;
              -moz-animation-direction: alternate;
              -moz-animation-delay: 0s;
              animation-name: bgsizeandrotate;
              animation-duration: 16s;
              animation-iteration-count: infinite;
              animation-direction: alternate;
              animation-delay: 0s; }
            body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 div.number {
              color: white;
              font-size: 60px;
              font-size: 3.75rem; }
            body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 div.text {
              color: #ff6f6a;
              font-size: 32px;
              font-size: 2rem; }

@media screen and (max-width: 767px) {
  body.scientist-template-default div#primary main#main header.entry-header div.container-12 {
    padding: 0 20px; }
    body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block {
      right: auto;
      width: calc(100% - 40px);
      padding: 0;
      margin: 0 20px -70px 0px; }
      body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block h1 {
        color: white; }
  body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item {
    width: 50%;
    margin: 0 !important; }
    body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 {
      padding: 0; }
      body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1:before {
        background-size: 160px; }
      body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 {
        padding: 20px 0; }
        body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2:before {
          background-size: 170px; }
        body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 div.number {
          color: white;
          font-size: 48px;
          font-size: 3rem; }
        body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 div.text {
          color: #ff6f6a;
          font-size: 24px;
          font-size: 1.5rem; } }

@media screen and (min-width: 768px) and (max-width: 979px) {
  body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block {
    right: 50px; }
  body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item {
    width: 50%;
    margin: 0 !important; }
    body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 {
      padding: 0; }
      body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1:before {
        background-size: 160px; }
      body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 {
        padding: 20px 0; }
        body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2:before {
          background-size: 170px; }
        body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 div.number {
          color: white;
          font-size: 48px;
          font-size: 3rem; }
        body.scientist-template-default div#primary main#main div.professor-block-wrapper div.scientist-item div.tileText div.shapeBorder1 div.shapeBorder2 div.text {
          color: #ff6f6a;
          font-size: 24px;
          font-size: 1.5rem; } }

@media screen and (min-width: 980px) and (max-width: 1139px) {
  body.scientist-template-default div#primary main#main header.entry-header div.container-12 div.header-block {
    right: 50px; } }

@media screen and (min-width: 1281px) {
  body.scientist-template-default div#primary main#main header.entry-header {
    background-color: #014888; }
    body.scientist-template-default div#primary main#main header.entry-header div.scientistHeader {
      width: 1280px;
      margin: 0 auto; }
      body.scientist-template-default div#primary main#main header.entry-header div.scientistHeader div.right-gradient {
        display: block;
        position: absolute;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #014888 100%);
        right: 0;
        min-height: 700px;
        width: 150px;
        content: ""; }
      body.scientist-template-default div#primary main#main header.entry-header div.scientistHeader div.left-gradient {
        display: block;
        position: absolute;
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #014888 100%);
        left: 0;
        min-height: 700px;
        width: 150px;
        content: ""; }
      body.scientist-template-default div#primary main#main header.entry-header div.scientistHeader div.container-12 div.header-block {
        right: 100px;
        margin-bottom: -70px; } }

body.post-template-default div#primary main#main header {
  background-size: cover;
  min-height: 450px;
  position: relative; }
  body.post-template-default div#primary main#main header div.container-12 {
    flex-wrap: wrap;
    text-align: center; }
    body.post-template-default div#primary main#main header div.container-12 div.category {
      font-size: 20px;
      font-size: 1.25rem;
      color: white;
      font-weight: 300;
      width: 100%;
      text-transform: uppercase;
      padding-top: 110px;
      margin-bottom: 50px; }
    body.post-template-default div#primary main#main header div.container-12 h1 {
      font-size: 72px;
      font-size: 4.5rem;
      width: 100%;
      line-height: 80px;
      color: white;
      font-family: "Palanquin", sans-serif;
      font-weight: 600;
      margin: 0;
      text-shadow: 0px 0px 10px #000; }
    body.post-template-default div#primary main#main header div.container-12 div.author-wrapper {
      color: white;
      text-align: center;
      width: 100%;
      margin-top: 100px; }

@media screen and (max-width: 767px) {
  body.post-template-default div#primary main#main header {
    min-height: 400px;
    background: none !important; }
    body.post-template-default div#primary main#main header div.container-12 div.category {
      padding-top: 250px;
      text-align: left;
      display: none; }
    body.post-template-default div#primary main#main header div.container-12 h1 {
      font-size: 40px;
      font-size: 2.5rem;
      line-height: 50px;
      color: #014888;
      padding: 25px 0 0 0;
      text-shadow: none; }
  body.post-template-default div#primary main#main div.main-content-block {
    padding-top: 50px; } }

body.project-template-default div#primary main#main header {
  background-size: cover;
  min-height: 450px;
  position: relative;
  background-position: center; }
  body.project-template-default div#primary main#main header div.header-image-mobile {
    display: none; }
  body.project-template-default div#primary main#main header div.container-12 {
    flex-wrap: wrap;
    text-align: center; }
    body.project-template-default div#primary main#main header div.container-12 div.research-area {
      font-size: 20px;
      font-size: 1.25rem;
      color: white;
      font-weight: 300;
      width: 100%;
      text-transform: uppercase;
      padding-top: 110px;
      margin-bottom: 50px; }
      body.project-template-default div#primary main#main header div.container-12 div.research-area a {
        font-size: 20px;
        font-size: 1.25rem;
        color: white;
        font-weight: 300;
        width: 100%;
        text-transform: uppercase; }
    body.project-template-default div#primary main#main header div.container-12 h1 {
      font-size: 64px;
      font-size: 4rem;
      line-height: 70px;
      width: auto;
      color: white;
      font-family: "Palanquin", sans-serif;
      font-weight: 600;
      margin: 0 40px;
      text-shadow: 0px 0px 10px #000; }

body.project-template-default div#primary main#main div.scientists-list-block {
  display: flex;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 50px; }
  body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.block-title {
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem;
    color: #ff6f6a;
    font-weight: 600;
    margin-top: 15px; }
  body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list {
    border-right: 1px solid #EFEFEF;
    display: flex;
    flex-wrap: wrap; }
    body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list div.main-scientist-block {
      width: 50%;
      padding-top: 25px;
      padding-bottom: 25px; }
      body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list div.main-scientist-block div.main-scientist-wrapper {
        text-align: left;
        display: inline-block; }
        body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list div.main-scientist-block div.main-scientist-wrapper div.image {
          display: inline-block;
          width: 70px;
          height: 70px; }
          body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list div.main-scientist-block div.main-scientist-wrapper div.image a {
            position: relative;
            display: inline-block; }
            body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list div.main-scientist-block div.main-scientist-wrapper div.image a span.overlay {
              width: 70px;
              height: 70px;
              position: absolute;
              border-radius: 50%;
              z-index: 20;
              opacity: 0;
              background-color: #014888;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              -webkit-transition: all 0.5s ease;
              transition: all 0.5s ease; }
            body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list div.main-scientist-block div.main-scientist-wrapper div.image a img {
              border-radius: 50%; }
            body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list div.main-scientist-block div.main-scientist-wrapper div.image a:hover span.overlay {
              opacity: 0.4; }
        body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list div.main-scientist-block div.main-scientist-wrapper div.content {
          position: relative;
          display: inline-block;
          top: 50%;
          transform: translateY(-50%);
          margin-left: 15px;
          line-height: 1; }
          body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list div.main-scientist-block div.main-scientist-wrapper div.content div.role {
            font-size: 14px;
            font-size: 0.875rem;
            font-weight: 300;
            text-transform: uppercase; }
          body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list div.main-scientist-block div.main-scientist-wrapper div.content div.title {
            font-weight: 600;
            font-size: 20px;
            font-size: 1.25rem; }
  body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper {
    margin: 0;
    margin-top: 15px;
    position: relative; }
    body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper div.other-scientist-block {
      display: inline-block; }
      body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper div.other-scientist-block div.image {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-right: 15px; }
        body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper div.other-scientist-block div.image a {
          display: block;
          position: relative; }
          body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper div.other-scientist-block div.image a span.overlay {
            width: 40px;
            height: 40px;
            position: absolute;
            border-radius: 50%;
            z-index: 20;
            opacity: 0;
            background-color: #014888;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
          body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper div.other-scientist-block div.image a img {
            border-radius: 50%; }
          body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper div.other-scientist-block div.image a:hover span.overlay {
            opacity: 0.4; }
    body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper div.plus-block {
      position: absolute;
      margin: 0 0 0 2px; }
      body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper div.plus-block div.image a {
        width: 100%;
        height: 100%; }
        body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper div.plus-block div.image a span.plus-label {
          display: inline-block;
          width: 100%;
          height: 100%;
          text-align: center;
          padding-top: 0px;
          font-size: 1.5em;
          border-radius: 50%;
          background: lightgray; }

body.project-template-default div#primary main#main div.date-wrapper {
  text-align: center;
  width: 100%;
  margin-top: 25px;
  font-weight: 600; }
  body.project-template-default div#primary main#main div.date-wrapper div.start-date {
    color: #014888;
    margin-right: 30px;
    display: inline-block; }
  body.project-template-default div#primary main#main div.date-wrapper div.end-date {
    color: #014888;
    margin-left: 30px;
    display: inline-block; }
  body.project-template-default div#primary main#main div.date-wrapper .date-title {
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 20px; }

body.project-template-default div#primary main#main div.main-content-block {
  padding: 25px 0 0 0; }
  body.project-template-default div#primary main#main div.main-content-block div.project-partners {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    body.project-template-default div#primary main#main div.main-content-block div.project-partners div.partners-wrapper {
      margin-right: 10px; }
      body.project-template-default div#primary main#main div.main-content-block div.project-partners div.partners-wrapper h3 {
        margin-top: 0;
        color: #014888;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 600; }
      body.project-template-default div#primary main#main div.main-content-block div.project-partners div.partners-wrapper div.partners-list a {
        display: inline-block;
        margin: 0 20px 20px 0; }
        body.project-template-default div#primary main#main div.main-content-block div.project-partners div.partners-wrapper div.partners-list a:last-child {
          margin-right: 0; }
    body.project-template-default div#primary main#main div.main-content-block div.project-partners.inOverview {
      margin: 40px 0 0 0; }
      body.project-template-default div#primary main#main div.main-content-block div.project-partners.inOverview div.partners-wrapper div.partners-list {
        text-align: center; }
        body.project-template-default div#primary main#main div.main-content-block div.project-partners.inOverview div.partners-wrapper div.partners-list a {
          margin: 0 0 20px 0; }

@media screen and (max-width: 767px) {
  body.project-template-default div#primary main#main header {
    height: auto;
    min-width: initial;
    min-height: 400px;
    background: none !important; }
    body.project-template-default div#primary main#main header div.header-image-mobile {
      display: block;
      background-size: cover;
      height: 400px;
      width: 100%; }
    body.project-template-default div#primary main#main header div.container-12 {
      text-align: left; }
      body.project-template-default div#primary main#main header div.container-12 div.research-area {
        padding-top: 0;
        margin-bottom: 0;
        text-transform: none; }
        body.project-template-default div#primary main#main header div.container-12 div.research-area a {
          text-transform: none; }
      body.project-template-default div#primary main#main header div.container-12 div.research-area span a {
        color: #0093C9; }
      body.project-template-default div#primary main#main header div.container-12 h1 {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 50px;
        padding: 0 0 50px 0;
        margin: 0;
        color: #014888;
        text-shadow: none; }
    body.project-template-default div#primary main#main header.videoHeader div.container-12 h1 {
      padding: 0; }
  body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper {
    padding: 0; }
    body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list {
      border-right: 0;
      border-bottom: 1px solid #EFEFEF;
      padding: 0 40px; }
      body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list div.main-scientist-block {
        width: 100% !important; }
    body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list {
      padding: 0 40px; }
      body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper {
        display: flex;
        flex-wrap: wrap; }
        body.project-template-default div#primary main#main div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper div.plus-block {
          position: unset !important; }
  body.project-template-default div#primary main#main div.main-content-block div.project-partners.inOverview {
    margin: 40px 0 40px 0; } }

@media screen and (min-width: 768px) and (max-width: 979px) {
  body.project-template-default div#primary main#main header {
    height: auto;
    min-width: initial;
    min-height: 400px;
    background: none !important; }
    body.project-template-default div#primary main#main header div.header-image-mobile {
      display: block;
      background-size: cover;
      background-position: center;
      height: 400px;
      width: 100%; }
    body.project-template-default div#primary main#main header div.container-12 {
      text-align: left;
      padding: 0 40px; }
      body.project-template-default div#primary main#main header div.container-12 div.research-area {
        padding-top: 0;
        margin-bottom: 0;
        text-transform: none; }
        body.project-template-default div#primary main#main header div.container-12 div.research-area a {
          text-transform: none; }
      body.project-template-default div#primary main#main header div.container-12 div.research-area span a {
        color: #0093C9; }
      body.project-template-default div#primary main#main header div.container-12 h1 {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 50px;
        padding: 0 0 50px 0;
        color: #014888;
        text-shadow: none; }
    body.project-template-default div#primary main#main header.videoHeader div.container-12 h1 {
      padding: 0; }
  body.project-template-default div.scientists-list-block div.scientists-list-block-wrapper {
    padding: 0; }
    body.project-template-default div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list {
      border-right: 0;
      border-bottom: 1px solid #EFEFEF;
      padding: 0 40px; }
      body.project-template-default div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list div.main-scientist-block {
        width: 100% !important; }
    body.project-template-default div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list {
      padding: 0 40px; }
      body.project-template-default div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper {
        display: flex;
        flex-wrap: wrap; }
        body.project-template-default div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper div.plus-block {
          position: unset !important; } }

@media screen and (min-width: 980px) and (max-width: 1139px) {
  body.project-template-default div.scientists-list-block div.scientists-list-block-wrapper div.main-scientists-list {
    padding-left: 40px; }
  body.project-template-default div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list {
    padding: 0 40px; }
    body.project-template-default div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper {
      display: flex;
      flex-wrap: wrap; }
      body.project-template-default div.scientists-list-block div.scientists-list-block-wrapper div.other-scientists-list div.other-scientists-list-wrapper div.plus-block {
        position: unset !important; } }

body.publication-template-default div#primary main#main header {
  background-size: cover;
  min-height: 450px;
  position: relative;
  background-position: center; }
  body.publication-template-default div#primary main#main header div.header-image-mobile {
    display: none; }
  body.publication-template-default div#primary main#main header div.vertical-centered {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  body.publication-template-default div#primary main#main header h1 {
    font-size: 64px;
    font-size: 4rem;
    line-height: 70px;
    width: auto;
    color: white;
    font-family: "Palanquin", sans-serif;
    font-weight: 600;
    margin: 0 40px;
    text-shadow: 0px 0px 10px #000; }
  body.publication-template-default div#primary main#main header div.archive-description {
    width: 100%;
    color: white;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300; }
    body.publication-template-default div#primary main#main header div.archive-description div.container-12 {
      display: block; }
  body.publication-template-default div#primary main#main header div.center-aligned {
    text-align: center; }
    body.publication-template-default div#primary main#main header div.center-aligned span.border-orange {
      display: inline-block;
      margin: auto; }
  body.publication-template-default div#primary main#main header.entry-header-empty {
    position: relative;
    padding: 30px 0 20px 0;
    min-height: initial; }

body.publication-template-default div#primary main#main div.main-content-block div.publication-title h1 {
  text-align: center;
  margin: 0 auto 20px auto;
  color: #014888;
  font-size: 48px;
  font-size: 3rem; }

body.publication-template-default div#primary main#main div.main-content-block div.publication-description {
  font-weight: bold; }

@media screen and (max-width: 767px) {
  body.publication-template-default div#primary main#main header {
    min-height: 400px;
    background: none !important;
    height: auto; }
    body.publication-template-default div#primary main#main header div.header-image-mobile {
      display: block;
      background-size: cover;
      background-position: center;
      height: 400px;
      width: 100%; }
    body.publication-template-default div#primary main#main header div.vertical-centered {
      top: 0;
      transform: none;
      padding-top: 0px; }
    body.publication-template-default div#primary main#main header h1 {
      text-align: left;
      padding: 0 40px;
      font-size: 40px;
      font-size: 2.5rem;
      line-height: 50px;
      margin: 0;
      color: #014888;
      text-shadow: none; }
    body.publication-template-default div#primary main#main header div.archive-description {
      color: #014888; }
    body.publication-template-default div#primary main#main header div.center-aligned {
      text-align: left;
      padding: 0 40px; }
  body.publication-template-default div#primary main#main div.main-content-block {
    padding-top: 50px; }
    body.publication-template-default div#primary main#main div.main-content-block div.publication-description {
      padding: 0 40px;
      font-weight: bold; } }

@media screen and (min-width: 768px) and (max-width: 979px) {
  div.publication-description {
    padding: 0 100px; } }

@media screen and (min-width: 980px) and (max-width: 1139px) {
  div.publication-description {
    padding: 0 40px; } }

body.search-results div#primary main#main header {
  background-size: cover;
  height: 450px;
  position: relative;
  text-align: center;
  margin-bottom: 35px;
  background-position: center; }
  body.search-results div#primary main#main header div.header-image-mobile {
    display: none; }
  body.search-results div#primary main#main header div.vertical-centered {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    body.search-results div#primary main#main header div.vertical-centered .searchandfilter input[type=text] {
      font-size: 16px;
      font-size: 1rem;
      height: 53px;
      color: #555555;
      padding: 13px 10px 13px 10px;
      border: 0 none;
      border-radius: 0;
      width: 320px; }
    body.search-results div#primary main#main header div.vertical-centered .searchandfilter select {
        border: 0;
        color: #ff6f6a;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: url(/app/themes/bertarelli_marine_science/images/icon-arrow-down.png) no-repeat white;
        border-bottom: solid 2px #ff6f6a;
        border-radius: initial;
        width: 280px;
        height: 53px;
        padding: 5px;
        background-position: right 5px center;}
    body.search-results div#primary main#main header div.vertical-centered .searchandfilter input[type=submit] {
      border: 0;
      border-radius: 0;
      padding: 15px 15px 14px 15px;
      font-size: 16px;
      font-size: 1rem;
      background-color: #ff6f6a;
      text-transform: uppercase;
      color: white;
      margin-top: 35px;
      margin-left: -5px;
      line-height: 1.5em;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      body.search-results div#primary main#main header div.vertical-centered .searchandfilter input[type=submit]:hover {
        background-color: white;
        color: #ff6f6a; }
  body.search-results div#primary main#main header h1 {
    font-size: 72px;
    font-size: 4.5rem;
    width: 100%;
    line-height: 60px;
    color: white;
    font-family: "Palanquin", sans-serif;
    font-weight: 600;
    margin: 0; }
  body.search-results div#primary main#main header div.archive-description {
    width: 100%;
    color: white;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300; }
    body.search-results div#primary main#main header div.archive-description div.container-12 {
      display: block; }
  body.search-results div#primary main#main header div.center-aligned {
    text-align: center;
    margin-bottom: 30px; }
    body.search-results div#primary main#main header div.center-aligned span.border-orange {
      display: inline-block;
      margin: auto; }

body.search-results div#primary main#main .container-14 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: left;
  -moz-justify-content: left;
  -ms-justify-content: left;
  justify-content: left;
  -ms-flex-pack: left; }
  body.search-results div#primary main#main .container-14 article {
    width: 33.33333333%;
    padding-right: 25px; }

body.search-results div#primary main#main .container-14 div.center-aligned {
  text-align: center;
  width: 100%; }
  body.search-results div#primary main#main .container-14 div.center-aligned span.border-orange {
    display: inline-block;
    margin: auto; }

body.search-results div#primary main#main .container-14 .nav-links div {
  width: 50%; }

body.search-results div#primary main#main .post-wrapper .first-line {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 15px; }
  body.search-results div#primary main#main .post-wrapper .first-line .post-type {
    color: #40c8f4;
    float: left; }
  body.search-results div#primary main#main .post-wrapper .first-line .post-date {
    color: #b2b2b2;
    float: right; }

body.search-results div#primary main#main .post-wrapper .title {
  color: #0064ad;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 40px;
  font-weight: 600;
  clear: both;
  padding-right: 50px;
  margin-bottom: 15px; }

body.search-results div#primary main#main .post-wrapper .last-line .author {
  float: left; }

body.search-results div#primary main#main .post-wrapper .last-line .block-link a {
  font-weight: 600;
  color: #ff6f6a;
  text-decoration: none; }
  body.search-results div#primary main#main .post-wrapper .last-line .block-link a span {
    display: inline-block;
    margin: 3px 15px 0 0;
    vertical-align: top; }
  body.search-results div#primary main#main .post-wrapper .last-line .block-link a i {
    font-size: 25px; }

body.search-no-results div#primary main#main header {
  background-size: cover;
  height: 450px;
  position: relative;
  text-align: center;
  margin-bottom: 35px; }
  body.search-no-results div#primary main#main header div.header-image-mobile {
    display: none; }
  body.search-no-results div#primary main#main header div.vertical-centered {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  body.search-no-results div#primary main#main header h1 {
    font-size: 72px;
    font-size: 4.5rem;
    width: 100%;
    line-height: 60px;
    color: white;
    font-family: "Palanquin", sans-serif;
    font-weight: 600;
    margin: 0; }
  body.search-no-results div#primary main#main header div.archive-description {
    width: 100%;
    color: white;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300; }
    body.search-no-results div#primary main#main header div.archive-description div.container-12 {
      display: block; }
  body.search-no-results div#primary main#main header div.center-aligned {
    text-align: center; }
    body.search-no-results div#primary main#main header div.center-aligned span.border-orange {
      display: inline-block;
      margin: auto; }
  body.search-no-results div#primary main#main header .search-submit {
    border: 0;
    border-radius: 0;
    padding: 4px 10px;
    font-size: 16px;
    font-size: 1rem;
    background-color: #ff6f6a;
    text-transform: uppercase;
    color: white;
    margin-top: 35px;
    margin-left: -5px;
    line-height: 1.5em; }
    body.search-no-results div#primary main#main header .search-submit:hover {
      background-color: #ff6f6a; }

body.search-no-results h1.page-title {
  font-size: 34px;
  font-size: 2.125rem;
  color: #014888;
  font-weight: 600;
  margin-bottom: 15px; }

@media screen and (max-width: 767px) {
  body.search-results {
    text-align: left; }
    body.search-results div#primary main#main header {
      background: none !important;
      height: auto;
      min-height: 400px; }
      body.search-results div#primary main#main header div.header-image-mobile {
        display: block;
        background-size: cover;
        background-position: center;
        height: 400px;
        width: 100%; }
      body.search-results div#primary main#main header div.vertical-centered {
        top: 0;
        transform: translateY(0); }
        body.search-results div#primary main#main header div.vertical-centered h1 {
          text-align: left;
          padding: 10px 40px 0 40px;
          font-size: 40px;
          font-size: 2.5rem;
          line-height: 50px; }
        body.search-results div#primary main#main header div.vertical-centered div.center-aligned {
          margin: 0 40px 30px 40px;
          text-align: left; }
        body.search-results div#primary main#main header div.vertical-centered .searchandfilter input[type=text],
        body.search-results div#primary main#main header div.vertical-centered .searchandfilter select{
          width: 220px;
          border: 1px solid #ff6f6a; }
      body.search-results div#primary main#main header h1 {
        color: #014888; }
      body.search-results div#primary main#main header div.archive-description {
        color: #014888; }
    body.search-results div#primary main#main .container-14 article {
      width: 100%;
      margin-bottom: 40px;
      padding-right: 0; } }

.search-form header {
  background-size: cover;
  height: 450px;
  position: relative;
  text-align: center;
  background-position: center; }
  .search-form header div.vertical-centered {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .search-form header h1 {
    font-size: 64px;
    font-size: 4rem;
    width: auto;
    line-height: 70px;
    color: white;
    font-family: "Palanquin", sans-serif;
    font-weight: 600;
    margin: 0 40px;
    text-shadow: 0px 0px 10px #000; }
  .search-form header div.archive-description {
    width: 100%;
    color: white;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300; }
    .search-form header div.archive-description div.container-12 {
      display: block; }
  .search-form header div.center-aligned {
    text-align: center; }
    .search-form header div.center-aligned span.border-orange {
      display: inline-block;
      margin: auto; }

.pt-cv-edit-view {
  display: none; }

.pt-cv-wrapper {
  width: 100%;
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 30px; }
  .pt-cv-wrapper .pt-cv-content-item {
    margin: 0; }
  .pt-cv-wrapper br {
    display: none; }

.project-view-form, .news-view-form, .taxonomy-view-form, .scientists-view-form {
  border-bottom: solid 1px #EFEFEF; }
  .project-view-form div.alert, .news-view-form div.alert, .taxonomy-view-form div.alert, .scientists-view-form div.alert {
    display: none; }
  .project-view-form .pt-cv-wrapper, .news-view-form .pt-cv-wrapper, .taxonomy-view-form .pt-cv-wrapper, .scientists-view-form .pt-cv-wrapper {
    padding-bottom: 0;
    border: 0 none; }
    .project-view-form .pt-cv-wrapper .cvp-search-box, .news-view-form .pt-cv-wrapper .cvp-search-box, .taxonomy-view-form .pt-cv-wrapper .cvp-search-box, .scientists-view-form .pt-cv-wrapper .cvp-search-box {
      padding-left: 0;
      display: inline;
      margin-right: 90px; }
      .project-view-form .pt-cv-wrapper .cvp-search-box input, .news-view-form .pt-cv-wrapper .cvp-search-box input, .taxonomy-view-form .pt-cv-wrapper .cvp-search-box input, .scientists-view-form .pt-cv-wrapper .cvp-search-box input {
        height: 52px;
        border: 1px solid #ff6f6a;
        font-size: 16px;
        font-size: 1rem;
        color: #555555;
        padding: 13px 10px 13px 10px;
        border-radius: initial;
        width: 320px;
        margin-top: 25px; }
    .project-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown, .news-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown, .taxonomy-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown, .scientists-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown {
      padding-left: 40px;
      margin-left: 100px;
      position: relative;
      width: 330px;
      margin: 0;
      padding: 25px;
      border-left: 1px solid #EFEFEF;
      text-align: left; }
      .project-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select, .news-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select, .taxonomy-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select, .scientists-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select {
        border: 0;
        background: transparent;
        color: #ff6f6a;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: url(/app/themes/bertarelli_marine_science/images/icon-arrow-down.png) right center no-repeat;
        border-bottom: solid 2px #ff6f6a;
        border-radius: initial;
        width: 280px;
        padding-right: 25px; }
      .project-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown label, .news-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown label, .taxonomy-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown label, .scientists-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown label {
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 300;
        text-transform: uppercase;
        color: #b2b2b2; }
    .project-view-form .pt-cv-wrapper .cvp-live-button, .news-view-form .pt-cv-wrapper .cvp-live-button, .taxonomy-view-form .pt-cv-wrapper .cvp-live-button, .scientists-view-form .pt-cv-wrapper .cvp-live-button {
      position: absolute;
      display: block;
      margin: -61px 0 0 320px; }
      .project-view-form .pt-cv-wrapper .cvp-live-button .cvp-live-submit, .news-view-form .pt-cv-wrapper .cvp-live-button .cvp-live-submit, .taxonomy-view-form .pt-cv-wrapper .cvp-live-button .cvp-live-submit, .scientists-view-form .pt-cv-wrapper .cvp-live-button .cvp-live-submit {
        height: 52px;
        border: 0 none;
        border-radius: initial;
        background-color: #ff6f6a;
        color: white;
        text-transform: uppercase;
        padding: 12px 18px 11px 18px;
        font-size: 16px;
        font-size: 1rem;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        cursor: pointer; }
        .project-view-form .pt-cv-wrapper .cvp-live-button .cvp-live-submit:hover, .news-view-form .pt-cv-wrapper .cvp-live-button .cvp-live-submit:hover, .taxonomy-view-form .pt-cv-wrapper .cvp-live-button .cvp-live-submit:hover, .scientists-view-form .pt-cv-wrapper .cvp-live-button .cvp-live-submit:hover {
          background-color: #0093C9; }
      .project-view-form .pt-cv-wrapper .cvp-live-button .cvp-live-reset, .news-view-form .pt-cv-wrapper .cvp-live-button .cvp-live-reset, .taxonomy-view-form .pt-cv-wrapper .cvp-live-button .cvp-live-reset, .scientists-view-form .pt-cv-wrapper .cvp-live-button .cvp-live-reset {
        display: none !important; }
      .scientists-view-form .pt-cv-wrapper {
        display: flex; align-items: center; }
      .scientists-view-form .pt-cv-wrapper .cvp-live-filter.cvp-search-box .cvp-label { display: none;}
      .scientists-view-form .pt-cv-wrapper .cvp-live-button{
        position: relative; margin: 0; }
.news-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown {
  width: 33%;
  border-left: 0; }
  .news-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select {
    width: 320px; }
  .news-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown[data-name="tx_news_type"] {
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF; }

#view-container-result {
  margin-top: 50px;
  flex-wrap: wrap; }

.pt-cv-pagination-wrapper {
  text-align: center; }

#scientists-view-list .pt-cv-wrapper .col-md-4 {
  width: 50%;
  clear: none !important; }

#scientists-view-list .pt-cv-wrapper .pt-cv-gls-menu {
  display: none !important; }

#scientists-view-list .pt-cv-wrapper .pt-cv-gls-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-bottom: solid 1px #b0b0b0;
  margin-top: 30px; }
  #scientists-view-list .pt-cv-wrapper .pt-cv-gls-group .pt-cv-gls-header {
    width: 70px;
    background: transparent !important;
    color: #014888 !important;
    font-size: 28px;
    font-size: 1.75rem;
    padding-top: 10px; }
  #scientists-view-list .pt-cv-wrapper .pt-cv-gls-group .pt-cv-gls-content {
    width: 825px; }

.pt-cv-colsys {
  margin-left: 0;
  margin-right: 0; }

.news-wrapper div.news-wrapper-update {
  text-align: center;
  background-size: cover;
  color: white;
  height: 300px;
  position: relative; }
  .news-wrapper div.news-wrapper-update div.overlay {
    width: 100%;
    height: 300px;
    position: absolute;
    background-color: #014888;
    opacity: 0.4;
    z-index: 15; }
  .news-wrapper div.news-wrapper-update div.vertical-centered {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    padding: 0 20px; }
  .news-wrapper div.news-wrapper-update div.type {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 35px; }
  .news-wrapper div.news-wrapper-update div.title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 40px;
    font-weight: 600;
    white-space: normal; }
  .news-wrapper div.news-wrapper-update div.author {
    margin-top: 30px; }
  .news-wrapper div.news-wrapper-update div.block-link {
    margin-top: 35px; }
    .news-wrapper div.news-wrapper-update div.block-link a {
      text-decoration: none; }

.project-wrapper .first-line {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 30px;
  display: none; }
  .project-wrapper .first-line .post-date {
    color: #b2b2b2; }
    .project-wrapper .first-line .post-date span {
      text-transform: uppercase; }
  .project-wrapper .first-line .align-left {
    float: left; }
  .project-wrapper .first-line .align-right {
    float: right; }

.project-wrapper .research-area {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  color: #b2b2b2;
  display: none; }

.project-wrapper .title {
  color: #0064ad;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 40px;
  font-weight: 600;
  clear: both;
  padding-right: 50px;
  margin-bottom: 15px; }

.project-wrapper .last-line .block-link a {
  font-weight: 600;
  color: #ff6f6a;
  text-decoration: none; }
  .project-wrapper .last-line .block-link a span {
    display: inline-block;
    margin: 3px 15px 0 0;
    vertical-align: top; }
  .project-wrapper .last-line .block-link a i {
    font-size: 25px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .project-wrapper .last-line .block-link a:hover i {
    margin-left: 10px; }

div.scientist-wrapper {
  text-align: left;
  display: inline-block;
  width: 300px; }
  div.scientist-wrapper div.image {
    display: inline-block;
    width: 70px;
    height: 70px; }
    div.scientist-wrapper div.image a {
      position: relative;
      display: inline-block; }
      div.scientist-wrapper div.image a span.overlay {
        width: 70px;
        height: 70px;
        position: absolute;
        border-radius: 50%;
        z-index: 20;
        opacity: 0;
        background-color: #014888;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      div.scientist-wrapper div.image a img {
        border-radius: 50%; }
      div.scientist-wrapper div.image a:hover span.overlay {
        opacity: 0.4; }
  div.scientist-wrapper div.content {
    position: relative;
    display: inline-block;
    margin-left: 35px;
    line-height: 1; }
    div.scientist-wrapper div.content div.role {
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 300;
      text-transform: uppercase; }
    div.scientist-wrapper div.content div.title {
      font-weight: 600;
      font-size: 20px;
      font-size: 1.25rem; }

@media screen and (max-width: 767px) {
  div.container-14 {
    padding: 0 20px; }
  #scientists-view-list .pt-cv-wrapper .col-md-4 {
    width: 100%; }
  #scientists-view-list .pt-cv-wrapper .pt-cv-gls-group .pt-cv-gls-content {
    width: 100%;
    margin-left: 0; }
  .news-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown[data-name="tx_news_type"] {
    border: 0 none; }
  #view-container-result {
    margin-top: 100px; }
  .pt-cv-wrapper {
    position: relative;
    padding-bottom: 95px; }
  .project-wrapper .title {
    font-size: 32px;
    font-size: 2rem;
    padding-right: 0; }
  .scientists-view-form .pt-cv-wrapper{
    display: block;}
  .scientists-view-form .pt-cv-wrapper .cvp-live-button{
      position: absolute; }
  .project-view-form, .news-view-form, .taxonomy-view-form, .scientists-view-form {
    border-bottom: solid 1px #EFEFEF; }
    .project-view-form .pt-cv-wrapper, .news-view-form .pt-cv-wrapper, .taxonomy-view-form .pt-cv-wrapper, .scientists-view-form .pt-cv-wrapper {
      padding-bottom: 20px;
      border: 0 none; }
      .project-view-form .pt-cv-wrapper .cvp-search-box, .news-view-form .pt-cv-wrapper .cvp-search-box, .taxonomy-view-form .pt-cv-wrapper .cvp-search-box, .scientists-view-form .pt-cv-wrapper .cvp-search-box {
        padding-left: 0; }
        .project-view-form .pt-cv-wrapper .cvp-search-box input, .news-view-form .pt-cv-wrapper .cvp-search-box input, .taxonomy-view-form .pt-cv-wrapper .cvp-search-box input, .scientists-view-form .pt-cv-wrapper .cvp-search-box input {
          width: 220px; }
      .project-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown, .news-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown, .taxonomy-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown, .scientists-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown {
        padding-left: 0;
        margin-left: 0;
        border: 0 none;
        right: initial;
        display: block; }
      .project-view-form .pt-cv-wrapper .cvp-live-button, .news-view-form .pt-cv-wrapper .cvp-live-button, .taxonomy-view-form .pt-cv-wrapper .cvp-live-button, .scientists-view-form .pt-cv-wrapper .cvp-live-button {
        margin: -239px 0 0 220px; }
  .taxonomy-view-form .pt-cv-wrapper .cvp-live-button, .scientists-view-form .pt-cv-wrapper .cvp-live-button {
    margin: -240px 0 0 220px; }
  /*
  .cvp-live-filter.cvp-dropdown[data-sid="4cc0b4boyd"],
  .cvp-live-filter.cvp-dropdown[data-sid="3ed1dd8nbe"]{
    left: 0;
    top: 65px;
    width: auto;
    padding-left: 40px;
    margin-left: 0;
    &[data-name="cvp_published_year"]{
      top: 155px;
    }
  }

  .cvp-search-box {
    padding-left: calc(100vw/2 - 170px);
    input{width:220px;}
  }
  */
  div.scientist-wrapper {
    width: 100%; }
  .search-form header {
    height: auto;
    min-height: 400px;
    background: none !important;
    text-align: left; }
    .search-form header div.header-image-mobile {
      display: block;
      background-size: cover;
      background-position: center;
      height: 400px;
      width: 100%; }
    .search-form header h1 {
      font-size: 40px;
      font-size: 2.5rem;
      margin: 0;
      line-height: 55px;
      padding: 0 40px;
      color: #014888;
      text-shadow: none; }
    .search-form header div.vertical-centered {
      text-align: left;
      top: 0;
      transform: none;
      padding: 30px 0; }
      .search-form header div.vertical-centered div.archive-description {
        color: #014888; }
      .search-form header div.vertical-centered div.center-aligned {
        padding: 0 40px;
        text-align: left; }
    .search-form header.videoHeader div.vertical-centered {
      padding: 0; } }

@media screen and (min-width: 768px) and (max-width: 979px) {
  div.container-14 {
    padding: 0 20px; }
  .scientists-view-form .pt-cv-wrapper{
    display: block;}
  .scientists-view-form .pt-cv-wrapper .cvp-live-button{
      position: absolute; }
  .project-view-form .pt-cv-wrapper .cvp-search-box, .news-view-form .pt-cv-wrapper .cvp-search-box, .taxonomy-view-form .pt-cv-wrapper .cvp-search-box, .scientists-view-form .pt-cv-wrapper .cvp-search-box {
    padding-left: 0;
    margin-right: 80px; }
    .project-view-form .pt-cv-wrapper .cvp-search-box input, .news-view-form .pt-cv-wrapper .cvp-search-box input, .taxonomy-view-form .pt-cv-wrapper .cvp-search-box input, .scientists-view-form .pt-cv-wrapper .cvp-search-box input {
      width: 190px;
      margin-left: 40px; }
  .project-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown, .news-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown, .taxonomy-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown, .scientists-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown {
    margin-left: 100px;
    width: 215px;
    margin: 0 0 0 0;
    padding: 25px;
    border: 0 none; }
    .project-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select, .news-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select, .taxonomy-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select, .scientists-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select {
      width: 165px;
      padding-right: 25px; }
  .project-view-form .pt-cv-wrapper .cvp-live-button, .news-view-form .pt-cv-wrapper .cvp-live-button, .taxonomy-view-form .pt-cv-wrapper .cvp-live-button, .scientists-view-form .pt-cv-wrapper .cvp-live-button {
    margin: -61px 0 0 230px; }
  .taxonomy-view-form .pt-cv-wrapper, .scientists-view-form .pt-cv-wrapper {
    padding-left: 40px; }
    .taxonomy-view-form .pt-cv-wrapper .cvp-search-box input, .scientists-view-form .pt-cv-wrapper .cvp-search-box input {
      width: 290px; }
    .taxonomy-view-form .pt-cv-wrapper .cvp-live-button, .scientists-view-form .pt-cv-wrapper .cvp-live-button {
      margin: -61px 0 0 290px; }
  #scientists-view-list .pt-cv-wrapper .pt-cv-gls-group .pt-cv-gls-content {
    width: 665px; }
    #scientists-view-list .pt-cv-wrapper .pt-cv-gls-group .pt-cv-gls-content div.scientist-wrapper div.content {
      margin-left: 15px; } }

@media screen and (min-width: 980px) and (max-width: 1139px) {
  .project-view-form .pt-cv-wrapper .cvp-search-box, .news-view-form .pt-cv-wrapper .cvp-search-box, .taxonomy-view-form .pt-cv-wrapper .cvp-search-box, .scientists-view-form .pt-cv-wrapper .cvp-search-box {
    padding-left: 40px;
    margin-right: 50px; }
    .project-view-form .pt-cv-wrapper .cvp-search-box input, .news-view-form .pt-cv-wrapper .cvp-search-box input, .taxonomy-view-form .pt-cv-wrapper .cvp-search-box input, .scientists-view-form .pt-cv-wrapper .cvp-search-box input {
      width: 320px; }
  .project-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown, .news-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown, .taxonomy-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown, .scientists-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown {
    width: 280px;
    margin: 0 0 0 0;
    padding: 25px; }
    .project-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select, .news-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select, .taxonomy-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select, .scientists-view-form .pt-cv-wrapper .cvp-live-filter.cvp-dropdown select {
      width: 230px;
      padding-right: 25px; }
  .project-view-form .pt-cv-wrapper .cvp-live-button, .news-view-form .pt-cv-wrapper .cvp-live-button, .taxonomy-view-form .pt-cv-wrapper .cvp-live-button, .scientists-view-form .pt-cv-wrapper .cvp-live-button {
    margin: -61px 0 0 320px; }
  .taxonomy-view-form .pt-cv-wrapper, .scientists-view-form .pt-cv-wrapper {
    padding-left: 40px; } }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.post,
.page {
  margin: 0; }

.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }