/*------------------------------------------------------------------------------------------------- HACKS & RESETS --------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------- Normalize styles based on Foundation 5 (normalize.css v3.0.2 | MIT License | git.io/normalize) ----------------------------------------------------------------------------------------------------*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; text-rendering: optimizeLegibility; }

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

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

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

[hidden], template { display: none; }

a { background-color: transparent; cursor: pointer; text-decoration: none; }

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

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

dfn { font-style: italic; }

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

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

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

img, svg { image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }

figure { margin: 0; }

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

pre { overflow: auto; }

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

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

button { overflow: visible; }

button, select { text-transform: none; }

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

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

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

input { line-height: normal; }

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

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

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

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

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

legend { border: 0; padding: 0; }

textarea { overflow: auto; height: auto; min-height: 50px; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

/* Hacks & oldie styles
---------------------------------------------------------------------------------------------------- */
body.oldie { overflow: auto; }

.oldie .wrapper { width: 63.75em; }

/* GRID
---------------------------------------------------------------------------------------------------*/
/* GOGLE FONTS
---------------------------------------------------------------------------------------------------*/
.yellow-bg { background-color: #FFCE2E; }

.black-bg { background-color: #000000; }

.white-bg { background-color: #ffffff; }

.grey-bg { background-color: #435060; }

.grey-light-bg { background-color: #f5f4f4; }

html, body { font-size: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

body { background-color: #ffffff; color: #435060; position: relative; font-weight: 300; cursor: auto; overflow-x: hidden; height: auto; }

@media (min-width: 1920px) { body { background: #f5f4f4; } }

body.stay_fixed { overflow: hidden; }

.page-wrap { background-color: #ffffff; }

/* HTML5 Elements
----------------------------------------------------------------------*/
img, object, embed, svg, iframe { max-width: 100%; border: 0; }

embed { height: 100%; }

img, svg { height: auto; }

object, embed, iframe { display: block; margin-left: auto; margin-right: auto; }

/* LINKS
----------------------------------------------------------------------*/
a { color: inherit; }

a:hover { color: #FFCE2E; }

/* BUTTONS
----------------------------------------------------------------------*/
button, .button, .btn { cursor: pointer; text-decoration: none; outline: none; overflow: visible; -webkit-appearance: textearea; -moz-appearance: textearea; transition: background-color 300ms ease-out; border-radius: 0; border: none; display: inline-block; position: relative; text-align: center; font-style: normal; padding: 0; font-size: 1em; background-color: transparent; color: #435060; border: 1px solid #435060; padding: 10px 20px; }

@media (min-width: 768px) { button, .button, .btn { font-size: 1.125em; padding: 12px 22px; } }

@media (min-width: 1024px) { button, .button, .btn { padding: 15px 25px; } }

button:hover, button:focus, .button:hover, .button:focus, .btn:hover, .btn:focus { outline: none; text-decoration: none; background-color: #435060; color: #ffffff; }

button-dark, .button-dark, .btn-dark { background-color: #435060; color: #ffffff; }

button-dark:hover, button-dark:focus, .button-dark:hover, .button-dark:focus, .btn-dark:hover, .btn-dark:focus { background-color: #ffffff; color: #435060; }

/* Lists
----------------------------------------------------------------------*/
ul, ol { margin: 0; padding: 0; list-style-position: inside; }

ul.no-bullet, ol.no-bullet { list-style: none; }

ul.square, ol.square { list-style-type: square; }

ul.circle, ol.circle { list-style-type: circle; }

ul.disc, ol.disc { list-style-type: disc; }

ul.inline-block li, ul.inline_column li, ul.inline li, ol.inline-block li, ol.inline_column li, ol.inline li { display: inline; vertical-align: middle; list-style: none; }

ul.inline-block li, ul.inline_column li, ol.inline-block li, ol.inline_column li { display: inline-block; }

/* ------------------------------------------------------------------------------------------------- SECTION: UTILITY CLASSES ---------------------------------------------------------------------------------------------------- */
/*  Display property
----------------------------------------------------------------------*/
.block { display: block; }

.inline-block, img, svg, .inline_column { display: inline-block; vertical-align: middle; }

.inline { display: inline; }

.hidden { display: none !important; }

.invisible { visibility: hidden; display: block; width: 0; height: 0; overflow: hidden; font-size: 0; color: transparent; margin-bottom: 0; }

/* Floating elements
----------------------------------------------------------------------*/
.float-left { float: left; }

.float-right { float: right !important; }

.float-none { float: none; }

.centered { margin-left: auto; margin-right: auto; float: none !important; clear: both; }

.main-404 a { color: #FFCE2E; }

.main-404 a:hover { text-decoration: underline; }

/*Scrollbars
----------------------------------------------------------------------*/
/* Track */
/*Containers
----------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------- SECTION: TYPOGRAPHY ---------------------------------------------------------------------------------------------------- */
/* FONTS
----------------------------------------------------------------------*/
/* TYPOGRAPHY
----------------------------------------------------------------------*/
body { color: #435060; font-family: "Roboto", sans-serif; font-size: 100%; line-height: 1em; font-weight: 300; font-style: normal; }

b, strong { font-weight: 400; }

em { font-weight: 300; font-style: italic; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 1em; font-weight: 300; }

h1, h1, h2, h3, h4, h5, h6, .page__title, .homepage-row__text--title, .inner__content--title, .homepage-secton__title, .section_title, .service_category__name { font-size: 1.875em; line-height: 0.9166666667em; margin-bottom: 30px; }

@media (min-width: 768px) { h1, h1, h2, h3, h4, h5, h6, .page__title, .homepage-row__text--title, .inner__content--title, .homepage-secton__title, .section_title, .service_category__name { font-size: 2.625em; line-height: 0.9523809524em; } }

@media (min-width: 1280px) { h1, h1, h2, h3, h4, h5, h6, .page__title, .homepage-row__text--title, .inner__content--title, .homepage-secton__title, .section_title, .service_category__name { font-size: 3.125em; line-height: 0.96em; } }

@media (min-width: 1440px) { h1, h1, h2, h3, h4, h5, h6, .page__title, .homepage-row__text--title, .inner__content--title, .homepage-secton__title, .section_title, .service_category__name { font-size: 3.4375em; line-height: 0.9090909091em; } }

button, .button { font-weight: 300; }

p { font-size: 1em; line-height: inherit; }

p:last-child { margin-bottom: 0; }

.paragraph { font-size: 0.9375em; line-height: 1.6em; }

@media screen and (min-width: 1400px) { .paragraph { font-size: 1.25em; line-height: 1.75em; } }

.paragraph ul, .paragraph ol { margin-bottom: 0; padding-left: 30px; list-style-position: outside; margin-top: 1em; }

.paragraph li { line-height: 1.1em; margin-bottom: 10px; }

.paragraph li:last-child { margin-bottom: 0; }

.paragraph h2, .paragraph h3, .paragraph h4, .paragraph h5, .paragraph p { font-size: 1em; line-height: inherit; font-weight: inherit; }

address { font: inherit; }

::selection, ::-moz-selection { background: #435060; color: #ffffff; }

.aligncenter { margin: 0 auto; }

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

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

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

.table-cell { display: table-cell; }

.middle-align { vertical-align: middle; }

/*------------------------------------------------------------------------------------------------- GRID SYSTEM --------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------- SECTION: GRID SYSTEM ---------------------------------------------------------------------------------------------------- */
.row { display: block; margin-left: -50px; margin-right: -50px; clear: both; }

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

.row:after { clear: both; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------*/
.alpha { padding-left: 0 !important; }

.omega { padding-right: 0 !important; }

.noPaddings { padding-left: 0 !important; padding-right: 0 !important; }

.gutter { padding-left: 50px; padding-right: 50px; }

/* Clearing Styles
-----------------------------------------------------------------------*/
.clear { clear: both; display: block; }

.clear:before, .clear:after { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clear:after { clear: both; }

/* Containers
-----------------------------------------------------------------------*/
*, *:before, *:after { box-sizing: inherit; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; }

.wrapper, .page_wrap { max-width: 100%; display: block; margin: 0 auto; position: relative; z-index: initial; }

.page_wrap { max-width: 1600px; }

.wrapper .inner { max-width: 1000px; margin-left: auto; margin-right: auto; }

.column { position: relative; padding-left: 50px; padding-right: 50px; float: left; }

.inline_column { position: relative; padding-left: 50px; padding-right: 50px; margin-left: -2px; margin-right: -2px; float: none; }

[class*="inline_column"] + [class*="inline_column"]:last-child { float: none; }

[class*="push-"], [class*="pull-"] { position: relative; }

[class*="push-"] { right: auto; }

[class*="pull-"] { left: auto; }

@media only screen { .xs-1 { width: 8.33333%; }
  .xs-2 { width: 16.66667%; }
  .xs-3 { width: 25%; }
  .xs-4 { width: 33.33333%; }
  .xs-5 { width: 41.66667%; }
  .xs-6 { width: 50%; }
  .xs-7 { width: 58.33333%; }
  .xs-8 { width: 66.66667%; }
  .xs-9 { width: 75%; }
  .xs-10 { width: 83.33333%; }
  .xs-11 { width: 91.66667%; }
  .xs-12 { width: 100%; }
  .wrapper { padding-right: 15px; padding-left: 15px; } }

@media screen and (min-width: 48em) { .small-1 { width: 8.33333%; }
  .small-2 { width: 16.66667%; }
  .small-3 { width: 25%; }
  .small-4 { width: 33.33333%; }
  .small-5 { width: 41.66667%; }
  .small-6 { width: 50%; }
  .small-7 { width: 58.33333%; }
  .small-8 { width: 66.66667%; }
  .small-9 { width: 75%; }
  .small-10 { width: 83.33333%; }
  .small-11 { width: 91.66667%; }
  .small-12 { width: 100%; }
  .wrapper { padding-right: 20px; padding-left: 20px; } }

@media screen and (min-width: 64em) { .medium-1 { width: 8.33333%; }
  .medium-2 { width: 16.66667%; }
  .medium-3 { width: 25%; }
  .medium-4 { width: 33.33333%; }
  .medium-5 { width: 41.66667%; }
  .medium-6 { width: 50%; }
  .medium-7 { width: 58.33333%; }
  .medium-8 { width: 66.66667%; }
  .medium-9 { width: 75%; }
  .medium-10 { width: 83.33333%; }
  .medium-11 { width: 91.66667%; }
  .medium-12 { width: 100%; }
  .wrapper { padding-right: 50px; padding-left: 50px; }
  .column-cell { float: none; display: table-cell; }
  .column-cell.vertical-middle { vertical-align: middle; } }

@media screen and (min-width: 105em) { .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5 { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }
  .wrapper { padding-right: 40px; padding-left: 40px; } }

@media screen and (min-width: 120em) { .xl-1 { width: 8.33333%; }
  .xl-2 { width: 16.66667%; }
  .xl-3 { width: 25%; }
  .xl-4 { width: 33.33333%; }
  .xl-5 { width: 41.66667%; }
  .xl-6 { width: 50%; }
  .xl-7 { width: 58.33333%; }
  .xl-8 { width: 66.66667%; }
  .xl-9 { width: 75%; }
  .xl-10 { width: 83.33333%; }
  .xl-11 { width: 91.66667%; }
  .xl-12 { width: 100%; }
  .wrapper { padding-right: 40px; padding-left: 40px; }
  .page_wrap { max-width: 120em; margin: 0 auto; } }

/* TARGET All mobile Devices
---------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------- SECTION: Hacks & oldie styles ---------------------------------------------------------------------------------------------------- */
body.oldie { overflow: auto; }

.oldie .wrapper { width: 63.75em; }

/*------------------------------------------------------------------------------------------------- GLOBAL ELEMENTS --------------------------------------------------------------------------------------------------*/
.header-wrapper .preheader { display: none; padding-top: 8px; padding-bottom: 8px; }

@media (min-width: 1024px) { .header-wrapper .preheader { display: block; } }

.header-wrapper .preheader .preheader__nav { font-size: 0.75em; line-height: 1.1666666667em; font-weight: 400; color: #435060; }

.header-wrapper .preheader .preheader__nav li { display: inline-block; margin-right: 8px; }

.header-wrapper .preheader .preheader__nav li:last-of-type { margin-right: 0; }

.header-wrapper .preheader .preheader__nav li a:hover { color: #ffffff; }

.header-wrapper .site-header { background-color: #435060; padding-top: 20px; padding-bottom: 20px; }

.header-wrapper .site-header .logo { width: 140px; position: relative; z-index: 200; }

@media (min-width: 600px) { .header-wrapper .site-header .logo { width: 160px; } }

@media (min-width: 768px) { .header-wrapper .site-header .logo { width: 180px; } }

@media (min-width: 1440px) { .header-wrapper .site-header .logo { width: 220px; } }

@media (min-width: 1680px) { .header-wrapper .site-header .logo { width: 270px; } }

.header-wrapper .site-header .nav-toggle { color: #ffffff; position: relative; z-index: 999; font-size: 1.5em; padding-top: 5px; }

@media (min-width: 600px) { .header-wrapper .site-header .nav-toggle { padding-top: 8px; } }

.header-wrapper .site-header .nav-toggle .close-nav { display: none; }

.header-wrapper .site-header .nav-toggle.active .close-nav { display: block; }

.header-wrapper .site-header .nav-toggle.active .close-nav:hover { color: #435060; }

.header-wrapper .site-header .nav-toggle.active .open-nav { display: none; }

@media (min-width: 1024px) { .header-wrapper .site-header .nav-toggle { display: none; } }

.header-wrapper .site-header .main-nav { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; background-color: #FFCE2E; color: #ffffff; text-align: center; font-size: 1.875em; z-index: 99; }

@media (min-width: 1024px) { .header-wrapper .site-header .main-nav { width: auto; display: block; float: right; position: relative; background-color: transparent; display: block !important; padding: 14px 0 0; font-size: 1.25em; } }

@media (min-width: 1280px) { .header-wrapper .site-header .main-nav { font-size: 1.375em; } }

@media (min-width: 1440px) { .header-wrapper .site-header .main-nav { padding: 18px 0 0; font-size: 1.5em; } }

@media (min-width: 1680px) { .header-wrapper .site-header .main-nav { padding: 24px 0 0; } }

.header-wrapper .site-header .main-nav > ul { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (min-width: 1024px) { .header-wrapper .site-header .main-nav > ul { position: relative; top: 0; left: 0; transform: none; } }

.header-wrapper .site-header .main-nav li { display: block; margin-bottom: 30px; }

.header-wrapper .site-header .main-nav li a:hover { color: #435060; }

.header-wrapper .site-header .main-nav li.wpml-ls-item { display: inline-block; font-size: 84%; }

.header-wrapper .site-header .main-nav li.wpml-ls-item:after { content: '|'; display: inline-block; margin: 0 -3px 0 4px; }

.header-wrapper .site-header .main-nav li.wpml-ls-item:last-of-type:after { display: none; }

@media (min-width: 1024px) { .header-wrapper .site-header .main-nav li { display: inline-block; margin: 0 22px 0 0; }
  .header-wrapper .site-header .main-nav li.wpml-ls-item { display: none; }
  .header-wrapper .site-header .main-nav li a:hover { color: #FFCE2E; }
  .header-wrapper .site-header .main-nav li:not(.wpml-ls-item):nth-child(4) { margin: 0; } }

.header-wrapper.header-home .site-header { position: absolute; width: 100%; left: 0; z-index: 2; }

@media (min-width: 1024px) { .header-wrapper.header-home .site-header { top: 30px; } }

.site-footer { padding-top: 40px; padding-bottom: 40px; font-weight: 300; }

@media (min-width: 1024) { .site-footer { padding-top: 60px; padding-bottom: 60px; } }

.site-footer .footer__logo { width: 100px; display: inline-block; margin-bottom: 40px; }

@media (min-width: 600px) { .site-footer .footer__logo { width: 120px; } }

@media (min-width: 1440px) { .site-footer .footer__logo { width: 150px; } }

@media (min-width: 1680px) { .site-footer .footer__logo { width: 170px; } }

.site-footer .footer__main-nav { margin-bottom: 40px; color: #ffffff; }

.site-footer .footer__main-nav li { display: block; margin-bottom: 20px; text-align: center; font-size: 1.25em; }

@media (min-width: 768px) { .site-footer .footer__main-nav li { display: inline-block; margin: 0; padding: 0 20px; } }

.site-footer .footer__main-nav li.wpml-ls-item { display: none; }

.site-footer .social-nav { margin-bottom: 40px; font-weight: 400; }

.site-footer .social-nav, .site-footer .footer__sub-nav { color: #FFCE2E; font-size: 0.875em; line-height: 1.1428571429em; }

.site-footer .social-nav li, .site-footer .footer__sub-nav li { display: inline-block; padding: 0 10px; }

.site-footer .footer__sub-nav { text-align: center; }

@media (min-width: 600px) { .site-footer .footer__sub-nav { text-align: left; } }

@media (min-width: 600px) { .site-footer .footer__sub-nav ul { float: left; } }

.site-footer .copyright { color: #ffffff; display: block; margin: 16px 0 0; }

@media (min-width: 600px) { .site-footer .copyright { display: inline-block; float: right; margin: 0; } }

/*------------------------------------------------------------------------------------------------- COMPONENTS --------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------- COMPONENT: COVER SECTION ----------------------------------------------------------------------------------------------------*/
.cover-section { background-color: #f5f4f4; position: relative; }

.cover-section .inner { background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; padding-top: 30%; position: relative; }

@media (min-width: 480px) { .cover-section .inner { padding-top: 25%; } }

@media (min-width: 768px) { .cover-section .inner { padding-top: 17.4%; } }

.cover-section .wrapper { min-height: 100%; position: relative; }

.cover-section.homepage-cover-section .inner { padding-top: 100vh; min-height: 460px; }

@media (min-width: 1024px) { .cover-section.homepage-cover-section .inner { padding-top: calc(100vh - 30px); min-height: 100%; } }

@media (max-height: 460px) { .cover-section.homepage-cover-section .inner { padding-top: 0; height: 100vh; } }

.cover-section.homepage-cover-section .inner__content { position: absolute; width: 100%; bottom: 30px; left: 0; padding: inherit; }

.cover-section.homepage-cover-section .inner__content--title { color: #FFCE2E; margin-bottom: 14px; }

@media (min-width: 1024) { .cover-section.homepage-cover-section .inner__content--title { margin-bottom: 0; } }

.cover-section.homepage-cover-section .inner__content--img { width: 100px; margin-bottom: 20px; }

@media (min-width: 600px) { .cover-section.homepage-cover-section .inner__content--img { width: 120px; } }

@media (min-width: 1440px) { .cover-section.homepage-cover-section .inner__content--img { width: 150px; } }

@media (min-width: 1680px) { .cover-section.homepage-cover-section .inner__content--img { width: 170px; } }

@media (min-width: 1024px) { .cover-section.homepage-cover-section .inner__content__btn { float: right; } }

.cover-section .page_title { color: #435060; text-align: center; position: absolute; top: 50%; left: 0; margin: auto; z-index: 2; width: 100%; transform: translateY(-50%); }

.cover-section .page_title.has-bg { color: #ffffff; }

/*------------------------------------------------------------------------------------------------- TEMPLATES --------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------- TEMPLATE: PAGE ----------------------------------------------------------------------------------------------------*/
.main-page { padding: 150px 0; }

.main-page.main-contact { padding: 50px 0 100px 0; }

/*-------------------------------------------------------------------------------------------------- TEMPLATE: HOMEPAGE ----------------------------------------------------------------------------------------------------*/
.scroll-to-next-section { padding: inherit; position: absolute; left: 0; bottom: 0; display: none; }

.scroll-to-next-section .arrow-down { display: block; background-image: url("assets/img/arrow.svg"); background-position: center center; background-repeat: no-repeat; background-size: 40px 35px; width: 40px; height: 35px; }

.scroll-to-next-section .arrow-down:hover { background-image: url("assets/img/arrow-hover.svg"); }

@media (min-width: 1024px) { .scroll-to-next-section { display: block; } }

@media (min-width: 1024px) { .homepage-row { display: table; width: 100%; }
  .homepage-row:nth-child(2n+1) { direction: rtl; } }

.homepage-row .homepage-row__img { display: block; }

@media (min-width: 1024px) { .homepage-row .homepage-row__img { width: 50%; display: table-cell; vertical-align: middle; } }

.homepage-row .homepage-row__img .bg { background-repeat: no-repeat; background-attachment: scroll; background-position: center center; -webkit-background-size: cover; -moz-bbackground-size: cover; background-size: cover; padding-top: 67.77%; position: relative; }

.homepage-row .homepage-row__text { padding: 30px 50px; }

@media (min-width: 1200px) { .homepage-row .homepage-row__text { padding: 50px 70px; } }

@media (min-width: 1024px) { .homepage-row .homepage-row__text { width: 50%; display: table-cell; vertical-align: middle; } }

.homepage-row .homepage-row__text--title { margin-bottom: 30px; }

@media (min-width: 1024px) { .homepage-row .homepage-row__text--title { margin-bottom: 40px; } }

.homepage-row .homepage-row__text--intro { margin-bottom: 35px; }

@media (min-width: 1200px) { .homepage-row .homepage-row__text--intro { margin-bottom: 45px; } }

.certificates-section { padding-top: 100px; padding-bottom: 100px; }

.certificates-section .certificates__title { color: #FFCE2E; margin-bottom: 40px; }

.certificates-section .cerificate { display: block; padding: 8px; }

@media (min-width: 768px) { .certificates-section .cerificate { display: inline-block; padding: 0 8px; } }

.certificates-section .cerificate img { height: 60px; }

@media (min-width: 992px) { .certificates-section .cerificate img { height: 90px; } }

/*-------------------------------------------------------------------------------------------------- TEMPLATE: PROFILE ----------------------------------------------------------------------------------------------------*/
.main-profile .page-profile__image { margin-bottom: 46px; }

@media (min-width: 1024px) { .main-profile .page-profile__image { margin: 0; } }

.main-profile .profile__cerificates { color: #FFCE2E; margin-bottom: 40px; }

.main-profile .profile_section { margin-bottom: 20px; }

.main-profile .profile_section__title { color: #FFCE2E; font-weight: 400; }

/*-------------------------------------------------------------------------------------------------- TEMPLATE: CONTACT: ----------------------------------------------------------------------------------------------------*/
.main-contact__intro, .main-contact .contact-info__address { margin-bottom: 40px; }

.main-contact .contact-info__highlight { font-size: 1.75em; line-height: 1.2142857143em; color: #FFCE2E; margin-bottom: 40px; }

@media (min-width: 480px) { .main-contact .contact-info__highlight { font-size: 2em; line-height: 1.1875em; } }

@media (min-width: 600px) { .main-contact .contact-info__highlight { font-size: 2.375em; line-height: 1.1578947368em; } }

.main-contact .contact-info__highlight > a { display: block; }

.main-contact .social-nav { font-size: 0.75em; line-height: 1.1666666667em; font-weight: 400; color: #FFCE2E; margin-bottom: 40px; }

.main-contact .social-nav li { display: inline-block; margin-right: 8px; }

.main-contact .social-nav li:last-of-type { margin-right: 0; }

.main-contact .social-nav li a:hover { color: #435060; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #f5f4f4; opacity: 1; }

::-moz-placeholder { /* Firefox 19+ */ color: #f5f4f4; opacity: 1; }

::-ms-input-placeholder { /* IE 10+ */ color: #f5f4f4; opacity: 1; }

::-moz-placeholder { /* Firefox 18- */ color: #f5f4f4; opacity: 1; }

/*  GENERIC STYLES
----------------------------------------------------------------------*/
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, select { display: block; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: background 300ms ease-out; width: 100%; }

input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; }

.caldera-grid form .form-group .control-label { display: none; }

.caldera-grid form .form-group input, .caldera-grid form .form-group textarea { border-color: #435060; -ms-box-shadow: none; box-shadow: none; }

.caldera-grid form .form-group input:focus, .caldera-grid form .form-group textarea:focus { border-color: #FFCE2E; -ms-box-shadow: none; box-shadow: none; }

.caldera-grid form .terms-conditions { margin-top: 10px; text-align: left; }

@media (min-width: 768px) { .caldera-grid form .terms-conditions { text-align: center; } }

.caldera-grid form .terms-conditions label { font-weight: 300; }

.caldera-grid form .terms-conditions .caldera-forms-consent-field-linked_text { color: #FFCE2E; }

.caldera-grid form .terms-conditions .caldera-forms-consent-field-linked_text:hover { text-decoration: none; }

/*-------------------------------------------------------------------------------------------------- TEMPLATE: PROJECTS ----------------------------------------------------------------------------------------------------*/
.main-projects .projects_section { margin-bottom: 50px; }

.main-projects .projects_section__title { border-bottom: 2px solid #435060; padding-bottom: 24px; }

.main-projects .projects_section .projects_section__project_item { margin-bottom: 20px; }

.main-projects .projects_section .projects_section__project_item .project_item__title { font-weight: 400; margin-bottom: 10px; }

.main-projects .projects_section .projects_section__project_item .project_item__title.has-subtitle { margin-bottom: 0; }

.main-projects .projects_section .projects_section__project_item .project_item__subtitle { margin-bottom: 10px; }

.main-projects .projects_section .projects_section__project_item p { margin: 0; }

.main-projects .projects_section.projects_partnerships_section .project_item, .main-projects .projects_section.projects_clients_section .project_item { margin-bottom: 0; }

.main-projects .projects_section.projects_partnerships_section .project_item:after, .main-projects .projects_section.projects_clients_section .project_item:after { content: ''; display: block; width: 50px; height: 2px; background-color: #435060; margin: 10px 0; }

.main-projects .projects_section.projects_partnerships_section .project_item:last-of-type:after, .main-projects .projects_section.projects_clients_section .project_item:last-of-type:after { display: none; }

.main-projects .projects_section.projects_partnerships_section .project_item__title, .main-projects .projects_section.projects_clients_section .project_item__title { color: #FFCE2E; }

/*-------------------------------------------------------------------------------------------------- TEMPLATE: SERVICES ----------------------------------------------------------------------------------------------------*/
.main-services .service_category { margin-bottom: 100px; }

.main-services .service_category__img { margin-bottom: 30px; }

.main-services .subcategory { margin-bottom: 50px; }

.main-services .subcategory .subcategory__name > p { display: inline-block; font-weight: 400; color: #FFCE2E; margin: 0 0 1em; }

.main-services .subcategory .subcategory__text p { margin: 0; }

/*------------------------------------------------------------------------------------------------- FUNCTIONS --------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------- MODULE: COOKIES CONCENT POP UP ----------------------------------------------------------------------------------------------------*/
.cc_banner-wrapper { background-color: #FFCE2E; border-top: 1px solid #435060; position: fixed !important; bottom: 0; left: 0; right: 0; z-index: 98 !important; }

.cc_banner.cc_container { background-color: #FFCE2E; border: 1px solid #FFCE2E; position: relative; color: #435060; max-width: 100%; margin: auto; padding: 8px 15px; font-family: "Roboto", sans-serif; }

.cc_banner.cc_container .cc_message { font-family: inherit; font-size: 14px; line-height: 20px; text-align: justify; padding-right: 90px; }

.cc_container a.cc_btn { border: 1px solid #fff; border-radius: 0; background-color: #ffffff; color: #435060; width: auto; margin: 0 0 2px; padding: 8px 12px; font-size: 14px; }

.cc_container a.cc_btn:hover { background-color: #435060; color: #ffffff; }

.cc_container .cc_message a { color: #ffffff; text-decoration: underline; }

.cc_container .cc_message a:hover, .cc_container .cc_message a:visited { color: #ffffff; text-decoration: none; }

@media screen and (max-width: 30em) { .cc_banner.cc_container { padding-bottom: 45px; }
  .cc_banner.cc_container .cc_message { padding-right: 0; }
  .cc_container a.cc_btn { position: absolute; font-size: 0.8125em; line-height: 1em; left: 5px; right: 5px; bottom: 5px; float: none; margin: 0 auto; width: auto; max-width: 100%; } }