@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap);html {
font-size: 62.5%;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-smooth: always; }
html {
margin: 0; }
body {
color: #686f7c;
font-family: "Barlow", Arial, sans-serif;
background: #fff;
width: 100%;
margin: 0 auto;
font-size: 1.8rem; }
body:not(.logged-in) #btn-hide-wpbar {
display: none; }
h1 {
font-family: "Raleway", Arial, sans-serif;
font-size: 5.4rem; }
h2 {
font-family: "Raleway", Arial, sans-serif;
font-size: 3.2rem; }
p {
font-size: 1.4rem;
line-height: 1.6;
color: #686f7c; }
a {
color: #6d962e;
text-decoration: none; }
a:hover {
color: #89bd3a; }
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
/**
* Based on
*
* - reset.css 2.0 by Eric Meyer
(public domain)
* http://meyerweb.com/eric/tools/css/reset/
*
* - normalize.css 8.0.1 by Nicolas Gallagher and Jonathan Neal
* (licensed under MIT)
* https://github.com/necolas/normalize.css
*
* - Based on Reboot from Bootstrap 4.2.1
* (licensed under MIT)
* https://github.com/twbs/bootstrap
*/
/**
* IE10+ doesn't honor `` in some cases
*/
@-ms-viewport {
width: device-width; }
/**
* general reset
*/
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline; }
/**
* HTML5 display-role reset for older browsers
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main, summary {
display: block; }
/**
* inherit box model for all elements
*/
*,
*::before,
*::after {
box-sizing: inherit; }
/**
* html root rules
* 1. set border-box for inheritance
* 2. avoid 300ms click delay on touch devices that support the `touch-action`
* CSS property
* 3. Prevent adjustments of font size after orientation changes in IE, on
* Windows Phone and iOS.
* 4. Setting @viewport causes scrollbars to overlap content in IE11 and Edge,
* so we force a non-overlapping, non-auto-hiding scrollbar to counteract.
* 5. Change the default tap highlight to be completely transparent in iOS.
*/
html {
/* 1 */
box-sizing: border-box;
/* 2 */
touch-action: manipulation;
/* 3 */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
/* 4 */
-ms-overflow-style: scrollbar;
/* 5 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/**
* body rules
* 1. reset line-height to 1
* 2. set base font-family to sans-serif
* 3. Set an explicit initial text-align value so that we can later use the
* `inherit` value on things like `| ` elements.
*/
body {
/* 1 */
line-height: 1;
/* 2 */
font-family: "Barlow", Arial, sans-serif;
/* 3 */
text-align: left; }
/**
* Lists
*/
/**
* Quotes
*/
blockquote, q {
quotes: none; }
blockquote::before,
blockquote::after,
q::before,
q::after {
content: '';
content: none; }
/**
* Tables
*/
table {
border-collapse: collapse;
border-spacing: 0; }
caption {
caption-side: bottom; }
/**
* Table Headers
* 1. Matches default ` | ` alignment by inheriting from the ``, or the
* closest parent with a set `text-align`.
*/
th {
/* 1 */
text-align: inherit; }
/**
* Horizontal Lines
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
/* 1 */
box-sizing: content-box;
height: 0;
/* 2 */
overflow: visible; }
/**
* Preformatted Text
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Don't allow content to break outside
* 3. We have @viewport set which causes scrollbars to overlap content in IE11
* and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to
* counteract.
*/
pre,
code,
kbd,
samp {
/* 1 */
font-family: monospace, monospace; }
pre {
/* 2 */
overflow: auto;
/* 3 */
-ms-overflow-style: scrollbar; }
/**
* Links
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
/* 1 */
background-color: transparent;
/* 2 */
-webkit-text-decoration-skip: objects; }
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
* 3. Add explicit cursor to indicate changed behavior.
* 4. Prevent the text-decoration to be skipped.
*/
abbr[title] {
/* 1 */
border-bottom: none;
/* 2 */
text-decoration: underline;
text-decoration: underline dotted;
/* 3 */
cursor: help;
/* 4 */
text-decoration-skip-ink: none; }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 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 {
position: relative;
font-size: 75%;
line-height: 0; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none; }
/**
* Hide SVG overflow in IE
*/
svg:not(:root) {
overflow: hidden; }
/**
* Remove the default `border-radius` that macOS Chrome adds.
* Details at https://github.com/twbs/bootstrap/issues/24093
*/
button {
border-radius: 0; }
/**
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles.
* Credit: https://github.com/suitcss/base/
*/
/**
* form element resets
* 1. Remove the margin in Firefox and Safari
* 2. inherit font rules
*/
input,
button,
select,
optgroup,
textarea {
/* 1 */
margin: 0;
/* 2 */
font-family: inherit;
font-size: inherit;
line-height: inherit; }
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="reset"],
[type="submit"],
[type="button"] {
/* 2 */
-webkit-appearance: button; }
/**
* Remove the default appearance of temporal inputs to avoid a Mobile Safari
* bug where setting a custom line-height prevents text from being vertically
* centered within the input.
* See https://bugs.webkit.org/show_bug.cgi?id=139848
* and https://github.com/twbs/bootstrap/issues/11266
*/
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox; }
/**
* 1. Remove the default vertical scrollbar in IE.
* 2. Textareas should really only resize vertically so they don't break their
* (horizontal) containers.
*/
textarea {
overflow: auto;
resize: vertical; }
/**
* Show the overflow in IE.
*/
button,
input {
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
*/
button,
select {
text-transform: none; }
/**
* Remove the inheritance of word-wrap in Safari.
* See https://github.com/twbs/bootstrap/issues/24990
*/
select {
word-wrap: normal; }
/**
* Remove inner border and padding from Firefox, but don't restore the outline
* like Normalize.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* 1. Add the correct box sizing in IE 10-
* 2. Remove the padding in IE 10-
*/
input[type="radio"],
input[type="checkbox"] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0; }
/**
* Suppress the focus outline on elements that cannot be accessed via keyboard.
* This prevents an unwanted focus outline from appearing around elements that
* might still respond to pointer events.
* Credit: https://github.com/suitcss/base
*/
[tabindex="-1"]:focus {
outline: 0 !important; }
/**
* Browsers set a default `min-width: min-content` on fieldsets,
* unlike e.g. ` `s, which have `min-width: 0` by default.
* So we reset that to ensure fieldsets behave more like a standard block element.
* See https://github.com/twbs/bootstrap/issues/12359
* and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
*/
fieldset {
min-width: 0; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Set display to block for all browsers
*/
legend {
/* 1 */
max-width: 100%;
white-space: normal;
/* 2 */
color: inherit;
/* 3 */
display: block; }
/**
* 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"] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0; }
/**
* 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"] {
/* 1 */
-webkit-appearance: textfield;
/* 2 */
outline-offset: -2px; }
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[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 {
/* 1 */
-webkit-appearance: button;
/* 2 */
font: inherit; }
/**
* Correct element display for output
*/
output {
display: inline-block; }
/**
* Add the correct display in IE 10+.
*/
template {
display: none; }
[hidden] {
display: none; }
html {
font-size: 62.5%;
margin: 0;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-smooth: always; }
body {
color: #686f7c;
font-family: "Barlow", Arial, sans-serif;
background: #fff;
width: 100%;
margin: 0 auto;
max-width: 1920px; }
p {
font-family: "Barlow", Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.6; }
a {
color: #6d962e;
text-decoration: none;
transition: all 0.6s cubic-bezier(0.24, 0.9, 0.46, 0.91); }
a:hover {
color: #516f22; }
ul li {
line-height: initial; }
ul li::marker {
color: #001e55;
background: #001e55; }
ul.list {
margin: 1rem 0;
padding-left: 2rem;
list-style: none; }
ul.list li {
position: relative;
font-size: inherit;
line-height: 1.9; }
ul.list li:before {
content: "";
position: absolute;
top: 1.3rem;
left: -1.5rem;
transform: translateY(-50%);
width: 0.5rem;
height: 0.5rem;
background: #001e55;
border-radius: 50px;
opacity: 1; }
ul.no-list, .footer__nav ul#menu-footer, .footer__nav #menu-footer > li ul {
padding-left: 0;
margin: 0;
list-style: none; }
ul.no-list li, .footer__nav ul#menu-footer li, .footer__nav #menu-footer > li ul li {
line-height: 1; }
ul.no-list li:before, .footer__nav ul#menu-footer li:before, .footer__nav #menu-footer > li ul li:before {
display: none; }
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
img {
max-width: 100%;
height: auto; }
.container {
max-width: 1400px;
width: 100%;
margin: 0 auto;
padding-right: 6vw;
padding-left: 6vw; }
.content__section, .page-template-template-jobs #form-jobs {
padding: 6rem 0; }
.content__section--small {
padding: 4rem 0; }
.content__section--big {
padding: 10rem 0; }
.fixed-position {
overflow: hidden; }
.generic-box {
padding: 4rem 2rem;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.close {
display: block;
position: absolute;
top: 4rem;
right: 4rem;
font-size: 1.8rem;
transition: all 0.4s cubic-bezier(0.24, 0.9, 0.46, 0.91);
display: block;
height: 1.6rem;
width: 1.6rem;
transform: rotate(135deg) translateY(-50%);
transform-origin: top;
border-radius: 50px;
background: #e3861b;
padding: 1.5rem;
cursor: pointer;
z-index: 9999; }
.close:hover {
background: #b56b16; }
.line {
background: #fff;
width: 1.6rem;
height: 0.2rem;
display: block;
left: 7px;
top: 14px;
position: absolute; }
.line.line2 {
transform: rotate(-90deg);
transform-origin: top center;
position: absolute;
top: 15px;
left: 6px; }
h1,
h2,
h3,
h4 {
position: relative;
font-family: "Raleway", Arial, sans-serif;
font-weight: 500;
line-height: 1.3;
color: #6d962e; }
h1.title--lt,
h2.title--lt,
h3.title--lt,
h4.title--lt {
text-align: left; }
h1.title--lt:after,
h2.title--lt:after,
h3.title--lt:after,
h4.title--lt:after {
left: 0;
transform: translateX(0); }
h1.title--ctr,
h2.title--ctr,
h3.title--ctr,
h4.title--ctr {
text-align: center; }
h1.title--rt,
h2.title--rt,
h3.title--rt,
h4.title--rt {
text-align: right; }
h1 {
margin: 0 0 2rem 0;
font-weight: 600;
font-size: 36px; }
@media (min-width: 768px) {
h1 {
font-size: calc(7.8125vw - 24px); } }
@media (min-width: 1024px) {
h1 {
font-size: 56px; } }
h1.title-hero {
padding-top: 8vh;
display: block;
background: -webkit-linear-gradient(-112deg, #001e55, #6d962e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
h2 {
padding-top: 4vh;
display: block;
color: #6d962e;
margin: 0 0 2rem 0;
font-size: 20px; }
@media (min-width: 320px) {
h2 {
font-size: calc(0.89286vw + 17.14286px); } }
@media (min-width: 768px) {
h2 {
font-size: calc(4.6875vw - 12px); } }
@media (min-width: 1024px) {
h2 {
font-size: 36px; } }
h2.title {
display: inline-block;
padding-bottom: 3rem;
color: #000;
font-weight: 600; }
h2.title:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 15vw;
max-width: 18rem;
height: .4rem;
background: #e3861b; }
h2.title--lt {
text-align: left; }
h2.title--lt:after {
left: 0;
transform: translateX(0); }
h3 {
margin: 0 0 1.5rem 0;
font-weight: 300;
font-size: 14px; }
@media (min-width: 320px) {
h3 {
font-size: calc(0.44643vw + 12.57143px); } }
@media (min-width: 768px) {
h3 {
font-size: calc(1.5625vw + 4px); } }
@media (min-width: 1024px) {
h3 {
font-size: 20px; } }
h4 {
margin: 0 0 1.5rem 0;
font-weight: 300;
font-size: 10px; }
@media (min-width: 320px) {
h4 {
font-size: calc(0.44643vw + 8.57143px); } }
@media (min-width: 768px) {
h4 {
font-size: calc(2.34375vw - 6px); } }
@media (min-width: 1024px) {
h4 {
font-size: 18px; } }
.txt-left {
text-align: left; }
.txt-center {
text-align: center; }
.txt-right {
text-align: right; }
.align-center {
text-align: center;
margin: 0 auto;
display: block; }
.white {
color: #fff; }
.responsive-embed {
position: relative;
overflow: hidden;
padding-top: 56.25%; }
.responsive-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.grecaptcha-badge {
display: none; }
.cta {
width: 100%;
padding: 2rem 0; }
.cta.center {
text-align: center; }
#btn-hide-wpbar {
position: fixed;
bottom: 0;
left: 0;
transform: scale(0.5); }
#btn-hide-wpbar .hide-btn, #btn-hide-wpbar .show-btn {
cursor: pointer; }
body .main-content {
position: relative;
background-color: #fff; }
body #customers {
text-align: center; }
body #customers .list-customers {
padding: 4rem 0; }
@media (min-width: 768px) {
body #customers .list-customers {
padding: 12rem 0; } }
body #customers .list-customers img {
max-height: 110px;
width: auto;
margin-top: 4rem; }
body #customers .quote .top {
margin-bottom: 4rem; }
body #customers .quote .top p {
font-size: 2.4rem;
font-weight: 600;
color: #000; }
body #mission {
text-align: center;
margin-top: 100vh; }
body #services {
text-align: center; }
body #services .list-services {
justify-content: space-between; }
body #services .list-services .item-service {
width: 100%;
text-align: center; }
body #services .list-services .item-service a {
display: block;
position: relative;
height: 100%; }
body #services .list-services .item-service a .content {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: center;
height: 100%; }
body #services .list-services .item-service a .content img {
max-height: 18rem; }
@media (max-width: 991px) {
body #services .list-services .item-service + .item-service {
margin-top: 2rem; } }
@media (min-width: 992px) {
body #services .list-services .item-service {
width: calc(33.3333333% - 2rem); } }
body #services .list-services .item-service h2 {
font-size: 2.4rem;
color: #000;
font-weight: 600;
font-family: "Barlow", Arial, sans-serif; }
body #services .list-services .item-service p {
flex-grow: 1; }
body #certif {
text-align: center; }
body #certif .list-certif {
padding-top: 6rem; }
body #quote {
text-align: center; }
.page-template-template-about #mvv h2.title {
display: block;
text-align: center; }
.page-template-template-about #mvv .right,
.page-template-template-about #mvv .left {
margin-top: 6rem; }
.page-template-template-about #mvv .right h2,
.page-template-template-about #mvv .left h2 {
color: #000; }
.page-template-template-about #mvv .right h3,
.page-template-template-about #mvv .left h3 {
position: relative;
display: inline-block;
color: #000;
padding-bottom: 1rem; }
.page-template-template-about #mvv .right h3:after,
.page-template-template-about #mvv .left h3:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: .2rem;
background: #6d962e; }
@media (min-width: 768px) {
.page-template-template-about #mvv .right .image {
order: 1; } }
@media (min-width: 768px) {
.page-template-template-about #mvv .right .content {
order: 0; } }
.page-template-template-about #management-team h2.title {
display: block;
text-align: center;
margin-bottom: 8rem; }
.page-template-template-about #management-team .member {
position: relative;
margin: 4rem 0; }
@media (max-width: 767px) {
.page-template-template-about #management-team .member + .member {
margin-top: 6rem; } }
.page-template-template-about #management-team .member h2 {
padding-top: 0;
margin-bottom: .5rem; }
.page-template-template-about #management-team .member h3 {
color: #000; }
.page-template-template-about #management-team .member .languages {
position: relative;
font-size: 1.4rem;
font-weight: 800;
margin-bottom: 2rem;
text-transform: uppercase;
color: #000; }
@media (min-width: 768px) {
.page-template-template-about #management-team .member .languages {
position: absolute;
top: 1.6rem;
right: 0; } }
.page-template-template-about #certifications .group-title {
text-align: center; }
.page-template-template-about #certifications .list-certif {
margin-top: 4rem; }
@media (max-width: 767px) {
.page-template-template-about #certifications .list-certif .item-certif {
margin-top: 2rem; } }
.team__single .team__content {
padding: 4rem; }
@media (min-width: 768px) {
.page-template-template-jobs .jobs__wrapper {
display: flex;
flex-flow: row wrap; } }
.page-template-template-jobs .jobs__wrapper > div {
margin-bottom: 4rem; }
@media (min-width: 768px) {
.page-template-template-jobs .jobs__wrapper > div {
width: calc(50% - 2rem); }
.page-template-template-jobs .jobs__wrapper > div + div {
margin-left: 2rem; } }
@media (min-width: 992px) {
.page-template-template-jobs .jobs__wrapper > div {
width: calc(33.3333333% - 2rem); } }
.page-template-template-jobs .jobs__wrapper > div .job__content {
display: flex;
flex-flow: column wrap;
align-items: flex-start;
min-height: 30rem; }
.page-template-template-jobs .jobs__wrapper > div .job__content h2 {
flex-grow: 1; }
.page-template-template-jobs #form-jobs {
position: relative; }
.page-template-template-jobs #form-jobs h2, .page-template-template-jobs #form-jobs h3 {
text-align: center; }
article.type-jobs header {
position: relative; }
article.type-jobs header:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("/wp-content/themes/wpand-theme/assets/images/common-wave.svg");
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
z-index: -1; }
.page-template-template-contact #coordonates {
max-width: 100%;
overflow: hidden; }
.page-template-template-contact #coordonates .content {
padding: 3rem; }
@media (min-width: 768px) {
.page-template-template-contact #coordonates .content {
padding: 9rem; } }
.page-template-template-contact #coordonates .content p {
margin-bottom: 2rem; }
.page-template-template-contact #coordonates .content span {
display: block;
font-size: 2.4rem;
color: #000;
margin-bottom: 4rem; }
.page-template-template-contact #coordonates .content .socials {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
max-width: 20rem; }
.page-template-template-contact #coordonates .content a {
color: #e3861b;
font-size: 2.4rem; }
.page-template-template-contact #coordonates .map {
position: relative; }
.page-template-template-contact #coordonates .map .leaflet-bottom {
z-index: 1 !important; }
.page-template-template-contact #coordonates .map .acf-map img {
max-width: inherit !important; }
.page-template-default article h2,
.page-template-default article h3,
.page-template-default article h4 {
color: #6d962e;
margin: 1.5rem 0; }
.page-template-default article ul,
.page-template-default article li,
.page-template-default article p {
font-size: 1.8rem;
line-height: 1.6; }
#other-services {
text-align: center; }
#other-services h2.title {
margin-bottom: 6rem; }
#other-services .generic-box {
padding: 4rem;
text-align: left;
width: 100%; }
@media (max-width: 767px) {
#other-services .generic-box {
text-align: center; }
#other-services .generic-box + .generic-box {
margin-top: 2rem; } }
@media (min-width: 768px) {
#other-services .generic-box {
width: calc(50% - 2rem); } }
#other-services .generic-box h2 {
margin-bottom: 4rem;
font-size: 2.4rem;
font-weight: 600;
color: #000;
margin-bottom: 1.5rem; }
#contact {
margin-top: 4rem;
text-align: center; }
#trainers {
text-align: center; }
#trainers .member {
transition: all 0.6s cubic-bezier(0.24, 0.9, 0.46, 0.91); }
#trainers .member .visible-content {
cursor: pointer; }
#trainers .member .visible-content h3,
#trainers .member .visible-content h4 {
color: #000;
text-align: center; }
#trainers .member .visible-content h3 {
margin-top: 1.5rem;
margin-bottom: 0;
font-weight: 600; }
#trainers .member .visible-content h4 {
margin-top: .5rem;
font-size: 1.4rem; }
#trainers .member .visible-content .img-wrapper {
position: relative; }
#trainers .member .visible-content .img-wrapper img {
max-width: 100%;
height: 100%;
width: 100%;
object-fit: cover; }
@media (min-width: 768px) {
#trainers .member .visible-content .img-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(227, 134, 27, 0.4);
transition: all 0.6s cubic-bezier(0.24, 0.9, 0.46, 0.91); } }
@media (min-width: 768px) {
#trainers .member:hover .img-wrapper:before {
opacity: 0; } }
#trainers .info-member {
position: fixed;
background: rgba(255, 255, 255, 0.3);
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 99999;
transition: all 0.4s cubic-bezier(0.24, 0.9, 0.46, 0.91);
text-align: left; }
#trainers .info-member .wrapper {
position: absolute;
width: 100%;
max-width: 70%;
top: 50%;
left: 50%;
background: #fff;
transform: translate(-50%, -50%); }
#trainers .info-member .wrapper .img-wrapper img {
max-width: 100%;
height: 100%;
width: 100%;
object-fit: cover; }
#trainers .info-member .wrapper .content {
padding: 4rem; }
#trainers .info-member .wrapper .content h3,
#trainers .info-member .wrapper .content h4 {
color: #000; }
#trainers .info-member .wrapper .content h3 {
margin-top: 1.5rem;
margin-bottom: 0;
font-weight: 600; }
#trainers .info-member .wrapper .content h4 {
margin-top: .5rem;
font-size: 1.4rem;
padding-bottom: 2rem; }
#trainers .info-member .wrapper .content h4:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50%;
max-width: 18rem;
height: .4rem;
background: #e3861b; }
#trainers .info-member.hidden {
opacity: 0;
pointer-events: none;
visibility: hidden; }
.cta {
position: relative;
display: flex;
flex-flow: column wrap;
justify-content: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.cta:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #e3861b;
mix-blend-mode: multiply;
z-index: 1; }
.cta .wrapper {
width: 100%;
max-width: 1200px;
padding: 8rem;
padding-left: 6vw;
padding-right: 6vw;
z-index: 2; }
.cta h2 {
margin-bottom: 4rem;
text-align: left;
color: #fff;
font-weight: 600; }
.cta p {
color: #fff; }
@media (min-width: 768px) {
.cta .button:first-of-type, .cta form input:first-of-type[type="submit"], form .cta input:first-of-type[type="submit"], .cta nav#main__nav .button-nav a:first-of-type, nav#main__nav .button-nav .cta a:first-of-type {
margin-right: 2rem; } }
.cta .img-wrapper {
align-self: center;
max-width: 10rem;
margin-bottom: 2rem; }
#hero {
position: relative;
overflow: hidden; }
#hero .hero__wrapper {
overflow: hidden;
padding-top: 6rem;
padding-bottom: 6rem; }
#hero .hero__wrapper .hero__content p {
margin-bottom: 2rem; }
#hero .hero__wrapper .hero__illu {
align-self: flex-end; }
@media (min-width: 768px) {
#hero .hero__wrapper .hero__illu img {
max-height: 100%;
width: auto;
margin: 0 auto;
display: block; } }
#hero.hero__homepage {
position: relative;
height: 100vh;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding-bottom: 9vh;
position: fixed;
top: 0;
left: 0; }
#hero.hero__homepage .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#hero.hero__homepage .overlay:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(71, 135, 29, 0.5);
background: linear-gradient(90deg, rgba(71, 135, 29, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
mix-blend-mode: multiply; }
#hero.hero__homepage .container {
position: relative;
height: 100%; }
#hero.hero__homepage .hero__wrapper {
display: flex;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
height: 100%; }
#hero.hero__homepage .hero__wrapper h1,
#hero.hero__homepage .hero__wrapper p {
color: #fff; }
@media (min-width: 768px) {
#hero.hero__homepage .hero__wrapper h1,
#hero.hero__homepage .hero__wrapper p {
max-width: 40%; } }
#hero.hero__homepage .scroll-container {
position: absolute;
bottom: 4rem;
left: 50%;
transform: translateX(-50%); }
#hero.hero {
position: relative;
height: 70vh;
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
@media (min-width: 768px) {
#hero.hero {
height: 50vh; } }
#hero.hero:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #6d962e;
mix-blend-mode: multiply;
z-index: 0; }
#hero.hero .container {
height: 100%; }
#hero.hero .hero__wrapper {
position: relative;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
z-index: 2; }
#hero.hero .hero__wrapper h1,
#hero.hero .hero__wrapper h2 {
color: #fff; }
#hero.hero .hero__wrapper h2 {
font-size: 1.8rem;
font-family: "Barlow", Arial, sans-serif;
max-width: 65rem;
margin: 0 auto;
text-align: center;
margin-bottom: 4rem; }
.module-text .title h2 {
max-width: 40rem; }
@media (min-width: 768px) {
.module-text .content {
align-self: center; } }
.module-text-2-col h2 {
position: relative;
max-width: 40rem; }
.module-text-2-col h2:after {
left: 0;
transform: translateX(0); }
@media (min-width: 992px) {
.module-text-2-col .content {
column-count: 2;
column-gap: 6rem; } }
@media (min-width: 768px) {
.text-image {
display: flex;
flex-flow: row wrap;
justify-content: space-between; } }
@media (min-width: 768px) {
.text-image .image,
.text-image .content__wrapper {
width: calc(50% - 3rem); } }
.text-image .image {
margin-bottom: 2rem; }
@media (min-width: 768px) {
.text-image.align-right .image {
margin-left: 6rem;
order: 1; } }
@media (min-width: 768px) {
.text-image.align-right .content__wrapper {
order: 0; } }
.text-image.align-bottom {
display: flex;
flex-flow: column wrap; }
@media (min-width: 768px) {
.text-image.align-bottom .image {
width: 100%;
order: 1;
max-width: 56rem;
margin: 0 auto;
margin-top: 2rem; }
.text-image.align-bottom .content-wrapper {
width: 100%;
order: 0;
max-width: 92rem;
margin: 0 auto;
text-align: center; }
.text-image.align-bottom .content-wrapper h2:before {
left: 50%;
transform: translateX(-50%); } }
.text-image.align-top {
display: flex;
flex-flow: column wrap; }
@media (min-width: 768px) {
.text-image.align-top .image {
width: 100%;
order: 0;
max-width: 56rem;
margin: 0 auto;
margin-bottom: 2rem; }
.text-image.align-top .content-wrapper {
width: 100%;
order: 1;
max-width: 92rem;
margin: 0 auto;
text-align: center; }
.text-image.align-top .content-wrapper h2:before {
left: 50%;
transform: translateX(-50%); } }
.image-single img {
width: 100%; }
.text-single {
max-width: 65rem;
margin: 0 auto; }
@media (max-width: 767px) {
.text-single {
padding: 0 2rem; } }
.quote {
text-align: center; }
.accordeon .accordeon__item {
position: relative;
background: #fff;
border-radius: 5px;
border: 1px solid #99a5bb; }
.accordeon .accordeon__item .content {
padding: 0; }
.accordeon .accordeon__item + .accordeon__item {
margin-top: 2rem; }
.accordeon .accordeon__item .accordeon__item--title {
position: relative;
cursor: pointer;
padding: 2rem; }
.accordeon .accordeon__item .accordeon__item--title h2 {
font-size: 18px;
margin-bottom: 0; }
@media (min-width: 768px) {
.accordeon .accordeon__item .accordeon__item--title h2 {
font-size: calc(2.34375vw + 0px); } }
@media (min-width: 1024px) {
.accordeon .accordeon__item .accordeon__item--title h2 {
font-size: 24px; } }
.accordeon .accordeon__item .accordeon__item--title .date {
display: inline-block;
margin-right: 2rem;
font-size: 12px; }
@media (min-width: 320px) {
.accordeon .accordeon__item .accordeon__item--title .date {
font-size: calc(0.89286vw + 9.14286px); } }
@media (min-width: 768px) {
.accordeon .accordeon__item .accordeon__item--title .date {
font-size: calc(1.5625vw + 4px); } }
@media (min-width: 1024px) {
.accordeon .accordeon__item .accordeon__item--title .date {
font-size: 20px; } }
.accordeon .accordeon__item .accordeon__item--title h3 {
display: inline-block;
color: #6d962e;
margin: 0;
font-size: 14px; }
@media (min-width: 320px) {
.accordeon .accordeon__item .accordeon__item--title h3 {
font-size: calc(1.33929vw + 9.71429px); } }
@media (min-width: 768px) {
.accordeon .accordeon__item .accordeon__item--title h3 {
font-size: calc(1.5625vw + 8px); } }
@media (min-width: 1024px) {
.accordeon .accordeon__item .accordeon__item--title h3 {
font-size: 24px; } }
@media (max-width: 767px) {
.accordeon .accordeon__item .accordeon__item--title h3 {
display: block; } }
.accordeon .accordeon__item .accordeon__item--title .expand {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 1.8rem;
transition: all 0.4s cubic-bezier(0.24, 0.9, 0.46, 0.91);
display: block;
height: 1.6rem;
width: 1.6rem;
right: 2rem; }
@media (min-width: 768px) {
.accordeon .accordeon__item .accordeon__item--title .expand {
right: 4rem; } }
.accordeon .accordeon__item .accordeon__item--title .expand.rotate {
transform: rotate(135deg);
transform-origin: center; }
.accordeon .accordeon__item .accordeon__item--title .expand .line {
background: #99a5bb;
width: 1.6rem;
height: 0.2rem;
display: block;
left: 0px;
top: 7px;
position: absolute; }
.accordeon .accordeon__item .accordeon__item--title .expand .line.line2 {
transform: rotate(-90deg);
transform-origin: top center;
position: absolute;
top: 8px;
left: -1px; }
.accordeon .accordeon__item .accordeon__item--content {
max-height: 0;
opacity: 0;
transition: all 0.6s cubic-bezier(0.24, 0.9, 0.46, 0.91);
overflow: hidden;
padding: 0 4rem; }
.accordeon .accordeon__item .accordeon__item--content .button, .accordeon .accordeon__item .accordeon__item--content form input[type="submit"], form .accordeon .accordeon__item .accordeon__item--content input[type="submit"], .accordeon .accordeon__item .accordeon__item--content nav#main__nav .button-nav a, nav#main__nav .button-nav .accordeon .accordeon__item .accordeon__item--content a {
margin-left: auto;
margin-bottom: 0; }
.accordeon .accordeon__item .accordeon__item--content.expanded {
opacity: 1;
padding: 2rem 4rem;
max-height: 500px; }
@media (min-width: 768px) {
.accordeon .accordeon__item .accordeon__item--content.expanded {
max-height: 300px; } }
.button, form input[type="submit"], nav#main__nav .button-nav a {
position: relative;
display: inline-block;
line-height: 1;
padding: 1.5rem 2rem;
transition: all 0.6s cubic-bezier(0.24, 0.9, 0.46, 0.91);
font-family: "Raleway", Arial, sans-serif;
font-size: 1.6rem;
font-weight: 600;
margin: 2rem 0;
border: 1px solid transparent;
cursor: pointer; }
.button.primary, form input[type="submit"], nav#main__nav .button-nav a {
background-color: #6d962e;
color: #fff; }
.button.primary:hover, form input:hover[type="submit"], nav#main__nav .button-nav a:hover {
background-color: #516f22; }
.button.secondary, form input.secondary[type="submit"], nav#main__nav .button-nav a.secondary {
background-color: #e3861b;
color: #fff; }
.button.secondary:hover, form input.secondary:hover[type="submit"], nav#main__nav .button-nav a.secondary:hover {
border: 1px solid #b56b16;
background-color: #b56b16; }
.button.tertiary, form input.tertiary[type="submit"], nav#main__nav .button-nav a.tertiary {
background-color: #001e55;
color: #fff; }
.button.tertiary:hover, form input.tertiary:hover[type="submit"], nav#main__nav .button-nav a.tertiary:hover {
border: 1px solid #000c22;
background-color: #000c22; }
.button.outlined, form input.outlined[type="submit"], nav#main__nav .button-nav a.outlined {
background: transparent;
border: 2px solid #6d962e;
color: #001e55; }
.button.outlined:hover, form input.outlined:hover[type="submit"], nav#main__nav .button-nav a.outlined:hover {
border: 2px solid #001e55; }
.button.white, form input.white[type="submit"], nav#main__nav .button-nav a.white {
background: #fff;
color: #6d962e; }
.button.white:hover, form input.white:hover[type="submit"], nav#main__nav .button-nav a.white:hover {
background: transparent;
border: 1px solid #fff;
color: #fff; }
.button.search, form input.search[type="submit"], nav#main__nav .button-nav a.search {
padding: 1.2rem 2rem; }
.button.search input, form input.search[type="submit"] input, nav#main__nav .button-nav a.search input {
border: 0;
outline: 0;
font-size: 1.6rem; }
.button.search svg, form input.search[type="submit"] svg, nav#main__nav .button-nav a.search svg {
width: 2rem;
height: 2rem;
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-50%); }
a.more {
display: inline-block;
margin-top: 2rem;
font-size: 1.4rem;
font-weight: 600; }
a.back {
position: relative;
display: inline-block;
padding-left: 1rem;
margin: 2rem 0;
transition: all 0.6s cubic-bezier(0.24, 0.9, 0.46, 0.91);
font-family: "Raleway", Arial, sans-serif;
font-size: 1.4rem; }
a.back:before {
content: "prev";
position: absolute;
top: 51%;
left: 0;
transform: translate(0, -50%);
width: 1rem;
height: 1rem;
font-family: swiper-icons;
font-size: .8rem;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1.1rem;
font-weight: 600;
opacity: 1;
transition: all 0.6s cubic-bezier(0.24, 0.9, 0.46, 0.91); }
a.back:hover {
transform: translateX(0.2rem); }
a.back:hover::before {
transform: translate(-0.5rem, -50%);
opacity: 1;
left: 0; }
#cookie-notice {
background-color: red;
position: fixed;
bottom: 2rem;
left: 2rem;
right: 2rem;
width: calc(100% - 4rem);
min-width: calc(100% - 4rem) !important;
border-radius: 5px; }
@media (min-width: 768px) {
#cookie-notice {
min-width: 400px !important;
max-width: 45rem;
left: 2rem;
right: auto; } }
#cookie-notice .cookie-notice-container {
display: flex;
flex-flow: row wrap;
padding-left: 8rem;
text-align: left; }
#cookie-notice .cookie-notice-container #cn-notice-text {
position: relative; }
#cookie-notice .cookie-notice-container #cn-notice-text:before {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -5rem;
width: 3rem;
height: 3rem;
background: url(./images/cookie.svg); }
#cookie-notice .cookie-notice-container .cn-button {
display: none; }
footer.main-footer {
position: relative;
padding: 6rem 0 0;
color: #99a5bb;
background: #fff;
z-index: 0; }
footer.main-footer:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(109, 150, 46, 0.2);
z-index: -1; }
@media (max-width: 767px) {
footer.main-footer {
padding: 3rem 0; } }
footer.main-footer .footer__wrapper {
text-align: center;
border-bottom: 1px solid #e3861b;
margin-bottom: 6rem; }
footer.main-footer .footer__wrapper svg.logo-footer {
width: 20rem;
text-align: center;
margin: 0 auto 6rem; }
footer.main-footer .footer__wrapper svg.logo-footer .a {
fill: #99a5bb; }
footer.main-footer .nav-bottom h4,
footer.main-footer .nav-bottom p,
footer.main-footer .nav-bottom a {
font-size: 1.4rem; }
footer.main-footer .nav-bottom ul.social {
width: 100%;
justify-content: space-between; }
footer.main-footer #credits {
display: block; }
footer.main-footer #credits .credits__wrapper {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
margin-top: 4rem; }
footer.main-footer #credits .credits__wrapper p {
font-size: 1.2rem;
color: #6d962e;
display: flex;
flex-flow: row wrap; }
footer.main-footer #credits .credits__wrapper a {
text-decoration: underline;
color: #6d962e; }
footer.main-footer #credits .credits__wrapper a:hover {
color: #516f22; }
footer.main-footer #credits .credits__wrapper .made-by {
display: flex; }
footer.main-footer #credits .credits__wrapper .made-by a {
margin-left: 1rem;
width: 1.5rem; }
footer.main-footer #credits .credits__wrapper .made-by a svg {
max-width: 1.5rem;
display: inline-block; }
footer.main-footer #credits .credits__wrapper .made-by a svg .a {
transition: 0.6s cubic-bezier(0.17, 0.67, 0.83, 0.67); }
footer.main-footer #credits .credits__wrapper .made-by a:hover svg .a {
fill: #6d962e; }
footer.main-footer #credits a {
transition: 0.3s ease-out;
color: #e3861b; }
footer.main-footer #credits a:hover {
color: #fff; }
form {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 15px 15px;
max-width: 65rem;
grid-template-areas: "name"
"email"
"message";
margin: 0 auto; }
@media (min-width: 768px) {
form {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas: "name name email email"
"message message message message"
"submit . . ."; } }
form label {
display: block; }
form label:first-of-type {
grid-area: name; }
form label:nth-of-type(2) {
grid-area: email; }
form label:nth-of-type(3) {
grid-area: message; }
form label input[type="text"],
form label input[type="email"],
form label textarea {
padding: 1.5rem 2.5rem;
outline: 0;
border: 0;
border-radius: 0.3rem;
width: 100%;
font-family: "Barlow", Arial, sans-serif;
border: 1px solid #99a5bb;
-webkit-box-shadow: 0px 0px 15px 0 rgba(0, 77, 191, 0.1);
box-shadow: 0px 0px 15px 0 rgba(0, 77, 191, 0.1);
transition: 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
color: #99a5bb;
margin-top: 1rem;
font-size: 16px; }
@media (min-width: 320px) {
form label input[type="text"],
form label input[type="email"],
form label textarea {
font-size: calc(0.44643vw + 14.57143px); } }
@media (min-width: 768px) {
form label input[type="text"],
form label input[type="email"],
form label textarea {
font-size: 18px; } }
form label input[type="text"]::placeholder,
form label input[type="email"]::placeholder,
form label textarea::placeholder {
color: rgba(0, 0, 0, 0.4);
font-family: "Barlow", Arial, sans-serif;
font-weight: 500;
font-size: 16px; }
@media (min-width: 320px) {
form label input[type="text"]::placeholder,
form label input[type="email"]::placeholder,
form label textarea::placeholder {
font-size: calc(0.44643vw + 14.57143px); } }
@media (min-width: 768px) {
form label input[type="text"]::placeholder,
form label input[type="email"]::placeholder,
form label textarea::placeholder {
font-size: 18px; } }
form label input[type="text"]:focus,
form label input[type="email"]:focus,
form label textarea:focus {
-webkit-box-shadow: 0px 0px 15px -1px rgba(0, 77, 191, 0.25);
box-shadow: 0px 0px 15px -1px rgba(0, 77, 191, 0.25); }
form label input[type="text"].error,
form label input[type="email"].error,
form label textarea.error {
-webkit-box-shadow: 0px 0px 15px -1px rgba(178, 56, 73, 0.6);
box-shadow: 0px 0px 15px -1px rgba(178, 56, 73, 0.6);
border: 1px solid rgba(178, 56, 73, 0.6); }
form input[type="submit"] {
cursor: pointer;
outline: none; }
form .ajax-loader {
display: none !important; }
form .wpcf7-response-output {
display: none !important; }
div.wpcf7-mail-sent-ok {
border: 0;
background: #5471de;
color: #fff;
padding: 18px; }
div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
border: 0;
background: #f9443b;
color: #fff;
padding: 18px; }
.wpcf7-not-valid-tip {
display: none !important; }
#form-input-title {
display: none; }
header.main-header {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 999;
transition: all 0.6s cubic-bezier(0.24, 0.9, 0.46, 0.91); }
@media (min-width: 992px) {
header.main-header.header.scrolled {
background: #fff;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); }
header.main-header.header.scrolled #main__nav {
margin: 0; } }
header.main-header.header .header__wrapper {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center; }
@media (min-width: 768px) {
header.main-header.header .header__wrapper {
padding-left: 6rem;
padding-right: 6rem; } }
header.main-header.header .header__wrapper .logo-header {
z-index: 9999;
width: 30rem;
margin: 2rem; }
@media (max-width: 991px) {
header.main-header.header .header__wrapper .logo-header {
margin: 2rem 2rem 1rem 2rem;
max-width: 15rem; } }
@media (max-width: 767px) {
header.main-header.header .header__wrapper .logo-header {
left: 6vw; } }
header.main-header.header .header__wrapper .logo-header svg {
width: 100%;
transition: 0.3s ease-out; }
header.main-header.header .header__wrapper .logo-header svg .a {
fill: #003FBF; }
header.main-header.open-menu .header__wrapper .logo-header {
width: 20rem; }
header.main-header.open-menu .header__wrapper .logo-header svg {
transition: 0.3s ease-out; }
header.main-header.open-menu .header__wrapper .logo-header svg .a {
fill: #fff !important; }
header.main-header.open-menu .header__wrapper .logo-header svg.open-menu {
transition: 0.3s ease-out;
filter: brightness(50); }
header.main-header.scrolled {
background: #fff;
border-bottom: 1px solid rgba(153, 165, 187, 0.3); }
header.main-header.scrolled .header__wrapper .logo-header {
width: 20rem; }
header.main-header.scrolled .header__wrapper .burger__menu span,
header.main-header.scrolled .header__wrapper .burger__menu span:before,
header.main-header.scrolled .header__wrapper .burger__menu span:after {
background: #6d962e; }
header.main-header:not(.scrolled) {
transition: .3s ease-out; }
header.main-header:not(.scrolled) svg {
filter: brightness(40); }
header.main-header:not(.scrolled) svg .cls-10 {
fill: #fff !important; }
.banner {
position: relative;
padding: 12rem 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.banner .container {
position: relative;
z-index: 2; }
.banner h2 {
padding-top: 0;
font-weight: 600; }
.banner h2,
.banner p {
color: #fff; }
.banner:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e3861b;
z-index: 0;
mix-blend-mode: multiply; }
nav .nav-container {
height: 100%; }
nav#main__nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #6d962e;
transition: all 0.6s cubic-bezier(0.24, 0.9, 0.46, 0.91);
transform: translateY(-100%);
background-size: cover;
background-repeat: no-repeat;
opacity: 0; }
nav#main__nav:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: green;
mix-blend-mode: multiply;
z-index: -1; }
nav#main__nav.open-menu {
transform: translateY(0);
opacity: 1; }
nav#main__nav li a {
position: relative; }
nav#main__nav .logo {
z-index: 9999;
height: 3.3rem; }
@media (min-width: 992px) {
nav#main__nav .logo {
max-width: 20rem; } }
@media (max-width: 991px) {
nav#main__nav .logo {
display: none; } }
nav#main__nav .logo svg {
width: 100%;
transition: 0.3s ease-out; }
nav#main__nav .logo svg .a {
fill: #003FBF; }
@media (min-width: 992px) {
nav#main__nav .button-nav {
margin-left: 2rem; } }
nav#main__nav .button-nav a {
margin: 0.8rem 0 0 0 !important;
padding: 1.2rem 2rem !important;
color: #fff !important; }
nav#main__nav li:not(.menu-item-has-children) a:before,
nav#main__nav li:not(.menu-item-has-children) a:after,
nav#main__nav :not(.nav-bottom) a:before,
nav#main__nav :not(.nav-bottom) a:after {
position: absolute;
left: 0px;
width: 100%;
height: 2px;
background: #FFF;
content: "";
opacity: 0;
transition: all 0.3s; }
nav#main__nav li:not(.menu-item-has-children) a:before,
nav#main__nav :not(.nav-bottom) a:before {
top: 0px;
transform: translateY(-3px); }
nav#main__nav li:not(.menu-item-has-children) a:after,
nav#main__nav :not(.nav-bottom) a:after {
bottom: 0px;
transform: translateY(3px); }
nav#main__nav li:not(.menu-item-has-children) a:hover:before,
nav#main__nav li:not(.menu-item-has-children) a:hover:after,
nav#main__nav :not(.nav-bottom) a:hover:before,
nav#main__nav :not(.nav-bottom) a:hover:after {
opacity: 1;
transform: translateY(0px); }
@media (max-width: 991px) {
nav {
display: block;
position: fixed;
top: 0;
right: 0;
height: 100vh;
background: #6d962e;
transform: translateX(130%);
transition: 0.3s ease-out; }
nav .logo {
display: none; } }
nav#main__nav #nav__list {
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
width: 100%;
height: 60%;
text-align: center;
padding: 0;
list-style: none;
margin-top: 4rem; }
@media (min-width: 992px) {
nav#main__nav #nav__list {
height: 70%; } }
nav#main__nav #nav__list > li:before {
display: none; }
nav#main__nav #nav__list > li a {
color: #fff;
font-weight: 600;
font-size: 18px;
padding: 1rem 0;
display: inline-block;
text-align: left;
font-family: "Raleway", Arial, sans-serif; }
@media (min-width: 320px) {
nav#main__nav #nav__list > li a {
font-size: calc(1.33929vw + 13.71429px); } }
@media (min-width: 768px) {
nav#main__nav #nav__list > li a {
font-size: calc(6.25vw - 24px); } }
@media (min-width: 1024px) {
nav#main__nav #nav__list > li a {
font-size: 40px; } }
nav#main__nav #nav__list > li.current-menu-item, nav#main__nav #nav__list > li:hover {
position: relative; }
nav#main__nav #nav__list > li.menu-item-has-children {
position: relative; }
nav#main__nav #nav__list > li.menu-item-has-children > a {
display: none; }
nav#main__nav #nav__list > li.menu-item-has-children:after {
content: "";
position: absolute;
top: 0;
right: 3rem;
width: 1rem;
height: 1rem;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%); }
nav#main__nav #nav__list > li.menu-item-has-children > ul {
list-style: none;
padding: 0; }
nav#main__nav #nav__list > li.menu-item-has-children > ul li a {
font-weight: 600;
font-size: 18px; }
@media (min-width: 320px) {
nav#main__nav #nav__list > li.menu-item-has-children > ul li a {
font-size: calc(1.33929vw + 13.71429px); } }
@media (min-width: 768px) {
nav#main__nav #nav__list > li.menu-item-has-children > ul li a {
font-size: calc(6.25vw - 24px); } }
@media (min-width: 1024px) {
nav#main__nav #nav__list > li.menu-item-has-children > ul li a {
font-size: 40px; } }
nav#main__nav .nav-bottom {
width: 100%;
height: 40%; }
@media (max-width: 767px) {
nav#main__nav .nav-bottom .social {
margin-top: 2rem; }
nav#main__nav .nav-bottom .row a,
nav#main__nav .nav-bottom .row p {
font-size: 1.4rem; }
nav#main__nav .nav-bottom .row > div:first-of-type {
display: none; }
nav#main__nav .nav-bottom .row > div + div {
margin-top: 1rem; } }
@media (min-width: 992px) {
nav#main__nav .nav-bottom {
height: 20%; } }
nav#main__nav .nav-bottom .row {
width: 100%; }
nav#main__nav .nav-bottom .row > div {
text-align: center; }
nav#main__nav .nav-bottom .row > div h4,
nav#main__nav .nav-bottom .row > div a,
nav#main__nav .nav-bottom .row > div p {
color: #fff; }
nav#main__nav .nav-bottom .row > div h4:before,
nav#main__nav .nav-bottom .row > div a:before,
nav#main__nav .nav-bottom .row > div p:before {
display: none; }
nav#main__nav .nav-bottom .row > div h4:after,
nav#main__nav .nav-bottom .row > div a:after,
nav#main__nav .nav-bottom .row > div p:after {
display: none; }
nav#main__nav .nav-bottom .row > div a:hover {
text-decoration: underline; }
@media (max-width: 991px) {
nav#secondary__nav {
background-color: transparent;
z-index: 2;
top: 7rem;
height: 65px; }
nav#secondary__nav #nav__list {
justify-content: center; }
nav#secondary__nav #nav__list a {
font-size: 1rem; } }
.burger__menu {
display: inline-block;
width: 30px;
height: 30px;
margin: 2rem;
z-index: 9999;
background-color: transparent;
outline: 0;
border: 0;
cursor: pointer; }
.burger__menu.open span:before,
.burger__menu.open span:after {
background-color: #fff; }
.burger__menu span {
margin: 0 auto;
position: relative; }
.burger__menu span:before,
.burger__menu span:after {
position: absolute;
content: ""; }
.burger__menu span,
.burger__menu span:before,
.burger__menu span:after {
width: 20px;
height: 2px;
background-color: #fff;
display: block; }
.burger__menu span:before {
margin-top: -7px; }
.burger__menu span:after {
margin-top: 7px; }
.burger span {
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s; }
.burger span:before {
-webkit-transition-property: margin, -webkit-transform;
transition-property: margin, transform;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0s;
transition-delay: 0.2s, 0s; }
.burger span:after {
-webkit-transition-property: margin, -webkit-transform;
transition-property: margin, transform;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0s;
transition-delay: 0.2s, 0s; }
.burger__menu.open span {
background-color: rgba(0, 0, 0, 0);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s; }
.burger__menu.open span:before {
margin-top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0s, 0.2s;
transition-delay: 0s, 0.2s; }
.burger__menu.open span:after {
margin-top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition-delay: 0s, 0.2s;
transition-delay: 0s, 0.2s; }
@media (min-width: 768px) {
.footer__nav {
width: calc(66.6666666% - 4rem); } }
.footer__nav #menu-footer {
list-style: none;
display: flex;
flex-flow: row wrap;
flex-grow: 1;
justify-content: space-between; }
@media (max-width: 991px) {
.footer__nav #menu-footer > li {
width: 100%; } }
.footer__nav #menu-footer > li a {
display: inline-block;
padding: 1rem;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 1px;
transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
position: relative;
color: #99a5bb; }
.footer__nav #menu-footer > li a::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 1rem;
height: 0.2rem;
width: calc(100% - 2rem);
background-color: #99a5bb;
transform-origin: right top;
transform: scale(0, 1);
transition: color 0.1s, transform 0.2s ease-out; }
.footer__nav #menu-footer > li a:active::before {
background-color: #001e55; }
.footer__nav #menu-footer > li a:hover::before, .footer__nav #menu-footer > li a:focus::before {
transform-origin: left top;
transform: scale(1, 1); }
.footer__nav #menu-footer > li > a:first-child:before, .footer__nav #menu-footer > li > a:first-child:after {
display: none; }
.footer__nav #menu-footer > li > a:first-child {
font-weight: 600; }
#news {
position: relative; }
#news:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("/wp-content/themes/wpand-theme/assets/images/common-wave.svg");
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
z-index: -1; }
#news .swiper-news {
position: relative;
padding: 2rem 0;
width: 100%; }
#news .swiper-news .swiper-slide .img__wrapper {
min-height: 20rem;
object-fit: cover; }
#news .swiper-news .swiper-slide .img__wrapper img {
max-width: 100%;
max-height: 20rem;
object-fit: cover;
height: 20rem; }
#news .swiper-news .swiper-slide .news__content {
display: flex;
flex-flow: column wrap;
align-items: flex-start;
padding: 2rem 4rem 1rem;
min-height: 23rem; }
#news .swiper-news .swiper-slide .news__content h3 {
font-weight: 400;
margin-bottom: 1rem; }
#news .swiper-news .swiper-slide .news__content p {
flex-grow: 1; }
.page-template-template-news .news__list {
display: flex;
flex-flow: row wrap;
justify-content: space-between; }
.page-template-template-news .news__list .news__single {
width: 100%;
margin-top: 2rem; }
@media (min-width: 768px) {
.page-template-template-news .news__list .news__single {
width: calc(50% - 2rem); } }
@media (min-width: 992px) {
.page-template-template-news .news__list .news__single {
width: calc(33.3333333% - 2rem); } }
.page-template-template-news .news__list .news__single .img__wrapper {
min-height: 20rem;
object-fit: cover; }
.page-template-template-news .news__list .news__single .img__wrapper img {
max-width: 100%;
max-height: 20rem;
object-fit: cover;
height: 20rem; }
.page-template-template-news .news__list .news__single .news__content {
padding: 4rem; }
.single-post article header {
padding-top: 24.5rem; }
.single-post article header .row {
padding-bottom: 4rem;
border-bottom: 1px solid rgba(153, 165, 187, 0.3); }
.single-post article header h1 {
padding-top: 0; }
.single-post article header p {
font-size: 2rem;
max-width: 60rem; }
@media (min-width: 768px) {
.single-post article header .content__header .content__infos {
max-width: calc(60% - 2rem); }
.single-post article header .content__header .content__illu {
max-width: calc(40% - 2rem); } }
.single-post .body-article {
max-width: 100rem; }
.single-post .body-article h2,
.single-post .body-article h3 {
margin: 2rem 0 1rem; }
.single-post .body-article img {
margin: 2rem 0; }
.single-post .body-article p {
font-size: 1.8rem; }
@media (min-width: 768px) {
.swiper-container {
padding-left: 1rem !important;
padding-right: 1rem !important;
margin-left: -1rem !important;
margin-right: -1rem !important; } }
.swiper-button-prev,
.swiper-button-next,
.custom-swiper-button {
background-color: #f8f9fd;
border-radius: 5rem;
width: 5rem !important;
height: 5rem !important;
outline: 0;
-webkit-box-shadow: 0px 0px 15px -1px rgba(0, 77, 191, 0.1);
box-shadow: 0px 0px 15px -1px rgba(0, 77, 191, 0.1);
transition: all 0.6s cubic-bezier(0.24, 0.9, 0.46, 0.91); }
.swiper-button-prev:after,
.swiper-button-next:after,
.custom-swiper-button:after {
font-size: 1rem !important;
color: #000; }
.swiper-button-prev:hover,
.swiper-button-next:hover,
.custom-swiper-button:hover {
-webkit-box-shadow: 0px 0px 15px -1px rgba(0, 77, 191, 0.3);
box-shadow: 0px 0px 15px -1px rgba(0, 77, 191, 0.3);
transform: scale(1.1); }
.btn-prev-news {
left: -2rem !important; }
@media (min-width: 768px) {
.btn-prev-news {
left: -1.8% !important; } }
.btn-next-news {
right: -2rem !important; }
@media (min-width: 768px) {
.btn-next-news {
right: 0 !important; } }
@media (min-width: 992px) {
.btn-next-news {
right: 32.2% !important; } }
@media (min-width: 1400px) {
.btn-next-news {
right: 23.9% !important; } }
.swiper-button-disabled {
opacity: 0.65 !important; }
table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%; }
table tr {
border: 1px solid #ddd;
padding: 5px; }
table tr:nth-child(2n) {
background: rgba(109, 150, 46, 0.3); }
table th,
table td {
padding: 15px 10px;
text-align: center;
border-right: 1px solid #ccc; }
table th {
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
background: rgba(109, 150, 46, 0.7); }
table td {
font-size: 1.6rem;
text-align: left; }
@media screen and (max-width: 600px) {
table {
border: 0; }
table thead {
display: none; }
table tr {
border-bottom: 2px solid #ddd;
display: block;
margin-bottom: 10px; }
table td {
border-bottom: 1px dotted #ccc;
display: block;
font-size: 13px;
text-align: right; }
table td:last-child {
border-bottom: 0; }
table td:before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase; } }
.scroll-container {
width: 24px;
height: 42px;
border: 2px solid #fff;
border-radius: 15px;
position: relative;
opacity: .5;
cursor: pointer;
transition: .6s ease-out; }
.scroll-container:hover {
opacity: 1; }
.scroller {
width: 10px;
border-radius: 8px;
background-color: #fff;
position: absolute;
top: 1px;
left: 5px;
bottom: 4px;
animation: scroller 3000ms ease-out infinite; }
@keyframes scroller {
0% {
bottom: 24px; }
5% {
top: 4px; }
32% {
bottom: 4px; }
66% {
top: 24px;
bottom: 4px; }
100% {
top: 4px;
bottom: 24px; } }
.error404 #hero {
display: none; }
.error404 article {
padding-top: 8rem;
text-align: center; }
.error404 article h1 {
font-size: 36px; }
@media (min-width: 320px) {
.error404 article h1 {
font-size: calc(4.46429vw + 21.71429px); } }
@media (min-width: 768px) {
.error404 article h1 {
font-size: calc(6.25vw + 8px); } }
@media (min-width: 1024px) {
.error404 article h1 {
font-size: 72px; } }
.error404 article h2 {
max-width: 40rem;
margin: 0 auto;
line-height: 1.4; }
.error404 article .article-header {
padding: 10vh 0; }
.error404 article .widget_search {
padding: 0; }
.container-fluid,
.container {
margin-right: auto;
margin-left: auto; }
.container-fluid {
padding-right: 2rem;
padding-left: 2rem; }
.row {
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.5rem;
margin-left: -0.5rem; }
.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem; }
.col-xs {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.col-xs-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%; }
.col-xs-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%; }
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-xs-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%; }
.col-xs-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%; }
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-xs-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%; }
.col-xs-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%; }
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-xs-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%; }
.col-xs-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%; }
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-xs-offset-0 {
margin-left: 0; }
.col-xs-offset-1 {
margin-left: 8.33333333%; }
.col-xs-offset-2 {
margin-left: 16.66666667%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-4 {
margin-left: 33.33333333%; }
.col-xs-offset-5 {
margin-left: 41.66666667%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-7 {
margin-left: 58.33333333%; }
.col-xs-offset-8 {
margin-left: 66.66666667%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-10 {
margin-left: 83.33333333%; }
.col-xs-offset-11 {
margin-left: 91.66666667%; }
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start; }
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center; }
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end; }
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around; }
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
@media only screen and (min-width: 540px) {
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem; }
.col-sm {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.col-sm-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%; }
.col-sm-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%; }
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-sm-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%; }
.col-sm-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%; }
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-sm-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%; }
.col-sm-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%; }
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-sm-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%; }
.col-sm-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%; }
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-sm-offset-0 {
margin-left: 0; }
.col-sm-offset-1 {
margin-left: 8.33333333%; }
.col-sm-offset-2 {
margin-left: 16.66666667%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-4 {
margin-left: 33.33333333%; }
.col-sm-offset-5 {
margin-left: 41.66666667%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-7 {
margin-left: 58.33333333%; }
.col-sm-offset-8 {
margin-left: 66.66666667%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-10 {
margin-left: 83.33333333%; }
.col-sm-offset-11 {
margin-left: 91.66666667%; }
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start; }
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center; }
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end; }
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around; }
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
@media only screen and (min-width: 768px) {
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem; }
.col-md {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.col-md-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%; }
.col-md-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%; }
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-md-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%; }
.col-md-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%; }
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-md-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%; }
.col-md-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%; }
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-md-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%; }
.col-md-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%; }
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-md-offset-0 {
margin-left: 0; }
.col-md-offset-1 {
margin-left: 8.33333333%; }
.col-md-offset-2 {
margin-left: 16.66666667%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-4 {
margin-left: 33.33333333%; }
.col-md-offset-5 {
margin-left: 41.66666667%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-7 {
margin-left: 58.33333333%; }
.col-md-offset-8 {
margin-left: 66.66666667%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-10 {
margin-left: 83.33333333%; }
.col-md-offset-11 {
margin-left: 91.66666667%; }
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start; }
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center; }
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end; }
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around; }
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
@media only screen and (min-width: 992px) {
.container {
width: 100%;
max-width: 1400px; }
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem; }
.col-lg {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.col-lg-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%; }
.col-lg-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%; }
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-lg-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%; }
.col-lg-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%; }
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-lg-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%; }
.col-lg-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%; }
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-lg-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%; }
.col-lg-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%; }
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-lg-offset-0 {
margin-left: 0; }
.col-lg-offset-1 {
margin-left: 8.33333333%; }
.col-lg-offset-2 {
margin-left: 16.66666667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.33333333%; }
.col-lg-offset-5 {
margin-left: 41.66666667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.33333333%; }
.col-lg-offset-8 {
margin-left: 66.66666667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.33333333%; }
.col-lg-offset-11 {
margin-left: 91.66666667%; }
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start; }
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center; }
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end; }
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around; }
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
|