@import url("https://fonts.googleapis.com/css?family=Noto+Serif:400i|Roboto:300,500,700");
* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 13px; vertical-align: baseline; font-family: "Roboto", Helvetica, Arial, "sans-serif"; font-weight: 300; color: #616161; box-sizing: border-box; }

ul li { list-style: none; }

a { text-decoration: none; }

p { line-height: 14px; margin-bottom: 10px; }

p:last-child { margin-bottom: 0; }

img { vertical-align: middle; }

em, em * { font-style: italic; }

strong, strong * { font-weight: bold; }

u, u * { text-decoration: underline; }

h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 * { color: #616161; }

h1 { margin-bottom: 20px; }

h1, h1 * { font-size: 42px; line-height: 45px; font-family: "Noto Serif", serif; font-style: italic; }

h2 { margin-bottom: 10px; }

h2, h2 * { font-size: 36px; line-height: 40px; font-family: "Noto Serif", serif; font-style: italic; }

h3 { margin-bottom: 10px; }

h3, h3 * { font-size: 21px; line-height: 24px; font-family: "Noto Serif", serif; font-style: italic; }

h4 { margin-bottom: 10px; }

h4, h4 * { font-size: 18px; line-height: 21px; font-weight: bold; }

h5 { margin-bottom: 5px; }

h5, h5 * { font-size: 14px; line-height: 17px; }

h6 { margin-bottom: 5px; }

h6, h6 * { font-size: 14px; line-height: 17px; }

input[type="text"], input[type="password"], input[type="email"], input[type="date"] { border: solid 1px #b3b6b7; height: 36px; padding: 0 15px; width: 100%; border-radius: 3px; }

input[type="submit"], input[type="button"] { background-color: #014e60; color: #fff; width: 100%; height: 36px; padding: 0 15px; cursor: pointer; -webkit-appearance: none; border-radius: 3px; }

textarea { border: solid 1px #b3b6b7; padding: 10px 14px; width: 100%; height: 150px; resize: none; border-radius: 3px; }

select { background: url(../images/select-arrow-pink.svg) no-repeat right 0; background-size: 40px 40px; border: solid 1px #b3b6b7; height: 38px; padding: 0 14px; width: 268px; }

select { background: url(../images/arrow-dropbox.svg) no-repeat right 0; background-size: 38px 38px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

option { padding: 10px; }

br { padding: 0; margin: 0; display: block; height: 0; line-height: 0; }

hr { background-color: #009bbf; height: 1px; clear: both; display: block; margin: 20px 0; }

.wrapper { width: 1000px; margin: 0 auto; }

.cover { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.clearfix { clear: both; }

.label { margin-bottom: 3px; }

.box-social { display: flex; }

.box-social a { color: #009bbf; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 26px; height: 26px; border: solid 1px #009bbf; border-radius: 50%; }

.box-social a:not(:first-child) { margin-left: 5px; }

.btn-knowmore { display: inline-flex; align-items: center; flex-direction: row-reverse; }

.btn-knowmore .icon { background: url(../images/icons.svg) no-repeat -80px -32px; background-size: 320px 320px; display: inline-flex; width: 16px; height: 16px; margin-left: 5px; }

.btn-knowmore .text { display: inline-flex; font-size: 16px; line-height: 16px; }

.btn-doc { display: inline-flex; align-items: center; }

.btn-doc .icon { color: #009bbf; font-size: 20px; line-height: 20px; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 10px; flex-shrink: 0; border: solid 1px #009bbf; border-radius: 50%; }

.btn-doc .text { font-size: 12px; line-height: 16px; width: 100%; word-break: break-all; transition: all 0.3s ease; }

.btn-doc:hover .text { color: #009bbf; }

.showOnScroll { opacity: 0; transition: all 1s ease; }

.showOnScroll.disabled { opacity: 1; }

.general-section { padding: 60px 0; }

.db-content, .db-content * { font-size: 15px; line-height: 19px; }

.db-content ol, .db-content ul { margin-bottom: 10px; }

.db-content ul li, .db-content ol li { margin: 0 0 10px 15px; }

.db-content ul li { list-style: disc; }

.db-content ol li { list-style: decimal; }

.db-content h3, .db-content h3 * { color: #009bbf; font-size: 21px; line-height: 15px; font-family: "Noto Serif", serif; font-style: italic; margin-bottom: 10px; }

#general-container { padding-top: 20px; }

#loading-container { background: rgba(255, 255, 255, 0.8) url(../images/preloader.svg) no-repeat center center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000001; display: none; }

/*############################################################################
								MAGNIFIC POPUP
#############################################################################*/
.mfp-content { text-align: center; }

#mfp-w2c { position: relative; background: #fff; display: inline-block; text-align: left; padding: 30px; width: auto; max-width: 960px; min-width: 240px; margin: 20px auto; }

#mfp-w2c h1 { text-align: center; }

/*############################################################################
								SHARES
#############################################################################*/
.jssocials-share a { background-color: transparent !important; border: solid 1px #e6e6e6; padding: 0; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; transition: all 0.3s ease; }

.jssocials-share a:hover { border-color: #b3b6b7; }

.jssocials-share a * { color: #b3b6b7; font-size: 16px; line-height: 16px; }

/*############################################################################
								SWIPER
#############################################################################*/
.swiper-container { height: 100%; }

.swiper-slide { background-color: #009bbf; }

.swiper-pagination { bottom: 30px !important; }

.swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; }

.swiper-pagination.disabled { display: none; }

.swiper-pagination-bullet { background: none; width: 15px; height: 15px; border: solid 1px #fff; }

.swiper-pagination-bullet-active { background-color: #fff; border-color: #fff; }

/*.swiper-button-next, .swiper-button-prev {background: #fff url(../images/icons.svg) no-repeat 0 0; background-size:600px;  width: 30px;height: 30px;border-radius: 30px;transition: all 0.3s ease;}*/
.swiper-button-next:hover, .swiper-button-prev:hover { background-color: #b3b6b7; }

.swiper-button-next { background-position: -240px 0; right: 30px; }

.swiper-button-prev { background-position: -270px 0; left: 30px; }

/*############################################################################
								HEADER
#############################################################################*/
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 11; }

header .top { background-color: #fff; position: relative; z-index: 2; }

header .top .wrapper { display: flex; align-items: center; justify-content: space-between; height: 40px; }

header .top .left { display: flex; align-items: center; }

header .top .left .box { display: inline-flex; align-items: center; margin-right: 20px; }

header .top .left .icon { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-right: 10px; border: solid 1px #009bbf; border-radius: 50%; }

header .top .left .icon span { background: url(../images/icons.svg) no-repeat 0 0; background-size: 320px 320px; display: inline-flex; width: 16px; height: 16px; }

header .top .box[data-rel="phone"] .icon span { background-position: -16px 0; }

header .top .left .text { font-size: 10px; line-height: 13px; }

header .top .right { display: flex; align-items: center; }

header .top .right .box { padding: 0 10px; border-left: solid 1px #009bbf; }

header .top .right .box:last-child { padding-right: 0; }

header .top .right .w2-share-container { height: 30px; display: flex; align-items: center; }

header .top .right .jssocials-shares, header .top .right .jssocials-share { margin: 0; }

header .top .right .jssocials-share:not(:first-child) { margin-left: 5px; }

header .top .right .jssocials-share-link { background-color: #fff; width: 26px; height: 26px; border: solid 1px #009bbf; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }

header .top .right .jssocials-share-link i { color: #009bbf; font-size: 12px; line-height: 12px; }

header .top .right .box[data-rel="login"] a { display: flex; align-items: center; }

header .top .right .box[data-rel="login"] a .icon { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: solid 1px #009bbf; border-radius: 50%; margin-right: 10px; }

header .top .right .box[data-rel="login"] a .icon span { background: url(../images/icons.svg) no-repeat -32px 0; background-size: 320px 320px; display: inline-flex; width: 16px; height: 16px; }

header .top .right .box[data-rel="login"] a * { color: #009bbf; }

header .bot { background-color: transparent; box-shadow: none; transition: all 0.5s ease; }

body.truncated header .bot, header .bot:hover { background-color: #009bbf; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }

header .bot * { color: #fff; }

header .bot .wrapper { width: 1120px; display: flex; justify-content: space-between; padding: 20px 0; }

header .bot .left { height: 65px; position: relative; }

header .bot .left a { display: block; height: 100%; position: relative; }

header .bot .left a img { height: 100%; }

header .bot .right { padding-top: 30px; }

header .bot .right nav ul.level-1 { display: flex; }

header .bot .right nav li.level-1 { margin-left: 20px; width: 130px; position: relative; }

header .bot .right nav li.level-1 > a { font-size: 12px; line-height: 15px; display: block; white-space: nowrap; border-bottom: solid 1px #fff; padding-bottom: 5px; transition: border 0.5s ease; }

header .bot .right nav ul.level-2 { background-color: #009bbf; position: relative; top: 0; left: 0; width: 100%; display: none; }

header .bot .right nav ul.level-2 a { font-size: 10px; line-height: 13px; display: block; padding: 5px 0; border-bottom: solid 1px #fff; }

header .bot .right nav li.level-1.active > a { border-width: 5px; }

header .bot .right nav li.level-2.active > a { color: #80cddf; border-color: #80cddf; }

#form-header-search { display: flex; justify-content: flex-end; position: relative; overflow: hidden; width: 40px; transition: all 0.5s ease; }

#form-header-search .search { width: 200px; height: 30px; border-radius: 30px; position: absolute; right: -300px; opacity: 0; visibility: hidden; transition: all 0.5s ease; z-index: 2; }

#form-header-search:hover { width: 240px; }

#form-header-search:hover .search { opacity: 1; visibility: visible; right: 40px; }

#form-header-search .submit { background: #fff url(../images/search.svg) no-repeat 0 0; width: 30px; height: 30px; padding: 0; border-radius: 30px; border: solid 1px #009bbf; margin-left: 10px; z-index: 3; }

/* ############################################################################
							SEARCH
############################################################################ */
#search-results { padding-bottom: 60px; }

#search-results ul li { display: flex; margin-bottom: 20px; }

#search-results ul li .left { padding-right: 20px; }

#search-results ul li .left::after { content: " > "; }

#search-results ul li a { color: #009bbf; }

#search-results ul li a:hover { text-decoration: underline; }

body.search #page-top h1 .total { color: #b3b6b7; display: block; font-size: 14px; line-height: 17px; padding-top: 10px; }

/*############################################################################
								MENU RESPONSIVE
#############################################################################*/
#mobile-menu-switch { background: url(../images/toggle-menu-mobile.png) no-repeat center center; width: 40px; height: 40px; position: fixed; right: 20px; top: 58px; z-index: 100; }

#mobile-menu { background: #009bbf; width: 280px; height: 100%; right: -290px; padding-top: 130px; position: fixed; align-items: center; z-index: 10; overflow-y: scroll; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); transition: all 0.5s ease; }

#mobile-menu.active { right: 0; }

#mobile-menu .container { width: 100%; }

#mobile-menu a { color: #fff; font-family: "Roboto", Helvetica, Arial, "sans-serif"; font-size: 18px; padding: 20px; text-align: right; display: block; border-bottom: solid 1px #018cac; }

#mobile-menu .level-1 { margin-bottom: 20px; padding: 0 15px; }

#mobile-menu .level-1 > a { border-bottom: solid 1px #fff; }

#mobile-menu .level-2 a { font-size: 12px; padding: 10px 20px; }

#mobile-menu .level-2:last-child a { border: none; }

footer .top { background-color: #009bbf; }

footer .top .wrapper { display: flex; justify-content: space-between; padding: 60px 0; }

footer .top h4 { margin-bottom: 40px; }

footer .top .left { width: 25%; padding-right: 20px; }

footer .top .mid-left { width: 25%; padding-right: 20px; }

footer .top .mid-right { width: 25%; padding-left: 20px; }

footer .top .right { width: 25%; padding-left: 20px; }

footer .top .left *, footer .top .mid-left *, footer .top .right h4, footer .top .right p, footer .top .right div { color: #fff; }

footer .top .left p, footer .top .right p { margin-bottom: 20px; }

footer .top .logo { height: 40px; position: relative; margin-bottom: 40px; }

footer .top .logo a { display: block; height: 100%; position: relative; }

footer .top .logo a img { height: 100%; }

footer .top .db-content, footer .top .db-content * { font-size: 11px; line-height: 14px; }

footer .top .outside-logos { display: flex; flex-wrap: wrap; }

footer .top .outside-logos a { display: inline-flex; height: 90px; margin: 0 10px 10px 0; position: relative; }

footer .top .outside-logos a img { height: 100%; }

footer .top .mid-left .title { font-weight: bold; margin-bottom: 0; text-transform: uppercase; }

footer .top .mid-left-content .box:not(:last-child) { margin-bottom: 40px; }

footer .top .mid-right { /*display: none;*/ }

footer .top .mid-right h4, footer .top .mid-right p.subtitle, footer .top .mid-right .label { color: #fff; }

footer .top .mid-right .cv { display: none; }

footer .top .mid-right .cv-btn { background-color: #fff; display: flex; align-items: center; height: 36px; padding: 0 15px; }

footer .top .mid-right .cv-btn .text { color: #b3b6b7; }

footer .top .mid-right .cv-btn .text .file { color: #616161; display: block; font-size: 9px; line-height: 12px; }

footer .bot { background-color: #333333; }

footer .bot .wrapper { display: flex; align-items: center; height: 56px; }

footer .bot .wrapper a { margin-right: 30px; }

footer .bot, footer .bot * { color: #fff; font-size: 9px; line-height: 12px; }

footer .top .right .box { margin-bottom: 10px; }

footer .top .right .box-social * { border-color: #fff; color: #fff; }

footer .top .right .box-assistance { margin-bottom: 40px; }

footer .top .right .box-assistance .btn { background-color: #014e60; color: #fff; display: flex; align-items: center; justify-content: center; width: 100%; height: 36px; padding: 0 15px; cursor: pointer; -webkit-appearance: none; border-radius: 3px; }

footer .top .right .box-reclamacoes { padding-top: 40px; }
footer .top .right .box-reclamacoes a { display: block; position: relative; }
footer .top .right .box-reclamacoes a img { width: 230px; }

#form-team .box { margin-bottom: 10px; }
#form-team .g-recaptcha { transform: scale(0.75); transform-origin: 0 0; }

footer .box-newsletter { margin-bottom: 40px !important; }

/*############################################################################
								HOMEPAGE
#############################################################################*/
#banner { background-color: #009bbf; height: 640px; position: relative; }

#banner .swiper-container .mask { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

#banner .swiper-container .wrapper { display: flex; align-items: center; height: 100%; position: relative; z-index: 3; padding-top: 40px; }

#banner .swiper-container .wrapper * { color: #fff; }

#banner .swiper-container .wrapper .content { padding-left: 140px; width: 55%; }

#banner .swiper-container .wrapper .description, #banner .swiper-container .wrapper .description * { font-size: 18px; line-height: 21px; }

#banner .swiper-slide { background-color: #009bbf; }

#banner-little { height: 340px; padding-top: 40px; position: relative; }

#banner-little .mask { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

#banner-little .back { background-color: #009bbf; height: 100%; }

#form-contacts-container { position: absolute; top: 0; left: 0; padding-top: 100px; width: 100%; height: 100%; z-index: 5; pointer-events: none; }

#form-contacts-container .wrapper { display: flex; align-items: center; justify-content: flex-end; height: 100%; }

#form-contacts { background-color: #009bbf; width: 266px; padding: 20px; pointer-events: auto; position: relative; }

#form-contacts .btn-close { background: url(../images/icons.svg) no-repeat -60px -15px; background-size: 300px 300px; position: absolute; right: 10px; top: 10px; width: 15px; height: 15px; cursor: pointer; opacity: 0.7; transition: all 0.3s ease; }

#form-contacts .btn-close:hover { opacity: 1; }

#form-contacts .top { padding-right: 40px; margin-bottom: 10px; }

#form-contacts h3, #form-contacts p { color: #fff; }

#form-contacts p.notes { font-size: 9px; padding: 0 20px; text-align: center; }

#form-contacts .box { margin-bottom: 5px; }

#form-contacts .g-recaptcha { transform: scale(0.75); transform-origin: 0 0; }

#home-history { background-color: #009bbf; height: 300px; position: relative; }

#home-history .mask { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

#home-history .wrapper { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; }

#home-history .wrapper * { color: #fff; }

#home-history .wrapper .content { text-align: center; width: 60%; margin: 0 auto; }

#home-history .wrapper h4 { font-size: 30px; line-height: 36px; margin-bottom: 30px; }

#home-history .wrapper .date { font-size: 30px; line-height: 36px; font-family: "Noto Serif", serif; font-style: italic; }

#home-history .wrapper .btn-knowmore .text { font-size: 16px; line-height: 20px; }

#page-top { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 60px; }

#page-top .breadcrumbs { margin-bottom: 20px; }

#page-top .breadcrumbs, #page-top .breadcrumbs * { font-size: 12px; line-height: 15px; }

#page-top .breadcrumbs span { color: #009bbf; }

#page-top .breadcrumbs a:hover { text-decoration: underline; }

#page-top .description { width: 100%; }

#page-top .description, #page-top .description * { font-size: 16px; line-height: 20px; }

#page-top .description h3 { color: #009bbf; font-size: 30px; line-height: 36px; font-family: "Noto Serif", serif; font-style: italic; margin-bottom: 5px; }

#home-highlights { padding-bottom: 60px; }

#home-highlights .wrapper { display: flex; flex-wrap: wrap; }

#home-highlights .item { padding: 0 15px; margin-bottom: 30px; display: flex; flex-grow: 0; }

#home-highlights .item-content { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; justify-content: space-between; border: solid 1px #e6e6e6; border-right: none; border-bottom: none; transition: box-shadow 0.3s ease; }

#home-highlights .item-content:hover { box-shadow: 5px 5px 5px rgba(1, 78, 96, 0.5); }

#home-highlights .layout-1, #home-highlights .layout-3, #home-highlights .layout-4 { width: 33.3%; }

#home-highlights .layout-2 { width: 66.6%; }

#home-highlights .layout-5 { box-shadow: none; }

#home-highlights .layout-6 { width: 50%; }

#home-highlights .layout-7 { width: 100%; }

#home-highlights .layout-7 .item-content { width: 100%; }

#home-highlights .item .subtitle { display: block; font-size: 12px; line-height: 15px; text-transform: uppercase; margin-bottom: 15px; }

#home-highlights .item .title { display: block; font-size: 24px; line-height: 30px; font-family: "Noto Serif", serif; font-style: italic; margin-bottom: 30px; transition: all 0.3s ease; }

#home-highlights .item .description, #home-highlights .item .description * { font-size: 14px; line-height: 18px; }

#home-highlights .item .image { display: block; width: 100%; margin-bottom: 20px; padding: 0; }

#home-highlights .item .bot { display: flex; height: 57px; border-top: solid 1px #e6e6e6; align-items: center; padding: 0 10px; justify-content: space-between; }

#home-highlights .item .bot a, #home-highlights .item .bot a * { font-size: 14px; color: #009bbf; padding: 0; }

#home-highlights .item .bot .box-social a { border-radius: 0; border: solid 2px #e6e6e6; height: 40px; width: 40px; display: flex; transition: all 0.3s ease; }

#home-highlights .item .bot .box-social a i { color: #e6e6e6; }

#home-highlights .item:hover .title { color: #009bbf; }

#home-highlights .item .bot .box-social a:hover { color: #009bbf; border-color: #009bbf; }

#home-highlights .item .bot .box-social a:hover i { color: #009bbf; }

#home-highlights .layout-1 .item-content a, #home-highlights .layout-7 .item-content a { padding: 30px; display: block; }

#home-highlights .layout-3 .item-content a span, #home-highlights .layout-4 .item-content a span, #home-highlights .layout-6 .item-content a span { padding: 0 30px; display: block; }

#home-highlights .layout-3 .item-content a .image, #home-highlights .layout-4 .item-content a .image { padding: 0; }

#home-highlights .layout-3 .item-content a img, #home-highlights .layout-4 .item-content a img { width: 100%; }

#home-highlights .layout-3 .item-content a .description, #home-highlights .layout-4 .item-content a .description, #home-highlights .layout-6 .item-content a .description { margin-bottom: 30px; }

#home-highlights .layout-1 .item-content .bot a, #home-highlights .layout-1 .item-content .bot a span { padding: 0; }

#home-highlights .layout-2 .item-content { background-color: #009bbf; padding: 30px 80px; transition: all 0.3s ease; }

#home-highlights .layout-2 .item-content * { color: #fff; }

#home-highlights .layout-2 .item-content .info { display: flex; align-items: center; }

#home-highlights .layout-2 .item-content .info .image { width: 40%; padding: 5px 30px 5px 5px; margin-bottom: 0; }

#home-highlights .layout-2 .item-content .info .image img { width: 100%; box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.5); }

#home-highlights .layout-2 .item-content .info .description { width: 60%; padding: 0; font-size: 26px; line-height: 30px; font-weight: 500; }

#home-highlights .layout-2 .item-content .info .description * { font-size: 26px; line-height: 30px; }

#home-highlights .layout-2 .item-content .title { font-family: "Roboto", Helvetica, Arial, "sans-serif"; color: #fff; text-transform: uppercase; font-style: normal; font-weight: 500; }

#home-highlights .layout-2:hover .item-content { background-color: #014e60; }

#home-highlights .layout-2:hover .item-content .title { color: #fff; }

#home-highlights .layout-5 { background-color: #009bbf; position: relative; padding: 85px 0; margin: 50px 0 60px 0; color: #fff; }

#home-highlights .layout-5 * { color: #fff; }

#home-highlights .layout-5 .wrapper { position: relative; display: flex; justify-content: center; text-align: center; }

#home-highlights .layout-5 .mask { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

#home-highlights .layout-5 .title { background-color: transparent !important; font-family: "Roboto", Helvetica, Arial, "sans-serif"; text-transform: none; font-style: normal; font-size: 50px; line-height: 53px; }

#home-highlights .layout-5 .subtitle { background-color: transparent !important; font-family: "Noto Serif", serif; text-transform: none; color: #fff !important; }

#home-highlights .layout-5 span { background-color: #009bbf; padding: 10px 50px; transition: all 0.3s ease; font-size: 14px; }

#home-highlights .layout-5:hover .title { color: #fff; }

#home-highlights .layout-5 span:hover { background-color: #fff; color: #009bbf; }

#home-highlights .layout-6 .image { background-color: #80cddf; height: 164px; width: 100%; display: block; }

#home-highlights .layout-7 .item-content .info { display: flex; align-items: center; }

#home-highlights .layout-7 .item-content .info .image { width: 30%; margin-bottom: 0; padding-right: 30px; }

#home-highlights .layout-7 .item-content .info .image img { width: 100%; }

#home-highlights .layout-7 .item-content .info .description { width: 70%; padding: 0; font-size: 20px; line-height: 24px; }

#home-highlights .layout-2 .item-content .info .description * { font-size: 20px; line-height: 24px; }

#home-logospress { background-color: #e6e6e6; padding: 60px 0; }

#home-logospress h3 { font-family: "Roboto", Helvetica, Arial, "sans-serif"; font-size: 15px; color: #b3b6b7; text-align: center; text-transform: uppercase; font-style: normal; }

#home-logospress .content { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 180px; }

#home-logospress .content .item { margin: 0 20px; }

#home-logospress .content .item a { display: block; }

#home-logospress .content .item a img { max-width: 120px; font-size: 30px; line-height: 33px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.3s ease; }

#home-logospress .content .item a:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); }

/*############################################################################
								HISTORY
#############################################################################*/
#history-content { padding-bottom: 80px; }

#history-content .item { display: flex; position: relative; }

#history-content .item .left { width: 50%; padding-left: 10%; }

#history-content .item .right { width: 50%; padding-right: 10%; }

#history-content .item .mid { flex-grow: 0; flex-shrink: 0; flex-basis: 100px; width: 100px; text-align: center; position: relative; }

#history-content .item .mid .line { background-color: #b3b6b7; position: absolute; top: 0; height: 100%; width: 2px; text-align: center; }

#history-content .item .mid .line span { background-color: #b3b6b7; border: solid 1px transparent; display: inline-block; height: 10px; width: 10px; border-radius: 50%; position: absolute; margin-left: -5px; top: 10px; }

#history-content .item:nth-child(even), #history-content .item:nth-child(even) .year-container { flex-direction: row-reverse; }

#history-content .item:nth-child(even) .left { text-align: right; padding-left: 0; padding-right: 10%; }

#history-content .item:nth-child(even) .right { text-align: right; padding-left: 10%; padding-right: 0; }

#history-content .item.hasyear { padding-top: 80px; }

#history-content .item .year-container { position: absolute; top: 0; left: 0; width: 100%; height: 80px; display: flex; }

#history-content .item .year-container .mid .line span { background-color: #fff; border-color: #b3b6b7; height: 20px; width: 20px; margin-left: -10px; top: 20px; }

#history-content .item.end { height: 20px; }

#history-content .item.end .mid .line span { height: 20px; width: 20px; margin-left: -10px; }

#history-content .lastitem { width: 100%; padding-top: 30px; text-align: center; }

#history-content .item h2 { color: #009bbf; font-family: "Roboto", Helvetica, Arial, "sans-serif"; font-style: italic; font-size: 60px; line-height: 60px; white-space: nowrap; margin-bottom: 0; }

#history-content .item .month, #history-content .lastitem .month { color: #009bbf; font-family: "Noto Serif", serif; font-style: italic; font-size: 22px; line-height: 22px; white-space: nowrap; margin-bottom: 10px; }

#history-content .item h3 { margin-bottom: 10px; }

#history-content .item .image img { width: 180px; }

#history-content .lastitem .image { margin-bottom: 10px; }

#history-content .lastitem .image img { height: 100px; }

#history-content .lastitem h3 { color: #009bbf; }

/*############################################################################
								TESTIMONIALS
#############################################################################*/
#testimonials-content .item * { color: #616161; }

#testimonials-content .item { background-color: #fff; margin-bottom: 0; }

#testimonials-content .item:nth-child(odd) { background-color: #e6e6e6; }

/*############################################################################
								OTHERS
############################################################################# */
.testimonial-item-text { background-color: #009bbf; margin-bottom: 15px; }

.testimonial-item-text * { color: #fff; }

.testimonial-item-video .wrapper, .testimonial-item-text .wrapper { display: flex; align-items: center; }

.testimonial-item-text .wrapper .left { width: 180px; flex-shrink: 0; padding-right: 40px; }

.testimonial-item-text .wrapper .left img { width: 100%; border-radius: 140px; }

.testimonial-item-video .wrapper .right, .testimonial-item-text .wrapper .right { width: 100%; }

.testimonial-item-image h3, .testimonial-item-text h3, .testimonial-item-video h3 { margin-bottom: 20px; }

.testimonial-item-image h3, .testimonial-item-text h3, .testimonial-item-video h3, .testimonial-item-image h3 *, .testimonial-item-text h3 *, .testimonial-item-video h3 * { font-size: 30px; line-height: 36px; }

.testimonial-item-image p *, .testimonial-item-text p *, .testimonial-item-video p * { font-size: 18px; line-height: 24px; }

.testimonial-item-image .wrapper .left { width: 500px; flex-shrink: 0; padding-right: 40px; }

.testimonial-item-image .wrapper .left img { width: 100%; }

.testimonial-item-image { position: relative; }

.testimonial-item-image * { color: #fff !important; }

.testimonial-item-image .wrapper { position: relative; z-index: 2; }

.testimonial-item-image .mask { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.testimonial-item-video .wrapper .left { width: 540px; flex-shrink: 0; padding-right: 40px; }

.services-list .wrapper { display: flex; flex-wrap: wrap; }

.services-list .wrapper .item { width: 50%; padding-right: 15px; flex: 1; position: relative; }

.services-list .wrapper .item:nth-child(2n+2) { padding: 0 0 0 15px; }

.services-list .wrapper a { background-color: #009bbf; display: block; height: 100%; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); padding: 35px 60px; position: relative; border: solid 1px #e6e6e6; border-right: none; border-bottom: none; }

.services-list .wrapper a * { color: #fff; }

.services-list .wrapper a .back { background-color: #009bbf; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: all 0.3s ease; }

.services-list .wrapper a .mask { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; transition: all 0.3s ease; }

.services-list .wrapper a:hover .back { opacity: 1; }

.services-list .wrapper .item a:hover .mask { opacity: 1; }

.services-list .wrapper a .info { display: block; height: 100%; position: relative; z-index: 3; }

.services-list .wrapper a .parent { display: block; font-size: 12px; line-height: 15px; text-transform: uppercase; margin-bottom: 15px; }

.services-list .wrapper a .title { display: block; font-size: 40px; line-height: 45px; font-family: "Noto Serif", serif; font-style: italic; margin-bottom: 15px; }

.services-list .wrapper a .description { display: block; font-size: 16px; line-height: 20px; height: 80px; overflow: hidden; margin-bottom: 15px; }

.services-list .wrapper a .knowmore { display: block; font-size: 16px; line-height: 20px; }

.services-list .wrapper .item.withimage a .mask { opacity: 1; }

.services-list .wrapper .item.withimage a:hover .mask { opacity: 0 !important; }

.testimonials-cards .wrapper { display: flex; flex-wrap: wrap; }

.testimonials-cards .item { width: 50%; padding-right: 15px; position: relative; }

.testimonials-cards .item:nth-child(2n+2) { padding: 0 0 0 15px; }

.testimonials-cards .item-content { background-color: #fff; display: block; height: 100%; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); position: relative; border: solid 1px #e6e6e6; border-right: none; border-bottom: none; }

.testimonials-cards .item .top { background-color: #009bbf; height: 165px; }

.testimonials-cards .item .info { height: 136px; overflow: hidden; padding: 15px 20px; }

.testimonials-cards .item .bot { height: 40px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding: 5px 10px; border-top: solid 1px #b3b6b7; }

.testimonials-cards .item .parent { font-size: 12px; line-height: 16px; text-transform: uppercase; margin-bottom: 5px; }

.testimonials-cards .item .name { font-size: 24px; line-height: 27px; font-family: "Noto Serif", serif; font-style: italic; margin-bottom: 5px; }

.testimonials-cards .item .company-local { margin-bottom: 3px; }

.testimonials-cards .item .company-local *, .testimonials-cards .item .description { font-size: 12px; line-height: 16px; }

#filters-search { margin-bottom: 40px; }

#filters-search .wrapper { display: flex; justify-content: flex-end; position: relative; padding: 0 15px; }

#filters-search .search { width: 300px; padding-right: 60px; height: 40px; border-radius: 20px; }

#filters-search .submit { background: url(../images/icons.svg) no-repeat -60px -40px; background-size: 400px 400px; width: 20px; height: 20px; position: absolute; top: 10px; right: 25px; border-radius: 50%; padding: 0; }

#filters-search .btn-clean { color: #e6e6e6; font-size: 20px; line-height: 16px; width: 20px; height: 20px; position: absolute; top: 10px; right: 50px; border-radius: 50%; padding: 0; display: none; }

#filters-search .btn-clean:hover { color: #b3b6b7; }

#filters-search.hasSearched .btn-clean { display: block; }

#filters-grid { padding-bottom: 80px; display: flex; }

#filters-grid .filters { width: 240px; padding-right: 40px; flex-shrink: 0; }

#filters-grid .contents { width: 100%; min-height: 400px; }

#grid-loadmore { display: flex; align-items: center; justify-content: center; padding-top: 40px; }

#grid-loadmore span { color: #009bbf; display: inline-flex; padding: 10px 20px; border: solid 1px #009bbf; font-size: 16px; line-height: 16px; font-family: "Noto Serif", serif; font-style: italic; cursor: pointer; transition: all 0.3s ease; }

#grid-loadmore span:hover { background-color: #009bbf; color: #fff; }

#filters-grid .filters a { display: flex; align-items: center; justify-content: space-between; }

#filters-grid .filters a .icon { background: url(../images/icons.svg) no-repeat -50px 0; background-size: 200px 200px; width: 10px; height: 10px; margin-left: 10px; flex-shrink: 0; }

#filters-grid .filters a .text { font-size: 14px; line-height: 17px; font-family: "Noto Serif", serif; font-style: italic; }

#filters-grid .filters a.level2 .text { font-size: 14px; line-height: 17px; font-family: "Roboto", Helvetica, Arial, "sans-serif"; font-style: inherit; }

#filters-grid .filters li.level1.all .text { font-weight: bold; }

#filters-grid .filters li.level1:not(:last-child) { border-bottom: solid 1px #80cddf; }

#filters-grid .filters a.level1 { padding: 5px 0; }

#filters-grid .filters ul.level2 { padding-left: 20px; border-top: solid 1px #80cddf; display: none; }

#filters-grid .filters li.level2:not(:last-child) { border-bottom: solid 1px #b3b6b7; }

#filters-grid .filters a.level2 { padding: 5px 0; }

#filters-grid .filters li.level1.active a.level1 .icon, #filters-grid .filters li.level2.active a.level2 .icon { background-position-x: -60px; }

#filters-grid .filters li.level1.active a.level1 .text, #filters-grid .filters li.level2.active a.level2 .text { color: #009bbf; }

.grid-container .grid-item, .grid-container .grid-item-1 { width: 33.33%; }

.grid-container .grid-item-2 { width: 66.66%; }

.grid-container .grid-item-3 { width: 100%; }

.grid-container .item { padding: 0 15px 30px; }

.grid-container .item-content { background-color: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); border: solid 1px #e6e6e6; border-right: none; border-bottom: none; transition: box-shadow 0.3s ease; }

.grid-container .item-content:hover { box-shadow: 5px 5px 5px rgba(1, 78, 96, 0.5); }

.grid-container .item .image { display: block; }

.grid-container .item .image img { width: 100%; }

.grid-container .item .video { height: 150px; display: flex; align-items: center; justify-content: center; }

.grid-container .item .video span { background: #009bbf url(../images/icons.svg) no-repeat -280px -40px; background-size: 800px 800px; display: inline-flex; width: 40px; height: 40px; border-radius: 50%; opacity: 0.5; transition: all 0.3s ease; }

.grid-container .item .video:hover span { opacity: 1; }

.grid-container .item .info { padding: 15px 20px; }

.grid-container .item .title { margin-bottom: 10px; }

.grid-container .item .title a { font-size: 24px; line-height: 30px; transition: all 0.3s ease; }

.grid-container .item .title a:hover { color: #009bbf; }

.grid-container .item .subtitle { color: #b3b6b7; font-size: 11px; line-height: 14px; margin-bottom: 10px; }

.grid-container .item .description { font-size: 14px; line-height: 18px; }

.grid-container .item .bot { height: 40px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding: 0 5px 0 20px; border-top: solid 1px #e6e6e6; }

.grid-container .item .bot .btn-knowmore:hover span { color: #009bbf; }

.grid-container .item .bot .w2-share-container { display: inline-flex; }

/*############################################################################
								PAGE DETAIL
############################################################################# */
#page-detail-top { position: relative; margin-bottom: 60px; }

#page-detail-top .item { margin: 0 auto; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

#page-detail-top iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#page-detail { padding-bottom: 80px; }

#page-detail .wrapper { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }

#page-detail .wrapper .lefttop { width: 100%; height: 400px; }

#page-detail .left .video, #page-detail .left .images { margin-bottom: 40px; }

#page-detail .left .images img { width: 100%; }

#page-detail .left .images img:not(:last-child) { margin-bottom: 10px; }

#page-detail .left .docs { padding-top: 30px; }

#page-detail .left .docs a { display: flex; margin-bottom: 10px; }

#page-detail .right { width: 100%; }

#page-detail .right .top { margin-bottom: 40px; }

#page-detail .right h1 { color: #009bbf; font-size: 38px; line-height: 45px; margin-bottom: 10px; }

#page-detail .right .date { color: #009bbf; font-size: 25px; line-height: 30px; margin-bottom: 10px; font-family: "Noto Serif", serif; font-style: italic; }

#page-detail .right .subtitle { color: #009bbf; font-size: 25px; line-height: 30px; margin-bottom: 10px; font-family: "Noto Serif", serif; font-style: italic; }

#page-detail .right .description { margin-bottom: 60px; }

#page-detail .right .bot { display: flex; justify-content: space-between; border-top: solid 1px #e6e6e6; padding-top: 10px; }

#page-detail .right .btn-back { color: #009bbf; font-size: 14px; line-height: 17px; }

#page-detail .right .btn-back:hover { text-decoration: underline; }

#gallery-container { padding-top: 40px; }

#gallery-container h4 { color: #009bbf; text-transform: uppercase; font-weight: normal; }

#gallery-container .gallery-contents { display: flex; flex-wrap: wrap; }

#gallery-container .gallery-contents .item { width: 33.33%; padding: 0 20px 20px 0; }

#gallery-container .gallery-contents .item:nth-child(3n+3) { padding-right: 0; }

#gallery-container .gallery-contents .item a { display: flex; height: 200px; width: 100%; background-position: center top; }

#gallery-container .gallery-contents .item a.btn-video { display: inline-flex; align-items: center; justify-content: center; }

#gallery-container .gallery-contents .item a.btn-video .icon { background-color: #009bbf; display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; padding-left: 5px; opacity: 0.7; transition: all 0.3s ease; }

#gallery-container .gallery-contents .item a.btn-video:hover .icon { opacity: 1; }

#gallery-container .gallery-contents .item a.btn-video .arrow { display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 20px solid #fff; }

#default2nd-content .list { padding-bottom: 80px; display: flex; flex-wrap: wrap; position: relative; }

#default2nd-content .item { width: 33.33%; padding: 0 15px 30px; height: 100%; position: relative; flex: 1; }

#default2nd-content .item a { background-color: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); border: solid 1px #e6e6e6; border-right: none; border-bottom: none; display: flex; align-items: center; height: 100%; padding: 15px 20px; color: #009bbf; font-size: 25px; line-height: 30px; font-family: "Noto Serif", serif; font-style: italic; transition: all 0.3s ease; }

#default2nd-content .item a:hover { background-color: #e6e6e6; }

/*############################################################################
								CONTACTS
############################################################################# */
#contacts-locations .item { display: flex; margin-bottom: 60px; }

#contacts-locations .innerleft { width: 40%; padding-right: 40px; }

#contacts-locations .innerleft h3 { color: #009bbf; margin-bottom: 5px; font-size: 16px; line-height: 20px; }

#contacts-locations .innerright { width: 60%; position: relative; text-align: right; }

#contacts-locations .innerright img { width: 100%; }

#contacts-locations .innerright .btn-directions { background-color: #009bbf; color: #fff; display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; height: 20px; font-size: 12px; line-height: 12px; white-space: nowrap; transition: background-color 0.3s ease; }

#contacts-locations .innerright .btn-directions:hover { background-color: #014e60; }

/*############################################################################
								SERVICES
############################################################################# */
#services-top { margin-bottom: 40px; }

#services-top h1 { color: #009bbf; font-size: 38px; line-height: 45px; margin-bottom: 10px; }

#services-tabs { display: flex; flex-wrap: wrap; }

#services-tabs .item { margin: 0 10px 30px 0; flex: 1; position: relative; }

#services-tabs .item a { background-color: #009bbf; display: block; padding: 15px 20px; height: 100%; }

#services-tabs .item a span:not(:last-child) { margin-bottom: 3px; }

#services-tabs .item .title { color: #fff; display: block; font-family: "Noto Serif", serif; font-style: italic; font-size: 16px; line-height: 20px; }

#services-tabs .item .subtitle { color: #fff; display: block; font-size: 12px; line-height: 15px; }

#services-contents .wrapper { padding-left: 340px; }

#services-contents .item { margin-bottom: 60px; }

#services-contents .top { margin-bottom: 20px; }

#services-contents .top h3 { color: #009bbf; margin-bottom: 0; font-size: 30px; line-height: 35px; }

#services-contents .top h4 { margin-bottom: 0; font-weight: normal; }
