/* @import "vars/theme_variables"; @import "bootstrap/mixins"; @import "mixins/mixins"; @import "mixins/template"; @import "template/base"; @import "template/fonts"; @import "template/layout"; @import "template/page"; @import "template/node"; @import "template/style"; @import "template/comments"; @import "template/forms"; @import "template/forum"; @import "template/blocks"; @import "template/module"; @import "template/grid"; @import "template/menu"; @import "template/views"; @import "template/block-builder"; @import "template/effect"; @import "template/responsive"; @import "template/event"; @import "template/portfolio"; @import "template/testimonial"; @import "template/services"; @import "template/theme-settings"; @import "template/giorgio"; @import "template/custom"; */ @import 'template/frontpage'; @import 'template/subcategory'; @import 'template/events'; /****/ body { font-family: 'Ibarra Real Nova', serif; text-align: unset !important; } .cat-page-prodlist, .entity-pager-list { direction: ltr; /* disable arabic alignments on structural elements */ } [dir='rtl'] .slick-next { left: auto !important; } [dir='rtl'] .topbar .navigation .gva_menu { right: auto !important; } a { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } a:hover, a:focus, a:active { outline: none !important; color: #cba43d; text-decoration: none; font-family: 'Ibarra Real Nova', serif; } input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus, input:active, select:active, textarea:active { outline: none !important; } label { font-weight: 700; color: #000000; } img { border: 0; vertical-align: top; max-width: 100%; height: auto; } .video-responsive { height: 0; padding-top: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; } .video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { text-transform: capitalize; font-family: 'Ibarra Real Nova', serif; } h4, .h4, h5, h6, .h5, .h6 { line-height: 30px; } .body-page input[type="text"], .body-page input[type="tel"], .body-page input[type="password"], .body-page input[type="email"], .body-page textarea, .body-page select { background-color: #fff; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset; border: 1px solid #dee2e6; padding: 5px 10px; } .body-page input[type="text"]:focus, .body-page input[type="tel"]:focus, .body-page input[type="password"]:focus, .body-page input[type="email"]:focus, .body-page textarea:focus, .body-page select:focus, .body-page input[type="text"]:active, .body-page input[type="tel"]:active, .body-page input[type="password"]:active, .body-page input[type="email"]:active, .body-page textarea:active, .body-page select:active, .body-page input[type="text"]:hover, .body-page input[type="tel"]:hover, .body-page input[type="password"]:hover, .body-page input[type="email"]:hover, .body-page textarea:hover, .body-page select:hover { outline: none; } .label { color: #000 !important; } .list-menu ul li { list-style: none; padding: 15px 2px; font-size: 0.875rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .list-menu ul li:last-child { border-bottom: none; } ul { margin: 0; padding-left: 30px; } ul ul { padding-left: 20px; } ul li { list-style: inherit; } ul li i { margin-right: 3px; font-size: 16px; min-width: 20px; text-align: center; } .item-list ul li { margin-left: 0; } ul.menu>li { position: relative; padding: 4px 0 10px; margin: 0 0 2px !important; } ul.menu>li>a { padding-left: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; position: relative; } ul.menu>li>a:hover, ul.menu>li>a:active, ul.menu>li>a:focus { color: #cba43d; } ul.feature-list { margin: 10px 0; padding-left: 0; } ul.feature-list>li { padding-left: 25px; position: relative; list-style: none; margin-bottom: 2px; } ul.feature-list>li:after { content: "\f00c"; font-family: "FontAwesome"; position: absolute; top: 0; left: 2px; z-index: 1; color: #cba43d; font-weight: 900; font-size: 10px; } ul.inline>li { float: left; margin-left: 5px; } table { width: 100%; margin-bottom: 20px; border: 1px solid #dee2e6; } table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td, table>tbody>tr>td, table>tfoot>tr>td { border-color: #dee2e6; border-width: 1px 1px 1px 0; border-style: solid; } table>thead>tr>th, table>thead>tr>td { border-bottom-width: 2px; } .no-padding { padding: 0 !important; } a.disable { pointer-events: none; cursor: default; } /************************* Pagination ************************/ .pager { text-align: center; } .pager ul.pager__items { display: inline-block; margin: 0 0 30px; padding: 0; } .pager ul.pager__items>li { list-style-type: none; float: left; margin-right: 10px; } .pager ul.pager__items>li a { border: 1px solid #dee2e6; font-weight: 700; display: inline-block; line-height: 34px; margin: 0 1px; text-align: center; margin-right: 10px; padding: 0 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; text-transform: uppercase; background: #fff; } .pager ul.pager__items>li a:last-child { margin-right: 0; } .pager ul.pager__items>li a:hover { background: #cba43d; color: #fff; border-color: #cba43d; } .pager ul.pager__items>li a:hover:after { color: #fff; } .pager ul.pager__items>li.pager__item--next { font-size: 12px; } .pager ul.pager__items>li.pager__item--last { font-size: 12px; } .pager ul.pager__items>li.is-active a { background: #cba43d; color: #fff; border-color: #cba43d; } .pager ul.pager__items>li.is-active a:after { color: #fff; } .quick-pagination .pager { text-align: center; margin-top: 20px; } .quick-pagination .pager .pager__item--first, .quick-pagination .pager .pager__item--last { display: none; } .quick-pagination .pager .pager__item--previous, .quick-pagination .pager .pager__item--next { position: relative; } .quick-pagination .pager .pager__item--previous a, .quick-pagination .pager .pager__item--next a { text-indent: -99999px; position: relative; } .quick-pagination .pager .pager__item--previous a:after, .quick-pagination .pager .pager__item--next a:after { content: '\f061'; font-family: "FontAwesome"; position: absolute; top: 0px; left: 0; width: 100%; text-align: center; color: #000; text-indent: 0; font-size: 11px; } .quick-pagination .pager .pager__item--previous.pager__item--previous a:after, .quick-pagination .pager .pager__item--next.pager__item--previous a:after { content: '\f060'; } .breadcrumb-content-inner { margin-bottom: 30px; text-align: center; } .breadcrumb-content-inner .breadcrumb-content-main { position: relative; z-index: 9; } .breadcrumb-content-inner .gva-breadcrumb-content .page-title { font-size: 56px; font-weight: 900; top: 0; left: 0; width: 100%; text-align: center; margin-bottom: 0; } @media (max-width: 991px) { .breadcrumb-content-inner .gva-breadcrumb-content .page-title { font-size: 30px; } } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style { padding: 100px 0 100px; margin-bottom: 45px; position: relative; } @media (max-width: 991px) { .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style { padding: 60px 0; } } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white *, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light *, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .page-title, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light .page-title { color: #fff; } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white *:after, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light *:after, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .page-title:after, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light .page-title:after { background: #fff; } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .breadcrumb-links ol, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light .breadcrumb-links ol { border-bottom: 2px solid #cba43d; } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .breadcrumb-links li, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light .breadcrumb-links li { color: #fff; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .breadcrumb-links li a, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light .breadcrumb-links li a { color: #fff; } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb { display: inline-block; } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li { font-size: 14px; font-weight: 400; color: #bbbbbb; text-transform: capitalize; } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li a { color: #000; } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li a:hover { color: #cba43d; } .breadcrumb-content-inner .gva-parallax-background .gva-parallax-inner { background-position: center center; } pre { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; margin: 30px 0; } .drupal-message { background: #CDCDCD; max-width: 1170px; margin: 0 auto; position: fixed; z-index: 99; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-height: 50%; overflow: auto; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; transition-delay: 4px; } .drupal-message .messages__wrapper { padding: 2px 30px 2px 15px; } .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { color: #fff; } .hidden { display: none !important; } .pull-left { float: left; } .pull-right { float: right; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters>[class^="col-"], .row.no-gutters>[class*=" col-"] { padding-right: 0; padding-left: 0; } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } html { overflow-x: hidden !important; } body { overflow: hidden !important; position: relative; } body.boxed { background-color: #EAF1F7; } body.boxed div.gva-body-wrapper { background: #fff; max-width: 1440px; margin: 0 auto; -webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.05); position: relative; } body .body-page { background-color: #fff; } body.logged-in.toolbar-horizontal .header-v2 { top: 39px; } body.bg-dark { background: #EFF1F2; } body.bg-dark .gva-body-page { background: #EFF1F2; } body.one-page-full header#header { position: fixed; left: 0; top: 0; z-index: 11; width: 100%; } body.one-page-full .row-first-level.gbb-row>.fp-tableCell>.bb-inner { padding-top: 30px !important; padding-bottom: 30px !important; } body.one-page-full .row-first-level.gbb-row>.fp-tableCell>.bb-inner>.bb-container { padding-top: 0; } body.one-page-full.logged-in.toolbar-tray-open.toolbar-horizontal.toolbar-fixed .row-first-level.gbb-row>.fp-tableCell>.bb-inner>.bb-container { padding-top: 0 !important; } body.one-page-full #footer { display: none; } .topbar { background: transparent; color: #fff; padding: 0; overflow: hidden; } .topbar .topbar-left { background: #000000; color: #fff; padding: 15px; text-align: left; } .topbar .topbar-left a { color: #cba43d; } .topbar .topbar-left a:hover { color: #fff; } .topbar .topbar-right { background: transparent; padding: 6px 0; position: relative; text-align: right; } @media (max-width: 991px) { .topbar .topbar-right { padding-left: 15px; padding-right: 15px; } } @media (max-width: 550px) { .topbar .topbar-right { display: none; } } .topbar .topbar-right:before { content: ''; width: 1000px; height: 100%; background: #cba43d; position: absolute; right: 100%; top: 0; z-index: 9; display: none; } @media (max-width: 991px) { .topbar .topbar-right:before { display: block; } } .topbar ul { margin: 0 !important; } .topbar .block { margin: 0 !important; } .topbar .topbar-content-inner .topbar-content { position: relative; } .topbar .topbar-content-inner .topbar-content a { text-decoration: underline; color: #fff; } .topbar .topbar-content-inner .topbar-content a:hover { color: #cba43d; } .language-box .links>li { margin-right: 10px; opacity: 0.6; filter: alpha(opacity=60); line-height: 1; margin-top: 5px; float: right; } .language-box .links>li.is-active { opacity: 1; filter: alpha(opacity=100); } header .site-branding-logo { padding: 20px 0 20px; display: inline-block; height: auto; } @media (max-width: 767.98px) { header .site-branding { text-align: left; padding-bottom: 10px; } header .header-right-inner, header .header-right-inner .block { text-align: center !important; } } header .header-main { padding: 0; background: none; } @media (max-width: 991px) { header .main-menu-inner { width: 100%; } } header .area-main-menu .navigation { position: static; } header .area-main-menu .navigation ul.gva_menu { position: static; } header .block { overflow: visible; } header .header-info { margin-top: 10px; } header .header-info .header-icon { width: 36px; height: 40px; float: left; font-size: 36px; line-height: 1; padding-top: 6px; text-align: center; } header .header-info .header-icon span { height: 40px; } header .header-info .content-inner { padding-left: 50px; } header .header-info .content-inner .title { font-size: 16px; font-weight: 500; color: #000000; line-height: 20px; text-transform: capitalize; } header .header-info .content-inner .desc { font-size: 14px; color: #999999; } .gva-search-region { position: absolute; right: 15px; top: 50%; margin-top: -12px; z-index: 9; } @media (max-width: 767.98px) { .gva-search-region { right: 68px; } .gva-search-region .icon { color: #000 !important; } } .gva-search-region .icon { font-size: 14px; color: #000; } .gva-search-region .icon:hover { cursor: pointer; } .gva-search-region .search-content { display: none; width: 310px; position: absolute; top: 43px; right: 0; margin-top: -1px; z-index: 99; background: #fff; padding: 20px; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid #dee2e6; } .gva-search-region .search-content form.search-block-form { padding-right: 95px; position: relative; } .gva-search-region .search-content form.search-block-form input#edit-keys { height: 35px; padding: 5px; border: 1px solid #dee2e6; background: none; width: 100%; } .gva-search-region .search-content form.search-block-form input[id*="edit-submit"] { position: absolute; top: 0; right: 0; z-index: 1; height: 35px; line-height: 35px; padding: 0 5px; background: #cba43d; color: #fff; border: none; font-size: 14px; width: 90px; font-weight: 600; } .gva-search-region .search-content form.search-block-form input[id*="edit-submit"]:hover { cursor: pointer; } .gva-search-region .search-content #edit-actions { margin: 0 !important; padding: 0 !important; } .gva-search-region.show .search-content { display: block; } .quick-side-icon { position: absolute; right: 15px; top: 50%; margin-top: -17px; z-index: 1; width: 34px; height: 34px; text-align: center; line-height: 32px; -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.1); transition: all 0.35s; } .quick-side-icon .qicon { font-size: 20px; line-height: 34px; color: #000000; display: block; } .quick-side-icon:hover { background: #cba43d; } .gva-quick-side { position: fixed; width: 350px; top: 0; right: -355px; z-index: 99; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background: #fff; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-align: left; padding: 20px 30px; overflow-x: hidden; height: 100%; } @media (max-width: 355px) { .gva-quick-side { width: 100%; } } .gva-quick-side .quick-side-close { margin-bottom: 15px; font-size: 18px; display: inline-block; } .gva-quick-side .content-inner .block { text-align: left; } .gva-quick-side .content-inner .block .block-title { text-align: left; font-weight: 700; } .gva-quick-side .content-inner .block .block-title:after { left: 0; } .gva-quick-side .content-inner ul { width: 100%; } .gva-quick-side .content-inner ul>li { display: block; width: 100%; margin-bottom: 10px; } .gva-quick-side .content-inner ul>li:last-child { border-bottom: none; } .gva-quick-side .content-inner ul>li a { padding: 0; font-size: 14px; } .gva-quick-side .content-inner ul>li a:hover, .gva-quick-side .content-inner ul>li a:active, .gva-quick-side .content-inner ul>li a:focus { color: #cba43d !important; } .gva-quick-side .content-inner ul.gva_menu li a { font-size: 13px; } .gva-quick-side .block { border-bottom: 1px solid #dee2e6; margin-bottom: 20px; padding-bottom: 20px; float: left; width: 100%; } .gva-quick-side.open { right: 0; width: 352px; } body.logged-in.toolbar-horizontal .gva-quick-side { padding-top: 90px; } header.header-default { position: relative; background: #fff; z-index: 99; -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.08); } header.header-default .gva-search-region .icon { color: #000; } header.header-default .header-main-inner .branding { width: auto; float: left; } @media (max-width: 991px) { header.header-default .header-main-inner .branding { width: 180px; } } header.header-default .header-main-inner .header-inner { padding-left: 0px; padding-right: 75px; } @media (max-width: 991px) { header.header-default .header-main-inner .header-inner { padding-left: 190px; } } header.header-default .header-main-inner .gva-offcanvas-mobile { float: right; } header.header-default .gva-search-region { right: 70px; } header.header-default .stuck { background: #fff; } header.header-default .main-menu-inner { float: left; } header.header-1 { width: 100%; position: absolute; top: 0; left: 0; z-index: 99; } @media (max-width: 991px) { header.header-1 { position: relative; background: #222; } } header.header-1 .header-main-inner .branding { width: auto; float: left; } @media (max-width: 991px) { header.header-1 .header-main-inner .branding { width: 190px; } } header.header-1 .header-main-inner .branding .site-branding-logo { padding: 15px 0; } header.header-1 .header-main-inner .branding .site-branding-logo img { display: none; } header.header-1 .header-main-inner .branding .site-branding-logo img.logo-white { display: block !important; visibility: visible !important; } header.header-1 .header-main-inner .header-inner { padding-left: 0px; padding-right: 70px; } @media (max-width: 991px) { header.header-1 .header-main-inner .header-inner { padding-left: 190px; } } header.header-1 .header-main-inner .gva-offcanvas-mobile { float: right; } header.header-1 .header-main-inner .navigation .gva_menu>li>a { color: #fff; } header.header-1 .header-main-inner .navigation .gva_menu>li>a:hover { color: #cba43d; } header.header-1 .main-menu-inner { float: left; } header.header-1 .menu-bar span { background: #fff; } header.header-1 .gva-search-region { right: 70px; margin-top: -14px; } header.header-1 .gva-search-region .icon { color: #fff !important; } header.header-1 .quick-side-icon { margin-top: -18px; } header.header-1 .quick-side-icon .qicon { color: #fff; } header.header-1 .stuck { background: #222 !important; } header.header-2 .header-main { padding: 0px 0px 10px; background: transparent; } header.header-2 .header-main .site-branding-logo { padding: 0; } @media (max-width: 575.98px) { header.header-2 .header-main .site-branding-logo { padding-bottom: 20px; } } header.header-2 .header-main .header-info .header-icon { color: #cba43d; } header.header-2 .header-main .header-info .title { color: #000; } header.header-2 .block { margin-bottom: 0; } header.header-2 .main-menu { background: transparent; } header.header-2 .main-menu .area-inner { padding: 0; } header.header-2 .main-menu ul.gva_menu_main { float: left; } @media (min-width: 991px) { header.header-2 .main-menu .navigation .gva_menu>li>a { position: relative; padding-top: 22px; padding-bottom: 22px; } header.header-2 .main-menu .navigation .gva_menu>li>a:hover, header.header-2 .main-menu .navigation .gva_menu>li>a:focus { color: #fff !important; } header.header-2 .main-menu .navigation .gva_menu>li:hover>a, header.header-2 .main-menu .navigation .gva_menu>li:focus>a { color: #fff !important; } header.header-2 .main-menu .navigation .gva_menu>li.menu-item--active-trail>a { color: #fff !important; } } @media (max-width: 575px) { header.header-2 .branding { width: 100%; text-align: center; } header.header-2 .right-header { width: 100%; text-align: center; } header.header-2 .right-header .header-info { display: inline-block; } header.header-2 .right-header .header-info .content-inner { text-align: left; } } header.header-2 .gva-search-region { right: 70px; } .gv-sticky-menu { position: static; top: -75px; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; } .stuck { position: fixed !important; top: 0; left: 0; z-index: 99 !important; width: 100%; -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } @media (min-width: 991px) { .sticky-is-hidden .stuck { top: -200px; } .sticky-is-show .stuck { -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1); top: 0; } } .area.slideshow_content .block { margin-bottom: 0; } .area-panel { padding: 30px 0; } .header-right .block { margin-bottom: 0; } .promotion { padding: 0; margin-bottom: 0; } #page-main-content { min-height: 360px; } @media (max-width: 767.98px) { #page-main-content { min-height: 100px; } } .main-menu .area-main-menu .area-inner .block { margin-bottom: 0; } .sidebar { position: relative; } #footer { color: #000000; background: #ffffff; } #footer a { color: #b1bec5; } #footer a:hover, #footer a:focus { color: #cba43d; } #footer .footer-top { background: #001D2B; padding: 40px 0; } #footer .before-footer { padding: 0; } #footer .footer-center { padding: 60px 0 25px; } #footer .block { padding-bottom: 0; margin-bottom: 0; } #footer .block .block-title span { color: #fff !important; } #footer .block .block-title span:after, #footer .block .block-title span:before { display: none; } #footer .copyright { font-size: 14px; font-weight: 500; } #footer .copyright .copyright-inner { padding: 0px 0 25px; border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 991px) { #footer .footer-column { margin-bottom: 45px; } } body.hidden-title .node--view-mode-full .header-title { display: none !important; } /* ----- Maintenance page ----- */ body.maintenance-page { background-color: #fff; color: #000; } .maintenance-page #page-wrapper { background: #fff; margin-left: auto; margin-right: auto; min-width: 0; min-height: 0; border: 1px solid #ddd; margin-top: 40px; } .maintenance-page #page { margin: 10px; } .maintenance-page #main-wrapper { min-height: inherit; } .maintenance-page #header { width: auto; } .maintenance-page #main { margin: 0; } .maintenance-page .content .section { padding: 0 0 0 10px; /* LTR */ } [dir="rtl"] .maintenance-page .content .section { padding-left: 0; padding-right: 10px; } .maintenance-page #header { background-color: #fff; background-image: none; } .maintenance-page .site-branding-text { margin-bottom: 50px; margin-left: 0; /* LTR */ padding-top: 20px; font-size: 90%; } [dir="rtl"] .maintenance-page .site-branding-text { margin-right: 0; } .maintenance-page .site-branding-text, .maintenance-page .site-branding-text a, .maintenance-page .site-branding-text a:hover, .maintenance-page .site-branding-text a:focus { color: #777; } .maintenance-page .page-title { line-height: 1em; margin-top: 0; } @media (min-width: 800px) { .maintenance-page #page-wrapper { width: 800px; } .maintenance-page #header div.section, .maintenance-page #main { width: 700px; } } @media (min-width: 600px) { .maintenance-page #page { margin: 20px 40px 40px; } } .page-notfound { text-align: center; padding: 150px 0; background: #f6f6f6; } @media (max-width: 767.98px) { .page-notfound { padding: 50px 0; } } .page-notfound header { display: none !important; } .page-notfound .big-title { font-size: 200px; font-weight: 700; text-transform: uppercase; color: #000; line-height: 1; } @media (max-width: 767.98px) { .page-notfound .big-title { font-size: 90px; } } .page-notfound .sub-title { color: #999999; padding: 30px 0; } .page-notfound .content { color: #666666; font-size: 16px; max-width: 450px; margin: 0 auto; line-height: 30px; } @media (max-width: 767.98px) { .page-notfound .content { padding: 0 20px; } } .page-notfound .action { text-align: center; margin-top: 30px; } .page-notfound .action a { font-size: 16px; color: #cba43d; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .page-notfound .action a:hover { color: #000; } .view-page { margin-bottom: 50px; } .portfolio-single { padding-bottom: 30px; } .portfolio-single .portfolio-images .owl-nav .owl-prev { left: 20px !important; } .portfolio-single .portfolio-images .owl-nav .owl-next { right: 20px !important; } .portfolio-single .portfolio-images .owl-dots { position: absolute; bottom: 10px; left: 0; width: 100%; } .portfolio-single .post-title { font-size: 26px; padding: 0; margin: 0 !important; } @media (max-width: 991px) { .portfolio-single .post-title { font-size: 20px; } } .portfolio-single .post-meta .line { width: 10px; height: 2px; background: #cba43d; margin: 0 10px 0 4px; display: inline-block; position: relative; top: -3px; } .portfolio-single .portfolio-informations { margin-bottom: 15px; } .portfolio-single .portfolio-informations .item-information { border-bottom: 1px solid #dee2e6; padding: 15px 0; } .portfolio-single .portfolio-informations .item-information span:first-child { font-weight: 700; min-width: 120px; display: inline-block; color: #000000; } .portfolio-single .post-content ul { padding-left: 20px; margin-top: 15px; } .team-single-page .team-name { margin-bottom: 30px; } .team-single-page .team-name .name { font-size: 30px; font-weight: 700; color: #000; line-height: 42px; } .team-single-page .team-name .job { font-size: 12px; color: #999999; } .team-single-page .team-name .line { text-align: center; float: left; } .team-single-page .team-name .line span { width: 30px; height: 5px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; display: inline-block; margin: 0 5px; } .team-single-page .team-name .line span.one { background: #5EB4E7; margin-left: 0; } .team-single-page .team-name .line span.second { background: #F8C44F; } .team-single-page .team-name .line span.three { background: #F49626; margin-right: 0; } .team-single-page .socials { margin-top: 10px; } .team-single-page .heading { font-size: 18px; font-weight: 700; color: #000; } .team-single-page .team-contact { margin-bottom: 25px; } .team-single-page .team-contact .content-inner, .team-single-page .team-education .content-inner { color: #999999; font-size: 13px; line-height: 28px; } .team-single-page .team-education .field__item { padding-left: 20px; position: relative; } .team-single-page .team-education .field__item:after { content: ""; width: 6px; height: 6px; background: #cba43d; position: absolute; top: 8px; left: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 1; } .team-single-page .team-info { margin-bottom: 30px !important; } .team-single-page .team-quote { font-size: 16px; color: #999999; margin-top: 20px; padding-left: 50px; position: relative; } .team-single-page .team-quote:after { font-family: "FontAwesome"; content: "\f10d"; left: 0; top: 0; position: absolute; z-index: 1; color: #cba43d; font-size: 24px; text-align: center; line-height: 40px; } .page-user-login, .page-user-register, .page-user-pass { position: relative; } .page-user-login .bg, .page-user-register .bg, .page-user-pass .bg { background: #152C49; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; } .page-user-login input, .page-user-register input, .page-user-pass input { max-width: 100%; } .page-user-login .main-page, .page-user-register .main-page, .page-user-pass .main-page { padding: 10px 30px 30px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); max-width: 550px; background: #fff; border: 8px solid rgba(255, 255, 255, 0.8); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; margin: 50px auto 0; position: relative; z-index: 99; } @media (max-width: 767.98px) { .page-user-login .main-page, .page-user-register .main-page, .page-user-pass .main-page { margin-top: 35px; } } .page-user-login .branding, .page-user-register .branding, .page-user-pass .branding { margin-bottom: 20px; } .page-user-login .container, .page-user-register .container, .page-user-pass .container { padding: 0; } .page-user-login .nav-tabs, .page-user-register .nav-tabs, .page-user-pass .nav-tabs { margin-bottom: 20px; } .page-user-login .nav-tabs>li>a, .page-user-register .nav-tabs>li>a, .page-user-pass .nav-tabs>li>a { padding: 8px 20px 0 0 !important; } .post-block { background: #fff; margin-bottom: 30px; } .post-block .post-image { overflow: hidden; } .post-block .post-image a { position: relative; display: block; } .post-block .post-image img { width: 100%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; } .post-block .post-image:hover a:before, .post-block .post-image:hover a:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .post-block .post-title { padding: 5px 0 8px; margin: 0 0 20px; line-height: 1.5; font-weight: 600; font-size: 20px; text-transform: capitalize; display: block; } .post-block .post-title a { color: #002c42; word-wrap: break-word; } .post-block .post-title a:hover, .post-block .post-title a:active, .post-block .post-title a:before { color: #cba43d; } .post-block .post-content:before, .post-block .post-content:after { content: " "; display: table; } .post-block .post-content:after { clear: both; } .post-block .post-content .post-content-inner { position: relative; padding: 50px 36px 36px; border: 1px solid #dee2e6; border-top: 0; } @media (max-width: 991px) { .post-block .post-content .post-content-inner { padding: 30px; } } .post-block .post-content .post-content-inner .post-date-2 { width: 60px; height: 60px; background: #cba43d; color: #002c42; position: absolute; top: -30px; left: 50px; z-index: 1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 14px; text-align: center; font-weight: 500; padding-top: 15px; } @media (max-width: 991px) { .post-block .post-content .post-content-inner .post-date-2 { left: 30px; } } .post-block .post-content .post-content-inner .post-date-2 span { display: block; width: 100%; text-transform: uppercase; line-height: 1; } .post-block .post-content .post-content-inner .post-date-2 .month { letter-spacing: 2px; } .post-block .post-content .post-content-footer { padding: 10px 50px; border: 1px solid #dee2e6; border-top: 0; } .post-block .post-content .post-content-footer:before, .post-block .post-content .post-content-footer:after { content: " "; display: table; } .post-block .post-content .post-content-footer:after { clear: both; } .post-block .post-content .post-content-footer .left { float: left; text-align: left; } .post-block .post-content .post-content-footer .right { float: right; text-align: right; } @media (max-width: 991px) { .post-block .post-content .post-content-footer { padding: 10px 30px; } } .post-block .post-meta { font-size: 14px; font-weight: 400; color: #888; margin: 15px 0 0; } .post-block .post-meta:before, .post-block .post-meta:after { content: " "; display: table; } .post-block .post-meta:after { clear: both; } .post-block .post-meta .line { margin: 0 4px; } .post-block .post-meta .post-categories { margin-bottom: 0; } .post-block .post-description { margin-top: 15px; } .post-block .post-comment { text-transform: none; position: relative; } .post-block .post-categories { position: relative; display: inline-block; } .post-block .post-categories a { color: #cba43d; padding: 0; display: inline-block; margin-right: 5px; text-transform: capitalize; font-size: 14px; font-weight: 500; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; line-height: 1.5; } .post-block .post-categories a:last-child { margin-right: 0; } .post-block .post-categories a:hover { color: #cba43d; } .post-block .content-after { padding: 10px 0 0; } .post-block.teaser-2 { text-align: center; } .post-block.teaser-2 .post-content { padding: 10px 20px 0; border: none; text-align: center; } .post-block.teaser-2 .post-content .post-title { margin-bottom: 0; } .post-block.teaser-2 .post-content .post-title a { font-size: 28px; } .owl-carousel .post-block.teaser-2 { margin-bottom: 0 !important; } .post-footer { margin-top: 25px; } .post-footer .item-list ul li { margin-bottom: 15px !important; } .post-footer .item-list ul li:last-child { border: none; margin-bottom: 0 !important; } .post-footer .item-list ul li .post-block { background: transparent !important; } .post-footer .item-list ul li .post-block .post-title { font-size: 14px; } .post-footer .item-list ul li .post-block .post-title a { color: #fff; font-weight: 400; } .post-footer .item-list ul li .post-block .post-title a:hover { color: #cba43d; } .post-footer .item-list ul li .post-block .post-meta { color: rgba(255, 255, 255, 0.8); } .post-footer .item-list ul li .post-block .post-meta .post-categories { font-size: 12px; } .post-footer .item-list ul li .post-block .post-meta .post-categories a { font-size: 10px; } .owl-carousel .post-block { margin-bottom: 0 !important; } .post-style-grid .post-block { margin-bottom: 40px; } .gallery-post { position: relative; display: block; width: 100%; margin-bottom: 30px; } .gallery-post:after { content: ""; width: 100%; height: 100%; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; top: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.5); z-index: 9; opacity: 0; filter: alpha(opacity=0); } .gallery-post .images { overflow: hidden; position: relative; } .gallery-post .images img { -webkit-transition: all 5s; -o-transition: all 5s; transition: all 5s; -moz-transition: all 5s; -ms-transition: all 5s; } .gallery-post a.zoomGallery { position: absolute; width: 32px; height: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; z-index: 99; color: #fff; font-size: 30px; line-height: 1; opacity: 0; filter: alpha(opacity=0); } @media (max-width: 680px) { .gallery-post a.zoomGallery { display: none; } } .gallery-post:hover:after { opacity: 1; filter: alpha(opacity=100); } .gallery-post:hover a.zoomGallery { opacity: 1; filter: alpha(opacity=100); } .style-dark .post-block { background: transparent; } .style-dark .post-block .post-title { background: transparent; } .style-dark .post-block .post-title a { color: #fff; } .style-dark .post-block .post-title a:hover { color: #cba43d; } .post-style-horizontal .post-block:before, .post-style-horizontal .post-block:after { content: " "; display: table; } .post-style-horizontal .post-block:after { clear: both; } .node--view-mode-full .post-thumbnail { margin-bottom: 10px; } .node--view-mode-full .post-thumbnail iframe { min-height: 400px; } .node--view-mode-full .post-categories { padding-bottom: 0; margin-bottom: 5px; } .node-detail { padding-bottom: 35px; } .node-detail iframe { width: 100%; display: block; } .node-detail .post-thumbnail.post-gallery { overflow: hidden; } .node-detail .post-thumbnail.post-gallery .owl-nav { opacity: 1; filter: alpha(opacity=100); } .node-detail .post-thumbnail.post-gallery .owl-nav .owl-prev { margin-left: 100px; } .node-detail .post-thumbnail.post-gallery .owl-nav .owl-next { margin-right: 100px; } .node-detail .post-title { margin-top: 10px; font-size: 24px; } .node-detail .post-meta { margin: 0 0 15px; } .node-detail .field--name-field-tags { margin-top: 20px; } .node-detail .field--name-field-tags .field__item { float: left; margin-right: 10px; font-weight: 400; text-transform: uppercase; font-size: 14px; } .node-detail .field--name-field-tags .field__item a { background: #f5f5f5; padding: 2px 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .node-detail .field--name-field-tags .field__item a:hover, .node-detail .field--name-field-tags .field__item a:focus, .node-detail .field--name-field-tags .field__item a:active { background: #cba43d; color: #fff; } .categories-view-content.layout-grid .post-block, .categories-view-content.layout-masonry .post-block { margin-bottom: 30px; text-align: left; } .categories-view-content.layout-grid .post-block .post-categories, .categories-view-content.layout-masonry .post-block .post-categories { margin: 0; } .categories-view-content.layout-grid .post-block .post-categories h2, .categories-view-content.layout-masonry .post-block .post-categories h2, .categories-view-content.layout-grid .post-block .post-categories h3, .categories-view-content.layout-masonry .post-block .post-categories h3, .categories-view-content.layout-grid .post-block .post-categories h4, .categories-view-content.layout-masonry .post-block .post-categories h4 { margin: 0; line-height: 1; } .categories-view-content.layout-grid .post-block .post-title, .categories-view-content.layout-masonry .post-block .post-title { padding: 0; } .categories-view-content.layout-grid .post-block .post-meta, .categories-view-content.layout-masonry .post-block .post-meta { margin-top: 0; } .categories-view-content.layout-grid .post-block .post-body, .categories-view-content.layout-masonry .post-block .post-body { padding: 10px 0 15px; } .categories-view-content.layout-grid .post-block .post-content, .categories-view-content.layout-masonry .post-block .post-content { padding: 15px; border: 1px solid #dee2e6; border-top: 0; } .categories-view-content.layout-list .post-block { margin-bottom: 0; } .categories-view-content.layout-list .post-block:before, .categories-view-content.layout-list .post-block:after { content: " "; display: table; } .categories-view-content.layout-list .post-block:after { clear: both; } .categories-view-content.layout-list .post-block .post-thumbnail { width: 45%; float: left; } @media (max-width: 575.98px) { .categories-view-content.layout-list .post-block .post-thumbnail { width: 100%; } } .categories-view-content.layout-list .post-block .post-title { padding: 0; margin: 0; } .categories-view-content.layout-list .post-block .post-content { width: 55%; float: left; padding-left: 30px; } @media (max-width: 575.98px) { .categories-view-content.layout-list .post-block .post-content { width: 100%; } } .categories-view-content.layout-list .post-block .post-content .post-categories { line-height: 1; padding-bottom: 0; margin-bottom: 0; } .categories-view-content.layout-list .post-block .post-content .post-categories h2 { margin: 0; } .post-style-list ul>li { margin-bottom: 30px !important; } .post-style-list .post-block { clear: both; } .post-style-list .post-block .post-image { width: 40%; float: left; } @media (max-width: 575.98px) { .post-style-list .post-block .post-image { width: 100%; } } .post-style-list .post-block .post-image img { height: auto; width: 100%; } .post-style-list .post-block .post-meta { margin-top: 2px; } .post-style-list .post-block .post-title { margin-bottom: 0; } .post-style-list .post-block .post-title a { font-size: 18px; } .post-style-list .post-block .post-content { padding-top: 5px; width: 60%; padding-left: 30px; float: left; } @media (max-width: 575.98px) { .post-style-list .post-block .post-content { width: 100%; padding-left: 0; } } .post-style-list .post-block .post-title { padding-top: 0; } .post-style-list .post-block.no-image .post-content { width: 100%; padding-left: 0; } .post-list-small { background: #fff; border: 1px solid #dee2e6; padding: 20px; } .post-list-small .item-list ul li { margin-bottom: 20px !important; padding-bottom: 20px; border-bottom: 1px solid #dee2e6; } .post-list-small .item-list ul li:last-child { margin-bottom: 0 !important; border-bottom: 0; border: 0; } .post-list-small .post-block { clear: both; background: none; } .post-list-small-2 .item-list ul li { margin-bottom: 20px !important; } .post-list-small-2 .item-list ul li:last-child { margin-bottom: 0 !important; } .post-list-small-2 .post-block { clear: both; background: none; } .post-list-small-2 .post-block .post-image { width: 90px; float: left; } .post-list-small-2 .post-block .post-image img { height: auto; width: 100%; } .post-list-small-2 .post-block .post-content { padding-left: 110px; } .post-list-small-2 .post-block .post-title { padding: 0; margin: 0; font-size: 15px; line-height: 1.4; } .post-list-small-2 .post-block .post-meta { position: relative; margin-top: 3px; font-size: 13px; } .post-list-small-2 .post-block .post-meta a { color: #888 !important; } .post-list-small-2 .post-block .post-meta a:hover { color: #cba43d !important; } .post-list-small-3 .item-list ul li { margin-bottom: 15px !important; padding-bottom: 15px !important; border-bottom: 1px solid #dee2e6; } .post-list-small-3 .item-list ul li:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; border: none; } .post-list-small-3 .post-block { clear: both; background: none; } .post-list-small-3 .post-block .post-title { padding: 0; margin: 0; } .post-list-small-3 .post-block .post-title a { font-size: 16px; line-height: 22px; } .post-list-small-3 .post-block .post-meta { margin: 4px 0 0; } .team-block.team-v1 { text-align: center; margin-bottom: 30px; position: relative; overflow: hidden; background: transparent; background: #fff; } .team-block.team-v1 .team-image { position: relative; background: transparent; } .team-block.team-v1 .team-image .socials-team { z-index: 9; width: auto; padding: 10px 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; text-align: center; position: absolute; top: -20px; right: 10px; z-index: 9; width: 32px; } .team-block.team-v1 .team-image .socials-team a { width: 32px; height: 32px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; line-height: 32px; text-align: center; color: #fff; background: #2B2B33; font-size: 14px; display: block; margin-bottom: 10px; } .team-block.team-v1 .team-image .socials-team a:hover, .team-block.team-v1 .team-image .socials-team a:focus, .team-block.team-v1 .team-image .socials-team a:active { background: #cba43d; } .team-block.team-v1 .team-image .item-image { position: relative; } .team-block.team-v1 .team-image .item-image a:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); opacity: 0; filter: alpha(opacity=0); z-index: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .team-block.team-v1 .team-content { background: transparent; position: relative; text-align: left; padding: 10px 20px 20px; border: 1px solid #dee2e6; border-top: 0; } .team-block.team-v1 .team-content .team-name { font-size: 18px; font-weight: 700; margin: 0; line-height: 20px; padding: 20px 0 6px; text-transform: capitalize; } .team-block.team-v1 .team-content .team-job { font-size: 13px; color: #808080; padding: 0 0 10px; } .team-block.team-v1 .team-skills .progress-label { font-weight: 400 !important; font-size: 12px; color: #000; text-transform: capitalize; } .team-block.team-v1 .team-skills .progress { margin-bottom: 11px !important; height: 2px !important; } .team-block.team-v1 .team-skills .progress .progress-bar span { display: none; } .team-block.team-v1 .team-skills .progress .percentage { font-size: 12px !important; top: -22px; color: #000; font-weight: 400; } .team-block.team-v1:hover .team-image .item-image:after { opacity: 1; filter: alpha(opacity=100); } .team-block.team-v1:hover .team-image .socials-team { opacity: 1; filter: alpha(opacity=100); top: 10px; } .team-block.team-v2 { max-width: 500px; margin: 0 auto 30px; } .team-block.team-v2 .team-image { position: relative; text-align: center; } .team-block.team-v2 .team-content { text-align: center; z-index: 2; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; padding-top: 20px; } .team-block.team-v2 .team-content .socials-team { z-index: 9; width: auto; padding: 5px 0; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; text-align: center; margin-top: 10px; margin-bottom: 10px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; } .team-block.team-v2 .team-content .socials-team a { text-align: center; color: #949494; font-size: 16px; margin: 0 5px; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #F3F3F3; display: inline-block; line-height: 40px; } .team-block.team-v2 .team-content .socials-team a:hover, .team-block.team-v2 .team-content .socials-team a:focus, .team-block.team-v2 .team-content .socials-team a:active { color: #000000; background: #cba43d; } .team-block.team-v2 .team-content .team-name { font-weight: 700; line-height: 22px; font-size: 20px; margin-bottom: 5px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .team-block.team-v2 .team-content .team-name a:hover { color: #cba43d; } .team-block.team-v2 .team-content .team-job { font-size: 14px; font-weight: 400; margin-top: 5px; } .team-carousel .team-block, .team-carousel .team-v2 { margin-bottom: 0; } .team-list .team-block .team-image { width: 35%; float: left; } .team-list .team-block .team-content { padding-left: 30px; width: 65%; float: left; } .team-list .team-block .team-content .team-body { display: block !important; visibility: visible !important; padding: 10px 0; } .post-slider.post-block { position: relative; } .post-slider.post-block .post-inner { position: relative; } .post-slider.post-block .post-inner:after { content: ''; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; } .post-slider.post-block .post-meta-wrap { width: 100%; padding: 30px 30px; position: absolute; bottom: 0; left: 0; z-index: 9; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } @media (max-width: 767.98px) { .post-slider.post-block .post-meta-wrap { padding: 20px; } } .post-slider.post-block .post-meta-wrap .post-title { padding: 0 0 2px; } .post-slider.post-block .post-meta-wrap .post-title a { font-size: 16px; color: #fff; font-weight: 500; line-height: 24px; } @media (max-width: 767.98px) { .post-slider.post-block .post-meta-wrap .post-title a { font-size: 15px; } } .post-slider.post-block .post-meta-wrap .post-title a:hover { color: #cba43d !important; } .post-slider.post-block .post-body { margin-top: 0; line-height: 24px; color: rgba(255, 255, 255, 0.85); } @media (max-width: 767.98px) { .post-slider.post-block .post-body { display: none; } } .post-slider.post-block .post-meta { color: #fff; } .post-slider.post-block .post-categories { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .post-slider.post-block .post-categories a { font-size: 12px; color: #fff; font-weight: 400; background: #cba43d; padding: 2px 10px; } .box-margin-0 { margin-bottom: 0; } .box-margin-small { margin-bottom: 30px; } @media (max-width: 767.98px) { .box-margin-small { margin-bottom: 20px; } } .box-margin-medium { margin-bottom: 50px; } @media (max-width: 767.98px) { .box-margin-medium { margin-bottom: 20px; } } @media (max-width: 575.98px) { .box-margin-medium { margin-top: 10px; } } .box-margin-large { margin-bottom: 80px; } @media (max-width: 991px) { .box-margin-large { margin-bottom: 50px; } } @media (max-width: 767.98px) { .box-margin-large { margin-bottom: 30px; } } .no-margin { margin: 0 !important; } .margin-1 { margin-top: -80px; } @media (max-width: 991px) { .margin-1 { margin-top: 30px; } } .margin-2 { margin-top: 60px; } @media (max-width: 767.98px) { .margin-2 { margin-top: 20px; } } .margin-3 { margin-top: 80px; } @media (max-width: 767.98px) { .margin-3 { margin-top: 50px; } } .margin-4 { margin-top: 30px; } @media (max-width: 575.98px) { .margin-4 { margin-top: 0; } } .margin-top-0 { margin-top: 0 !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-bottom-0 { margin-bottom: 0 !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .margin-bottom-80 { margin-bottom: 80px !important; } .margin-bottom-90 { margin-bottom: 90px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } .padding-10 { padding: 10px !important; } .padding-20 { padding: 20px !important; } .padding-30 { padding: 30px !important; } .padding-40 { padding: 40px !important; } .padding-50 { padding: 50px !important; } .padding-bottom-0 { padding-bottom: 0 !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-bottom-100 { padding-bottom: 100px !important; } @media (max-width: 767.98px) { .padding-bottom-100 { padding-bottom: 30px !important; } } .padding-top-10 { padding-top: 10px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-50 { padding-top: 50px !important; } .width-100 { max-width: 100px; margin: 0 auto; } .width-200 { max-width: 200px; margin: 0 auto; } .width-300 { max-width: 300px; margin: 0 auto; } .width-400 { max-width: 400px; margin: 0 auto; } .width-500 { max-width: 500px; margin: 0 auto; } .width-600 { max-width: 600px !important; margin: 0 auto; } .width-700 { max-width: 700px; margin: 0 auto; } .width-750 { max-width: 750px; margin: 0 auto; } .width-800 { max-width: 800px; margin: 0 auto; } .width-900 { max-width: 900px; margin: 0 auto; } .width-950 { max-width: 950px; margin: 0 auto; } .width-1000 { max-width: 1000px; margin: 0 auto; } .radius-1x { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .radius-2x { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .radius-5x { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .border-1 { border: 1px solid #dee2e6; } .border-2 { border: 2px solid #dee2e6; } .border-3 { border: 3px solid #dee2e6; } .border-4 { border: 4px solid #dee2e6; } .border-5 { border: 5px solid #dee2e6; } .border-top-1 { border-top: 1px solid #dee2e6; } .fsize-18 { font-size: 18px !important; } .fsize-20 { font-size: 20px !important; } .fsize-22 { font-size: 22px !important; } .fsize-24 { font-size: 24px !important; } .fsize-26 { font-size: 26px !important; } .fsize-28 { font-size: 28px !important; } .fsize-30 { font-size: 30px !important; } .fsize-32 { font-size: 32px !important; } .fsize-34 { font-size: 34px !important; } .fsize-36 { font-size: 36px !important; } .fsize-38 { font-size: 38px !important; } .fsize-40 { font-size: 40px !important; } .fsize-42 { font-size: 42px !important; } .fsize-44 { font-size: 44px !important; } .fsize-46 { font-size: 46px !important; } .fsize-48 { font-size: 48px !important; } .fsize-50 { font-size: 50px !important; } .fsize-52 { font-size: 52px !important; } .fsize-54 { font-size: 54px !important; } .fsize-56 { font-size: 56px !important; } .fsize-58 { font-size: 58px !important; } .fsize-60 { font-size: 60px !important; } .fsize-70 { font-size: 70px !important; } .fsize-80 { font-size: 80px !important; } .fsize-90 { font-size: 90px !important; } .fsize-100 { font-size: 100px !important; } @media (max-width: 991px) { .fsize-38, .fsize-40, .fsize-42, .fsize-44, .fsize-46, .fsize-48, .fsize-50 { font-size: 30px !important; } .fsize-52, .fsize-54, .fsize-56, .fsize-58, .fsize-60 { font-size: 40px !important; } .fsize-70, .fsize-80, .fsize-90, .fsize-100 { font-size: 58px !important; } } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-900 { font-weight: 900 !important; } .text-light .border-1, .text-light .border-2, .text-light .border-3, .text-light .border-4, .text-light .border-5 { border-color: rgba(255, 255, 255, 0.6) !important; } .padding-responsive { padding: 30px 120px; } @media (max-width: 767.98px) { .padding-responsive { padding: 30px; } } .special-margin-top { margin-top: -125px; } @media (max-width: 767.98px) { .special-margin-top { margin-top: 30px; } } .special-margin-top-2 { margin-top: -120px; } @media (max-width: 767.98px) { .special-margin-top-2 { margin-top: 10px; margin-bottom: 30px; } } .margin-top-contact { margin-top: -100px; padding-bottom: 80px; } @media (max-width: 767.98px) { .margin-top-contact { margin-top: 30px; padding-bottom: 45px; } } .padding-lr-15p { padding-left: 15%; padding-right: 15%; } @media (max-width: 767.98px) { .padding-lr-15p { padding-left: 20px; padding-right: 20px; } } .border { border: 1px solid #dee2e6; } .border-top { border-top: 1px solid #dee2e6; } .border-bottom { border-bottom: 1px solid #dee2e6; } .overflow-visible { overflow: visible !important; } .float-left { float: left; } .float-right { float: right; margin-right: 1px !important; } .no-bg { background-color: transparent !important; } .col-no-padding div[class*="col-"] { padding: 0 !important; } .p-static { position: static !important; } .p-relative { position: relative !important; } .bg-theme { background: #cba43d; } .bg-theme-second { background: #000000; } .bg-white { background: #fff; } .bg-black { background: #333333; } .bg-dark { background: #1f1f1f; } .bg-fixed, .gva-fixed-background { background-attachment: fixed; } @media (max-width: 991px) { .bg-fixed, .gva-fixed-background { background-attachment: scroll; } } .bg-content-box { background-clip: content-box; } .youtube-bg { position: relative; z-index: 9; } .youtube-bg:after { content: ""; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 9; } .youtube-bg .bb-inner { position: relative; z-index: 99; } .ui-widget-content { color: #595959; } .gva-overlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 9; display: none; } .text-normal { font-size: 15px; } .text-size-medium { font-size: 16px; line-height: 32px; font-weight: 400; } .text-medium { font-size: 24px; line-height: 38px; font-weight: 400; color: #000; text-transform: capitalize; } .text-medium-2 { font-size: 30px; line-height: 36px; font-weight: 600; color: #000000; text-transform: capitalize; margin-top: 5px; } .text-size-big { font-size: 42px; font-weight: 700; text-transform: uppercase; line-height: 48px; letter-spacing: 1px; } @media (max-width: 767.98px) { .text-size-big { font-size: 30px; line-height: 38px; } } .text-size-big { font-size: 36px; } @media (max-width: 767.98px) { .text-size-big { font-size: 20px; } } .text-black { color: #000 !important; } .text-white { color: #fff !important; } .text-theme { color: #cba43d !important; } .text-theme-2, .text-theme-second { color: #000000 !important; } .color-theme { color: #cba43d !important; } .color-white { color: #fff !important; } .color-dark { color: #f1f1f1 !important; } .color-black { color: #333 !important; } .gavias-parallax { background-attachment: fixed !important; } @media (max-width: 575.98px) { .gavias-parallax { background-attachment: scroll !important; } } .gavias-parallax.fp-section { background-attachment: scroll !important; } .socials { display: inline-block; width: 100%; } .socials a { color: #595959; text-decoration: none; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; margin-right: 12px; font-size: 14px; } .socials a:last-child { margin-right: 0; } .socials a:hover, .socials a:focus, .socials a:active { opacity: 0.8; filter: alpha(opacity=80); } .socials a i { color: #fff !important; width: 30px; height: 30px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; text-align: center; line-height: 30px; font-size: 12px; background: #cba43d; } .socials a i.fa-facebook-square, .socials a i.fa-facebook { background: #3b5998; } .socials a i.fa-twitter, .socials a i.fa-twitter-square { background: #4099ff; } .socials a i.fa-skype { background: #12a5f4; } .socials a i.fa-dribbble { background: #ea4c89; } .socials a i.fa-linkedin-square, .socials a i.fa-linkedin { background: #0e76a8; } .socials a i.fa-apple { background: #f2f2f2; } .socials a i.fa-pinterest { background: #c92228; } .socials a i.fa-google-plus-square, .socials a i.fa-google-plus { background: #d34836; } .socials a i.fa-youtube-square, .socials a i.fa-youtube { background: #c4302b; } .socials a i.fa-vimeo-square, .socials a i.fa-vimeo { background: #4ebbff; } .socials a i.fa-tumblr-square, .socials a i.fa-tumblr { background: #35465c; } .socials a i.fa-xing-square, .socials a i.fa-xing { background: #126567; } .socials a i.fa-instagram { background: #e8e2d9; } .socials a i.fa-flickr { background: #0063DC; } .social-copyright { float: right; } .post-masonry-style>div, .isotope-items>div { margin-left: -1px; -webkit-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); transform: translateX(1px); } .nav-tabs>li>a { font-weight: 700; color: #000; padding: 8px 18px; border: none; font-size: 13px; text-transform: uppercase; background: none; } .nav-tabs>li>a i { margin-right: 5px; } .nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:active { color: #cba43d; } .nav-tabs>li.active>a, .nav-tabs>li>a.active { color: #cba43d; } .box-quick-link ul { padding: 0; margin: 0; } .box-quick-link ul>li { width: 46%; height: 70px; border: 1px solid #dee2e6; float: left; list-style: none; text-align: center; margin-bottom: 8%; } .box-quick-link ul>li:nth-child(2n) { margin-left: 4%; } .box-quick-link ul>li:nth-child(2n+1) { margin-right: 4%; } .box-quick-link ul>li a { font-weight: 700; font-size: 13px; display: block; line-height: 1.8; padding-top: 12px; } .box-quick-link ul>li a i { display: block; font-size: 23px; color: #777777; } .box-quick-link ul>li a:hover { color: #fff; } .box-quick-link ul>li a:hover i { color: #fff; } .box-quick-link ul>li:hover { background-color: #555555; } .box-quick-link ul>li:hover * { color: #fff; } .init-carousel-owl { margin-left: -15px; margin-right: -15px; width: auto; } .init-carousel-owl .owl-item>.item { padding-left: 15px; padding-right: 15px; } .init-carousel-owl.carousel-no-padding, .init-carousel-owl.no-padding { margin-left: 0 !important; margin-right: 0 !important; } .init-carousel-owl.carousel-no-padding .owl-item>.item, .init-carousel-owl.no-padding .owl-item>.item { padding-left: 0 !important; padding-right: 0 !important; } .init-carousel-owl[data-items*="1"] { margin-left: 0 !important; margin-right: 0 !important; } .init-carousel-owl[data-items*="1"] .owl-item>.item { padding-left: 0 !important; padding-right: 0 !important; } div.error { background-repeat: no-repeat !important; background-image: none !important; } .owl-carousel { background: none !important; position: relative; max-height: 200px; } .owl-carousel .item { -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; -moz-transition: opacity 0.35s; -ms-transition: opacity 0.35s; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .owl-carousel .owl-stage-outer .item { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .owl-carousel.owl-loaded { max-height: none; } .owl-carousel .owl-item img { display: inline-block; width: auto; } .owl-carousel .owl-controls { margin: 0; } .owl-carousel .owl-controls .owl-pagination { position: relative; bottom: 10px; z-index: 9; display: inline-block; width: 100%; left: 0; } .owl-carousel .owl-controls .owl-pagination .owl-page span { background: #d6d6d6; width: 10px; height: 10px; } .owl-carousel .owl-controls .owl-pagination .owl-page.active span { background: #869791; } .owl-carousel .owl-dots { margin-top: 10px; text-align: center; width: 100%; display: block; clear: bottom; } .owl-carousel .owl-dots .owl-dot { width: 16px; height: 6px; background: #ADB2B5; -webkit-transition: background 0.35s; -o-transition: background 0.35s; transition: background 0.35s; -moz-transition: background 0.35s; -ms-transition: background 0.35s; display: inline-block; margin: 0 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border: none; } .owl-carousel .owl-dots .owl-dot.active { background: #cba43d; } .owl-carousel .owl-nav { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; } .owl-carousel .owl-nav>div { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; color: #595959 !important; opacity: 1; filter: alpha(opacity=100); background: none; line-height: 42px; text-align: center; font-size: 16px; padding-top: 0; padding-bottom: 0; background: #F6F6F6; border: 1px solid #dee2e6; -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); } .owl-carousel .owl-nav>div:hover { background: #cba43d; } .owl-carousel .owl-nav>div:hover i { color: #fff; } .owl-carousel .owl-nav>div.owl-prev { right: auto !important; left: 0 !important; } .owl-carousel .owl-nav>div.owl-next { left: auto !important; right: 0 !important; } .owl-carousel:hover .owl-nav { opacity: 1; filter: alpha(opacity=100); background: #fff; } .owl-carousel:hover .owl-nav .owl-next { margin-left: 30px; } .owl-carousel:hover .owl-nav .owl-prev { margin-right: 30px; } .owl-carousel.carousel-thumbnail.text.top { padding-top: 60px; } .owl-carousel.carousel-thumbnail.text.top .owl-dots { position: absolute; top: 10px; left: 0; width: 100%; z-index: 99; margin-top: 0; } .owl-carousel.carousel-thumbnail.text.top .owl-dots .owl-dot { width: auto; height: auto; background: none; text-transform: uppercase; font-size: 13px; margin: 0 10px; color: #000; font-weight: 700; } .owl-carousel.carousel-thumbnail.text.top .owl-dots .owl-dot.active { color: #cba43d; } .owl-carousel.carousel-thumbnail.text.vertical { padding-left: 25%; } .owl-carousel.carousel-thumbnail.text.vertical .owl-nav { display: none; } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots { position: absolute; top: 0; left: 0; width: 25%; z-index: 99; margin-top: 0; padding-right: 30px; } @media (max-width: 767.98px) { .owl-carousel.carousel-thumbnail.text.vertical .owl-dots { width: 100%; } } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot { width: 100%; display: block; text-align: left; background: none; text-transform: uppercase; font-size: 13px; color: #000; font-weight: 700; background: #fff; padding: 25px 20px; border-bottom: 1px solid #dee2e6; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; height: auto; line-height: 1; position: relative; } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot:after { content: ""; position: absolute; right: 0; top: 15px; bottom: 15px; width: 3px; background: #cba43d; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot:last-child { border-bottom: 0; } @media (max-width: 767.98px) { .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot { display: inline-block; width: auto; text-align: center; } } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot.active { color: #cba43d; } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot.active:after { opacity: 1; filter: alpha(opacity=100); } .owl-carousel.pagination-right .owl-dots { position: absolute; right: -30px; top: 50%; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: auto; } .owl-carousel.pagination-right .owl-dots .owl-dot { display: block; margin: 10px 0; } .owl-carousel.pagination-left .owl-dots { float: left; width: auto; margin-top: 15px; text-align: left; } .owl-carousel.white .owl-dots .owl-dot { background: #AAABAC; } .owl-carousel.white .owl-dots .owl-dot.active { background: #fff; } .button, .btn, .btn-white, .btn-theme, .btn-theme-second, .more-link a, .btn-theme-submit { background: #cba43d; color: #000000; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; font-size: 14px; font-weight: 500; padding: 0 30px; position: relative; display: inline-block; line-height: 50px; z-index: 1; text-transform: uppercase; border: none; } .button:hover, .btn:hover, .btn-white:hover, .btn-theme:hover, .btn-theme-second:hover, .more-link a:hover, .btn-theme-submit:hover, .button:focus, .btn:focus, .btn-white:focus, .btn-theme:focus, .btn-theme-second:focus, .more-link a:focus, .btn-theme-submit:focus, .button:active, .btn:active, .btn-white:active, .btn-theme:active, .btn-theme-second:active, .more-link a:active, .btn-theme-submit:active, .button.active, .btn.active, .btn-white.active, .btn-theme.active, .btn-theme-second.active, .more-link a.active, .btn-theme-submit.active { background: #b89331; cursor: pointer; color: #000000; } .more-link { text-align: center; margin-top: 30px; } .btn-theme-second { background: #000000; color: #fff; } .btn-theme-second:hover, .btn-theme-second:focus, .btn-theme-second:active { background: black; color: #fff; } .btn-white { background: #fff; color: #000000; } .btn-white:hover, .btn-white:focus, .btn-white:active { color: #000000; background: #e6e6e6; -webkit-box-shadow: none; box-shadow: none; } .btn-inline { font-size: 14px; text-transform: uppercase; color: #cba43d; position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-weight: 600; padding-right: 30px; } .btn-inline:after { content: '\f061'; font-family: "FontAwesome"; position: absolute; top: 3px; right: 12px; color: #cba43d; z-index: 1; line-height: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-weight: 900; font-size: 12px; } .btn-inline:hover { color: #000000; } .btn-inline:hover:after { color: #000000; } /*************** Easy PieChart ***************/ .easyPieChart { font-size: 24px; font-weight: 400; position: relative; text-align: center; display: inline-block; } .easyPieChart:last-child { margin-right: 0; } .easyPieChart span { line-height: 20px; font-size: 12px; font-weight: 700; text-transform: uppercase; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } /*************** Progress Bars ***************/ .progress-label { font-size: 14px; color: #000; font-weight: 700; text-transform: uppercase; margin-bottom: 2px; text-align: left; } .progress { height: 3px !important; background-color: #BCBCBC !important; position: relative; overflow: visible !important; border-radius: 0 !important; } .progress .progress-bar { -webkit-transition: width 2s ease-in-out; -o-transition: width 2s ease-in-out; transition: width 2s ease-in-out; -moz-transition: width 2s ease-in-out; -ms-transition: width 2s ease-in-out; text-align: right; line-height: 16px !important; background: #cba43d; position: relative; } .progress .percentage { font-size: 12px !important; text-align: center; position: absolute; right: 1px; top: -24px; z-index: 9; color: #595959; font-weight: 700; } /*************** Pricing Tables ***************/ .pricing-table { position: relative; background-color: #fff; top: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border: 1px solid #dee2e6; padding: 20px; margin-bottom: 30px; } @media (max-width: 575.98px) { .pricing-table { margin-bottom: 35px; } } .pricing-table ul li { list-style: none; } .pricing-table .plan-name { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-weight: 700; padding: 15px 0 2px; text-align: center; } .pricing-table .plan-name .title { font-weight: 700; color: #000; font-size: 16px; text-transform: uppercase; } .pricing-table .content-wrap .plan-price { margin: 0 0 10px; text-align: center; border-bottom: 1px solid #dee2e6; } .pricing-table .content-wrap .plan-price .price-value { display: inline-block; } .pricing-table .content-wrap .plan-price .price-value .dollar { font-size: 18px; display: inline-block; position: relative; line-height: 38px; float: left; color: #cba43d; } .pricing-table .content-wrap .plan-price .price-value .value { font-size: 30px; font-weight: 400; display: inline-block; line-height: 48px; float: left; color: #cba43d; } .pricing-table .content-wrap .plan-price .interval { margin-top: 18px; font-size: 12px; line-height: 22px; font-weight: 400; position: relative; display: block; color: #7b7b7b; float: left; text-transform: uppercase; } .pricing-table .plan-list { padding: 0; text-align: left; } .pricing-table .plan-list ul { padding: 0; } .pricing-table .plan-list ul li { padding: 5px 0 5px 20px; font-size: 14px; list-style: none; position: relative; } .pricing-table .plan-list ul li:after { content: '\f00c'; font-family: "FontAwesome"; position: absolute; top: 8px; left: 0; z-index: 1; color: #cba43d; font-size: 12px; font-weight: 900; } .pricing-table .plan-list ul li.off { color: #bbb; } .pricing-table .plan-list ul li.off:after { content: '\f00d'; color: #bbb; font-size: 10px; top: 10px; font-weight: 900; } .pricing-table .plan-signup { margin-top: 30px; } .pricing-table .plan-signup a { width: 100%; text-align: center; } .pricing-table:hover { -webkit-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); } .pricing-table.highlight-plan { -webkit-box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1); position: relative; z-index: 9; } .pricing-table.highlight-plan .recommended-plan { background: #cba43d; color: #fff; font-size: 13px; font-weight: 500; text-transform: uppercase; text-align: center; position: absolute; top: -15px; left: 15px; right: 15px; width: auto; letter-spacing: 1px; padding: 3px 5px; } .pricing-table.highlight-plan .plan-name .title { color: #cba43d; } /************** Pricing Vertical ***************************/ .pricing-vertical { border: 1px solid #dee2e6; background: #fff; } @media (max-width: 767.98px) { .pricing-vertical { border: none; background: none; } } .pricing-vertical ul { list-style: none; padding: 0; margin: 0 !important; } .pricing-vertical ul>li { height: 4.875em; padding: 1.625em 0; } .pricing-vertical ul>li:nth-child(odd) { background: #f5f5f5; } .pricing-vertical ul>li .checkmark, .pricing-vertical ul>li .crossmark { width: 1.625em; height: 1.625em; line-height: 1.625em; background: #64b671; border-radius: 50%; display: inline-block; position: relative; text-align: center; } .pricing-vertical ul>li .checkmark:before, .pricing-vertical ul>li .crossmark:before { content: '\f00c'; font-family: 'FontAwesome'; position: absolute; color: #fff; width: 100%; left: 0; opacity: 1; font-size: 11px; font-weight: 900; } .pricing-vertical ul>li .crossmark { background: #e34747; } .pricing-vertical ul>li .crossmark:before { content: '\f00d'; } .pricing-vertical .row { margin: 0 !important; } .pricing-vertical div[class*='col-'] { padding: 0 !important; border-right: 1px solid #dee2e6; } @media (max-width: 767.98px) { .pricing-vertical div[class*='col-'] { margin-bottom: 30px; border: 1px solid #dee2e6 !important; background: #fff; } } .pricing-vertical div[class*='col-']:last-child { border-right: 0; } .pricing-vertical div[class*='col-'].pricing-highlight { box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.08); z-index: 2; } .pricing-vertical div[class*='col-']:not(:first-child) ul li:last-child { height: auto !important; } .pricing-vertical div[class*='col-'] .pricing-title { min-height: 106px; padding: 1.625em 0; position: relative; } .pricing-vertical div[class*='col-'] .pricing-title h6 { text-transform: uppercase; font-size: 12px; margin: 0; color: #595959; letter-spacing: 1px; } .pricing-vertical div[class*='col-'] .pricing-title .pricing-price { line-height: 1; } .pricing-vertical div[class*='col-'] .pricing-title .pricing-price .pricing-dollar { font-size: 16px; position: relative; top: -8px; color: #000; } .pricing-vertical div[class*='col-'] .pricing-title .pricing-price .price { font-size: 30px; font-weight: 700; color: #000; } .pricing-vertical .col-heading { font-size: 16px; font-weight: 700; color: #000; } .pricing-vertical .col-heading ul li { height: 4.256em; } .panel { border: none !important; margin-top: 0 !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; background: #fff; padding: 15px; } .panel .panel-heading { background: none !important; padding: 0 !important; margin-bottom: 0; } .panel .panel-heading .panel-title { font-size: 18px; line-height: 28px; margin-bottom: 0; } .panel .panel-heading .panel-title>a { display: block; letter-spacing: 0; position: relative; padding: 5px 0; } .panel .panel-heading .panel-title>a:after { content: "\f068"; font-family: "FontAwesome"; position: absolute; font-size: 12px; top: 2px; right: -20px; z-index: 1; color: #fff; width: 22px; height: 22px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; line-height: 22px; background: #000000; } .panel .panel-heading .panel-title>a.collapsed:after { background: #cba43d; content: "\f067"; color: #fff; } .panel .panel-body { border: none !important; line-height: 28px; padding: 10px 30px 0; } .dropcap { display: block; float: left; font-size: 40px; line-height: 34px; color: #444; margin: 6px 8px 0 0; } .dropcap.border-dropcap { border: 2px solid #444; width: 46px; height: 46px; font-size: 28px; font-weight: 500; line-height: 42px; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; margin: 8px 12px 0 0; } .dropcap.bg-dropcap { background-color: #444; color: #fff; width: 48px; height: 48px; font-size: 28px; font-weight: 500; line-height: 48px; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; margin: 8px 12px 0 0; } .dropcap.circle-dropcap { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 2px solid #444; width: 46px; height: 46px; font-size: 28px; font-weight: 500; line-height: 42px; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; margin: 8px 12px 0 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .info-contact>div { float: left; margin-right: 100px; margin-top: 10px; margin-bottom: 10px; } @media (max-width: 991px) { .info-contact>div { margin-right: 50px; } } @media (max-width: 767.98px) { .info-contact>div { margin-right: 30px; } } .info-contact>div:last-child { margin-right: 0; } .info-contact>div .icon { width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; float: left; margin-right: 10px; line-height: 40px; color: #fff; background: #cba43d; text-align: center; margin-top: -7px; } .info-contact>div.phone .icon { background: #000000; } .info-contact>div.address .icon { background: #000000; } /* This is required to win over specificity of #content h2 */ .links .comment-add { display: none; } #node-single-comment { margin-top: 30px; } #node-single-comment h2 { margin-top: 30px; margin-bottom: 1em; font-size: 20px; position: relative; padding-left: 15px; padding-bottom: 8px; border-bottom: 1px solid #E6E6E6; } #node-single-comment h2:before { content: ""; position: absolute; width: 5px; height: 20px; background: #cba43d; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; left: 0; top: 3px; z-index: 1; } #node-single-comment #comment-form .form-item { margin-bottom: 20px; } #node-single-comment #comment-form .form-item.js-form-type-textarea { margin: 0; } #node-single-comment #comment-form .form-item label { text-transform: uppercase; font-size: 12px; display: block; font-weight: 700; color: #6a6a6a; } #node-single-comment #comment-form ul>li { list-style-type: none; } #node-single-comment input[type*='text'], #node-single-comment textarea { width: 100%; } .comment-wrapper h2.comment-form__title { margin-bottom: 1em; } .field-node--comment { font-size: 0.934em; } .comment { margin-bottom: 19px; vertical-align: top; display: table; } [dir="rtl"] .comment { direction: rtl; } .comment__meta { padding: 0 30px 0 0; /* LTR */ font-size: 1.071em; width: 115px; } @media (max-width: 767.98px) { .comment__meta { width: 90px; } } [dir="rtl"] .comment__meta { padding: 0 0 0 30px; } .comment__attribution img { border: 1px solid #d3d7d9; } /* This is required to win over specificity of .field--type-image img */ .comment .field--name-user-picture img { margin: 0; } .comment__author .username { white-space: nowrap; text-transform: uppercase; color: #000; font-weight: 700; font-size: 12px; } .comment__author { margin: 4px 0; line-height: 1.2; text-transform: uppercase; color: #000; font-weight: 700; font-size: 12px; } .comment__time { margin-bottom: 4px; color: #68696b; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.733em; line-height: 1.2; } .comment__permalink { font-size: 0.733em; line-height: 1.2; } .comment__content { position: relative; display: table-cell; padding: 10px 25px 10px 25px; vertical-align: top; width: 100%; border: 1px solid #d3d7d9; font-size: 0.929em; line-height: 1.6; word-break: break-all; } .comment__content h3 a { font-size: 18px; font-weight: 700; } .comment__content .links.inline { margin-top: 10px; } .comment__content .links.inline>li { float: left; } .comment__content .links.inline>li a { text-transform: uppercase; font-weight: 700; font-size: 12px; } .comment__content:before { content: ''; position: absolute; right: 100%; /* LTR */ top: 20px; border-top: 20px solid transparent; border-right: 20px solid #d3d7d9; /* LTR */ border-bottom: 20px solid transparent; } [dir="rtl"] .comment__content:before { right: auto; left: 100%; border-right: none; border-left: 20px solid #d3d7d9; } .comment__content:after { content: ''; position: absolute; right: 100%; /* LTR */ top: 20px; border-top: 20px solid transparent; border-right: 20px solid #fff; /* LTR */ border-bottom: 20px solid transparent; margin-right: -1px; /* LTR */ } [dir="rtl"] .comment__content:after { right: auto; left: 100%; border-right: none; border-left: 20px solid #fff; margin-right: 0; margin-left: -1px; } .comment__content h3 { margin-top: 0.94em; margin-bottom: 0.45em; font-size: 1.171em; } .comment__content nav { padding-top: 1px; } .indented { margin-left: 40px; /* LTR */ } [dir="rtl"] .indented { margin-right: 40px; margin-left: 0; } .comment .links { padding: 0 0 0.25em 0; } .comment .links li { padding: 0 0.5em 0 0; /* LTR */ font-size: 1.08em; } [dir="rtl"] .comment .links li { padding: 0 0 0 0.5em; } .comment--unpublished { margin-right: 5px; /* LTR */ padding: 5px 2px 5px 5px; /* LTR */ background: #fff4f4; } [dir="rtl"] .comment--unpublished { margin-left: 5px; margin-right: 0; padding: 5px 5px 5px 2px; } /** * @todo: unpublished nodes have class .node--unpublished. * change this to .comment--unpublished. */ .unpublished .comment-text .comment-arrow { border-left: 1px solid #fff4f4; border-right: 1px solid #fff4f4; } .unpublished { padding: 20px 15px 0; } .comment-footer { display: table-row; } .comment--unpublished .comment__text:after, .node--unpublished .comment__text:after { border-right-color: #fff4f4; /* LTR */ } [dir="rtl"] .comment--unpublished .comment__content:after, [dir="rtl"] .node--unpublished .comment__content:after { border-left-color: #fff4f4; } .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields { margin-top: 10px; } .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields label { display: none; } .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields input { width: 100%; border: none; padding: 2px 10px; line-height: 38px; font-size: 16px; } .mailchimp-signup-subscribe-form .form-actions { margin-top: 15px; } .before-footer .mailchimp-signup-subscribe-form .block-title { width: 470px; padding-right: 20px; float: left; font-size: 20px; padding-left: 75px; padding-top: 20px; position: relative; height: 52px; margin-bottom: 0; } .before-footer .mailchimp-signup-subscribe-form .block-title:after { content: ''; background: url("/themes/gavias_facdori/images/icon-newsletter.png") repeat-x center center transparent; width: 52px; height: 66px; position: absolute; top: 0; left: 0; z-index: 1; } @media (max-width: 991px) { .before-footer .mailchimp-signup-subscribe-form .block-title { width: 75px; } .before-footer .mailchimp-signup-subscribe-form .block-title span { display: none; } } @media (max-width: 767.98px) { .before-footer .mailchimp-signup-subscribe-form .block-title { display: none; } } .before-footer .mailchimp-signup-subscribe-form .block-content { padding-left: 472px; } @media (max-width: 991px) { .before-footer .mailchimp-signup-subscribe-form .block-content { padding-left: 100px; } } @media (max-width: 767.98px) { .before-footer .mailchimp-signup-subscribe-form .block-content { padding-left: 0; } } .before-footer .mailchimp-signup-subscribe-form .block-content form { position: relative; padding-right: 190px; } @media (max-width: 360px) { .before-footer .mailchimp-signup-subscribe-form .block-content form { padding-right: 0; } } .before-footer .mailchimp-signup-subscribe-form .block-content form .mailchimp-newsletter-mergefields input { line-height: 65px; padding: 0 10px; border: 0 !important; } @media (max-width: 360px) { .before-footer .mailchimp-signup-subscribe-form .block-content form .mailchimp-newsletter-mergefields input { width: 100%; display: block; } } .before-footer .mailchimp-signup-subscribe-form .block-content form .form-actions { position: absolute; width: 190px; height: 100%; right: 0; top: 0; z-index: 1; margin-top: 0; } @media (max-width: 360px) { .before-footer .mailchimp-signup-subscribe-form .block-content form .form-actions { width: 100%; display: block; position: relative; } } .before-footer .mailchimp-signup-subscribe-form .block-content form .form-actions input { height: 65px; width: 100%; text-align: center; border-radius: 0 !important; } form summary { background: #cba43d; color: #fff; padding: 4px 15px; font-weight: 500; margin-bottom: 15px; } form summary a { color: #fff !important; } form summary a:hover, form summary a:focus { color: #fff !important; } form .form-item label { width: 100%; font-weight: 600; text-transform: capitalize; color: #000; margin-bottom: 0; margin-top: 6px; } .form-control { box-shadow: none; } .form-control { box-shadow: none; } .user-login-form .form-item, .user-register-form .form-item, .user-form .form-item, .user-pass .form-item { margin-bottom: 15px; } #user-login-form .form-item label { width: 100%; font-weight: 700; text-transform: uppercase; color: #000; margin-bottom: 0; } #user-login-form .form-item input { width: 100%; } #user-login-form ul { width: 100%; padding: 10px 0 30px; } #user-login-form ul>li { width: 49%; float: left; text-align: center; } #user-login-form ul>li:first-child { margin-right: 2%; } #user-login-form ul>li a { width: 100%; display: inline-block; float: none; font-size: 11px; text-transform: uppercase; font-weight: 700; padding: 10px 5px; } #user-login ul { margin: 0 0 5px; } #user-login ul li { margin: 0; } #user-login li.openid-link { background: none; } #search-form .panel { border: none; box-shadow: none; } #search-form .panel-default>.panel-heading { border-bottom: none; } .hide-label label { background: none; clip: rect(1px); } .exposed-filters .form-item { margin-bottom: 10px; margin-top: 0; } #article-admin-filter ul { padding: 0.5em 0; } #article-admin-filter ul li { list-style: none; } #edit-operation-wrapper select { margin: 0.5em; } div.resizable-textarea textarea { margin-top: 0; border: 1px solid #dee2e6; } .search-advanced .criterion { float: none; margin: 0 5px; } #edit-keywords-fieldset .form-item:first-child { margin-top: 5px; } #user-admin-filter ul li { list-style: none; } .field-type-text-long fieldset { padding: 10px 0; border: #dee2e6; } .field-type-text-long fieldset .form-item { margin: 0; padding: 0 0 0 15px; } #comment-form label { display: inline-block; font-size: 18px; font-weight: normal; margin-bottom: 5px; } #contact-site-form .form-checkbox { margin-left: 0; } #comment-form-wrapper .form-item label { min-width: 120px; display: inline-block; font-weight: 700; text-transform: uppercase; font-size: 14px; } #detach-button-host { display: none !important } .contact-details .title { display: none } .contact-message-form { margin: 0 auto; } .contact-message-form div[id*="edit-name"], .contact-message-form div[id*="edit-mail"], .contact-message-form .js-form-item-mail { height: 45px; line-height: 45px; padding: 0 20px; border: 1px solid #dee2e6; border-radius: 4px; } .contact-message-form .form-item { margin-bottom: 30px; color: #595959; } .contact-message-form .form-item label { font-size: 12px; display: block; text-transform: uppercase; } .contact-message-form .form-item #edit-copy { float: left; margin-right: 5px; } .contact-message-form .form-item input[type='text'], .contact-message-form .form-item input[type='email'], .contact-message-form .form-item textarea { width: 100%; border: 1px solid #dee2e6; border-radius: 4px; position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; height: 45px; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; padding-left: 0 20px; } .contact-message-form .form-item input[type='text']::-webkit-input-placeholder, .contact-message-form .form-item input[type='email']::-webkit-input-placeholder, .contact-message-form .form-item textarea::-webkit-input-placeholder { color: #595959; text-transform: capitalize; } .contact-message-form .form-item input[type='text']:-moz-placeholder, .contact-message-form .form-item input[type='email']:-moz-placeholder, .contact-message-form .form-item textarea:-moz-placeholder { color: #595959; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .contact-message-form .form-item input[type='text']::-moz-placeholder, .contact-message-form .form-item input[type='email']::-moz-placeholder, .contact-message-form .form-item textarea::-moz-placeholder { color: #595959; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .contact-message-form .form-item input[type='text']:-ms-input-placeholder, .contact-message-form .form-item input[type='email']:-ms-input-placeholder, .contact-message-form .form-item textarea:-ms-input-placeholder { color: #595959; text-transform: capitalize; } .contact-message-form .form-item input[type='text']:focus, .contact-message-form .form-item input[type='email']:focus, .contact-message-form .form-item textarea:focus { border-color: #cba43d; } .contact-message-form .form-item textarea { height: 200px; padding-top: 15px; } @media (max-width: 767.98px) { .contact-message-form .form-item textarea { height: 120px; } } .contact-message-form .form-item-copy { margin-bottom: 10px !important; } .contact-message-form #edit-actions { width: 100%; text-align: center; } .contact-message-form #edit-actions:before, .contact-message-form #edit-actions:after { content: " "; display: table; } .contact-message-form #edit-actions:after { clear: both; } .contact-message-form #edit-preview { display: none; } .text-light .contact-message-form #edit-name, .text-light .contact-message-form #edit-mail, .text-light .contact-message-form input[type='text'], .text-light .contact-message-form input[type='email'], .text-light .contact-message-form textarea { background: none; border: 2px solid rgba(255, 255, 255, 0.2); color: #fff; } .text-light .contact-message-form #edit-name::-webkit-input-placeholder, .text-light .contact-message-form #edit-mail::-webkit-input-placeholder, .text-light .contact-message-form input[type='text']::-webkit-input-placeholder, .text-light .contact-message-form input[type='email']::-webkit-input-placeholder, .text-light .contact-message-form textarea::-webkit-input-placeholder { color: #fff; text-transform: capitalize; } .text-light .contact-message-form #edit-name:-moz-placeholder, .text-light .contact-message-form #edit-mail:-moz-placeholder, .text-light .contact-message-form input[type='text']:-moz-placeholder, .text-light .contact-message-form input[type='email']:-moz-placeholder, .text-light .contact-message-form textarea:-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .text-light .contact-message-form #edit-name::-moz-placeholder, .text-light .contact-message-form #edit-mail::-moz-placeholder, .text-light .contact-message-form input[type='text']::-moz-placeholder, .text-light .contact-message-form input[type='email']::-moz-placeholder, .text-light .contact-message-form textarea::-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .text-light .contact-message-form #edit-name:-ms-input-placeholder, .text-light .contact-message-form #edit-mail:-ms-input-placeholder, .text-light .contact-message-form input[type='text']:-ms-input-placeholder, .text-light .contact-message-form input[type='email']:-ms-input-placeholder, .text-light .contact-message-form textarea:-ms-input-placeholder { color: #fff; text-transform: capitalize; } .webform-submission-form .form-content-inner { max-width: 900px; margin: 0 -15px; padding: 0; } .webform-submission-form .form-item { margin-bottom: 20px; position: relative; } .webform-submission-form .form-item:before, .webform-submission-form .form-item:after { content: " "; display: table; } .webform-submission-form .form-item:after { clear: both; } .webform-submission-form .form-item label { font-size: 12px; font-weight: 700; color: #002c42; text-transform: uppercase; } .webform-submission-form .form-item input, .webform-submission-form .form-item textarea, .webform-submission-form .form-item select { width: 100%; background: none; border: none; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; padding-left: 15px; -webkit-box-shadow: none; box-shadow: none; background: #fff; } .webform-submission-form .form-item input::-webkit-input-placeholder, .webform-submission-form .form-item textarea::-webkit-input-placeholder, .webform-submission-form .form-item select::-webkit-input-placeholder { color: #595959; text-transform: capitalize; } .webform-submission-form .form-item input:-moz-placeholder, .webform-submission-form .form-item textarea:-moz-placeholder, .webform-submission-form .form-item select:-moz-placeholder { color: #595959; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .webform-submission-form .form-item input::-moz-placeholder, .webform-submission-form .form-item textarea::-moz-placeholder, .webform-submission-form .form-item select::-moz-placeholder { color: #595959; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .webform-submission-form .form-item input:-ms-input-placeholder, .webform-submission-form .form-item textarea:-ms-input-placeholder, .webform-submission-form .form-item select:-ms-input-placeholder { color: #595959; text-transform: capitalize; } .webform-submission-form .form-item input:focus, .webform-submission-form .form-item textarea:focus, .webform-submission-form .form-item select:focus { border-color: #cba43d; } .webform-submission-form .form-item input { line-height: 40px; } .webform-submission-form .form-item select { height: 40px; } .webform-submission-form .form-actions { padding: 0 15px; text-align: center; width: 100%; float: left; } .text-light .webform-submission-form .form-item:after { color: #fff; } .text-light .webform-submission-form .form-item input, .text-light .webform-submission-form .form-item textarea { background: none; border-color: rgba(255, 255, 255, 0.2); color: #fff; } .text-light .webform-submission-form .form-item input::-webkit-input-placeholder, .text-light .webform-submission-form .form-item textarea::-webkit-input-placeholder { color: #fff; text-transform: capitalize; } .text-light .webform-submission-form .form-item input:-moz-placeholder, .text-light .webform-submission-form .form-item textarea:-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .text-light .webform-submission-form .form-item input::-moz-placeholder, .text-light .webform-submission-form .form-item textarea::-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .text-light .webform-submission-form .form-item input:-ms-input-placeholder, .text-light .webform-submission-form .form-item textarea:-ms-input-placeholder { color: #fff; text-transform: capitalize; } .text-light .webform-submission-form .form-actions input.form-submit { border-color: #fff; color: #fff; background: #fff; color: #000; } .text-light .webform-submission-form .form-actions input.form-submit:hover { background: rgba(255, 255, 255, 0.8); } .text-light .webform-submission-form label { color: #fff; } .webform-fullwidth .form-item { width: 100% !important; max-width: 100% !important; padding-left: 0; padding-right: 0; } .webform-fullwidth.no-label label { display: none; } .webform-fullwidth .form-actions { text-align: left; padding: 0; } form .mailchimp-newsletter-mergefields .form-item { margin-bottom: 15px; } form .mailchimp-newsletter-mergefields .form-item input[type="text"], form .mailchimp-newsletter-mergefields .form-item input[type="tel"], form .mailchimp-newsletter-mergefields .form-item input[type="password"], form .mailchimp-newsletter-mergefields .form-item input[type="email"], form .mailchimp-newsletter-mergefields .form-item textarea, form .mailchimp-newsletter-mergefields .form-item select { width: 100%; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border: 1px solid #dee2e6; } form .mailchimp-newsletter-mergefields .form-item input[type="text"]:focus, form .mailchimp-newsletter-mergefields .form-item input[type="tel"]:focus, form .mailchimp-newsletter-mergefields .form-item input[type="password"]:focus, form .mailchimp-newsletter-mergefields .form-item input[type="email"]:focus, form .mailchimp-newsletter-mergefields .form-item textarea:focus, form .mailchimp-newsletter-mergefields .form-item select:focus, form .mailchimp-newsletter-mergefields .form-item input[type="text"]:active, form .mailchimp-newsletter-mergefields .form-item input[type="tel"]:active, form .mailchimp-newsletter-mergefields .form-item input[type="password"]:active, form .mailchimp-newsletter-mergefields .form-item input[type="email"]:active, form .mailchimp-newsletter-mergefields .form-item textarea:active, form .mailchimp-newsletter-mergefields .form-item select:active, form .mailchimp-newsletter-mergefields .form-item input[type="text"]:hover, form .mailchimp-newsletter-mergefields .form-item input[type="tel"]:hover, form .mailchimp-newsletter-mergefields .form-item input[type="password"]:hover, form .mailchimp-newsletter-mergefields .form-item input[type="email"]:hover, form .mailchimp-newsletter-mergefields .form-item textarea:hover, form .mailchimp-newsletter-mergefields .form-item select:hover { border: 1px solid #cba43d; } .webform-2 .form-item { width: 100% !important; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .webform-2 .form-item label { display: none; } #forum { width: 100%; position: relative; right: -1px; } #forum .name { font-weight: bold; font-size: 16px; } #forum table { width: 100%; } #forum tr.odd { background: #f5f5f5; } #forum tr.even td { border-bottom: 1px solid #dee2e6; } #forum tr td.container { padding: 1em; } #forum tr.new-topics td.forum .name { background-image: url("/themes/gavias_facdori/images/forum-default.png"); } #forum thead th { background: #f5f5f5; border-left: 1px solid #dee2e6; text-transform: uppercase; font-size: 16px; padding: 15px; } #forum td { border: 1px solid #dee2e6; padding: 1em; } #forum td a:hover { text-decoration: none; } #forum td.topics { font-weight: bold; text-align: center; width: 9%; } #forum td.posts { text-align: center; width: 9%; } #forum td.replies { text-align: center; } #forum td.forum { padding: 0 1em; width: 44%; padding-top: 12px; } #forum td.forum .name { background-position: left 5px; background-repeat: no-repeat; line-height: 20px; padding-left: 30px; font-size: 15px; font-weight: normal; line-height: 25px; } #forum td.forum .description { font-size: 14px; padding-left: 30px; } #forum td.title .submitted { font-size: 14px; } #forum td.icon { width: 5%; } #forum .icon div { background-image: url("/themes/gavias_facdori/images/forum-icons.png"); background-repeat: no-repeat; height: 24px; margin: 0 auto; width: 24px; } #forum .icon .topic-status-new { background-position: -24px 0; } #forum .icon .topic-status-hot { background-position: -48px 0; } #forum .icon .topic-status-hot-new { background-position: -72px 0; } #forum .icon .topic-status-sticky { background-position: -96px 0; } #forum .icon .topic-status-closed { background-position: -120px 0; } .page-forum #page-title { margin-bottom: 10px; } .page-forum ul.action-links { list-style: none; margin: 0 0 20px; padding: 0; } .page-forum ul.action-links li { margin-left: 0; } .page-forum ul.action-links li a { line-height: 0; display: inline-block; border: none; padding: 10px; text-transform: uppercase; vertical-align: middle; } .block { background: transparent; margin-bottom: 30px; } .block .block { margin-bottom: 0 !important; } .block .block-title { background: none; position: relative; margin: 0 0 20px; text-transform: capitalize; font-size: 20px; font-weight: 700; color: #000000; z-index: 9; } @media (max-width: 991px) { .block .block-title { font-size: 18px; } } .block.block-system-main-block { margin-bottom: 0; } .block.block-system-breadcrumb-block { overflow: visible; margin-bottom: 20px; } .block.block-none, .block.no-padding { background: none !important; padding: 0 !important; } .block.block-none .block-content, .block.no-padding .block-content { padding: 0 !important; } .block.no-title { margin-top: 0; border: none; } .block.no-title:before { content: none; } .block.style-higlight { background: #34495E; padding-left: 20px; padding-right: 20px; } .block.style-higlight .block-title { border: none; } .block.style-higlight .block-title span:before { content: none; } .block.style-higlight .block-title h2 { margin: 0; padding: 0; border: none; } .block.style-higlight .block-title h2 span { padding: 10px; background: #4E6984; color: #fff; } .block.style-higlight .post-title a { color: #fff; } .block#block-system-main { padding-top: 10px; } .block.block-local-tasks-block { margin-bottom: 0; } .block.no-title { border: none; } .block.no-title>.block-title, .block.no-title>div>.block-title { padding: 0; margin: 0; border: none; } .block.no-title>.block-title:before, .block.no-title>div>.block-title:before { content: none; } .block.block-blocktabs { position: relative; } .block.block-blocktabs .ui-widget { font-family: 'Roboto', sans-serif; font-size: 0.875rem; } .block.block-blocktabs .ui-tabs-nav { padding: 0; border: none; background: none !important; display: inline-block; float: right; position: absolute; right: 20px; top: -60px; z-index: 99; } .block.block-blocktabs .ui-tabs-nav>li { background: none; padding: 0; margin: 0; border: 0; position: relative; } .block.block-blocktabs .ui-tabs-nav>li>a { font-size: 14px; text-transform: none; font-family: 'Roboto', sans-serif; font-weight: 700; } .block.block-blocktabs .ui-tabs-nav>li:last-child>a { padding-right: 0; } .block.block-blocktabs .ui-tabs-nav>li.ui-tabs-active>a { color: #cba43d; } .block.block-blocktabs .blocktabs { border: none; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .block.block-blocktabs .blocktabs .ui-tabs-panel { padding: 0 !important; } .block.block-blocktabs .block { margin-bottom: 0 !important; } .block.site-branding { margin-bottom: 0; } .block-local-tasks-block { position: relative; z-index: 99; } .drupal-tabs { border-bottom: 1px solid #dee2e6; } .drupal-tabs:before, .drupal-tabs:after { content: " "; display: table; } .drupal-tabs:after { clear: both; } .drupal-tabs a { font-size: 12px; } .drupal-tabs .is-active a { color: #cba43d; } .help { position: relative; z-index: 1; display: none; width: 100%; } .help .drupal-tabs { padding: 10px 0; margin-bottom: 25px; } .help .messages__wrapper { padding: 10px; border: 1px solid #5BC0DE; } .help-text-white .help { color: #fff !important; } .help-text-white .help a { color: #fff !important; } .help-text-white .help a:hover { text-decoration: underline; } .text-light .title { color: #fff !important; } .region-main-menu .block { background: transparent; } .region-main-menu .block .block-content { padding: 0; } .sidebar .block { background: #F3F3F3; padding: 30px; } .sidebar .block.block-full { padding: 0; } .sidebar .block-menu:before, .sidebar .block-menu:after { content: " "; display: table; } .sidebar .block-menu:after { clear: both; } .sidebar .block-menu ul { padding-left: 0 !important; } .sidebar .block-menu ul li { border: none; margin: 0 !important; padding: 0 !important; border: none !important; float: left; width: 100%; list-style-type: none; } .sidebar .block-menu ul li a { padding: 6px 0; display: block; text-transform: capitalize; font-size: 14px; overflow: hidden; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; position: relative; font-weight: 500; letter-spacing: 0; color: #7f8284; } .sidebar .block-menu ul li a:hover, .sidebar .block-menu ul li a:focus, .sidebar .block-menu ul li a:active { color: #cba43d; } .sidebar .block-menu ul li.menu-item--active-trail>a { color: #cba43d !important; } .recent-comment-block .views-field-picture { margin-right: 10px; } .recent-comment-block .views-field-title { margin-top: -4px; } .recent-comment-block .views-field-title a { font-weight: 700; text-transform: uppercase; } .recent-comment-block .views-field-name { color: #a4a4a4; } .recent-comment-block .views-field-name a { color: #a4a4a4; } .list-tags .view-list ul>li { float: left; border: 1px solid #dee2e6; display: inline-block; width: auto !important; padding: 0 !important; margin: 0 10px 10px 0 !important; } .list-tags .view-list ul>li a { padding: 6px 10px; display: block; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .list-tags .view-list ul>li:hover { background: #cba43d; } .list-tags .view-list ul>li:hover a { color: #fff; } nav.breadcrumb { margin-bottom: 0 !important; background: none; color: #999999; } nav.breadcrumb ol { list-style: none; margin-bottom: 0 !important; padding: 0; } nav.breadcrumb ol:before, nav.breadcrumb ol:after { content: " "; display: table; } nav.breadcrumb ol:after { clear: both; } nav.breadcrumb ol>li { float: left; font-size: 13px; } nav.breadcrumb ol>li a { color: #999999; } nav.breadcrumb ol>li a:hover { color: #cba43d; } nav.breadcrumb ol>li span { padding: 0 2px 0px 0px; } .contact-info.active { padding: 5px 0 20px !important; } .contact-page .gm-style-iw.gm-style-iw-c { padding: 35px 0 20px !important; } .contact-page .gm-style-iw.gm-style-iw-c .gm-style-iw-d { overflow: visible !important; } .contact-page p.field_full_address { margin: 0 auto !important; } .contact-info ul { margin: 0; padding: 0; list-style-type: none; } .contact-info ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .contact-info ul li:last-child { margin-bottom: 0; border-bottom: 0; } .contact-info ul li .icon { color: #cba43d; width: 36px; float: left; display: block; margin-top: 12px; } .contact-info ul li .icon i { font-size: 26px; } .contact-info ul li .text { padding-left: 42px; display: block; } .contact-link { background: #000000; color: #fff; padding: 30px; } .contact-link .title { font-size: 16px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase; } .contact-link .action { margin-top: 20px; } .company-presentation { background: #000000; color: #fff; padding: 30px; } .company-presentation .title { font-size: 18px; font-weight: 700; margin-bottom: 10px; color: #fff; } .company-presentation .action { margin-top: 20px; } .social-icon a { background: none; width: auto; height: auto; line-height: 1; margin-right: 20px; font-size: 18px; } .box-search-team { padding: 30px; background: #cba43d; text-align: center; color: #fff; min-height: 330px; } @media (max-width: 991px) { .box-search-team { min-height: 260px; } } @media (max-width: 767.98px) { .box-search-team { width: 350px; margin: 0 auto; } } .box-search-team .icon { font-size: 46px; line-height: 1.2; } .box-search-team .text { font-size: 18px; font-weight: 700; color: #fff; margin-top: 15px; line-height: 32px; } .box-search-team .link { margin-top: 15px; } .box-search-team .link a { color: #fff; } .box-search-team .link a:after { color: #fff; } .box-search-team .link a:hover { color: #000000; } .box-search-team .link a:hover:after { color: #000000; } .contact-box-footer { width: 100%; } .contact-box-footer:before, .contact-box-footer:after { content: " "; display: table; } .contact-box-footer:after { clear: both; } .contact-box-footer ul.list-information { margin: 0 !important; padding: 0; width: 100%; } .contact-box-footer ul.list-information:before, .contact-box-footer ul.list-information:after { content: " "; display: table; } .contact-box-footer ul.list-information:after { clear: both; } .contact-box-footer ul.list-information>li { list-style-type: none; position: relative; float: left; width: 100%; color: #fff; font-size: 16px; padding-left: 45px; font-weight: 600; margin-bottom: 25px; } .contact-box-footer ul.list-information>li .icon { position: absolute; left: 0; top: 4px; color: #cba43d; line-height: 24px; font-size: 22px; font-weight: 300; } .contact-box-footer ul.list-information>li:last-child { border: none; padding-bottom: 0; margin-bottom: 0; } .contact-box-footer ul.list-information>li:last-child:after { display: none; } @media (max-width: 991px) { .contact-box-footer ul.list-information>li { padding-right: 0; padding-bottom: 20px; margin-bottom: 20px; width: 100%; float: left; } .contact-box-footer ul.list-information>li:after { width: 100%; height: 1px; bottom: 0; top: auto; left: 0; right: auto; } } .topbar-information ul li { font-size: 14px; color: #000000; float: left; padding-left: 45px; } @media (max-width: 1199.98px) { .topbar-information ul li { padding-left: 15px; } } .topbar-information ul li i { margin-right: 10px; color: #000000 !important; } @media (max-width: 991px) { .topbar-information ul li:first-child { padding-left: 0 !important; } } .poll .poll-item { margin-top: 20px; } .poll .poll-item .heading { position: relative; } .poll .poll-item .heading .text { font-weight: 700; color: #333333; padding-right: 40px; } .poll .poll-item .heading .percent { display: inline-block; position: absolute; right: 0; top: 0; z-index: 9; font-weight: 700; } .poll .poll-item .bar .foreground { background: #cba43d; } .poll .total { margin-top: 20px; font-weight: 700; text-transform: uppercase; } .poll .choices .form-item.form-item-choice input.form-radio { margin: 0 !important; } .poll .choices .form-item.form-item-choice label { vertical-align: text-top; margin-left: 5px; } .block-poll ul.links { text-align: center; overflow: hidden; padding: 15px 0 0; } .block-poll ul.links li { display: inline-block; margin-right: 20px; } .block-poll ul.links li a { padding-right: 10px; position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .block-poll ul.links li a:after { content: "\f105"; position: absolute; top: -1px; right: 0; font-family: "FontAwesome"; } .block-poll ul.links li a:hover { padding-right: 15px; } .block-poll ul.links li:last-child { margin: 0; } /* perfect-scrollbar v0.6.7 */ .ps-container { -ms-touch-action: none; overflow: hidden !important; } .ps-container.ps-active-x>.ps-scrollbar-x-rail, .ps-container.ps-active-y>.ps-scrollbar-y-rail { display: block; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; } .ps-container>.ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; border-radius: 4px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .ps-container>.ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 4px; } .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; border-radius: 4px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 5px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; } .ps-container:hover>.ps-scrollbar-x-rail, .ps-container:hover>.ps-scrollbar-y-rail { opacity: 0.6; filter: alpha(opacity=60); } .ps-container:hover>.ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.6; filter: alpha(opacity=60); } .ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x { background-color: #999; } .ps-container:hover>.ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.6; filter: alpha(opacity=60); } .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { background-color: #999; } .uk-slideset-init { position: relative; } .uk-slideset-init ul { list-style-type: none; padding: 0; } .uk-slideset-init .uk-slideset-nav { position: absolute; top: 20px; right: 0; z-index: 1; margin: 0; padding: 0; } @media (max-width: 575.98px) { .uk-slideset-init .uk-slideset-nav { width: 100%; } } .uk-slideset-init .uk-slideset-nav li { float: left; margin-right: 10px; list-style-type: none; } @media (max-width: 575.98px) { .uk-slideset-init .uk-slideset-nav li { float: none; display: inline-block; } } .uk-slideset-init .uk-slideset-nav li a { width: 22px; height: 10px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; display: inline-block; border: 2px solid #cba43d; } .uk-slideset-init .uk-slideset-nav li a:hover { cursor: pointer; } .uk-slideset-init .uk-slideset-nav li.uk-active a { background: #cba43d; } .uk-slideset-init.nav-slideset-top .uk-slideset-nav { top: -30px; } .uk-slideset-init.nav-slideset-bottom .uk-slideset-nav { bottom: -30px; top: auto; left: 0; text-align: center; } .uk-slideset-init.nav-slideset-bottom .uk-slideset-nav li { display: inline-block; float: none; } .text-light .uk-slideset-init .uk-slideset-nav li a { border-color: #fff; } .text-light .uk-slideset-init .uk-slideset-nav li.uk-active a { background: #fff; } /* #Block grid --------------------------------------------------------------- */ .item-columns { padding: 0 15px; } [class*="block-grid-"] { display: block; margin: 0 -10px; padding: 0; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { display: table; content: " "; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"]>div { display: block; float: left; height: auto; padding: 0 10px; width: 100%; } [class*="block-grid-"]>div:after { display: block; } @media (min-width: 640px) { .xs-block-grid-1>div { width: 100%; } .xs-block-grid-1>div:nth-of-type(1n) { clear: none; } .xs-block-grid-1>div:nth-of-type(1n):after { display: block; } .xs-block-grid-1>div:nth-of-type(1n+1) { clear: both; } .xs-block-grid-1>div:nth-of-type(1n+1):after { display: none; } .xs-block-grid-1>div:nth-last-child(-n+1):before { content: none; } .xs-block-grid-2>div { width: 50%; } .xs-block-grid-2>div:nth-of-type(1n) { clear: none; } .xs-block-grid-2>div:nth-of-type(1n):after { display: block; } .xs-block-grid-2>div:nth-of-type(2n+1) { clear: both; } .xs-block-grid-2>div:nth-of-type(2n+1):after { display: none; } .xs-block-grid-2>div:nth-last-child(-n+2):before { content: none; } .xs-block-grid-3>div { width: 33.33333%; } .xs-block-grid-3>div:nth-of-type(1n) { clear: none; } .xs-block-grid-3>div:nth-of-type(1n):after { display: block; } .xs-block-grid-3>div:nth-of-type(3n+1) { clear: both; } .xs-block-grid-3>div:nth-of-type(3n+1):after { display: none; } .xs-block-grid-3>div:nth-last-child(-n+3):before { content: none; } .xs-block-grid-4>div { width: 25%; } .xs-block-grid-4>div:nth-of-type(1n) { clear: none; } .xs-block-grid-4>div:nth-of-type(1n):after { display: block; } .xs-block-grid-4>div:nth-of-type(4n+1) { clear: both; } .xs-block-grid-4>div:nth-of-type(4n+1):after { display: none; } .xs-block-grid-4>div:nth-last-child(-n+4):before { content: none; } .xs-block-grid-5>div { width: 20%; } .xs-block-grid-5>div:nth-of-type(1n) { clear: none; } .xs-block-grid-5>div:nth-of-type(1n):after { display: block; } .xs-block-grid-5>div:nth-of-type(5n+1) { clear: both; } .xs-block-grid-5>div:nth-of-type(5n+1):after { display: none; } .xs-block-grid-5>div:nth-last-child(-n+5):before { content: none; } .xs-block-grid-6>div { width: 16.66667%; } .xs-block-grid-6>div:nth-of-type(1n) { clear: none; } .xs-block-grid-6>div:nth-of-type(1n):after { display: block; } .xs-block-grid-6>div:nth-of-type(6n+1) { clear: both; } .xs-block-grid-6>div:nth-of-type(6n+1):after { display: none; } .xs-block-grid-6>div:nth-last-child(-n+6):before { content: none; } .xs-block-grid-7>div { width: 14.28571%; } .xs-block-grid-7>div:nth-of-type(1n) { clear: none; } .xs-block-grid-7>div:nth-of-type(1n):after { display: block; } .xs-block-grid-7>div:nth-of-type(7n+1) { clear: both; } .xs-block-grid-7>div:nth-of-type(7n+1):after { display: none; } .xs-block-grid-7>div:nth-last-child(-n+7):before { content: none; } .xs-block-grid-8>div { width: 12.5%; } .xs-block-grid-8>div:nth-of-type(1n) { clear: none; } .xs-block-grid-8>div:nth-of-type(1n):after { display: block; } .xs-block-grid-8>div:nth-of-type(8n+1) { clear: both; } .xs-block-grid-8>div:nth-of-type(8n+1):after { display: none; } .xs-block-grid-8>div:nth-last-child(-n+8):before { content: none; } .xs-block-grid-9>div { width: 11.11111%; } .xs-block-grid-9>div:nth-of-type(1n) { clear: none; } .xs-block-grid-9>div:nth-of-type(1n):after { display: block; } .xs-block-grid-9>div:nth-of-type(9n+1) { clear: both; } .xs-block-grid-9>div:nth-of-type(9n+1):after { display: none; } .xs-block-grid-9>div:nth-last-child(-n+9):before { content: none; } .xs-block-grid-10>div { width: 10%; } .xs-block-grid-10>div:nth-of-type(1n) { clear: none; } .xs-block-grid-10>div:nth-of-type(1n):after { display: block; } .xs-block-grid-10>div:nth-of-type(10n+1) { clear: both; } .xs-block-grid-10>div:nth-of-type(10n+1):after { display: none; } .xs-block-grid-10>div:nth-last-child(-n+10):before { content: none; } .xs-block-grid-11>div { width: 9.09091%; } .xs-block-grid-11>div:nth-of-type(1n) { clear: none; } .xs-block-grid-11>div:nth-of-type(1n):after { display: block; } .xs-block-grid-11>div:nth-of-type(11n+1) { clear: both; } .xs-block-grid-11>div:nth-of-type(11n+1):after { display: none; } .xs-block-grid-11>div:nth-last-child(-n+11):before { content: none; } .xs-block-grid-12>div { width: 8.33333%; } .xs-block-grid-12>div:nth-of-type(1n) { clear: none; } .xs-block-grid-12>div:nth-of-type(1n):after { display: block; } .xs-block-grid-12>div:nth-of-type(12n+1) { clear: both; } .xs-block-grid-12>div:nth-of-type(12n+1):after { display: none; } .xs-block-grid-12>div:nth-last-child(-n+12):before { content: none; } } @media (min-width: 768px) { .sm-block-grid-1>div { width: 100%; } .sm-block-grid-1>div:nth-of-type(1n) { clear: none; } .sm-block-grid-1>div:nth-of-type(1n):after { display: block; } .sm-block-grid-1>div:nth-of-type(1n+1) { clear: both; } .sm-block-grid-1>div:nth-of-type(1n+1):after { display: none; } .sm-block-grid-1>div:nth-last-child(-n+1):before { content: none; } .sm-block-grid-2>div { width: 50%; } .sm-block-grid-2>div:nth-of-type(1n) { clear: none; } .sm-block-grid-2>div:nth-of-type(1n):after { display: block; } .sm-block-grid-2>div:nth-of-type(2n+1) { clear: both; } .sm-block-grid-2>div:nth-of-type(2n+1):after { display: none; } .sm-block-grid-2>div:nth-last-child(-n+2):before { content: none; } .sm-block-grid-3>div { width: 33.33333%; } .sm-block-grid-3>div:nth-of-type(1n) { clear: none; } .sm-block-grid-3>div:nth-of-type(1n):after { display: block; } .sm-block-grid-3>div:nth-of-type(3n+1) { clear: both; } .sm-block-grid-3>div:nth-of-type(3n+1):after { display: none; } .sm-block-grid-3>div:nth-last-child(-n+3):before { content: none; } .sm-block-grid-4>div { width: 25%; } .sm-block-grid-4>div:nth-of-type(1n) { clear: none; } .sm-block-grid-4>div:nth-of-type(1n):after { display: block; } .sm-block-grid-4>div:nth-of-type(4n+1) { clear: both; } .sm-block-grid-4>div:nth-of-type(4n+1):after { display: none; } .sm-block-grid-4>div:nth-last-child(-n+4):before { content: none; } .sm-block-grid-5>div { width: 20%; } .sm-block-grid-5>div:nth-of-type(1n) { clear: none; } .sm-block-grid-5>div:nth-of-type(1n):after { display: block; } .sm-block-grid-5>div:nth-of-type(5n+1) { clear: both; } .sm-block-grid-5>div:nth-of-type(5n+1):after { display: none; } .sm-block-grid-5>div:nth-last-child(-n+5):before { content: none; } .sm-block-grid-6>div { width: 16.66667%; } .sm-block-grid-6>div:nth-of-type(1n) { clear: none; } .sm-block-grid-6>div:nth-of-type(1n):after { display: block; } .sm-block-grid-6>div:nth-of-type(6n+1) { clear: both; } .sm-block-grid-6>div:nth-of-type(6n+1):after { display: none; } .sm-block-grid-6>div:nth-last-child(-n+6):before { content: none; } .sm-block-grid-7>div { width: 14.28571%; } .sm-block-grid-7>div:nth-of-type(1n) { clear: none; } .sm-block-grid-7>div:nth-of-type(1n):after { display: block; } .sm-block-grid-7>div:nth-of-type(7n+1) { clear: both; } .sm-block-grid-7>div:nth-of-type(7n+1):after { display: none; } .sm-block-grid-7>div:nth-last-child(-n+7):before { content: none; } .sm-block-grid-8>div { width: 12.5%; } .sm-block-grid-8>div:nth-of-type(1n) { clear: none; } .sm-block-grid-8>div:nth-of-type(1n):after { display: block; } .sm-block-grid-8>div:nth-of-type(8n+1) { clear: both; } .sm-block-grid-8>div:nth-of-type(8n+1):after { display: none; } .sm-block-grid-8>div:nth-last-child(-n+8):before { content: none; } .sm-block-grid-9>div { width: 11.11111%; } .sm-block-grid-9>div:nth-of-type(1n) { clear: none; } .sm-block-grid-9>div:nth-of-type(1n):after { display: block; } .sm-block-grid-9>div:nth-of-type(9n+1) { clear: both; } .sm-block-grid-9>div:nth-of-type(9n+1):after { display: none; } .sm-block-grid-9>div:nth-last-child(-n+9):before { content: none; } .sm-block-grid-10>div { width: 10%; } .sm-block-grid-10>div:nth-of-type(1n) { clear: none; } .sm-block-grid-10>div:nth-of-type(1n):after { display: block; } .sm-block-grid-10>div:nth-of-type(10n+1) { clear: both; } .sm-block-grid-10>div:nth-of-type(10n+1):after { display: none; } .sm-block-grid-10>div:nth-last-child(-n+10):before { content: none; } .sm-block-grid-11>div { width: 9.09091%; } .sm-block-grid-11>div:nth-of-type(1n) { clear: none; } .sm-block-grid-11>div:nth-of-type(1n):after { display: block; } .sm-block-grid-11>div:nth-of-type(11n+1) { clear: both; } .sm-block-grid-11>div:nth-of-type(11n+1):after { display: none; } .sm-block-grid-11>div:nth-last-child(-n+11):before { content: none; } .sm-block-grid-12>div { width: 8.33333%; } .sm-block-grid-12>div:nth-of-type(1n) { clear: none; } .sm-block-grid-12>div:nth-of-type(1n):after { display: block; } .sm-block-grid-12>div:nth-of-type(12n+1) { clear: both; } .sm-block-grid-12>div:nth-of-type(12n+1):after { display: none; } .sm-block-grid-12>div:nth-last-child(-n+12):before { content: none; } } /* Medium */ @media (min-width: 991px) { [class*="block-grid-"] { margin: 0 -10px; } [class*="block-grid-"]>div { padding: 0 10px; } .item-columns { padding: 0 10px; } .md-block-grid-1>div { width: 100%; } .md-block-grid-1>div:nth-of-type(1n) { clear: none; } .md-block-grid-1>div:nth-of-type(1n):after { display: block; } .md-block-grid-1>div:nth-of-type(1n+1) { clear: both; } .md-block-grid-1>div:nth-of-type(1n+1):after { display: none; } .md-block-grid-1>div:nth-last-child(-n+1):before { content: none; } .md-block-grid-2>div { width: 50%; } .md-block-grid-2>div:nth-of-type(1n) { clear: none; } .md-block-grid-2>div:nth-of-type(1n):after { display: block; } .md-block-grid-2>div:nth-of-type(2n+1) { clear: both; } .md-block-grid-2>div:nth-of-type(2n+1):after { display: none; } .md-block-grid-2>div:nth-last-child(-n+2):before { content: none; } .md-block-grid-3>div { width: 33.33333%; } .md-block-grid-3>div:nth-of-type(1n) { clear: none; } .md-block-grid-3>div:nth-of-type(1n):after { display: block; } .md-block-grid-3>div:nth-of-type(3n+1) { clear: both; } .md-block-grid-3>div:nth-of-type(3n+1):after { display: none; } .md-block-grid-3>div:nth-last-child(-n+3):before { content: none; } .md-block-grid-4>div { width: 25%; } .md-block-grid-4>div:nth-of-type(1n) { clear: none; } .md-block-grid-4>div:nth-of-type(1n):after { display: block; } .md-block-grid-4>div:nth-of-type(4n+1) { clear: both; } .md-block-grid-4>div:nth-of-type(4n+1):after { display: none; } .md-block-grid-4>div:nth-last-child(-n+4):before { content: none; } .md-block-grid-5>div { width: 20%; } .md-block-grid-5>div:nth-of-type(1n) { clear: none; } .md-block-grid-5>div:nth-of-type(1n):after { display: block; } .md-block-grid-5>div:nth-of-type(5n+1) { clear: both; } .md-block-grid-5>div:nth-of-type(5n+1):after { display: none; } .md-block-grid-5>div:nth-last-child(-n+5):before { content: none; } .md-block-grid-6>div { width: 16.66667%; } .md-block-grid-6>div:nth-of-type(1n) { clear: none; } .md-block-grid-6>div:nth-of-type(1n):after { display: block; } .md-block-grid-6>div:nth-of-type(6n+1) { clear: both; } .md-block-grid-6>div:nth-of-type(6n+1):after { display: none; } .md-block-grid-6>div:nth-last-child(-n+6):before { content: none; } .md-block-grid-7>div { width: 14.28571%; } .md-block-grid-7>div:nth-of-type(1n) { clear: none; } .md-block-grid-7>div:nth-of-type(1n):after { display: block; } .md-block-grid-7>div:nth-of-type(7n+1) { clear: both; } .md-block-grid-7>div:nth-of-type(7n+1):after { display: none; } .md-block-grid-7>div:nth-last-child(-n+7):before { content: none; } .md-block-grid-8>div { width: 12.5%; } .md-block-grid-8>div:nth-of-type(1n) { clear: none; } .md-block-grid-8>div:nth-of-type(1n):after { display: block; } .md-block-grid-8>div:nth-of-type(8n+1) { clear: both; } .md-block-grid-8>div:nth-of-type(8n+1):after { display: none; } .md-block-grid-8>div:nth-last-child(-n+8):before { content: none; } .md-block-grid-9>div { width: 11.11111%; } .md-block-grid-9>div:nth-of-type(1n) { clear: none; } .md-block-grid-9>div:nth-of-type(1n):after { display: block; } .md-block-grid-9>div:nth-of-type(9n+1) { clear: both; } .md-block-grid-9>div:nth-of-type(9n+1):after { display: none; } .md-block-grid-9>div:nth-last-child(-n+9):before { content: none; } .md-block-grid-10>div { width: 10%; } .md-block-grid-10>div:nth-of-type(1n) { clear: none; } .md-block-grid-10>div:nth-of-type(1n):after { display: block; } .md-block-grid-10>div:nth-of-type(10n+1) { clear: both; } .md-block-grid-10>div:nth-of-type(10n+1):after { display: none; } .md-block-grid-10>div:nth-last-child(-n+10):before { content: none; } .md-block-grid-11>div { width: 9.09091%; } .md-block-grid-11>div:nth-of-type(1n) { clear: none; } .md-block-grid-11>div:nth-of-type(1n):after { display: block; } .md-block-grid-11>div:nth-of-type(11n+1) { clear: both; } .md-block-grid-11>div:nth-of-type(11n+1):after { display: none; } .md-block-grid-11>div:nth-last-child(-n+11):before { content: none; } .md-block-grid-12>div { width: 8.33333%; } .md-block-grid-12>div:nth-of-type(1n) { clear: none; } .md-block-grid-12>div:nth-of-type(1n):after { display: block; } .md-block-grid-12>div:nth-of-type(12n+1) { clear: both; } .md-block-grid-12>div:nth-of-type(12n+1):after { display: none; } .md-block-grid-12>div:nth-last-child(-n+12):before { content: none; } } /* Large */ @media (min-width: 1200px) { [class*="block-grid-"] { margin: 0 -12px; } [class*="block-grid-"]>div { padding: 0 12px; } .item-columns { padding: 0 12px; } .lg-block-grid-1>div { width: 100%; } .lg-block-grid-1>div:nth-of-type(1n) { clear: none; } .lg-block-grid-1>div:nth-of-type(1n):after { display: block; } .lg-block-grid-1>div:nth-of-type(1n+1) { clear: both; } .lg-block-grid-1>div:nth-of-type(1n+1):after { display: none; } .lg-block-grid-1>div:nth-last-child(-n+1):before { content: none; } .lg-block-grid-2>div { width: 50%; } .lg-block-grid-2>div:nth-of-type(1n) { clear: none; } .lg-block-grid-2>div:nth-of-type(1n):after { display: block; } .lg-block-grid-2>div:nth-of-type(2n+1) { clear: both; } .lg-block-grid-2>div:nth-of-type(2n+1):after { display: none; } .lg-block-grid-2>div:nth-last-child(-n+2):before { content: none; } .lg-block-grid-3>div { width: 33.33333%; } .lg-block-grid-3>div:nth-of-type(1n) { clear: none; } .lg-block-grid-3>div:nth-of-type(1n):after { display: block; } .lg-block-grid-3>div:nth-of-type(3n+1) { clear: both; } .lg-block-grid-3>div:nth-of-type(3n+1):after { display: none; } .lg-block-grid-3>div:nth-last-child(-n+3):before { content: none; } .lg-block-grid-4>div { width: 25%; } .lg-block-grid-4>div:nth-of-type(1n) { clear: none; } .lg-block-grid-4>div:nth-of-type(1n):after { display: block; } .lg-block-grid-4>div:nth-of-type(4n+1) { clear: both; } .lg-block-grid-4>div:nth-of-type(4n+1):after { display: none; } .lg-block-grid-4>div:nth-last-child(-n+4):before { content: none; } .lg-block-grid-5>div { width: 20%; } .lg-block-grid-5>div:nth-of-type(1n) { clear: none; } .lg-block-grid-5>div:nth-of-type(1n):after { display: block; } .lg-block-grid-5>div:nth-of-type(5n+1) { clear: both; } .lg-block-grid-5>div:nth-of-type(5n+1):after { display: none; } .lg-block-grid-5>div:nth-last-child(-n+5):before { content: none; } .lg-block-grid-6>div { width: 16.66667%; } .lg-block-grid-6>div:nth-of-type(1n) { clear: none; } .lg-block-grid-6>div:nth-of-type(1n):after { display: block; } .lg-block-grid-6>div:nth-of-type(6n+1) { clear: both; } .lg-block-grid-6>div:nth-of-type(6n+1):after { display: none; } .lg-block-grid-6>div:nth-last-child(-n+6):before { content: none; } .lg-block-grid-7>div { width: 14.28571%; } .lg-block-grid-7>div:nth-of-type(1n) { clear: none; } .lg-block-grid-7>div:nth-of-type(1n):after { display: block; } .lg-block-grid-7>div:nth-of-type(7n+1) { clear: both; } .lg-block-grid-7>div:nth-of-type(7n+1):after { display: none; } .lg-block-grid-7>div:nth-last-child(-n+7):before { content: none; } .lg-block-grid-8>div { width: 12.5%; } .lg-block-grid-8>div:nth-of-type(1n) { clear: none; } .lg-block-grid-8>div:nth-of-type(1n):after { display: block; } .lg-block-grid-8>div:nth-of-type(8n+1) { clear: both; } .lg-block-grid-8>div:nth-of-type(8n+1):after { display: none; } .lg-block-grid-8>div:nth-last-child(-n+8):before { content: none; } .lg-block-grid-9>div { width: 11.11111%; } .lg-block-grid-9>div:nth-of-type(1n) { clear: none; } .lg-block-grid-9>div:nth-of-type(1n):after { display: block; } .lg-block-grid-9>div:nth-of-type(9n+1) { clear: both; } .lg-block-grid-9>div:nth-of-type(9n+1):after { display: none; } .lg-block-grid-9>div:nth-last-child(-n+9):before { content: none; } .lg-block-grid-10>div { width: 10%; } .lg-block-grid-10>div:nth-of-type(1n) { clear: none; } .lg-block-grid-10>div:nth-of-type(1n):after { display: block; } .lg-block-grid-10>div:nth-of-type(10n+1) { clear: both; } .lg-block-grid-10>div:nth-of-type(10n+1):after { display: none; } .lg-block-grid-10>div:nth-last-child(-n+10):before { content: none; } .lg-block-grid-11>div { width: 9.09091%; } .lg-block-grid-11>div:nth-of-type(1n) { clear: none; } .lg-block-grid-11>div:nth-of-type(1n):after { display: block; } .lg-block-grid-11>div:nth-of-type(11n+1) { clear: both; } .lg-block-grid-11>div:nth-of-type(11n+1):after { display: none; } .lg-block-grid-11>div:nth-last-child(-n+11):before { content: none; } .lg-block-grid-12>div { width: 8.33333%; } .lg-block-grid-12>div:nth-of-type(1n) { clear: none; } .lg-block-grid-12>div:nth-of-type(1n):after { display: block; } .lg-block-grid-12>div:nth-of-type(12n+1) { clear: both; } .lg-block-grid-12>div:nth-of-type(12n+1):after { display: none; } .lg-block-grid-12>div:nth-last-child(-n+12):before { content: none; } } .no-gutter [class*="block-grid-"] { margin: 0 !important; } .no-gutter [class*="block-grid-"]>div { padding: 0 !important; } .no-gutter .row { margin-left: 0 !important; margin-right: 0 !important; } .no-gutter [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .no-gutter .portfolio-v1 { margin-bottom: 0 !important; } @media (min-width: 991px) { .no-gutter-2 [class*="block-grid-"] { margin: 0 !important; } .no-gutter-2 [class*="block-grid-"]>div { padding: 0 !important; } .no-gutter-2 .row { margin-left: 0 !important; margin-right: 0 !important; } .no-gutter-2 [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .no-gutter-2 .portfolio-v1 { margin-bottom: 0 !important; } } .area-main-menu .menu-toggle { display: none; } @media (min-width: 991px) { .navigation { position: relative; clear: both; } .navigation ul { list-style: none; padding: 0; margin: 0; } .navigation .gva_menu { float: left; position: relative; font-size: 0; } .navigation .gva_menu li { position: relative; } .navigation .gva_menu li a { text-align: left !important; } .navigation .gva_menu li a .icaret { margin: 0 4px; border: none !important; font-size: 9px; } .navigation .gva_menu>li { display: inline-block; } .navigation .gva_menu>li.gva-mega-menu { position: static !important; } .navigation .gva_menu>li.gva-mega-menu>.sub-menu { width: 100%; } .navigation .gva_menu>li>a { display: block; position: relative; font-size: 16px; font-weight: bold; padding: 40px 20px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-align: center; text-transform: uppercase; color: #000000; letter-spacing: normal; } .navigation .gva_menu>li>a:hover, .navigation .gva_menu>li>a:after, .navigation .gva_menu>li>a:active { color: #cba43d; } .navigation .gva_menu>li>a:hover:before, .navigation .gva_menu>li>a:after:before, .navigation .gva_menu>li>a:active:before { opacity: 1; filter: alpha(opacity=100); } .navigation .gva_menu>li>a.is-active { color: #cba43d; } .navigation .gva_menu>li>a.is-active:before { opacity: 1; filter: alpha(opacity=100); } .navigation .gva_menu>li>a>span { position: relative; padding-bottom: 6px; } .navigation .gva_menu>li.menu-item--active-trail>a { color: #cba43d !important; } .navigation .gva_menu>li.megamenu.menu-columns-2>ul.sub-menu>li { width: 50%; float: left; } .navigation .gva_menu>li.megamenu.menu-columns-3>ul.sub-menu>li { width: 33.33%; float: left; } .navigation .gva_menu>li.megamenu.menu-columns-4>ul.sub-menu>li { width: 25%; float: left; } .navigation .gva_menu>li.megamenu.menu-columns-5>ul.sub-menu>li { width: 20%; float: left; } .navigation .gva_menu>li.menu-list ul.sub-menu { min-width: 250px; } .navigation .gva_menu>li.menu-list ul.sub-menu>li { border-bottom: 1px solid #dee2e6; } .navigation .gva_menu>li.menu-list ul.sub-menu>li>a { padding: 10px 15px; text-transform: uppercase; } .navigation .gva_menu .megamenu, .navigation .gva_menu .gva-mega-menu { position: static; } .navigation .gva_menu .megamenu>ul>li, .navigation .gva_menu .gva-mega-menu>ul>li { transition: none; opacity: 1; visibility: visible; transform: none; transition-delay: 0s; } .navigation .gva_menu .megamenu>.sub-menu, .navigation .gva_menu .gva-mega-menu>.sub-menu { width: 100%; padding: 20px; } .navigation .gva_menu .megamenu>.sub-menu>li, .navigation .gva_menu .gva-mega-menu>.sub-menu>li { border: none; position: static; padding: 0 15px; } .navigation .gva_menu .megamenu>.sub-menu>li>ul.sub-menu, .navigation .gva_menu .gva-mega-menu>.sub-menu>li>ul.sub-menu { position: static; border-width: 0; padding: 0; min-width: inherit; width: 100%; background-color: transparent; opacity: 1; filter: alpha(opacity=100); -webkit-box-shadow: none; box-shadow: none; } .navigation .gva_menu .megamenu>.sub-menu>li>ul.sub-menu li, .navigation .gva_menu .gva-mega-menu>.sub-menu>li>ul.sub-menu li { padding: 10px 0 0; margin-bottom: 0; border: none; } .navigation .gva_menu .megamenu>.sub-menu>li>a, .navigation .gva_menu .gva-mega-menu>.sub-menu>li>a { display: block; font-size: 14px; color: #fff; font-weight: 500; text-transform: uppercase; padding: 0 0 5px; margin-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; position: relative; } .navigation .gva_menu .megamenu>.sub-menu>li>a:after, .navigation .gva_menu .gva-mega-menu>.sub-menu>li>a:after { display: none; } .navigation .gva_menu .megamenu:hover ul.sub-menu>li, .navigation .gva_menu .gva-mega-menu:hover ul.sub-menu>li { opacity: 1; visibility: visible; transform: translateY(0); } .navigation .gva_menu .sub-menu { top: 106%; position: absolute; min-width: 205px; background-color: #fff; z-index: 999; left: 0; padding: 12px 26px 12px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2); -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .navigation .gva_menu .sub-menu>li { padding: 10px 0; transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s; opacity: 0; visibility: hidden; transform: translateY(5px); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .navigation .gva_menu .sub-menu>li>a { display: block; line-height: 26px; text-decoration: none; font-size: 16px; font-weight: bold; text-transform: capitalize; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; position: relative; color: #000; text-align: center !important; } .navigation .gva_menu .sub-menu>li>a:hover, .navigation .gva_menu .sub-menu>li>a:focus, .navigation .gva_menu .sub-menu>li>a:active { color: #cba43d; } .navigation .gva_menu .sub-menu>li:nth-child(2n+1) { transition-delay: 0.1s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+2) { transition-delay: 0.15s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+3) { transition-delay: 0.2s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+4) { transition-delay: 0.25s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+5) { transition-delay: 0.3s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+6) { transition-delay: 0.35s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+7) { transition-delay: 0.4s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+8) { transition-delay: 0.45s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+9) { transition-delay: 0.5s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+10) { transition-delay: 0.55s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+11) { transition-delay: 0.6s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+12) { transition-delay: 0.65s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+13) { transition-delay: 0.7s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+14) { transition-delay: 0.75s; } .navigation .gva_menu .sub-menu>li:nth-child(2n+15) { transition-delay: 0.8s; } .navigation .gva_menu .sub-menu>li:last-child { border-bottom: 0; } .navigation .gva_menu .sub-menu>li ul { position: absolute; top: 0; right: 0; min-width: 250px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); display: none; z-index: 11; } } @media (min-width: 576px) { .navigation .gva_menu>li:hover>ul.sub-menu, .navigation .gva_menu>li:hover div.sub-menu { display: block; visibility: visible; opacity: 1; filter: alpha(opacity=100); top: 99%; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .navigation .gva_menu>li:hover>ul.sub-menu>li, .navigation .gva_menu>li:hover div.sub-menu>li { opacity: 1; visibility: visible; transform: translateY(0); } .navigation .gva_menu>li:hover>a { color: #cba43d; } } @media screen and (min-width: 768px) { .navigation .gva_menu .sub-menu>li:hover>ul { visibility: visible; opacity: 1; filter: alpha(opacity=100); display: block; left: 100%; } } body.header-absolute .navigation ul.gva_menu>li>a { color: #fff !important; } .gva-mega-menu .block-blocktabs { position: relative; } .gva-mega-menu .block-blocktabs .ui-widget { font-size: 0.875rem; } .gva-mega-menu .block-blocktabs .ui-tabs-nav { padding: 0; position: static; width: 15%; float: left; } .gva-mega-menu .block-blocktabs .ui-tabs-nav>li { background: none; padding: 0; margin: 0; position: relative; width: 100%; float: none; clear: both; padding-right: 20px; } .gva-mega-menu .block-blocktabs .ui-tabs-nav>li>a { font-size: 12px; text-transform: uppercase; border-bottom: 1px solid #dee2e6; font-weight: 700; padding-bottom: 10px; margin-bottom: 10px; width: 100%; } .gva-mega-menu .block-blocktabs .ui-tabs-nav>li:last-child>a { padding-right: 0; } .gva-mega-menu .block-blocktabs .ui-tabs-nav>li.ui-tabs-active>a { color: #cba43d; } .gva-mega-menu .block-blocktabs .ui-tabs-panel { float: left; width: 85%; } .gva-view.view-header-right header { float: right; } @media (max-width: 575.98px) { .gva-view.view-header-right header { display: none; } } .item-list ul { overflow: hidden; padding: 0; } .item-list ul li.view-list-item { margin: 0 0 30px; overflow: hidden; list-style-type: none; } .item-list ul li.view-list-item .post-block { margin: 0; } .padding-small .item-list ul li.view-list-item { margin-bottom: 20px !important; } .padding-small .item-list ul li.view-list-item:last-child { margin-bottom: 0 !important; } ul[data-drupal-views-infinite-scroll-pager] { list-style-type: none; padding: 0; text-align: center; } ul[data-drupal-views-infinite-scroll-pager].pager { margin: 20px 0; } .views-view-grid .views-row { width: auto; clear: none; float: none !important; } .views-view-grid .views-row:last-child { margin-bottom: 0; } .post-masonry-style>div.views-col { margin-bottom: 10px; } .no-padding .gva-portfolio-items .row { margin: 0 !important; } .no-padding .gva-portfolio-items .isotope-items>div { padding: 0 !important; } .no-padding .gva-portfolio-items .isotope-items>div .isotope-item { margin-bottom: 0 !important; } .view-box-shadow .gva-view-grid { -webkit-box-shadow: 2px 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 2px 5px 30px rgba(0, 0, 0, 0.1); } @media (max-width: 991px) { .view-box-shadow .gva-view-grid { -webkit-box-shadow: none; box-shadow: none; } } .view-box-shadow .pager { padding-top: 20px; } .brand-grid .views-view-grid .views-row { margin-bottom: 65px; } .brand-grid .views-view-grid .views-row .views-field-field-image { text-align: center; } @media (max-width: 575.98px) { .brand-grid .views-view-grid .views-row .views-field-field-image { margin-bottom: 20px; } } .category-list .item-list ul li { border: none; margin: 0 !important; padding: 0 !important; border: none !important; } .category-list .item-list ul li a { padding: 8px 0; display: block; text-transform: capitalize; font-size: 14px; overflow: hidden; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; position: relative; font-weight: 500; color: #7f8284; } .category-list .item-list ul li a:hover, .category-list .item-list ul li a:focus, .category-list .item-list ul li a:active { color: #cba43d; } .testimonial-v1 .testimonial-item { text-align: center; background: #fff; padding: 60px 30px; } .testimonial-v1 .testimonial-item .quote { line-height: 28px; position: relative; padding-top: 35px; } .testimonial-v1 .testimonial-item .avatar { text-align: center; } .testimonial-v1 .testimonial-item .avatar img { width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .testimonial-v1 .testimonial-item .content .title { margin: 30px 0 10px; font-size: 16px; font-weight: 700; line-height: 1; color: #000; } .testimonial-v1 .testimonial-item .content .job { font-size: 12px; color: #bbbbbb; } .view-testimonial-v2 { position: relative; float: left; width: 100%; } .view-testimonial-v2 .owl-dots { text-align: left; position: relative; margin-top: 20px; float: left; width: 100%; } .view-testimonial-v2 .owl-dots .owl-dot { display: inline-block; padding: 0; margin: 5px; background: none; width: 45px; height: 45px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: 2px solid #dee2e6; -webkit-box-shadow: none; box-shadow: none; text-align: center; position: relative; z-index: 9; } .view-testimonial-v2 .owl-dots .owl-dot.active { border-color: #cba43d; } .view-testimonial-v2 .owl-nav { display: none; } .testimonial-grid .item-grid { margin-bottom: 45px; } .testimonial-grid .item-grid:before, .testimonial-grid .item-grid:after { content: " "; display: table; } .testimonial-grid .item-grid:after { clear: both; } .testimonial-grid .item-grid .testimonials-quote { font-size: 16px; color: #000; padding: 30px; border: 1px solid #dee2e6; font-weight: 300; font-style: italic; } .testimonial-grid .item-grid .testimonials-profile { display: inline-block; position: relative; margin-left: 30px; float: left; padding-top: 20px; } .testimonial-grid .item-grid .testimonials-profile:after { content: ""; position: absolute; width: 50px; height: 2px; background: #cba43d; top: -1px; left: 0; z-index: 1; } .testimonial-grid .item-grid .testimonials-profile .right { padding-left: 70px; } .testimonial-grid .item-grid .testimonials-profile .right .name { font-size: 16px; font-weight: 700; color: #000000; margin: 0; text-transform: uppercase; } .testimonial-grid .item-grid .testimonials-profile .right .job { font-size: 12px; font-weight: 900; color: #cba43d; text-transform: uppercase; } .testimonial-grid .item-grid .testimonials-profile .left { display: inline-block; float: left; } .testimonial-grid .item-grid .testimonials-profile .left img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 50px; height: auto; } .slider-gallery-v1 { margin-left: -3px !important; margin-right: -3px !important; } .slider-gallery-v1 .carousel-item { float: left; padding-right: 3px !important; } .slider-gallery-v1 img { -ms-transform-style: none !important; -webkit-transform-style: none !important; -o-transform-style: none !important; transform-style: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; } .slider-gallery-v1 .gallery-large { background: #fff; } .slider-gallery-v1 .gallery-large img { width: 100%; height: auto; } .slider-gallery-v1 div>.gallery-small { width: 50% !important; background: transparent !important; float: left; } .slider-gallery-v1 div>.gallery-small .gallery-small-item { background: #fff; width: 100% !important; height: auto !important; float: left; clear: both; padding-bottom: 3px; margin: 0; } .slider-gallery-v1 div>.gallery-small .gallery-small-item:last-child { padding-bottom: 0; } .slider-gallery-v1 div>.gallery-small .gallery-small-item img { width: 100%; height: auto; } .small-list .item-list ul>li { border-bottom: 1px solid #dee2e6; margin-bottom: 15px !important; padding-bottom: 15px; } .small-list .item-list ul>li a { font-size: 12px; text-transform: uppercase; color: #000; font-weight: 700; } .small-list .item-list ul>li a:hover { color: #cba43d; } .small-list .item-list ul>li:last-child { border: none; margin-bottom: 0 !important; padding-bottom: 0; } .tags-list .item-list>ul>li { margin-bottom: 5px; display: inline-block; float: left; margin-right: 10px; } .tags-list .item-list>ul>li a { padding: 8px 16px; overflow: hidden; font-size: 12px; display: inline-block; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-weight: 500; background: #fff; text-transform: uppercase; } .tags-list .item-list>ul>li a:hover, .tags-list .item-list>ul>li a:focus, .tags-list .item-list>ul>li a:active { background: #cba43d; color: #000000; } .banner-carousel .init-carousel-owl { margin-left: 0; margin-right: 0; } .banner-carousel .init-carousel-owl .item { padding: 0; border-left: 0; text-align: center; position: relative; } .banner-carousel.v2 .item { padding: 0; height: auto; background: transparent; } .banner-carousel.v2 .item>div { padding: 15px 20px; text-align: center; position: relative; } .banner-carousel.v2 .item>div:last-child { border: none; } .block.block-gavias-blockbuilder { padding-bottom: 0 !important; margin-bottom: 0 !important; } .block.block-gavias-blockbuilder ul>li { list-style: none; } .gbb-row-wrapper { position: relative; } .gbb-row-wrapper .row-text-overlay { font-size: 50px; font-weight: 900; text-transform: uppercase; color: rgba(0, 0, 0, 0.09); position: absolute; left: 0; right: 0; text-align: center; height: 46px; top: 50%; margin-top: -23px; z-index: 1; line-height: 1; } @media (max-width: 767.98px) { .gbb-row-wrapper .row-text-overlay { display: none; } } .gbb-row-wrapper .bb-container { position: relative; z-index: 2; } .gbb-row-wrapper .icon-row { color: #cba43d; } .gbb-row-wrapper .gbb-row-wrapper .bb-inner { padding: 0; } .row-box { padding-left: 100px; padding-right: 100px; } @media (max-width: 767.98px) { .row-box { padding-left: 50px; padding-right: 50px; } } .container .container { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .bb-container.full-screen { display: table; table-layout: fixed; width: 100%; } .bb-container.full-screen .bb-inner { padding: 0 !important; } .bb-container.full-screen>.row { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .gbb-row.polygon { -webkit-clip-path: polygon(100% 0, 100% 66%, 0% 100%, -200% 0%); clip-path: polygon(100% 0, 100% 66%, 0% 100%, -200% 0%); } @media (max-width: 767.98px) { .gbb-row.row-border .row-wrapper>.gsc-column { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 30px; padding-bottom: 15px; } .gbb-row.row-border .row-wrapper>.gsc-column:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } } .gbb-row.row-border .row-wrapper>.gsc-column:after { content: ''; width: 1px; height: auto; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; background: rgba(255, 255, 255, 0.3); } @media (max-width: 767.98px) { .gbb-row.row-border .row-wrapper>.gsc-column:after { display: none; } } .gbb-row.row-border .row-wrapper>.gsc-column .column-inner { padding-left: 15px; padding-right: 15px; } .gbb-row.row-border .row-wrapper>.gsc-column:last-child:after { display: none !important; } .gbb-row.row-border .row-wrapper>.gsc-column[class*='col-lg-12']:after { display: none; } .gbb-row.border-inner-row .row-wrapper { border-bottom: 1px solid #dee2e6; } .gbb-row.special-row .bb-inner { padding-top: 0; } .gbb-row.special-row .row-wrapper { margin-top: -110px; position: relative; z-index: 9; -webkit-box-shadow: 2px 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 2px 5px 30px rgba(0, 0, 0, 0.1); background: #fff; } @media (max-width: 991px) { .gbb-row.special-row .row-wrapper { margin-top: 45px; -webkit-box-shadow: none; box-shadow: none; } } .gbb-row.special-row .row-wrapper .column-inner { padding: 35px 0; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } @media (max-width: 991px) { .gbb-row.special-row .row-wrapper .column-inner { padding: 0; } } .column-style-1 { max-width: 700px; padding: 80px 30px; } @media (max-width: 991px) { .column-style-1 { padding: 30px 20px; } } .column-style-2 { max-width: 700px; float: right; padding: 80px 30px; } @media (max-width: 991px) { .column-style-2 { padding: 30px 20px; } } .column-style-3 { max-width: 630px; padding: 80px 30px; } @media (max-width: 991px) { .column-style-3 { padding: 30px 20px; max-width: 100%; } } .column-bg-right { margin-left: auto; max-width: 650px; } .column-box-shadow { background: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .column-box-shadow-2 { background: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); padding: 30px; border: 1px solid rgba(0, 0, 0, 0.06); } .row-gradient-1 { background: -webkit-linear-gradient(to bottom, #3F51B5, #90566c); background: linear-gradient(to bottom, #3F51B5, #90566c); background-color: #3F51B5; } .row-gradient-2 { position: relative; } .row-gradient-2>.bb-inner { position: relative; z-index: 11; } .row-gradient-2:after { content: ''; background-image: -webkit-radial-gradient(50% -50% farthest-corner, #fff 0%, #dde7ff 70%, #dde7ff 100%); background-image: radial-gradient(farthest-corner at 50% -50%, #fff 0%, #dde7ff 70%, #dde7ff 100%); background-color: #dde7ff; position: absolute; top: 120px; left: 0; bottom: 0; right: 0; z-index: 1; } @media (max-width: 991px) { .row-gradient-2:after { top: 0; } } .row-bg-top { position: relative; } .row-bg-top>.bb-inner { position: relative; z-index: 11; } .row-bg-top:after { content: ''; background-image: -webkit-radial-gradient(50% -50% farthest-corner, #fff 0%, #dde7ff 70%, #dde7ff 100%); background-image: radial-gradient(farthest-corner at 50% -50%, #fff 0%, #dde7ff 70%, #dde7ff 100%); background-color: #dde7ff; position: absolute; top: 0; left: 0; z-index: 1; height: 500px; width: 100%; } @media (max-width: 991px) { .row-bg-top:after { top: 0; } } .row-curve-bottom-white:after { content: ''; width: 100%; height: 69px; position: absolute; bottom: 0; background: url("/themes/gavias_facdori/images/curve-bg.png") repeat-x center center transparent; background-size: 100% 100%; } .grid-small .container { max-width: 900px; margin: 0 auto; } .gavias-blockbuilder-content { position: relative; } .gavias-blockbuilder-content .link-edit-blockbuider { border: 1px solid #dee2e6; position: absolute; top: 30px; left: 0px; z-index: 99; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); background: #cba43d; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 12px; display: inline-block; padding: 10px; } .gavias-blockbuilder-content .link-edit-blockbuider:hover, .gavias-blockbuilder-content .link-edit-blockbuider:focus, .gavias-blockbuilder-content .link-edit-blockbuider:active { color: #fff; } @media (max-width: 991px) { .gbb-row[style*="padding-top"] { padding-top: 25px !important; } .gbb-row[style*="padding-bottom"] { padding-bottom: 25px !important; } } .gbb-row .bb-inner { padding-top: 100px; padding-bottom: 100px; } @media (max-width: 991px) { .gbb-row .bb-inner { padding-top: 60px; padding-bottom: 60px; } } .gbb-row .bb-inner.padding-small { padding-top: 50px; padding-bottom: 50px; } .gbb-row .bb-inner.padding-top-large { padding-top: 180px; } @media (max-width: 767.98px) { .gbb-row .bb-inner.padding-top-large { padding-top: 100px; } } .gbb-row .bb-inner.padding-row-120 { padding-left: 120px; padding-right: 120px; } @media (max-width: 991px) { .gbb-row .bb-inner.padding-row-120 { padding-left: 30px; padding-right: 30px; } } .gbb-row .bb-inner.remove_margin { margin: 0 !important; } .gbb-row .bb-inner.remove_padding { padding: 0 !important; } .gbb-row .bb-inner.remove_padding_col>.bb-container>.row-wrapper { margin-left: 0 !important; margin-right: 0 !important; } .gbb-row .bb-inner.remove_padding_col>.bb-container>.row-wrapper>div.gsc-column { padding-left: 0 !important; padding-right: 0 !important; } .gbb-row .bb-inner.remove_padding_top { padding-top: 0 !important; } .gbb-row .bb-inner.remove_padding_bottom { padding-bottom: 0 !important; } .gbb-row .bb-inner.padding-large { padding-top: 180px; padding-bottom: 180px; } @media (max-width: 991px) { .gbb-row .bb-inner.padding-large { padding-top: 120px !important; padding-bottom: 120px !important; } } @media (max-width: 767.98px) { .gbb-row .bb-inner.padding-large { padding-top: 80px !important; padding-bottom: 80px !important; } } @media (max-width: 575.98px) { .gbb-row .bb-inner.padding-large { padding-top: 50px !important; padding-bottom: 50px !important; } } .gbb-row .bb-inner.padding-bottom-large { padding-bottom: 120px; } @media (max-width: 991px) { .gbb-row .bb-inner.padding-bottom-large { padding-bottom: 60px; } } .widget { /******************** Block for drupal ***********************/ } .widget.gsc-block-drupal { margin-bottom: 35px; } .widget.gsc-block-drupal.hidden-title-off .block-inner .block-title h2 { display: none !important; } .widget.gsc-block-drupal.title-align-center .block-title { text-align: center; } .widget.gsc-block-drupal.title-align-left .block-title { text-align: left; } .widget.gsc-block-drupal.title-align-right .block-title { text-align: right; } .widget.gsc-block-drupal.text-light div { color: #fff; } .widget.gsc-block-drupal.text-light .block-inner .block-title { color: #fff; } .widget.gsc-block-drupal.text-light .block-inner .block-content *, .widget.gsc-block-drupal.text-light .block-inner .block-content div { color: #fff; } .widget.gsc-block-drupal.text-light .block-inner .block-content *:after, .widget.gsc-block-drupal.text-light .block-inner .block-content div:after, .widget.gsc-block-drupal.text-light .block-inner .block-content *:before, .widget.gsc-block-drupal.text-light .block-inner .block-content div:before { color: rgba(255, 255, 255, 0.2); } .widget.gsc-block-drupal.remove-margin-on { margin-bottom: 0 !important; } .widget.gsc-block-drupal.remove-margin-on .block { margin-bottom: 0 !important; /******************** Chart *****************************/ } .widget.gsc-progress { margin-bottom: 35px; } .widget.gsc-progress .progress { height: 10px !important; } .widget.gsc-progress .progress-bar span { top: 0; } .widget.gsc-progress .progress-label { text-transform: uppercase; font-size: 14px; } .widget.gsc-progress .percentage { color: #2B2B33; } .widget.gsc-progress.text-light .progress-label { color: #fff; } .gsc-block-view.remove-margin-on { margin-bottom: 0 !important; } .column-content.text-quote { padding: 165px 20px; max-width: 820px; margin: 0 auto; } @media (max-width: 991px) { .column-content.text-quote { padding: 20px 20px; } } .column-content.text-quote-2 { padding: 80px 20px; max-width: 1000px; margin: 0 auto; } @media (max-width: 991px) { .column-content.text-quote-2 { padding: 20px 20px; } } .gsc-accordion .panel-body { padding-left: 0; padding-right: 0; } .gsc-accordion .panel-group.skin-white .panel { border: 1px solid #dee2e6 !important; margin-bottom: 20px; } .gsc-accordion .panel-group.skin-white .panel .panel-title a:after { right: 0; } .gsc-accordion .panel-group.skin-dark { background: #f5f5f5; } .gsc-accordion .panel-group.skin-dark .panel { background: #f5f5f5; border-bottom: 1px solid #e2e2e2 !important; } .gsc-accordion .panel-group.skin-dark .panel .panel-title { background: #f5f5f5 !important; } .gsc-accordion .panel-group.skin-dark .panel .panel-title a { background: none !important; } .gsc-accordion .panel-group.skin-dark .panel .panel-title a:after { right: 0; } .gsc-accordion .panel-group.skin-dark .panel:last-child { border-bottom: none !important; } .gsc-accordion .panel-group.skin-white-border { background: #fff; } .gsc-accordion .panel-group.skin-white-border .panel { padding: 0 0 15px !important; border-bottom: 1px solid #dee2e6 !important; margin-bottom: 18px !important; } .gsc-accordion .panel-group.skin-white-border .panel .panel-title a:after { right: 0; } .gsc-accordion .panel-group.skin-white-border .panel .panel-body { padding-top: 10px; } .gsc-accordion .panel-group.skin-white-border .panel:last-child { border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .gsc-call-to-action .title { font-weight: 700; font-size: 42px; margin: 0; } @media (max-width: 991px) { .gsc-call-to-action .title.fsize-00 { font-size: 34px; } } .gsc-call-to-action .sub-title { color: #7f8284; font-size: 14px; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; margin-bottom: 10px; } .gsc-call-to-action .sub-title>span { padding: 0 2px 4px; border-bottom: 1px solid #cba43d; } .gsc-call-to-action .heading-line.heading-line-1 { width: 80px; height: 2px; margin: 18px auto 18px; background: #cba43d; } .gsc-call-to-action .heading-line.heading-line-2 { width: 80px; height: 6px; border-top: 1px solid #cba43d; border-bottom: 1px solid #cba43d; margin: 18px auto 18px; } .gsc-call-to-action .video-inner { margin-bottom: 30px; } .gsc-call-to-action .video-inner a.link-video { font-size: 24px; margin-top: 0; position: relative; width: 60px; height: 60px; line-height: 60px; color: #002c42; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; background: #cba43d; display: inline-block; position: relative; padding-left: 4px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-call-to-action .video-inner a.link-video:after { content: ''; width: 80px; height: 80px; border: 10px solid rgba(0, 0, 0, 0.1); position: absolute; top: -10px; left: -10px; z-index: 11; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-call-to-action .video-inner a.link-video:hover:after { border: 20px solid rgba(0, 0, 0, 0.4); } .gsc-call-to-action .button-action>a { margin: 0 10px; display: inline-block; } .gsc-call-to-action .button-action>a:first-child { margin-left: 0; } .gsc-call-to-action .button-action>a:last-child { margin-right: 0; } .gsc-call-to-action .desc { line-height: 30px; } .gsc-call-to-action.button-right { position: static; } .gsc-call-to-action.button-right .title { margin: 0 0 10px !important; } .gsc-call-to-action.button-right .heading-line { margin: 16px 0; } .gsc-call-to-action.button-right .content { padding-right: 170px; } @media (max-width: 800px) { .gsc-call-to-action.button-right .content { padding-right: 0; } } .gsc-call-to-action.button-right .content p { margin: 0; } .gsc-call-to-action.button-right .button-action { position: absolute; right: 0; top: 50%; z-index: 1; margin-top: -20px; } @media (max-width: 800px) { .gsc-call-to-action.button-right .button-action { position: relative; margin-top: 15px; } } .gsc-call-to-action.button-left { position: relative; text-align: right; } .gsc-call-to-action.button-left .title { margin: 0 0 10px !important; } .gsc-call-to-action.button-left .heading-line { margin: 16px 0; } .gsc-call-to-action.button-left .content { padding-left: 160px; } @media (max-width: 800px) { .gsc-call-to-action.button-left .content { padding-right: 0; } } .gsc-call-to-action.button-left .content p { margin: 0; } .gsc-call-to-action.button-left .button-action { position: absolute; left: 0; top: 50%; margin-top: -20px; z-index: 1; } @media (max-width: 800px) { .gsc-call-to-action.button-left .button-action { position: relative; margin-top: 15px; } } .gsc-call-to-action.button-bottom { padding: 0 0 30px; } .gsc-call-to-action.button-bottom .title { position: relative; margin-bottom: 32px; } @media (max-width: 991px) { .gsc-call-to-action.button-bottom .title { font-size: 32px; margin-bottom: 20px; } } .gsc-call-to-action.button-bottom .title .text-small { font-size: 28px; line-height: 36px; } .gsc-call-to-action.button-bottom .heading-line { margin: 16px 0; } .gsc-call-to-action.button-bottom .desc { font-size: 16px; } .gsc-call-to-action.button-bottom .button-action { margin-top: 45px; } @media (max-width: 991px) { .gsc-call-to-action.button-bottom .button-action { margin-top: 30px; } } .gsc-call-to-action.button-bottom.text-light .title:after { background: #fff; } .gsc-call-to-action.button-bottom-right { padding: 30px 0; text-align: right; } @media (max-width: 991px) { .gsc-call-to-action.button-bottom-right { padding: 0; } } .gsc-call-to-action.button-bottom-right .title { position: relative; margin-top: 0; letter-spacing: 0; font-weight: 700; margin-bottom: 32px; } .gsc-call-to-action.button-bottom-right .title:after { left: auto; right: 0; } .gsc-call-to-action.button-bottom-right .title .text-small { font-size: 30px; } .gsc-call-to-action.button-bottom-right .desc { font-size: 16px; } .gsc-call-to-action.button-bottom-right .button-action { margin-top: 30px; } .gsc-call-to-action.button-bottom-right.text-light .title:after { background: #fff; } .gsc-call-to-action.button-center { text-align: center; margin: 0 auto; } .gsc-call-to-action.button-center .title { font-size: 32px; position: relative; margin-bottom: 10px; margin-top: 0; } .gsc-call-to-action.button-center .desc { font-size: 16px; } .gsc-call-to-action.button-center .button-action { margin-top: 38px; } .gsc-call-to-action.button-center.text-light .title:after { background: #fff; } .gsc-call-to-action.has-background { padding: 35px; margin-bottom: 30px; } .gsc-call-to-action.has-background .title { margin-bottom: 0; padding-bottom: 15px; font-size: 20px; } .gsc-call-to-action.has-background .title:after { display: none; } .gsc-call-to-action.has-background.button-right .button-action { right: 30px; } .gsc-call-to-action.text-light .content { color: #fff; } .gsc-call-to-action.text-light .content .sub-title { color: #fff; } .gsc-call-to-action.text-light .content .title { color: #fff; } .gsc-call-to-action.text-light .content .desc * { color: #ebebeb; } .gsc-call-to-action.text-light .subtitle { color: #f0f0f0; } .gsc-carousel-content .item .item-content .image { width: 75%; z-index: 1; } .gsc-carousel-content .item .item-content .content-box { position: absolute; right: 0; top: 80px; bottom: 80px; float: right; width: 40%; background: #fff; width: 475px; max-width: 100%; z-index: 99; } .gsc-carousel-content .item .item-content .content-box .content-inner { padding: 60px; } .gsc-carousel-content .item .item-content .content-box .title { font-size: 35px; line-height: 42px; font-weight: 700; margin-bottom: 15px; } .gsc-carousel-content .item .item-content .content-box .desc { font-size: 17px; line-height: 30px; } .gsc-carousel-content .item .item-content .content-box .desc p { margin: 0; } .gsc-carousel-content .active .item-content .bg-full { opacity: 1; filter: alpha(opacity=100); z-index: 999; } @media (max-width: 991px) { .gsc-carousel-content .item .item-content .content-box .content-inner { padding: 30px; } .gsc-carousel-content .item .item-content .content-box .title { font-size: 22px; line-height: 30px; } } @media (max-width: 991px) { .gsc-carousel-content .item .item-content .image { width: 100%; } .gsc-carousel-content .item .item-content .content-box { bottom: 20px; left: 20px; right: 20px; top: auto; width: auto; } } @media (max-width: 768px) { .gsc-carousel-content .item .item-content .content-box { position: static; width: 100%; } } .gsc-icon-box { position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-icon-box:before, .gsc-icon-box:after { content: " "; display: table; } .gsc-icon-box:after { clear: both; } .gsc-icon-box.icon-image.left { padding-right: 30px; } @media (max-width: 991px) { .gsc-icon-box.icon-image.left { padding-right: 0; } } .gsc-icon-box.icon-image .fa-1x { display: block; width: 24px; } .gsc-icon-box.icon-image .fa-2x { display: block; width: 32px; } .gsc-icon-box.icon-image .fa-3x { display: block; width: 64px; } .gsc-icon-box.icon-image .fa-4x { display: block; width: 96px; } .gsc-icon-box.icon-image.top-center .fa-3x .icon img { margin-top: 25px; } .gsc-icon-box.icon-image.top-center .fa-4x .icon img { margin-top: 30px; } .gsc-icon-box .highlight_content { margin-top: 5px; } .gsc-icon-box .highlight_content .title { font-size: 18px; color: #2B2B33; margin: 0 0 10px; text-transform: capitalize; } .gsc-icon-box .highlight_content .desc p { margin-bottom: 0; } .gsc-icon-box .highlight-icon .icon-container { text-align: center; line-height: 1; position: relative; color: #2B2B33; } .gsc-icon-box .highlight-icon .icon-container .icon { position: relative; z-index: 11; } .gsc-icon-box .highlight-icon .icon-container.icon-shadow { -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16); box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16); } .gsc-icon-box .highlight-icon .icon-container.fa-stack { line-height: 2.26em !important; width: 2.2em; height: 2.2em; } .gsc-icon-box .highlight-icon .icon-container.text-theme[class*="border-"] { border-color: rgba(0, 0, 0, 0.1); } .gsc-icon-box .highlight-icon .icon-container.text-white[class*="border-"] { border-color: rgba(255, 255, 255, 0.2); } .gsc-icon-box .highlight-icon .icon-container.text-black { color: #002c42; } .gsc-icon-box .highlight-icon .icon-container.text-black[class*="border-"] { border-color: rgba(0, 0, 0, 0.1); } .gsc-icon-box .highlight-icon .icon-container.radius-1x:after { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .gsc-icon-box .highlight-icon .icon-container.radius-2x:after { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .gsc-icon-box .highlight-icon .icon-container.radius-5x:after { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .gsc-icon-box.icon-background .highlight-icon .icon-container { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .gsc-icon-box.icon-background .highlight-icon .icon-container:after { top: 0px; left: 0px; z-index: 1; position: absolute; width: 100%; height: 100%; content: ''; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .gsc-icon-box.icon-background .highlight-icon .icon-container.bg-black:after { background: #222222; } .gsc-icon-box.icon-background .highlight-icon .icon-container.bg-theme:after { background: #cba43d; } .gsc-icon-box.icon-background.icon-border .highlight-icon .icon-container.bg-black { border-color: #222222; } .gsc-icon-box.icon-background.icon-border .highlight-icon .icon-container.bg-theme { border-color: #cba43d; } .gsc-icon-box.icon-border:not(.icon-background) .highlight-icon .icon-container { color: #cba43d; } .gsc-icon-box.top-center { text-align: center; max-width: 550px; margin-right: auto; margin-left: auto; } .gsc-icon-box.top-center .highlight-icon { text-align: center; padding-right: 0 !important; margin-bottom: 15px; } .gsc-icon-box.top-center .highlight-icon .icon-container { display: inline-block; } .gsc-icon-box.top-center .highlight-icon .icon-container.fa-1x { font-size: 1.4em; } .gsc-icon-box.top-center .title { position: relative; margin: 18px 0 16px; } .gsc-icon-box.top-center .highlight_content { text-align: center; max-width: 300px; margin: 0 auto; } .gsc-icon-box.top-center .highlight_content .desc { text-align: center; font-weight: 400; text-transform: normal; } .gsc-icon-box.top-left { text-align: left; max-width: 300px; clear: both; } .gsc-icon-box.top-left .title { margin: 16px 0 20px; } .gsc-icon-box.top-right { text-align: right; max-width: 300px; clear: both; float: right; } .gsc-icon-box.top-right .title { margin: 16px 0 20px; } .gsc-icon-box.top-right .highlight-icon { width: 100%; text-align: right; } .gsc-icon-box.top-right .highlight-icon .icon-container { display: inline-block; } .gsc-icon-box.top-left-title .title-inner, .gsc-icon-box.top-right-title .title-inner { display: table; margin-bottom: 15px; } .gsc-icon-box.top-left-title .title-inner .highlight-icon, .gsc-icon-box.top-right-title .title-inner .highlight-icon { display: table-cell; vertical-align: top; } .gsc-icon-box.top-left-title .title-inner .title, .gsc-icon-box.top-right-title .title-inner .title { display: table-cell; vertical-align: middle; } .gsc-icon-box.top-left-title .highlight-icon { padding-right: 15px; } .gsc-icon-box.top-right-title { text-align: right; } .gsc-icon-box.top-right-title:before, .gsc-icon-box.top-right-title:after { content: " "; display: table; } .gsc-icon-box.top-right-title:after { clear: both; } .gsc-icon-box.top-right-title .title-inner { float: right; } .gsc-icon-box.top-right-title .highlight-icon { padding-left: 15px; } .gsc-icon-box.top-right-title .desc { float: right; width: 100%; } .gsc-icon-box.right, .gsc-icon-box.left { display: table; max-width: 600px; } .gsc-icon-box.right .highlight-icon, .gsc-icon-box.left .highlight-icon { display: table-cell; vertical-align: top; padding-top: 10px; } .gsc-icon-box.right .highlight_content, .gsc-icon-box.left .highlight_content { display: table-cell; vertical-align: top; } .gsc-icon-box.right .highlight_content .title, .gsc-icon-box.left .highlight_content .title { margin-bottom: 12px; } .gsc-icon-box.right.icon-background .highlight-icon, .gsc-icon-box.left.icon-background .highlight-icon { padding-top: 0; } .gsc-icon-box.right { text-align: right; } .gsc-icon-box.right .highlight-icon { padding-left: 20px; } .gsc-icon-box.left, .gsc-icon-box.left-2 { text-align: left; } .gsc-icon-box.left .highlight-icon, .gsc-icon-box.left-2 .highlight-icon { padding-right: 20px; } .gsc-icon-box.left-2 { width: 100%; display: table; } .gsc-icon-box.left-2 .highlight-icon { display: table-cell; vertical-align: top; padding-top: 20px; padding-right: 15px; width: 130px; } @media (max-width: 991px) { .gsc-icon-box.left-2 .highlight-icon { width: 100px; padding-top: 10px; } } .gsc-icon-box.left-2 .highlight_content { display: table-cell; vertical-align: top; padding-left: 15px; padding-bottom: 6px; width: 100%; } .gsc-icon-box.left-2 .highlight_content .title { font-size: 42px; } @media (max-width: 991px) { .gsc-icon-box.left-2 .highlight_content .title { font-size: 32px; } } .gsc-icon-box.left-2.icon-background .highlight-icon { padding-top: 0; } @media (max-width: 767.98px) { .gsc-icon-box.responsive-1 { margin: 0 auto; float: none; } .gsc-icon-box.responsive-1 .highlight-icon { width: 100%; display: block; margin-bottom: 10px; } .gsc-icon-box.responsive-1 .highlight_content { width: 100%; display: block; padding: 0; } } @media (max-width: 575.98px) { .gsc-icon-box.responsive-2 { margin: 0 auto; float: none; } .gsc-icon-box.responsive-2 .highlight-icon { width: 100%; display: block; margin-bottom: 20px; } .gsc-icon-box.responsive-2 .highlight_content { width: 100%; display: block; padding: 0; } } .gsc-icon-box.text-light .title { color: #fff; } .gsc-icon-box.text-light .title:after { background: #fff; } .gsc-icon-box.text-light .title a { color: #fff; } .gsc-icon-box.text-light .title a:hover { color: #cba43d; } .gsc-icon-box.text-light .highlight-icon .icon-container { color: #fff; } .gsc-icon-box.text-light .desc { color: rgba(255, 255, 255, 0.8); } .gsc-icon-box.box-background { padding: 30px 40px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; -webkit-box-shadow: 1px 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 1px 5px 30px rgba(0, 0, 0, 0.1); } .gsc-icon-box.box-background.active, .gsc-icon-box.box-background:hover, .gsc-icon-box.box-background:focus, .gsc-icon-box.box-background:active { -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); } .gsc-icon-box.border-s1 .icon-inner { padding: 6px; border: 2px solid #dee2e6; display: inline-block; } .gsc-icon-box.border-s1 .icon-inner .fa-stack { line-height: 2.3em !important; width: 2.2em; height: 2.2em; } .gsc-icon-box.border-s1 .icon-inner .fa-2x { font-size: 1.6em; } .gsc-icon-box.border-s1 .icon-inner .fa-1x { font-size: 1.2em; } .gsc-icon-box.border-s1 .icon-inner .fa-1x .fa-stack { line-height: 2.3em !important; width: 2.2em; height: 2.2em; } .gsc-icon-box .i-border-theme { border-color: #cba43d !important; } .gsc-icon-box .i-border-black { border-color: #071F20 !important; } .gsc-icon-box .i-border-dark { border-color: #f1f1f1 !important; } .gsc-icon-box .i-border-white { border-color: #fff !important; } .gsc-icon-box-color.hidden-arrow:after { display: none !important; } .gsc-icon-box-color .content-inner .box-title { font-size: 18px; } .gsc-icon-box-color.icon-style-1 .box-icon { width: 80px; height: 80px; border: 1px solid #dee2e6; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; padding: 10px; margin-bottom: 15px; display: inline-block; } .gsc-icon-box-color.icon-style-1 .box-icon .icon { width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; line-height: 60px; color: #fff; background: #cba43d; font-size: 22px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .gsc-icon-box-color.icon-style-2 .box-icon { margin-bottom: 15px; } .gsc-icon-box-color.icon-style-2 .box-icon .icon { display: inline-block; margin: 0 auto; width: 60px; height: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; line-height: 60px; color: #fff; background: #cba43d; font-size: 22px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .gsc-icon-box-color.arrow-style-1:after { content: ''; background: url("/themes/gavias_facdori/images/arrow-workflow-right.png") no-repeat center center transparent; background-size: contain; width: 60px; height: 20px; z-index: 1; position: absolute; top: 30px; left: -45px; display: none; } @media (max-width: 767.98px) { .gsc-icon-box-color.arrow-style-1:after { display: none !important; } } .gsc-icon-box-color.arrow-style-1:before { content: ''; background: url("/themes/gavias_facdori/images/arrow-workflow.png") no-repeat center center transparent; background-size: contain; width: 60px; height: 20px; z-index: 1; position: absolute; top: 30px; right: -45px; display: none; } @media (max-width: 767.98px) { .gsc-icon-box-color.arrow-style-1:before { display: none !important; } } .gsc-icon-box-color.arrow-style-2:before { content: ''; background: rgba(0, 0, 0, 0.2); width: 60px; height: 1px; z-index: 1; position: absolute; top: 30px; right: -15px; display: none; } @media (max-width: 767.98px) { .gsc-icon-box-color.arrow-style-2:before { display: none !important; } } .gsc-icon-box-color.arrow-style-2:after { content: ''; background: rgba(0, 0, 0, 0.2); width: 60px; height: 1px; z-index: 1; position: absolute; top: 30px; left: -15px; display: none; } @media (max-width: 767.98px) { .gsc-icon-box-color.arrow-style-2:after { display: none !important; } } .gsc-icon-box-color.arrow-right:before { display: block; } .gsc-icon-box-color.arrow-left:after { display: block; } .gsc-icon-box-color.icon-image .box-icon { width: 100%; border: none; background: none; } .gsc-icon-box-color.icon-image .box-icon .icon { background: none !important; -webkit-box-shadow: none; box-shadow: none; height: auto; width: auto; } .gsc-icon-box-color.style-1 { position: relative; text-align: center; } .gsc-icon-box-color.style-1 .box-icon { text-align: center; } .gsc-icon-box-color.style-1 .box-icon .icon { display: block; } .gsc-icon-box-color.style-1 .content-inner { text-align: center; } .gsc-icon-box-color.style-1 .box-title { margin-bottom: 10px; } .gsc-icon-box-color.style-2 { position: relative; text-align: left; margin-top: 30px; max-width: 300px; padding-left: 45px; } .gsc-icon-box-color.style-2 .box-icon { text-align: left; } .gsc-icon-box-color.style-2 .content-inner { text-align: left; } .gsc-icon-box-color.style-3 { position: relative; text-align: right; margin-top: 30px; max-width: 300px; float: right; padding-right: 45px; } .gsc-icon-box-color.style-3 .box-icon { text-align: right; } .gsc-icon-box-color.style-3 .content-inner { text-align: right; } .gsc-icon-box-color.style-3.end { margin-bottom: 0; } .milestone-block { margin-bottom: 20px; } .milestone-block.position-icon-top { text-align: center; display: block; width: 100%; padding: 45px 30px; background: rgba(0, 0, 0, 0.3); } .milestone-block.position-icon-top .milestone-icon { color: #cba43d; display: inline-block; text-align: center; float: none; margin: 0; margin-bottom: 15px; display: inline-block; } .milestone-block.position-icon-top .milestone-icon .icon { color: #cba43d; font-size: 60px; line-height: 1; } .milestone-block.position-icon-top .milestone-right { display: block; text-align: center; float: none; width: 100%; margin-top: 10px; } .milestone-block.position-icon-top .milestone-number { font-size: 26px; font-weight: 700; line-height: 1.1; } .milestone-block.position-icon-top .milestone-text { font-size: 14px; font-weight: 400; color: #002c42; } .milestone-block.position-icon-left { background: #fff; margin-bottom: 20px; } .milestone-block.position-icon-left:before, .milestone-block.position-icon-left:after { content: " "; display: table; } .milestone-block.position-icon-left:after { clear: both; } .milestone-block.position-icon-left .milestone-icon { color: #cba43d; display: inline-block; text-align: center; float: none; margin: 0; width: 70px; height: 70px; border: 1px solid #dee2e6; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; padding: 10px; margin-bottom: 5px; display: inline-block; float: left; } .milestone-block.position-icon-left .milestone-icon .icon { display: block; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; line-height: 50px; color: #fff; background: #cba43d; font-size: 18px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .milestone-block.position-icon-left .milestone-icon span { color: #cba43d; font-size: 38px; line-height: 1; } .milestone-block.position-icon-left .milestone-right { padding-left: 85px; text-align: left; padding-top: 10px; } .milestone-block.position-icon-left .milestone-right .milestone-number { color: #000; text-align: left; font-size: 28px; line-height: 1; padding-top: 20px; } .milestone-block.position-icon-left .milestone-right .milestone-text { font-size: 14px; text-align: left; font-weight: 500; letter-spacing: 2px; width: 100%; } .milestone-block.position-no-icon { text-align: center; } .milestone-block.position-no-icon .milestone-right { display: inline-block; text-align: left; } .milestone-block.position-no-icon .milestone-right .milestone-number-inner { font-size: 110px; letter-spacing: -2px; line-height: 1; color: #000000; } @media (max-width: 991px) { .milestone-block.position-no-icon .milestone-right .milestone-number-inner { font-size: 69px; } } .milestone-block.position-no-icon .milestone-right .milestone-number-inner .symbol { color: #cba43d; font-size: 90px; } @media (max-width: 991px) { .milestone-block.position-no-icon .milestone-right .milestone-number-inner .symbol { font-size: 50px; } } .milestone-block.position-no-icon .milestone-right .milestone-text { text-align: left; font-size: 18px; line-height: 24px; } .milestone-block[style*="background-color"] { padding: 50px 20px; } @media (max-width: 767.98px) { .milestone-block[style*="background-color"] { padding: 30px 20px; } } .milestone-block.text-light .milestone-number { color: #fff !important; } .milestone-block.text-light .milestone-text { color: #BFD4EF !important; } .milestone-block.text-light .milestone-icon span { border-color: #fff; color: #fff; } .gsc-images-parallax { width: 720px; max-width: 100%; margin: 0 auto; } .gsc-images-parallax:before, .gsc-images-parallax:after { content: " "; display: table; } .gsc-images-parallax:after { clear: both; } .gsc-images-parallax .images { position: relative; } .gsc-images-parallax .action { margin-top: 15px; } .gsc-images-parallax.style-v1 { margin-bottom: 60px; } .gsc-images-parallax.style-v1 .images { position: relative; text-align: center; } @media (max-width: 767.98px) { .gsc-images-parallax.style-v1 .images { max-width: 650px; float: none; margin: 0 auto; } } .gsc-images-parallax.style-v1 .content-box { width: 169px; height: 169px; border-radius: 50%; background: #cba43d; color: #000000; text-align: center; padding: 15px 30px 10px; position: absolute; top: 45px; left: 0; z-index: 99; font-size: 20px; line-height: 28px; font-weight: 600; } .gsc-images-parallax.style-v1 .content-box .icon { display: block; width: 100%; margin-bottom: 10px; } .gsc-images-parallax.style-v1 .content-box a:hover { color: #000000; text-decoration: underline; } .gsc-images-parallax.style-v1.right .image-1 { position: relative; z-index: 1; padding-right: 90px; } .gsc-images-parallax.style-v1.right .image-2 { position: absolute; bottom: -120px; right: 0; z-index: 9; padding: 15px; padding-right: 0; text-align: right; background: #fff; max-width: 80%; } @media (max-width: 767.98px) { .gsc-images-parallax.style-v1.right .image-2 { bottom: 0 !important; } } .gsc-images-parallax.style-v1.right .content-box { left: auto; right: 0; } .gsc-images-parallax.style-v1.left .image-1 { position: relative; z-index: 1; padding-left: 90px; } .gsc-images-parallax.style-v1.left .image-2 { position: absolute; bottom: -120px; left: 0; z-index: 9; padding: 15px; padding-left: 0; text-align: left; background: #fff; max-width: 80%; } @media (max-width: 767.98px) { .gsc-images-parallax.style-v1.left .image-2 { bottom: 0 !important; } } .gsc-video-box { position: relative; margin: 0 auto; } .gsc-video-box.style-1 { margin-bottom: 10px; } .gsc-video-box.style-1 .image .popup-video { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; text-transform: capitalize; } .gsc-video-box.style-1 .image .popup-video .icon { position: absolute; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; opacity: 1; filter: alpha(opacity=100); top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; z-index: 12; background: #cba43d; color: #000000; display: inline-block; text-align: center; line-height: 43px; } .gsc-video-box.style-1 .video-content-left { position: relative; width: 200px; float: left; } @media (max-width: 991px) { .gsc-video-box.style-1 .video-content-left { width: 100%; margin-bottom: 10px; } } .gsc-video-box.style-1 .video-content-right { padding-left: 220px; font-size: 18px; color: #000000; padding-top: 15px; } @media (max-width: 991px) { .gsc-video-box.style-1 .video-content-right { width: 100%; margin-bottom: 15px; padding-left: 0; } } .gsc-video-box.style-2 { margin-bottom: 30px; } .gsc-video-box.style-2 .image .popup-video { position: absolute; top: 0; left: 0; z-index: 19; width: 100%; height: 100%; text-transform: capitalize; } .gsc-video-box.style-2 .image .popup-video .icon { position: absolute; width: 50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; z-index: 19; background: #cba43d; color: #fff; display: inline-block; text-align: center; line-height: 50px; } .gsc-video-box.style-2 .video-content .link-video { font-size: 12px; font-weight: 400; margin: 20px 0 0 35px; position: relative; float: left; text-transform: capitalize; } .gsc-video-box.style-2 .video-content .link-video:after { content: ""; position: absolute; width: 30px; height: 1px; background-color: #000; top: 14px; left: -35px; } .gsc-video-box.style-2 .video-content .link-video strong { font-size: 14px; } .gsc-video-box.style-2 .video-content .button-review { float: right; margin-top: 20px; } .gsc-video-box.style-2 .video-content .button-review a { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; color: #000; border: 1px solid #000; padding: 4px 15px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; font-weight: 700; font-size: 12px; text-transform: capitalize; letter-spacing: 2px; } .gsc-video-box.style-2 .video-content .button-review a:hover { color: #fff; background: #cba43d; border-color: #cba43d; } .gsc-video-box.style-2 .video-inner { -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); position: relative; } .gsc-links .content-inner { max-width: 1000px; margin: 0 auto 0; position: relative; top: 0; } .gsc-links .content-inner .box-content { padding: 15px 5px; } .gsc-links .content-inner .box-content a { text-align: center; } .gsc-links .content-inner .box-content a span { display: block; text-transform: uppercase; letter-spacing: 3px; font-weight: 500; font-size: 11px; } .gsc-links .content-inner .box-content a span.icon { font-size: 24px; } .gsc-links .content-inner .box-content a:hover { opacity: 1; filter: alpha(opacity=100); color: #000; } .gsc-links .content-inner .box-content a.o_active { color: #cba43d; } .gsc-links .btn-hidden-links { position: absolute; right: 15px; top: 30px; z-index: 9; display: none; font-size: 32px; line-height: 1; } .gsc-links .btn-hidden-links.hidden-menu { top: 26px; } .gsc-links .btn-hidden-links.hidden-menu span:before { content: "\f20e"; } .gsc-links.stuck { background: #fff; margin-top: 0 !important; right: 0; left: auto; } @media (max-width: 1200px) { .gsc-links.stuck { padding-right: 70px; } } .gsc-links.stuck .btn-hidden-links { display: block; } .gsc-links.stuck.hidden-menu { -webkit-box-shadow: none; box-shadow: none; background: none; top: -120px; } .gsc-links.stuck.hidden-menu .content-inner { opacity: 0; filter: alpha(opacity=0); } .gsc-links.stuck.hidden-menu .btn-hidden-links { position: fixed; } .gsc-links:hover .box-content a { opacity: 0.3; filter: alpha(opacity=30); } .gsc-tabs-content { background: #fff; } .gsc-tabs-content .nav-tabs { border-bottom: 1px solid #dee2e6; text-align: center; margin-bottom: 0; } .gsc-tabs-content .nav-tabs>li { float: left; display: inline-block; } .gsc-tabs-content .nav-tabs>li>a { font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 15px 20px; display: inline-block; } .gsc-tabs-content .nav-tabs>li.active { background: #f5f5f5; } .gsc-tabs-content .tab-content { padding: 30px; } .gsc-tabs-content .tab-content .tab-pane .images { float: left; width: 50%; padding-right: 15px; } @media (max-width: 991px) { .gsc-tabs-content .tab-content .tab-pane .images { width: 100%; padding-right: 0; margin-bottom: 10px; } } .gsc-tabs-content .tab-content .tab-pane .images .content-inner { width: 100%; text-align: center; } .gsc-tabs-content .tab-content .tab-pane .images .content-inner span { position: relative; display: inline-block; } .gsc-tabs-content .tab-content .tab-pane .content-inner { float: left; width: 50%; padding-left: 15px; } @media (max-width: 991px) { .gsc-tabs-content .tab-content .tab-pane .content-inner { width: 100%; padding-left: 0; } } .gsc-tabs-content.style-2 { background: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.08); margin-bottom: 30px; } .gsc-tabs-content.style-3 { background: #fff; border: 1px solid rgba(0, 0, 0, 0.08); margin-bottom: 30px; } .gsc-team .social-icons a { width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-right: 10px; display: inline-block; color: #fff; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); } .gsc-team .social-icons a:hover { -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4); } .gsc-team .team-name { font-size: 16px; text-transform: capitalize; position: relative; font-weight: 700; margin: 0; } .gsc-team .team-position { text-transform: capitalize; color: #cba43d; font-weight: 400; font-size: 13px; } .gsc-team .team-info { margin: 15px 0; } .gsc-team.team-horizontal { margin-top: 50px; } .gsc-team.team-horizontal .team-header { position: relative; overflow: hidden; } .gsc-team.team-horizontal .team-header img { -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; display: inline-block; } .gsc-team.team-horizontal .team-header .box-hover { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); position: absolute; top: 0; left: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .gsc-team.team-horizontal .team-header .box-hover .content-inner { position: absolute; top: 50%; margin-top: -15px; left: 0; width: 100%; height: auto; padding: 0 20px; } .gsc-team.team-horizontal .team-header .social-list a { background: none; color: #fff !important; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; margin-right: 20px; display: inline-block; font-size: 16px; } .gsc-team.team-horizontal .team-header .social-list a:last-child { margin-right: 0; } .gsc-team.team-horizontal .team-header .social-list a:hover { color: #cba43d !important; } .gsc-team.team-horizontal .team-name { font-size: 14px; margin: 0 0 12px 0; text-transform: capitalize; padding: 0 0 12px; position: relative; font-weight: 800; } .gsc-team.team-horizontal .team-name:after { bottom: 0; left: 0; content: ""; background: #cba43d; width: 45px; height: 1px; position: absolute; } .gsc-team.team-horizontal:hover .box-hover { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .gsc-team.team-horizontal:hover .team-header img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .gsc-team.team-vertical { position: relative; margin: 0 0 30px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } @media (max-width: 767.98px) { .gsc-team.team-vertical { max-width: 350px; margin: 0 auto 30px; } } .gsc-team.team-vertical:after { content: ""; width: 100%; height: 100%; border: 10px solid #fff; top: 0; left: 0; z-index: 9; position: absolute; opacity: 0; filter: alpha(opacity=0); } .gsc-team.team-vertical .team-block-inner { position: relative; overflow: hidden; } .gsc-team.team-vertical .team-image img { position: relative; text-align: center; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; top: 0; } .gsc-team.team-vertical .team-content { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; background: url("/themes/gavias_facdori/images/bg-team.png") repeat center center transparent; position: absolute; width: 100%; left: 0; bottom: -20px; opacity: 0; filter: alpha(opacity=0); border: 10px solid #fff; z-index: 99; } .gsc-team.team-vertical .team-content .content-inner { z-index: 11; position: relative; padding: 15px; text-align: center; } .gsc-team.team-vertical .team-content:before { content: ""; width: 100%; height: 100%; background: #000000; opacity: 0.6; filter: alpha(opacity=60); position: absolute; top: 0; left: 0; z-index: 1; } .gsc-team.team-vertical .team-email { display: none; } .gsc-team.team-vertical .team-name { font-weight: 700; color: #000; margin: 12px 0 2px; line-height: 24px; font-size: 18px; } .gsc-team.team-vertical .team-name a:hover, .gsc-team.team-vertical .team-name a:focus, .gsc-team.team-vertical .team-name a:active { color: #fff; } .gsc-team.team-vertical .team-job { font-weight: 300; } .gsc-team.team-vertical .team-socials { position: relative; padding-bottom: 10px; } .gsc-team.team-vertical .team-socials:after { content: ""; width: 35px; height: 1px; background: #333; position: absolute; bottom: 0; left: 50%; margin-left: -22.5px; z-index: 1; } .gsc-team.team-vertical .team-socials>a { font-size: 18px; margin: 0 5px; } .gsc-team.team-vertical .team-socials>a:hover, .gsc-team.team-vertical .team-socials>a:focus, .gsc-team.team-vertical .team-socials>a:active { color: #fff; } .gsc-team.team-vertical:hover { -webkit-box-shadow: 2px 5px 15px 0px rgba(2, 40, 78, 0.18); box-shadow: 2px 5px 15px 0px rgba(2, 40, 78, 0.18); } .gsc-team.team-vertical:hover:after { opacity: 1; filter: alpha(opacity=100); } .gsc-team.team-vertical:hover .team-image img { top: -20px; } .gsc-team.team-vertical:hover .team-content { opacity: 1; filter: alpha(opacity=100); bottom: 0; } .gsc-team.team-circle { margin-bottom: 30px; position: relative; background: none; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .gsc-team.team-circle .team-header { overflow: hidden; position: relative; } .gsc-team.team-circle .team-header img { -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .gsc-team.team-circle .team-header .social-list { position: absolute; bottom: 45px; left: 0; width: 100%; z-index: 9; text-align: center; } .gsc-team.team-circle .team-header .social-list a { background: none; color: #fff !important; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; margin-right: 20px; display: inline-block; font-size: 16px; } .gsc-team.team-circle .team-header .social-list a:last-child { margin-right: 0; } .gsc-team.team-circle .team-header .social-list a:hover { color: #cba43d !important; } .gsc-team.team-circle .team-name { padding: 0; color: #002c42; } .gsc-team.team-circle .team-position { color: #999; margin: 5px 0 0; } .gsc-team.team-circle .team-content { color: #999; } .gsc-team.team-circle .box-hover { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); position: absolute; top: 0; left: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .gsc-team.team-circle .box-hover .team-content { position: absolute; left: 0; width: 100%; height: auto; padding: 0 20px; } .gsc-team.team-circle .team-body { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-align: center; } .gsc-team.team-circle .team-body .content-hover { opacity: 0; filter: alpha(opacity=0); } .gsc-team.team-circle .team-body .info { padding: 20px 15px; position: relative; margin-top: -35px; z-index: 9; background: #fff; } .gsc-team.team-circle:hover .box-hover { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .gsc-quotes-rotator .cbp-qtrotator { position: relative; width: 100%; z-index: 1; } .gsc-quotes-rotator .cbp-qtrotator .cbp-qtcontent { position: absolute; min-height: 100px; border-top: 1px solid #dee2e6; padding: 10px 0; top: 0; z-index: 0; opacity: 0; width: 100%; } .gsc-quotes-rotator .cbp-qtrotator .cbp-qtcontent .content-title { font-size: 32px; line-height: 40px; margin-bottom: 15px; font-weight: 700; color: #000; text-transform: capitalize; } @media (max-width: 767.98px) { .gsc-quotes-rotator .cbp-qtrotator .cbp-qtcontent .content-title { font-size: 28px; line-height: 36px; } } .gsc-quotes-rotator .cbp-qtrotator .cbp-qtcontent .content-inner { font-size: 14px; line-height: 30px; } .gsc-quotes-rotator .no-js .cbp-qtrotator .cbp-qtcontent { border-bottom: none; } .gsc-quotes-rotator .cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent, .gsc-quotes-rotator .no-js .cbp-qtrotator .cbp-qtcontent { position: relative; z-index: 100; pointer-events: auto; opacity: 1; } .gsc-quotes-rotator .cbp-qtrotator .cbp-qtcontent:before, .gsc-quotes-rotator .cbp-qtrotator .cbp-qtcontent:after { content: " "; display: table; } .gsc-quotes-rotator .cbp-qtrotator .cbp-qtcontent:after { clear: both; } .gsc-quotes-rotator .cbp-qtprogress { position: absolute; background: #cba43d; height: 1px; width: 0%; top: 0; z-index: 1000; } .gsc-quotes-rotator .cbp-qtrotator blockquote { margin: 0; padding: 0; } .gsc-quotes-rotator.text-light { color: #fff; } .gsc-quotes-rotator.text-light .cbp-qtrotator .cbp-qtcontent { border-top: 1px solid rgba(255, 255, 255, 0.1); } .gsc-quotes-rotator.text-light .cbp-qtrotator .cbp-qtcontent .content-inner { color: #fff; } .gsc-quotes-rotator.text-light .cbp-qtrotator .cbp-qtcontent .content-title { color: #fff; } .gva-job-box { padding: 30px; border: 1px solid #dee2e6; background: #fff; margin-bottom: 30px; display: table; width: 100%; } .gva-job-box .logo-inner { width: 60px; text-align: center; display: table-cell; } .gva-job-box .content-inner { display: table-cell; padding-left: 20px; } .gva-job-box .content-inner .job-type { font-size: 12px; text-transform: uppercase; font-weight: 700; display: inline-block; color: #cba43d; } .gva-job-box .content-inner .box-title { margin-bottom: 10px; } .gva-job-box .content-inner .box-title .title { font-size: 14px; font-weight: 700; color: #002c42; text-transform: uppercase; } .gva-job-box .content-inner .information ul { margin: 0; padding: 0; list-style: none; } .gva-job-box .content-inner .information ul li { position: relative; font-size: 14px; } .gva-job-box .content-inner .information ul li i { color: #cba43d; width: 20px; text-align: left; font-size: 14px; } .gsc-our-gallery { margin-bottom: 30px; } .gsc-our-gallery .item .box-content { position: absolute; bottom: 0; right: 0; padding: 35px 30px; background: #cba43d; z-index: 9; max-width: 55%; } .gsc-our-gallery .item .box-content .title { color: #fff; font-size: 22px; font-weight: 700; line-height: 32px; position: relative; padding-bottom: 15px; margin-bottom: 15px; } @media (max-width: 575.98px) { .gsc-our-gallery .item .box-content .title { font-size: 18px; line-height: 24px; } } .gsc-our-gallery .item .box-content .title:after { content: ''; width: 50px; height: 2px; background: #000000; position: absolute; bottom: 0; left: 0; z-index: 1; } .gsc-our-gallery .item .box-content .desc { color: #fff; } @media (max-width: 575.98px) { .gsc-our-gallery .item .box-content .desc { display: none; } } .gsc-our-gallery .owl-nav .owl-prev { bottom: 15px; left: 15px; } .gsc-our-gallery .owl-nav .owl-next { bottom: 15px; left: 60px; right: auto; } .gsc-box-hover { position: relative; margin-bottom: 30px; background: transparent; } .gsc-box-hover .frontend, .gsc-box-hover .backend { z-index: 1; border-radius: inherit; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: inherit; perspective: inherit !important; -webkit-transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); -moz-transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); min-height: 250px; background: #fff; } .gsc-box-hover .frontend { height: inherit; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .gsc-box-hover .frontend .frontend-content { border-top: 0; padding: 25px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.08); border-top: 0; } .gsc-box-hover .backend { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); background: #cba43d; padding: 20px 20px 40px; color: #fff; } .gsc-box-hover .backend .content-be { height: 100%; -webkit-transform: translateZ(70px) scale(0.86); -moz-transform: translateZ(70px) scale(0.86); -o-transform: translateZ(70px) scale(0.86); transform: translateZ(70px) scale(0.86); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .gsc-box-hover .backend .be-desc { color: #f1f1f1; } .gsc-box-hover .backend .box-title { position: relative; padding-bottom: 15px; margin-bottom: 15px; text-transform: capitalize; font-weight: 20px; } .gsc-box-hover .backend .box-title:after { content: ''; width: 50px; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0; z-index: 1; } .gsc-box-hover .backend .box-title a { color: #fff; } .gsc-box-hover .backend .box-title a:hover { text-decoration: underline; } .gsc-box-hover .backend .link-action { position: absolute; bottom: -34px; right: 0; z-index: 9; } .gsc-box-hover .backend .link-action a { color: #fff; text-transform: capitalize; font-size: 14px; font-weight: 700; } .gsc-box-hover .backend .link-action a i { margin-left: 6px; } .gsc-box-hover .backend .link-action a:hover { text-decoration: underline; } .gsc-box-hover .box-content { -webkit-perspective: 1000px; perspective: 1000px; border-radius: inherit; } .gsc-box-hover .box-title { font-weight: 700; font-size: 18px; line-height: 1.2; padding-bottom: 12px; text-transform: capitalize; } .gsc-box-hover:hover .frontend, .gsc-box-hover:active .frontend, .gsc-box-hover:focus .frontend, .gsc-box-hover.active .frontend, .gsc-box-hover:hover .backend, .gsc-box-hover:active .backend, .gsc-box-hover:focus .backend, .gsc-box-hover.active .backend { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); -moz-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); } .gsc-box-hover:hover .frontend, .gsc-box-hover:active .frontend, .gsc-box-hover:focus .frontend, .gsc-box-hover.active .frontend { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .gsc-box-hover:hover .backend, .gsc-box-hover:active .backend, .gsc-box-hover:focus .backend, .gsc-box-hover.active .backend { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .gsc-text-rotate .rotate-text { max-width: 900px; } .gsc-text-rotate .rotate-text .primary-text { font-size: 38px; font-weight: 700; color: #000000; text-transform: capitalize; } @media (max-width: 991px) { .gsc-text-rotate .rotate-text .primary-text { font-size: 30px; } } .gsc-text-rotate .rotate-text .second-text { font-size: 14px; max-width: 690px; margin: 6px auto 0; } .gsc-text-rotate .rotate-text .link { margin-top: 20px; } .gsc-text-rotate.align-center .rotate-text { margin: 0 auto; text-align: center; } .gsc-text-rotate.align-left .rotate-text { float: left; text-align: left; } .gsc-text-rotate.align-left .primary-text { text-align: left; } .gsc-text-rotate.align-left .second-text { text-align: left; } .gsc-text-rotate.align-left .link { text-align: left; } .gsc-text-rotate.text-light .rotate-text .primary-text { color: #fff; } .gsc-text-rotate.text-light .rotate-text .second-text { color: #fff; } .gsc-heading { padding: 0 0 35px; display: block; width: 100%; max-width: 760px; } .gsc-heading:before, .gsc-heading:after { content: " "; display: table; } .gsc-heading:after { clear: both; } @media (max-width: 767.98px) { .gsc-heading { padding: 0 0 30px; } .gsc-heading.heading-bg-white { padding: 30px 20px !important; background: #fff; } } .gsc-heading .title { position: relative; text-transform: capitalize; margin: 0; } .gsc-heading .sub-title { color: #7f8284; font-size: 14px; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; margin-bottom: 10px; } .gsc-heading .sub-title>span { padding: 0 2px 4px; border-bottom: 1px solid #cba43d; } .gsc-heading .heading-line.heading-line-1 { width: 80px; height: 2px; margin: 16px auto 16px; background: #cba43d; } .gsc-heading .heading-line.heading-line-2 { width: 80px; height: 6px; border-top: 1px solid #cba43d; border-bottom: 1px solid #cba43d; margin: 16px auto 16px; } .gsc-heading .heading-line.heading-line-3 { width: 30px; background: #000; height: 2px; margin: 16px auto 16px; } .gsc-heading .heading-bottom { clear: both; } .gsc-heading .heading-bottom .title-desc { max-width: 700px; margin: 0 auto; margin-top: 10px; line-height: 28px; } .gsc-heading .heading-bottom .title-desc p { margin-bottom: 0; } .gsc-heading.align-center { text-align: center; margin: 0 auto; } .gsc-heading.align-left { text-align: left; } .gsc-heading.align-left .heading-line { float: left; clear: both; } .gsc-heading.align-left .title-desc { float: left; } .gsc-heading.align-left .title-icon { padding-left: 50px; } .gsc-heading.align-right { text-align: right; float: right; } .gsc-heading.align-right:before, .gsc-heading.align-right:after { content: " "; display: table; } .gsc-heading.align-right:after { clear: both; } .gsc-heading.align-right .heading-line { float: right; clear: both; } .gsc-heading.align-right { text-align: right; } .gsc-heading.align-right .title-desc { float: right; } .gsc-heading.style-1 .title { font-size: 50px; position: relative; padding-bottom: 10px; } @media (max-width: 991px) { .gsc-heading.style-1 .title.fsize-00 { font-size: 38px; } } .gsc-heading.style-1.align-left .title:after { left: 0; margin-left: 0; } .gsc-heading.style-1.align-right .title:after { right: 0; margin-left: 0; } .gsc-heading.style-2 { padding: 0 0 30px; } .gsc-heading.style-2 .title { font-size: 46px; color: #000000; line-height: 1.2; font-weight: 900; text-transform: uppercase; } @media (max-width: 991px) { .gsc-heading.style-2 .title.fsize-00 { font-size: 32px; } } .gsc-heading.style-2 .title.fw-900 { letter-spacing: -1px; } .gsc-heading.style-2 .title-desc { margin-top: 5px; } .gsc-heading.style-3 { padding: 30px; background: #cba43d; color: #fff; } .gsc-heading.style-3 .title { color: #fff; font-weight: 700; font-size: 32px; margin-bottom: 4px; } .gsc-heading.style-3 .title-desc { margin-top: 0; } .gsc-heading.text-light .title-sub { color: #fff; } .gsc-heading.text-light .title { color: #fff; } .gsc-heading.text-light .sub-title span { color: rgba(255, 255, 255, 0.9); } .gsc-heading.text-light .title-desc { color: #f5f5f5; } .gsc-chart { text-align: center; } .gsc-chart .content { text-align: center; } .gsc-chart .content>div { display: block; } .gsc-chart .content .icon { font-size: 25px; margin-top: 5px; } .gsc-chart .content .title { font-weight: 700; position: relative; font-size: 14px; color: #000; margin: 20px 0 15px; text-transform: uppercase; } .gsc-map { position: relative; } .gsc-map .content-inner { position: absolute; bottom: 30px; left: 30px; z-index: 9; max-width: 400px; padding: 20px; background: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border: 1px solid #dee2e6; } @media (max-width: 600px) { .gsc-map .content-inner { position: static; width: 100%; max-width: 100%; } } .gsc-map .info { margin-bottom: 10px; padding-left: 28px; position: relative; } .gsc-map .info span.icon { font-size: 18px; top: 5px; left: 0; position: absolute; z-index: 1; color: #000; } .gsc-map .phone { color: #cba43d; } .gsc-map .social-inline { float: left; width: 100%; text-align: left; margin-top: 0; } .gsc-map .social-inline>a { margin: 0 10px 0 0; font-size: 16px; } .gsc-quote { position: relative; padding-top: 125px; } .gsc-quote:after { position: absolute; content: ""; background: url("/themes/gavias_facdori/images/testimonial-icon.png") no-repeat center center transparent; width: 30px; height: 30px; left: 0; top: 50px; z-index: 1; } .gsc-quote .content { line-height: 28px; } .gsc-quote .signature { margin-top: 60px; } .gsc-quote .position { margin-top: 25px; } .gsc-quote-text { position: relative; padding: 30px 30px 30px 70px; margin-bottom: 35px; } .gsc-quote-text .icon { position: absolute; left: 20px; top: 30px; z-index: 1; font-size: 20px; color: #cba43d; } .gsc-quote-text .content { line-height: 30px; font-size: 16px; color: #999999; } .gsc-quote-text.has-border { border: 2px solid #dee2e6; } .gsc-box-color { position: relative; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; margin-bottom: 35px; background: #cba43d; max-width: 500px; margin-left: auto; margin-right: auto; } .gsc-box-color .box-content { text-align: center; } .gsc-box-color .box-content .content-inner { padding: 15px 30px 15px; } @media (max-width: 767.98px) { .gsc-box-color .box-content .content-inner { padding: 15px; } } .gsc-box-color .box-content .box-title { font-size: 16px; line-height: 30px; text-transform: none; font-weight: 400; position: relative; margin-bottom: 10px; } .gsc-box-color .box-content .icon { font-size: 24px; margin-left: 10px; } .gsc-box-color .box-content .content { font-size: 16px; line-height: 25px; } .gsc-box-color .box-content .action { margin: 15px 0 0; } .gsc-box-color .box-content .link { display: inline-block; font-weight: 700; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; font-size: 12px; z-index: 9; padding: 6px 20px; overflow: hidden; background: rgba(0, 0, 0, 0.3); text-transform: capitalize; color: #fff; } .gsc-box-color .box-content .link .text { position: relative; z-index: 9; } .gsc-box-color .box-content .link .background { width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.1); position: absolute; z-index: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-box-color .box-content .link:hover .background { background: rgba(0, 0, 0, 0.5); } .gsc-box-color.text-white .box-title, .gsc-box-color.text-white .content, .gsc-box-color.text-white .link { color: #fff; } .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs { padding: 15px; background: #fff; border: 1px solid #dee2e6; border-bottom: 0; } .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs>li a { display: block; } .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content { border: 1px solid #dee2e6; } .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane { background: #fff; padding: 30px; } .gsc-tabs .tabs_wrapper.tabs_vertical { display: flex; flex-wrap: wrap; } .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs { width: 25%; float: left; flex: 0 0 25%; max-width: 50%; background: #fff; border: 1px solid #dee2e6; border-right: 0; } .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs>li { display: block; border-bottom: 1px solid #dee2e6; width: 100%; padding-top: 15px; } .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs>li a { width: 100%; display: block; } .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs>li:last-child { margin-bottom: 0; border: none; } .gsc-tabs .tabs_wrapper.tabs_vertical .tab-content { width: 75%; float: left; width: 75%; float: left; flex: 0 0 75%; max-width: 75%; } .gsc-tabs .tabs_wrapper.tabs_vertical .tab-content .tab-pane { background: #fff; padding: 30px; border: 1px solid #dee2e6; } .gsc-button { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; border: 2px solid transparent; margin-bottom: 20px; display: inline-block; clear: both; } .gsc-button.radius-2x { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .gsc-button.radius-5x { border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; } .gsc-button.mini { font-size: 10px; padding: 3px 10px; } .gsc-button.small { font-size: 10px; padding: 8px 15px; } .gsc-button.medium { font-size: 12px; padding: 12px 35px; } .gsc-button.large { font-size: 14px; padding: 18px 60px; } .gsc-button.extra-large { font-size: 14px; padding: 20px 60px; } .gsc-our-partners { margin-bottom: 45px; } .gsc-our-partners:before, .gsc-our-partners:after { content: " "; display: table; } .gsc-our-partners:after { clear: both; } .gsc-our-partners .image { width: 35%; float: left; } @media (max-width: 400px) { .gsc-our-partners .image { width: 100%; text-align: center; } } .gsc-our-partners .content-inner { width: 65%; float: left; padding-left: 30px; } @media (max-width: 400px) { .gsc-our-partners .content-inner { width: 100%; } } .gsc-our-partners .content-inner .title { font-size: 18px; color: #000; font-weight: 700; } .gsc-our-partners .content-inner .info { font-size: 12px; padding: 5px 0 12px; } .gsc-our-partners .content-inner .info .category { color: #cba43d; } .gsc-image-content.skin-v1 { margin-bottom: 30px; padding: 10px; border-radius: 0 150px 150px 0; -webkit-border-radius: 0 150px 150px 0; -moz-border-radius: 0 150px 150px 0; -ms-border-radius: 0 150px 150px 0; -o-border-radius: 0 150px 150px 0; background: #fff; } @media (max-width: 767.98px) { .gsc-image-content.skin-v1 { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; padding: 30px; } } .gsc-image-content.skin-v1 .content-left { padding: 35px 225px 10px 35px; } @media (max-width: 991px) { .gsc-image-content.skin-v1 .content-left { padding: 30px 225px 10px 30px; } } @media (max-width: 767.98px) { .gsc-image-content.skin-v1 .content-left { width: 100%; padding: 30px 30px 0; } } .gsc-image-content.skin-v1 .content-left .title { font-size: 20px; margin-bottom: 20px; } @media (max-width: 767.98px) { .gsc-image-content.skin-v1 .content-left .title { margin: 15px 0; float: left; width: 100%; text-align: center; } } .gsc-image-content.skin-v1 .content-right { width: 200px; float: right; text-align: center; } @media (max-width: 991px) { .gsc-image-content.skin-v1 .content-right { width: 170px; } } @media (max-width: 767.98px) { .gsc-image-content.skin-v1 .content-right { width: 100%; text-align: center; } } .gsc-image-content.skin-v1 .content-right .image { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; } @media (max-width: 767.98px) { .gsc-image-content.skin-v1 .content-right .image { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } } .gsc-image-content.skin-v2 { position: relative; margin-bottom: 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; margin-right: auto; margin-left: auto; } .gsc-image-content.skin-v2 .image { position: relative; overflow: hidden; text-align: center; } .gsc-image-content.skin-v2 .image img { -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; } .gsc-image-content.skin-v2 .box-content { background: #fff; padding: 30px; top: 0; z-index: 1; width: 100%; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; position: relative; background: #F3F3F3; margin-top: 10px; } .gsc-image-content.skin-v2 .box-content .content-inner { max-width: 490px; margin: 0 auto; } .gsc-image-content.skin-v2 .box-content .title { margin: 0 0 20px; font-size: 20px; } .gsc-image-content.skin-v2 .box-content .desc { margin-top: 5px; } .gsc-image-content.skin-v3 { max-width: 550px; margin: 0 auto 20px; } .gsc-image-content.skin-v3 .image { position: relative; margin-bottom: 20px; text-align: center; } .gsc-image-content.skin-v3 .image:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-image-content.skin-v3 .image .title { position: absolute; top: 50%; width: 100%; padding: 10px 15px; text-align: center; z-index: 9; margin-top: -25px; color: #fff; font-size: 18px; } .gsc-image-content.skin-v3 .image .title a { color: #fff; text-shadow: 0 0 5px #000; } .gsc-image-content.skin-v3 .image:hover:after { background: #cba43d; } .gsc-image-content.skin-v3 .read-more { margin-top: 10px; } .gsc-service-carousel { text-align: center; } .gsc-service-carousel .item .content-inner { border: 1px solid #dee2e6; background: #fff; text-align: center; min-height: 170px; padding: 20px 30px 0; margin-bottom: 30px; margin-top: 10px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-service-carousel .item .content-inner .icon i { font-size: 38px; color: #cba43d; line-height: 60px; } .gsc-service-carousel .item .content-inner .title { margin-top: 10px; } .gsc-service-carousel .item .content-inner .title a { font-weight: 700; font-size: 14px; text-transform: capitalize; line-height: 20px; display: inline-block; } .gsc-service-carousel .item .content-inner:hover, .gsc-service-carousel .item .content-inner:focus, .gsc-service-carousel .item .content-inner:active { box-shadow: 0px 6px 21px 3px rgba(0, 0, 0, 0.1); background: #fff; border-color: transparent; } .gsc-service-carousel .read-more { margin-top: 30px; } .gsc-box-download { background: #cba43d; color: #fff; padding: 30px; margin: 20px 0; } .gsc-box-download .info .title { font-size: 18px; } .gsc-box-download .info .desc { font-size: 12px; line-height: 24px; } .gsc-box-download .box-files a { display: inline-block; margin-bottom: 10px; text-align: center; color: #000; font-weight: 700; font-size: 13px; background: #fff; padding: 15px; width: 100%; } .gsc-box-download.horizontal:before, .gsc-box-download.horizontal:after { content: " "; display: table; } .gsc-box-download.horizontal:after { clear: both; } .gsc-box-download.horizontal .info { width: 70%; float: left; } @media (max-width: 575.98px) { .gsc-box-download.horizontal .info { width: 100%; margin-bottom: 15px; } } .gsc-box-download.horizontal .box-files { width: 30%; float: left; } @media (max-width: 575.98px) { .gsc-box-download.horizontal .box-files { width: 100%; } } .gsc-socials { margin-bottom: 30px; } .gsc-socials a { color: #595959; text-decoration: none; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; margin-right: 12px; font-size: 14px; } .gsc-socials a:last-child { margin-right: 0; } .gsc-socials a:hover, .gsc-socials a:focus, .gsc-socials a:active { opacity: 0.7; filter: alpha(opacity=70); } .gsc-socials a i { color: #fff; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; text-align: center; line-height: 40px; font-size: 14px; } .gsc-instagram .title { color: #242527; font-size: 35px; text-align: center; margin-bottom: 60px; font-weight: 300; } .gsc-instagram .title a { color: #cba43d; border-bottom: 1px solid #cba43d; } .gsc-instagram .title a:hover, .gsc-instagram .title a:focus, .gsc-instagram .title a:active { color: #000; } .gsc-instagram.style-2 .owl-carousel { margin-left: 0 !important; margin-right: 0 !important; } .gsc-instagram.style-2 .owl-carousel .owl-item>.item { padding-left: 0 !important; padding-right: 0 !important; } .gsc-progress-box { border: 1px solid #dee2e6; padding: 75px 60px 60px; position: relative; text-align: center; } @media (max-width: 991px) { .gsc-progress-box { padding: 35px 30px 30px; } } .gsc-progress-box .icon-box { width: 40px; height: 40px; background: #cba43d; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; line-height: 40px; text-align: center; color: #000000; position: absolute; top: -20px; left: 50%; margin-left: -20px; z-index: 11; } .gsc-progress-box .title { font-size: 20px; margin: 35px 0; } .gsc-progress-box .heading-box { line-height: 1; } .gsc-progress-box .heading-box .step-number { font-size: 90px; color: #000000; letter-spacing: -2px; } .gsc-progress-box .heading-box .step-number.number-01, .gsc-progress-box .heading-box .step-number.number-1 { right: -10px; position: relative; } .gsc-progress-box .heading-box .step-text { font-size: 18px; color: #cba43d; text-transform: uppercase; letter-spacing: 3px; } /* Flip Horizontally */ @-webkit-keyframes gavias_flip_x { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; filter: alpha(opacity=100); } } @-moz-keyframes gavias_flip_x { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; filter: alpha(opacity=0); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; filter: alpha(opacity=100); } } @-o-keyframes gavias_flip_x { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; filter: alpha(opacity=0); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; filter: alpha(opacity=100); } } @keyframes gavias_flip_x { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; filter: alpha(opacity=0); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; filter: alpha(opacity=100); } } /* Flip Vertically */ @-webkit-keyframes gavias_flip_y { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; filter: alpha(opacity=100); } } @-moz-keyframes gavias_flip_y { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; filter: alpha(opacity=0); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; filter: alpha(opacity=100); } } @-o-keyframes gavias_flip_y { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; filter: alpha(opacity=0); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; filter: alpha(opacity=100); } } @keyframes gavias_flip_y { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; filter: alpha(opacity=0); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; filter: alpha(opacity=100); } } #gva-preloader { position: fixed; background: white; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; } .cssload-container { width: 100%; height: 200px; overflow: hidden; margin: 0px auto; position: absolute; top: 50%; margin-top: -100px; } .cssload-container .wait-text { text-align: center; padding-bottom: 15px; color: #000; } .cssload-container .cssload-item { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 131px; height: 131px; background-color: #fff; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: 0 0 21px 3px rgba(130, 130, 130, 0.26); -o-box-shadow: 0 0 21px 3px rgba(130, 130, 130, 0.26); -ms-box-shadow: 0 0 21px 3px rgba(130, 130, 130, 0.26); -webkit-box-shadow: 0 0 21px 3px rgba(130, 130, 130, 0.26); -moz-box-shadow: 0 0 21px 3px rgba(130, 130, 130, 0.26); } .cssload-container .cssload-moon { border-bottom: 26px solid #cba43d; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; animation: spin 1.45s ease infinite; -o-animation: spin 1.45s ease infinite; -ms-animation: spin 1.45s ease infinite; -webkit-animation: spin 1.45s ease infinite; -moz-animation: spin 1.45s ease infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } .blur { filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='3'); -webkit-filter: url("/themes/gavias_facdori/#blur-filter"); filter: url("/themes/gavias_facdori/#blur-filter"); -webkit-filter: blur(3px); filter: blur(3px); } .blur-svg { display: none; } .hover-in { transition: 0.3s ease-out; } .hover-out { transition: 0.3s ease-in; } @media (max-width: 991px) { .area-main-menu { min-height: 60px; } .gva-offcanvas-mobile { background: #fff; position: fixed !important; left: 0; top: 0; width: 100%; max-width: 350px; top: 0; bottom: 0; z-index: 999; height: auto; overflow-y: auto; overflow-x: hidden; webkit-overflow-scrolling: touch; -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2); padding-top: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); } .gva-offcanvas-mobile.show-view { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); } .gva-offcanvas-mobile .after-offcanvas { display: block !important; visibility: visible !important; } .gva-offcanvas-mobile .after-offcanvas .block { float: left; width: 100%; } .gva-offcanvas-mobile .close-offcanvas { display: block !important; visibility: visible !important; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; padding: 15px 0; opacity: 1; filter: alpha(opacity=100); color: #111111; } .gva-offcanvas-mobile .close-offcanvas span { font-size: 24px; } .gva-offcanvas-mobile .close-offcanvas:hover { cursor: pointer; color: #cba43d; } .gva-offcanvas-mobile .block { border-bottom: 1px solid #dee2e6; padding: 20px; } .gva-offcanvas-mobile .block .block-content:before, .gva-offcanvas-mobile .block .block-content:after { content: " "; display: table; } .gva-offcanvas-mobile .block .block-content:after { clear: both; } .gva-offcanvas-mobile .gva-navigation .gva_menu { padding: 10px 0 0; width: 100% !important; background: none !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li { list-style: none; display: block; clear: both; width: 100%; margin-bottom: 8px !important; padding-bottom: 8px !important; padding-top: 2px !important; border-bottom: 1px solid #dee2e6; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li:last-child { border-bottom: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li:after, .gva-offcanvas-mobile .gva-navigation .gva_menu>li:before { content: none; display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li>a { display: block; width: 100%; line-height: 32px; font-size: 14px; padding: 0 !important; font-weight: 700; color: #000000 !important; text-transform: uppercase; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li>a:after, .gva-offcanvas-mobile .gva-navigation .gva_menu>li>a:before { content: none; display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li>a:hover { color: #cba43d !important; background: none !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li.menu-parent:hover .sub-menu { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu { padding-left: 20px !important; margin-bottom: 10px; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu .icaret { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu li a { font-size: 14px; line-height: 24px; padding-top: 2px !important; padding-bottom: 2px !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu li a:hover { color: #cba43d !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu ul.sub-menu { display: block !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li.megamenu .sub-menu>li { width: 100% !important; float: none !important; display: block; padding: 0; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li.megamenu .sub-menu>li>a { padding: 0; border: 0; margin: 0; font-size: 14px; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li.megamenu .sub-menu>li.block-image { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li.megamenu>.sub-menu>li>a { color: #000; font-weight: 700; font-size: 15px; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a { position: relative; display: block; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a:hover { color: #cba43d; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret { position: absolute; width: 32px; height: 32px; top: -1px; bottom: 0; right: 0; font-size: 13px; background: #222; color: #fff; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret.nav-minus:before { content: '\f077'; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret:before { position: absolute; text-transform: inherit; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gva-offcanvas-mobile .gva-navigation .gva_menu li ul { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu { -webkit-transition: none; -o-transition: none; transition: none; -moz-transition: none; -ms-transition: none; min-width: inherit; display: none; width: 100%; position: static; padding: 0 !important; visibility: visible; border: 0; background: none; opacity: 1; filter: alpha(opacity=100); -webkit-box-shadow: none; box-shadow: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu:after, .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu:before { content: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a { border-width: 0; padding-left: 0; padding-right: 0; font-size: 14px; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:before, .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:after { content: none !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:hover { text-indent: 0; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu ul { display: none; visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu .block-image { display: none; } } .menu-bar { height: 32px; width: 36px; position: absolute; cursor: pointer; top: 50%; right: 10px; margin-top: -16px; } .menu-bar:hover { -webkit-box-shadow: 0, 0, 10px, 0.3; box-shadow: 0, 0, 10px, 0.3; } .menu-bar span { display: block; width: 24px; height: 2px; background-color: #222222; position: absolute; left: 0; right: 0; margin: auto; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .menu-bar span.one { top: 6px; } .menu-bar span.two { top: 0; bottom: 0; } .menu-bar span.three { bottom: 6px; } .menu-bar.show-view span.two { opacity: 0; filter: alpha(opacity=0); } .menu-bar.show-view span.one, .menu-bar.show-view span.three { top: 0; bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu-bar.show-view span.three { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .has-button .menu-bar-mobile { right: 165px; } @media (max-width: 510px) { .col-xs-6 { width: 100% !important; } } .portfolio-filter { margin-bottom: 35px; } .portfolio-filter ul.nav-tabs { padding: 5px 0; border-bottom: none; justify-content: center; } .portfolio-filter ul.nav-tabs>li { display: inline-block; } .portfolio-filter ul.nav-tabs>li>a { background: none; font-weight: 700; background: transparent; color: #595959; margin-right: 10px; padding: 6px 15px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-transform: uppercase; letter-spacing: 0; position: relative; border: 1px solid #dee2e6; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-size: 12px; background: #fff; } .portfolio-filter ul.nav-tabs>li>a:hover { border-color: #cba43d; } .portfolio-filter ul.nav-tabs>li>a.active { border-color: #cba43d; background: #cba43d; color: #fff; } .gva-portfolio-items { float: left; width: 100%; } .gva-portfolio-items .view-portfolio { width: 100%; } .portfolio-v1 { position: relative; max-width: 500px; margin: 0 1px; margin-bottom: 30px; background: none; } .portfolio-v1 .portfolio-content { position: relative; -webkit-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -ms-transition: box-shadow 0.3s ease; } .portfolio-v1 .portfolio-images { position: relative; text-align: center; } .portfolio-v1 .portfolio-images:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; opacity: 1; filter: alpha(opacity=100); background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .portfolio-v1 .portfolio-images .image-popup { opacity: 0; filter: alpha(opacity=0); width: 32px; height: 32px; background: #fff; line-height: 32px; position: absolute; top: 15px; right: 15px; z-index: 99; text-align: center; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; margin-top: 30px; } .portfolio-v1 .portfolio-images .image-popup:hover { color: #fff; background: #cba43d; } .portfolio-v1 .portfolio-images .link { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s; -moz-transition: all 0.45s; -ms-transition: all 0.45s; width: 32px; height: 32px; background: #fff; line-height: 33px; position: absolute; top: 55px; right: 15px; z-index: 99; text-align: center; margin-top: 45px; } .portfolio-v1 .portfolio-images .link:hover { color: #fff; background: #cba43d; } .portfolio-v1 .content-inner { position: absolute; width: 100%; height: auto; left: 0; bottom: 0; z-index: 11; text-align: left; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; padding: 30px 50px 50px; max-width: 360px; } @media (max-width: 991px) { .portfolio-v1 .content-inner { padding: 30px; } } .portfolio-v1 .content-inner .title { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-size: 36px; font-weight: 700; line-height: 44px; text-transform: capitalize; } .portfolio-v1 .content-inner .title a { display: block; color: #fff; } @media (max-width: 991px) { .portfolio-v1 .content-inner .title a { font-size: 32px; line-height: 38px; } } .portfolio-v1 .content-inner .title a:hover, .portfolio-v1 .content-inner .title a:focus, .portfolio-v1 .content-inner .title a:active { text-decoration: underline; } .portfolio-v1 .content-inner .category { -webkit-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s; -moz-transition: all 0.45s; -ms-transition: all 0.45s; margin-bottom: 5px; } .portfolio-v1 .content-inner .category a { color: rgba(255, 255, 255, 0.9); font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; } .portfolio-v1 .content-inner .category a:hover, .portfolio-v1 .content-inner .category a:focus, .portfolio-v1 .content-inner .category a:active { text-decoration: underline; } .portfolio-v1 .portfolio-hover { overflow: hidden; height: 0; transition: all 0.35s; } .portfolio-v1 .portfolio-hover .desc { font-size: 16px; color: #fff; margin: 20px 0 25px; overflow: hidden; height: 65px; line-height: 30px; } .portfolio-v1:hover .portfolio-images .image-popup, .portfolio-v1:active .portfolio-images .image-popup, .portfolio-v1:focus .portfolio-images .image-popup { opacity: 1; filter: alpha(opacity=100); margin-top: 0; } .portfolio-v1:hover .portfolio-images a.link, .portfolio-v1:active .portfolio-images a.link, .portfolio-v1:focus .portfolio-images a.link { opacity: 1; filter: alpha(opacity=100); margin-top: 0; } .portfolio-v1:hover .portfolio-hover, .portfolio-v1:active .portfolio-hover, .portfolio-v1:focus .portfolio-hover { height: 180px; } .portfolio-v1 ul { list-style: none; padding: 0; } .owl-carousel .portfolio-v1 { margin-bottom: 0; } .portfolio-v2 { position: relative; margin-bottom: 30px; background: none; min-height: 768px; border-left: 1px solid rgba(255, 255, 255, 0.6); } @media (max-width: 991px) { .portfolio-v2 { min-height: 560px; } } @media (max-width: 767.98px) { .portfolio-v2 { min-height: 460px; } } .portfolio-v2:after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; position: absolute; top: 0; left: 0; z-index: 9; } .portfolio-v2 .portfolio-height { position: relative; text-align: center; } .portfolio-v2 .node-index { width: 45px; height: 45px; color: #fff; line-height: 45px; text-align: center; border: 2px solid #cba43d; border-radius: 50%; display: inline-block; font-size: 12px; position: absolute; top: 0; left: 0; z-index: 11; } .portfolio-v2 .portfolio-content { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; height: auto; left: 0; bottom: 0; z-index: 11; text-align: left; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; padding: 50px; } @media (max-width: 991px) { .portfolio-v2 .portfolio-content { padding: 30px; } } .portfolio-v2 .portfolio-content .content-inner { position: relative; padding-left: 60px; } .portfolio-v2 .portfolio-content .content-inner .title { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-weight: 700; text-transform: capitalize; margin: 0; } .portfolio-v2 .portfolio-content .content-inner .title a { display: block; color: #fff; font-size: 32px; } @media (max-width: 991px) { .portfolio-v2 .portfolio-content .content-inner .title a { font-size: 26px; line-height: 34px; } } .portfolio-v2 .portfolio-content .content-inner .title a:hover, .portfolio-v2 .portfolio-content .content-inner .title a:focus, .portfolio-v2 .portfolio-content .content-inner .title a:active { text-decoration: underline; } .portfolio-v2 .portfolio-content .content-inner .category { -webkit-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s; -moz-transition: all 0.45s; -ms-transition: all 0.45s; } .portfolio-v2 .portfolio-content .content-inner .category a { color: #cba43d; font-size: 14px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.5px; } .portfolio-v2 .portfolio-content .content-inner .category a:hover, .portfolio-v2 .portfolio-content .content-inner .category a:focus, .portfolio-v2 .portfolio-content .content-inner .category a:active { text-decoration: underline; } .portfolio-v2 .portfolio-hover { overflow: hidden; height: 0; transition: all 0.35s; } .portfolio-v2 .portfolio-hover .desc { font-size: 16px; color: #fff; margin: 20px 0 25px; overflow: hidden; height: 65px; line-height: 30px; } .portfolio-v2:hover:after, .portfolio-v2:active:after, .portfolio-v2:focus:after { opacity: 1; filter: alpha(opacity=100); } .portfolio-v2:hover .portfolio-content, .portfolio-v2:active .portfolio-content, .portfolio-v2:focus .portfolio-content { background: #000000; } .portfolio-v2:hover .portfolio-hover, .portfolio-v2:active .portfolio-hover, .portfolio-v2:focus .portfolio-hover { height: 180px; } .portfolio-v2 ul { list-style: none; padding: 0; } .owl-carousel .portfolio-v2 { margin-bottom: 0; } .portfolio-v4 { position: relative; max-width: 500px; margin: 0 1px; margin-bottom: 30px; background: none; overflow: hidden; } .portfolio-v4 .portfolio-images { position: relative; text-align: center; } .portfolio-v4 .portfolio-images:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; opacity: 1; filter: alpha(opacity=100); background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .portfolio-v4 .portfolio-images .image-popup { opacity: 0; filter: alpha(opacity=0); width: 32px; height: 32px; background: #fff; line-height: 32px; position: absolute; top: 15px; right: 15px; z-index: 99; text-align: center; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; margin-top: 30px; } .portfolio-v4 .portfolio-images .image-popup:hover { color: #fff; background: #cba43d; } .portfolio-v4 .portfolio-images .link { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s; -moz-transition: all 0.45s; -ms-transition: all 0.45s; width: 32px; height: 32px; background: #fff; line-height: 33px; position: absolute; top: 55px; right: 15px; z-index: 99; text-align: center; margin-top: 45px; } .portfolio-v4 .portfolio-images .link:hover { color: #fff; background: #cba43d; } .portfolio-v4 .content-front .action { margin-top: 10px; } .portfolio-v4 .content-front .action a { text-transform: capitalize; font-size: 18px; width: 100%; padding: 10px 20px; text-align: center; } .portfolio-v4 .content-inner { position: absolute; width: 100%; height: auto; left: 0; bottom: -100px; z-index: 11; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; padding: 30px 35px; background: #F3F3F3; text-align: center; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } @media (max-width: 991px) { .portfolio-v4 .content-inner { padding: 30px; } } .portfolio-v4 .content-inner .title { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-size: 20px; font-weight: 700; line-height: 32px; text-transform: capitalize; } .portfolio-v4 .content-inner .desc { margin: 10px 0; } .portfolio-v4 .content-inner .category { -webkit-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s; -moz-transition: all 0.45s; -ms-transition: all 0.45s; } .portfolio-v4 .content-inner .category a { color: #cba43d; font-size: 14px; text-transform: uppercase; font-weight: 400; } .portfolio-v4 .content-inner .category a:hover, .portfolio-v4 .content-inner .category a:focus, .portfolio-v4 .content-inner .category a:active { text-decoration: underline; } .portfolio-v4:hover .portfolio-images .image-popup, .portfolio-v4:active .portfolio-images .image-popup, .portfolio-v4:focus .portfolio-images .image-popup { opacity: 1; filter: alpha(opacity=100); margin-top: 0; } .portfolio-v4:hover .portfolio-images a.link, .portfolio-v4:active .portfolio-images a.link, .portfolio-v4:focus .portfolio-images a.link { opacity: 1; filter: alpha(opacity=100); margin-top: 0; } .portfolio-v4:hover .content-inner, .portfolio-v4:active .content-inner, .portfolio-v4:focus .content-inner { bottom: 0; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .portfolio-v4 ul { list-style: none; padding: 0; } .portfolio-carousel-single { max-width: 1080px; margin: 0 auto; } .portfolio-carousel-single .portfolio-item { overflow: hidden; } .portfolio-carousel-single .portfolio-item .images { text-align: center; } .portfolio-carousel-single .portfolio-item .images img { max-width: 750px; position: relative; z-index: 9; } .portfolio-carousel-single .portfolio-item .images .image-popup { position: absolute; left: 50%; z-index: 99; width: 32px; height: 32px; margin-left: -16px; line-height: 32px; text-align: center; background: #2B2B33; color: #fff; } .portfolio-carousel-single .portfolio-item .images .image-popup:hover { background: #42424f; } .portfolio-carousel-single .portfolio-item .images .read-more { position: absolute; right: 0; bottom: 30px; z-index: 1; width: 300px; text-align: right; } .portfolio-carousel-single .portfolio-item .images .read-more a { text-transform: uppercase; font-weight: 700; font-size: 12px; letter-spacing: 1px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; padding-right: 40px; opacity: 0; filter: alpha(opacity=0); color: #000; } .portfolio-carousel-single .portfolio-item .images .read-more a:hover { color: #cba43d; } .portfolio-carousel-single .portfolio-item .images .read-more:after { content: ""; width: 0px; height: 1px; background: #2B2B33; position: absolute; bottom: 0; left: 0; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; } .portfolio-carousel-single .portfolio-item .portfolio-content { position: absolute; top: 100px; left: 50px; z-index: 11; } @media (max-width: 991px) { .portfolio-carousel-single .portfolio-item .portfolio-content { left: 30px; } } .portfolio-carousel-single .portfolio-item .portfolio-content:after { content: ""; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; width: 1px; height: 0; background: #2B2B33; position: absolute; top: -110px; left: 0; } .portfolio-carousel-single .portfolio-item .portfolio-content .category { margin-bottom: 5px; } .portfolio-carousel-single .portfolio-item .portfolio-content .category a { text-transform: uppercase; color: #2B2B33; font-weight: 700; letter-spacing: 1px; background: #fff; display: inline-block; padding: 0 5px; font-size: 12px; } .portfolio-carousel-single .portfolio-item .portfolio-content .category a:hover { color: #cba43d; } .portfolio-carousel-single .portfolio-item .portfolio-content .title { background: rgba(255, 255, 255, 0.8); padding: 15px 20px 5px; max-width: 350px; position: relative; padding-bottom: 8px; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; } .portfolio-carousel-single .portfolio-item .portfolio-content .title:after { content: ''; width: 60px; height: 2px; background: #cba43d; position: absolute; bottom: 0; left: 20px; z-index: 9; } .portfolio-carousel-single .portfolio-item .portfolio-content .title a { font-size: 20px; font-weight: 600; text-transform: uppercase; color: #000000; } .portfolio-carousel-single .portfolio-item .portfolio-content .title a:hover { color: #cba43d; } .portfolio-carousel-single .portfolio-item .portfolio-content .desc { background: rgba(255, 255, 255, 0.8); padding: 10px 20px 20px; max-width: 350px; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 0; } .portfolio-carousel-single .portfolio-item .portfolio-content .category { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -webkit-transform: translate(0, -70%); -moz-transform: translate(0, -70%); -ms-transform: translate(0, -70%); -o-transform: translate(0, -70%); transform: translate(0, -70%); ms-transform: translate(0, -70%); opacity: 0; filter: alpha(opacity=0); } .portfolio-carousel-single .portfolio-item .portfolio-content .title { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s; -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); ms-transform: translate(0, -50%); opacity: 0; filter: alpha(opacity=0); } .portfolio-carousel-single .portfolio-item .portfolio-content .desc { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; -webkit-transform: translate(0, -30%); -moz-transform: translate(0, -30%); -ms-transform: translate(0, -30%); -o-transform: translate(0, -30%); transform: translate(0, -30%); ms-transform: translate(0, -30%); opacity: 0; filter: alpha(opacity=0); } .portfolio-carousel-single .portfolio-item .image-popup { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; bottom: -30px; opacity: 0; filter: alpha(opacity=0); } .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content:after { height: 100px; } .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content .category, .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content .title, .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content .desc { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); ms-transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } .portfolio-carousel-single .active-effect .image-popup { opacity: 1; filter: alpha(opacity=100); bottom: 20px; } .portfolio-carousel-single .active-effect .portfolio-item .images .read-more a { padding-right: 10px; opacity: 1; filter: alpha(opacity=100); } .portfolio-carousel-single .active-effect .portfolio-item .images .read-more:after { width: 300px; } .text-light .portfolio-carousel-single .portfolio-item .portfolio-content::after { background: #fff; } .text-light .portfolio-carousel-single .portfolio-item .images .read-more:after { background: #fff; } .text-light .portfolio-carousel-single .portfolio-item .images .read-more a { color: #fff; } .testimonial-node-1 { max-width: 900px; margin: 0 auto; padding: 0; background: #fff; } .testimonial-node-1 .content-body { position: relative; padding: 65px 30px 50px; margin-top: 40px; } .testimonial-node-1 .content-body .avatar { margin-top: 5px; max-width: 90px; position: absolute; top: -45px; left: 50%; margin-left: -45px; z-index: 9; } .testimonial-node-1 .content-body .avatar img { width: 100% !important; height: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .testimonial-node-1 .content-body .avatar .quote-icon { font-size: 40px; width: 40px; height: 40px; background: #cba43d; color: #000000; text-align: center; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; line-height: 40px; position: absolute; top: 50%; margin-top: -20px; right: -20px; line-height: 58px; font-style: italic; padding-right: 12px; } .testimonial-node-1 .content-body .quote { font-size: 16px; line-height: 30px; position: relative; padding-top: 35px; color: #7f8284; text-align: center; max-width: 230px; margin: 0 auto; } .testimonial-node-1 .content-body .info { margin-top: 10px; text-align: center; } .testimonial-node-1 .content-body .info .name { font-size: 20px; font-weight: 700; color: #000000; } .testimonial-node-1 .content-body .info .job { font-size: 16px; line-height: 1; } .testimonial-node-2 { max-width: 750px; margin: 0 auto; padding: 0; text-align: center; } .testimonial-node-2 .content-body { position: relative; padding: 30px; } .testimonial-node-2 .content-body .avatar { margin-bottom: 45px; max-width: 90px; position: relative; display: inline-block; } .testimonial-node-2 .content-body .avatar img { width: 100% !important; height: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .testimonial-node-2 .content-body .avatar .quote-icon { font-size: 40px; width: 40px; height: 40px; background: #cba43d; color: #000000; text-align: center; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; line-height: 40px; position: absolute; top: 50%; margin-top: -20px; right: -20px; line-height: 58px; font-style: italic; padding-right: 12px; } .testimonial-node-2 .content-body .quote { font-size: 26px; line-height: 48px; position: relative; padding-bottom: 35px; color: #26263e; text-align: center; font-weight: 300; } .testimonial-node-2 .content-body .info { text-align: center; } .testimonial-node-2 .content-body .info .name { font-size: 20px; font-weight: 700; color: #000000; } .testimonial-node-2 .content-body .info .job { font-size: 16px; line-height: 1; } .testimonial-node-3 { background: none; max-width: 620px; float: left; position: relative; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border: 1px solid #dee2e6; } .testimonial-node-3 .testimonial-content { padding: 20px; } .testimonial-node-3 .video { margin-bottom: 20px; } .testimonial-node-3 .video .popup-video { display: inline-block; background: url("/themes/gavias_facdori/images/icon-play-2.png") no-repeat left center transparent; height: 55px; padding-left: 75px; line-height: 55px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .testimonial-node-3 .video .popup-video:hover, .testimonial-node-3 .video .popup-video:focus, .testimonial-node-3 .video .popup-video:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .testimonial-node-3 .quote { font-size: 18px; line-height: 32px; font-weight: 400; font-family: "Georgia"; color: #838383; font-style: italic; } .testimonial-node-3 .title { font-weight: 700; font-size: 18px; margin-top: 15px; color: #000; } .testimonial-node-3 .job { font-size: 13px; } .testimonial-node-v3 { max-width: 600px; margin: 0 auto; padding: 80px; background: #000000; } .testimonial-node-v3:before, .testimonial-node-v3:after { content: " "; display: table; } .testimonial-node-v3:after { clear: both; } @media (max-width: 1199.98px) { .testimonial-node-v3 { padding: 30px; } } .testimonial-node-v3 .testimonial-content .testimonial-icon { margin-bottom: 15px; } .testimonial-node-v3 .testimonial-content .testimonial-icon span { width: 40px; height: 40px; color: #000000; background: #cba43d; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; line-height: 56px; display: inline-block; font-size: 30px; font-style: italic; padding-left: 10px; } .testimonial-node-v3 .testimonial-content .quote { font-size: 22px; line-height: 42px; position: relative; padding-top: 10px; color: #fff; } @media (max-width: 767.98px) { .testimonial-node-v3 .testimonial-content .quote { font-size: 18px; line-height: 28px; } } .testimonial-node-v3 .content-inner { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 40px; padding-top: 40px; } .testimonial-node-v3 .content-inner:before, .testimonial-node-v3 .content-inner:after { content: " "; display: table; } .testimonial-node-v3 .content-inner:after { clear: both; } .testimonial-node-v3 .content-inner .left { width: 90px; height: 90px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; float: left; overflow: hidden; } .testimonial-node-v3 .content-inner .right { padding-left: 110px; padding-top: 20px; } .testimonial-node-v3 .content-inner .right .name { color: #cba43d; font-weight: 600; font-size: 18px; display: block; line-height: 1.1; } .testimonial-node-v3 .content-inner .right .job { color: #b1bec5; } .testimonial-grid .item-grid { margin-bottom: 45px; } .testimonial-grid .item-grid:before, .testimonial-grid .item-grid:after { content: " "; display: table; } .testimonial-grid .item-grid:after { clear: both; } .testimonial-grid .item-grid .testimonials-quote { font-size: 16px; color: #000; padding: 30px; border: 1px solid #dee2e6; font-weight: 400; font-style: italic; font-family: "Georgia"; } .testimonial-grid .item-grid .testimonials-profile { display: inline-block; position: relative; margin-left: 30px; float: left; padding-top: 20px; } .testimonial-grid .item-grid .testimonials-profile:after { content: ""; position: absolute; width: 50px; height: 2px; background: #cba43d; top: -1px; left: 0; z-index: 1; } .testimonial-grid .item-grid .testimonials-profile .right { padding-left: 70px; } .testimonial-grid .item-grid .testimonials-profile .right .name { font-size: 16px; font-weight: 700; color: #000000; margin: 0; text-transform: uppercase; } .testimonial-grid .item-grid .testimonials-profile .right .job { font-size: 12px; font-weight: 900; color: #cba43d; text-transform: uppercase; } .testimonial-grid .item-grid .testimonials-profile .left { display: inline-block; float: left; } .testimonial-grid .item-grid .testimonials-profile .left img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 50px; height: auto; } .service-block { position: relative; margin: 45px 0 30px; background: transparent; } .service-block .service-block-content { text-align: center; } .service-block .service-block-content .service-icon { margin-bottom: 25px; width: 85px; height: 85px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #F3F3F3; padding: 18px 10px 10px; display: inline-block; } .service-block .service-block-content .service-content .title { font-size: 20px; margin: 20px 0; } .service-block .service-block-content .service-content .desc { margin: 10px 0; } .service-block .frontend, .service-block .backend { z-index: 1; border-radius: inherit; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: inherit; perspective: inherit !important; -webkit-transition: transform 0.5s cubic-bezier(0.5, 0.2, 0.2, 0.8); -moz-transition: transform 0.5s cubic-bezier(0.5, 0.2, 0.2, 0.8); transition: transform 0.5s cubic-bezier(0.5, 0.2, 0.2, 0.8); min-height: 300px; border: 1px solid rgba(0, 0, 0, 0.08); background: #fff; } .service-block .frontend { height: inherit; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); padding: 50px 50px; } @media (max-width: 991px) { .service-block .frontend { padding: 30px; } } .service-block .frontend .frontend-content { border-top: 0; text-align: center; } .service-block .frontend .frontend-content .service-block-content .title { margin: 8px 0 18px; } .service-block .backend { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); background: #000000; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.08); padding: 30px 50px; } .service-block .backend .content-be { height: 100%; -webkit-transform: translateZ(70px) scale(0.86); -moz-transform: translateZ(70px) scale(0.86); -o-transform: translateZ(70px) scale(0.86); transform: translateZ(70px) scale(0.86); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .service-block .backend .service-block-content .title a { color: #fff; } .service-block .backend .service-block-content .title a:hover { color: #cba43d; } .service-block .backend .service-block-content .desc { color: #fff; } .service-block .box-content { -webkit-perspective: 1000px; perspective: 1000px; border-radius: inherit; } .service-block:hover .frontend, .service-block:active .frontend, .service-block:focus .frontend, .service-block.active .frontend, .service-block:hover .backend, .service-block:active .backend, .service-block:focus .backend, .service-block.active .backend { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); -moz-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); } .service-block:hover .frontend, .service-block:active .frontend, .service-block:focus .frontend, .service-block.active .frontend { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .service-block:hover .backend, .service-block:active .backend, .service-block:focus .backend, .service-block.active .backend { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .service-block-2 { margin-bottom: 30px; } .service-block-2 .service-content { position: relative; } .service-block-2 .service-content .content-top { padding: 35px 20px; background: #fff; text-align: center; margin-bottom: 30px; } .service-block-2 .service-content .content-top .service-icon { text-align: center; } .service-block-2 .service-content .content-top .title { font-size: 20px; margin: 15px 0 0; } .service-block-2 .service-images { position: relative; } .service-block-2 .service-images:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 1; opacity: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .service-block-2 .service-images .image-popup { position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -18px; width: 36px; height: 36px; z-index: 11; background: #fff; text-align: center; line-height: 38px; color: #000; opacity: 0; } .service-block-2 .service-images .image-popup:hover { color: #fff; background: #cba43d; } .service-block-2:hover .service-images:after { opacity: 1; } .service-block-2:hover .service-images .image-popup { opacity: 1; } .service-block-3 { background: #fff; -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); margin-bottom: 30px; } .service-block-3 .row { margin: 0 !important; } .service-block-3 .row .service-images, .service-block-3 .row .service-content { padding: 0 !important; } .service-block-3 .service-images { position: relative; } .service-block-3 .service-images:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 1; opacity: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .service-block-3 .service-images .image-popup { position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -18px; width: 36px; height: 36px; z-index: 11; background: #fff; text-align: center; line-height: 38px; color: #000; opacity: 0; } .service-block-3 .service-images .image-popup:hover { color: #fff; background: #cba43d; } .service-block-3 .service-content { position: relative; position: relative; text-align: center; } .service-block-3 .service-content .content-inner { padding: 30px 0 20px; } @media (max-width: 1199.98px) { .service-block-3 .service-content .content-inner { padding: 30px 20px 0; } } .service-block-3 .service-content .content-inner .service-icon { width: 85px; height: 85px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #cba43d; line-height: 85px; text-align: center; padding-top: 20px; display: inline-block; } .service-block-3 .service-content .content-inner .service-icon img { max-width: 48px; } .service-block-3 .service-content .content-inner .title { font-size: 20px; margin: 30px 0 20px; } .service-block-3 .service-content .content-inner .readmore { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; z-index: 11; background: #E6E6E6; text-transform: uppercase; font-size: 15px; text-align: center; font-weight: 500; } @media (max-width: 1199.98px) { .service-block-3 .service-content .content-inner .readmore { position: relative; margin-top: 10px; } } .service-block-3 .service-content .content-inner .readmore a { display: block; line-height: 50px; } .service-block-3 .service-content .content-inner .readmore a:hover { background: #cba43d; color: #000000; } .service-block-3:hover .service-images:after { opacity: 1; } .service-block-3:hover .service-images .image-popup { opacity: 1; } .service-block-singe .service-images-inner { position: relative; } .service-block-singe .service-images-inner .service-icon { font-size: 22px; width: 100px; height: 48px; position: absolute; bottom: -25px; left: 0; text-align: center; padding-top: 6px; line-height: 48px; } .service-block-singe .service-images-inner .service-icon .icon { position: relative; z-index: 9; width: 48px; height: 48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #cba43d; color: #fff; display: inline-block; } .service-block-singe .service-images-inner .service-icon:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NiAzMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5iZ19zb3VyY2VfYmFkZ2VfMTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01Ny42NywxMS45NEM1Mi4zNiw2LjcxLDQ4LjQyLDAsMzguMywwSDM3LjdDMjcuNTgsMCwyMy42NCw2LjcxLDE4LjMzLDExLjk0LDE0LjQ3LDE2Ljc2LDYuNjEsMTcuODEsMCwxOFYzMUg3NlYxOEM2OS4zOSwxNy44MSw2MS41MywxNi43Niw1Ny42NywxMS45NFoiLz48L2c+PC9nPjwvc3ZnPg=="); } .service-block-singe .post-content { padding-top: 40px; } .service-block-singe .post-content .post-title { margin-bottom: 15px; } body.path-services .body-page { background: #F3F3F6; } .colorpicker { z-index: 9999999 !important; } .permission-save-hidden #gavias_customize_save { display: none !important; } .gavias-skins-panel { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); background: #fff; right: -403px; position: fixed; height: auto; top: 0px; bottom: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; width: 400px; z-index: 999; } .gavias-skins-panel .gavias-skins-panel-inner { bottom: 0; padding: 30px 10px 10px; height: auto; overflow-x: hidden; overflow-y: scroll; position: absolute; top: 0; width: 100%; } .gavias-skins-panel.active { right: 0 !important; } .gavias-skins-panel #gavias_profile_customize_name option { color: #000; } .gavias-skins-panel .control-panel { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); position: absolute; top: 150px; left: -40px; width: 40px; height: 40px; background: #cba43d; color: #fff; font-size: 18px; line-height: 40px; text-align: center; } .gavias-skins-panel .control-panel:hover { cursor: pointer; } .gavias-skins-panel .panel-skins-content { padding-bottom: 20px; overflow: hidden; } .gavias-skins-panel .panel-skins-content:last-child { padding-bottom: 0; } .gavias-skins-panel .panel-skins-content .title { font-size: 14px; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-transform: uppercase; color: #000; margin-bottom: 10px; } .gavias-skins-panel .panel-skins-content .item-color { width: 25px; height: 30px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border: 1px solid #ccc; display: inline-block; margin: 5px 6px 0 6px; border: 3px solid transparent; } .gavias-skins-panel .panel-skins-content .item-color:hover { cursor: pointer; } .gavias-skins-panel .panel-skins-content .item-color.default { background: #EE450A; } .gavias-skins-panel .panel-skins-content .item-color.blue { background: #50AF4D; } .gavias-skins-panel .panel-skins-content .item-color.brown { background: #684035; } .gavias-skins-panel .panel-skins-content .item-color.green { background: #009673; } .gavias-skins-panel .panel-skins-content .item-color.lilac { background: #8F6684; } .gavias-skins-panel .panel-skins-content .item-color.lime_green { background: #8CCA4F; } .gavias-skins-panel .panel-skins-content .item-color.orange { background: #F86923; } .gavias-skins-panel .panel-skins-content .item-color.pink { background: #D91897; } .gavias-skins-panel .panel-skins-content .item-color.purple { background: #9854B3; } .gavias-skins-panel .panel-skins-content .item-color.red { background: #E43844; } .gavias-skins-panel .panel-skins-content .item-color.turquoise { background: #1CCDCA; } .gavias-skins-panel .panel-skins-content .item-color.turquoise2 { background: #178E94; } .gavias-skins-panel .panel-skins-content .item-color.violet_red { background: #F3605D; } .gavias-skins-panel .panel-skins-content .item-color.violet_red2 { background: #973A4B; } .gavias-skins-panel .panel-skins-content .item-color.yellow { background: #ecc311; } .gavias-skins-panel .panel-skins-content .item-color.active { border-color: #000; } .gavias-skins-panel .panel-skins-content .layout { width: 80px; margin-right: 10px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; padding: 10px 0; text-align: center; text-transform: uppercase; display: inline-block; } .gavias-skins-panel .panel-skins-content .layout:hover { cursor: pointer; } .gavias-skins-panel .panel-skins-content .layout.active { background-color: #cba43d; color: #fff; } .gavias-skins-panel .panel-skins-content .layout:last-child { margin-right: 0; } .gavias-skins-panel.gavias-skin-demo { top: 200px; bottom: auto !important; padding: 20px !important; width: 260px !important; right: -263px !important; } .gavias-skins-panel.gavias-skin-demo .control-panel { top: 75px !important; } .gavias-skins-panel.gavias-skin-demo.active { right: 0 !important; } #customize-gavias-preivew .card { padding: 0 !important; margin-bottom: 20px; } #customize-gavias-preivew .card .card-header a { padding: 10px !important; font-weight: 600; color: #002c42; } #customize-gavias-preivew .card .card-header a:after { display: none !important; } #customize-gavias-preivew .card .card-body { padding: 15px !important; } #customize-gavias-preivew .form-select.form-control { padding-left: 0 !important; padding-right: 0 !important; } #customize-gavias-preivew .form-group { position: relative; float: left; width: 100%; } #customize-gavias-preivew .form-group label { width: 150px; float: left; padding-top: 10px; font-size: 12px; color: #002c42; font-weight: 400; } #customize-gavias-preivew .form-group input { width: calc(100% - 150px); float: left; } #customize-gavias-preivew .form-group select { width: 100%; } #customize-gavias-preivew .form-group .colorselector { width: calc(100% - 150px); position: relative; } #customize-gavias-preivew .form-group .colorselector input { width: 100% !important; } #customize-gavias-preivew .form-group .colorselector .input-group-addon { border: 1px solid #dee2e6; position: absolute; width: 30px; height: 100%; top: 0; right: 0; z-index: 1; } #customize-gavias-preivew .form-group .colorselector .input-group-addon i { width: 30px; height: 20px; display: inline-block; } #customize-gavias-preivew .form-group .colorselector .remove { width: 34px; height: 34px; color: #000; position: absolute; top: 3px; right: 25px; line-height: 34px; text-align: center; z-index: 99; } #customize-gavias-preivew .form-group .colorselector .remove:hover { cursor: pointer; } .gavias_customize_form .form-group.action { float: left; width: 100%; margin-top: 20px; } .gavias_customize_form .form-group.action input { width: 28%; margin-left: 10px; color: #fff; font-weight: 600; margin-bottom: 10px; padding: 0; } .gavias_customize_form .form-group.action input#gavias_customize_save { background: #28a745; } .gavias_customize_form .form-group.action input#gavias_customize_preview { background: #17a2b8; } .gavias_customize_form .form-group.action input#gavias_customize_reset { background: #ffc107; } label[for="edit-mergevars-email"] { transition: 0.2s all; } input#edit-mergevars-email { color: white; } .hide-page-title .header-title { display: none !important; } .button-transparent-black { font-size: 18px !important; font-weight: bold; text-align: center; padding: 5px 20px !important; color: #000000; letter-spacing: 0.5px; } .padding-0-left-right { padding-left: 0 !important; padding-right: 0 !important; } .help .messages__wrapper { border: 0 !important; } .nolink { visibility: hidden; } @media (min-width: 991px) { span.back-menu-m { display: none; } } .with-bg a { height: 100%; width: 100%; } .with-bg a:before { content: " "; background-image: linear-gradient(to bottom, rgba(85, 85, 85, 0), #cba43d); display: block; position: absolute; width: 100%; height: 50%; z-index: 999; bottom: 0; left: 0; } header.header-default { box-shadow: none; border: 0; } header { z-index: 10001 !important; } .video-row { height: 800px; overflow: hidden; position: relative; width: 100vw; left: 50%; transform: translateX(-50%); } .video-row .play-video-btn { height: auto; position: absolute; top: 35%; left: 50%; cursor: pointer; transform: translate(-50%, -35%); z-index: 10001; display: none; } .video-row .play-video-btn img { width: 100px; opacity: 0.5; transition: 0.5s all; } .video-row .play-video-btn img:hover { transform: scale(1.2); transition: 0.5s all; } .video-row:before { content: " "; width: 100%; height: 50%; display: block; position: absolute; top: 0; left: 0; z-index: 100; /* background-image: linear-gradient(to bottom, #555555, rgba(85, 85, 85, 0)); */ background-image: linear-gradient(to bottom, #000, rgba(85, 85, 85, 0)); } .video-row .discover-row { position: absolute; left: 50%; top: 50%; transform: translateX(-50%); text-align: center; } .video-row .discover-row .discover-collection-btn { font-size: 18px; font-weight: bold; text-transform: uppercase; color: white; margin-bottom: 65px; } .video-row .discover-row .discover-collection-btn a { border: 1px solid white; padding: 12px 32px; cursor: pointer; color: #fff; background: rgba(0, 0, 0, 0.2); } .luxury-row .center-col { text-align: center; } .luxury-row .lion-image img { width: 148px; height: 162px; object-fit: contain; } .luxury-row .luxury-heading { text-align: center; } .luxury-row .luxury-heading h1 { font-size: 32px; font-weight: bold; color: #000000; text-transform: uppercase; } .luxury-row .luxury-subheading { font-size: 21px; font-weight: normal; text-align: center; color: #000000; } .charisma-row .bb-container.full-screen>.row, .infinity-row .bb-container.full-screen>.row, .illuminazione-row .bb-container.full-screen>.row { display: flex; margin-left: 0 !important; margin-right: 0 !important; } .charisma-row .widget:hover a:before, .infinity-row .widget:hover a:before, .illuminazione-row .widget:hover a:before { content: " "; background-image: linear-gradient(to bottom, rgba(85, 85, 85, 0), #cba43d); display: block; position: absolute; width: 100%; height: 50%; z-index: 999; bottom: 0; left: 0; } .charisma-row .widget-content>img, .infinity-row .widget-content>img, .illuminazione-row .widget-content>img { max-height: 700px; width: 100%; height: 100%; object-fit: cover; } .charisma-row .charisma-heading { text-align: center; } .charisma-row .charisma-heading h2 { font-size: 32px; font-weight: bold; color: #000000; } .charisma-row .charisma-subheading { text-align: center; font-size: 16px; font-weight: normal; line-height: normal; color: #000000; } .charisma-row .charisma-subheading h2 { font-size: 16px; font-weight: normal; color: #000000; } .charisma-row .charisma-prodotti { margin-top: 60px; margin-bottom: 44px; max-width: 70%; margin-left: 15%; } .charisma-row .charisma-prodotti:before { content: " "; width: 50px; height: 115%; display: inline-block; left: 0; top: -7.5%; position: absolute; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; } .charisma-row .charisma-prodotti:after { content: " "; width: 50px; height: 115%; display: inline-block; right: -15px; top: -7.5%; position: absolute; border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; } .charisma-row .charisma-prodotti .gsc-column { padding-right: 0 !important; } .charisma-row .column-content-inner { text-align: center; position: relative; } .infinity-row .infinity-heading { font-size: 32px; font-weight: bold; text-align: center; color: #000000; } .infinity-row .infinity-heading h2 { font-size: 32px; font-weight: bold; color: #000000; } .infinity-row .infinity-subheading { font-size: 16px; font-weight: normal; text-align: center; color: #000000; } .infinity-row .infinity-prodotti { margin-top: 60px; margin-bottom: 44px; max-width: 70%; margin-left: 15%; position: relative; } .infinity-row .infinity-prodotti:before { content: " "; width: 50px; height: 115%; display: inline-block; left: 0px; top: -7.5%; position: absolute; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; } .infinity-row .infinity-prodotti:after { content: " "; width: 50px; height: 115%; display: inline-block; right: -15px; top: -7.5%; position: absolute; border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; } .infinity-row .infinity-prodotti .gsc-column { padding-right: 0 !important; } .infinity-row .column-content-inner { text-align: center; position: relative; } .illuminazione-row .illuminazione-heading { text-align: center; } .illuminazione-row .illuminazione-heading h2 { font-size: 32px; font-weight: bold; color: #000000; } .illuminazione-row .illuminazione-subheading { font-size: 16px; font-weight: normal; text-align: center; color: #000000; margin-bottom: 60px; } .illuminazione-row .column-content-inner { position: relative; text-align: center; } .main-banner { height: 600px; background-size: cover; display: flex; justify-content: center; } .main-banner img { margin-top: 50%; } .azienda-info { margin-top: 60px; margin-bottom: 50px; } .azienda-info .heading { font-size: 32px; font-weight: 600; text-align: center; color: #000000; padding: 0 17.5%; } .azienda-info .description { font-size: 16px; font-weight: normal; line-height: 1.5; letter-spacing: normal; color: #000000; margin-top: 60px; padding: 0 17.5%; } .azienda-stats { margin-bottom: 120px; padding: 0 30%; text-align: center; } .azienda-stats .stats-row .row { align-items: center; display: flex; justify-content: center; } .azienda-stats .stats-nr { font-size: 200px; font-weight: normal; line-height: 1; color: rgba(0, 0, 0, 0.1); margin-bottom: 30px; } .azienda-stats .stats-nr:last-of-type { margin-bottom: 0; } .azienda-stats .stats-desc { font-size: 24px; font-weight: normal; line-height: normal; color: #000000; } .azienda-stats .stats-desc.margin-minus { margin-left: -70%; } .azienda-stats .stats-desc a { text-decoration: underline !important; color: #000000 !important; } .not-found-image img { width: 100%; height: 810px; object-fit: cover; object-position: left top; } .not-found-left { padding: 60px 90px; } .not-found-left .heading { font-size: 32px; font-weight: 600; line-height: normal; text-align: center; color: #000000; padding-bottom: 0; } .not-found-left .heading.second { margin-top: 60px; font-size: 24px; } .not-found-left .desc { font-size: 16px; font-weight: normal; line-height: 1.5; text-align: center; color: #000000; padding: 0 25%; } .not-found-left .gsc-column:hover a:before { content: " "; background-image: linear-gradient(to bottom, rgba(85, 85, 85, 0), #cba43d); display: block; position: absolute; width: 100%; height: 50%; z-index: 999; bottom: 0; left: 0; } .not-found-row { display: flex; justify-content: center; } .not-found-row .column-content-inner { position: relative; } .not-found-row .charisma-prodotti { margin-top: 44px; margin-bottom: 44px; max-width: 90%; margin-left: 5%; } .not-found-row .charisma-prodotti:before { content: " "; width: 50px; height: 115%; display: inline-block; left: 0; top: -7.5%; position: absolute; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; } .not-found-row .charisma-prodotti:after { content: " "; width: 50px; height: 115%; display: inline-block; right: -15px; top: -7.5%; position: absolute; border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; } .not-found-row .charisma-prodotti .gsc-column { padding-right: 0 !important; } .not-found-row .with-bg a:before { bottom: 0; position: absolute; width: 100%; height: 50%; left: 0; } .not-found-row .button-transparent-black { margin-left: 50%; transform: translateX(-50%); } .title-and-links { display: flex; justify-content: space-between; } .title-and-links a { padding-top: 10px; font-size: 18px; font-weight: normal; line-height: normal; text-align: center; color: rgba(0, 0, 0, 0.54); } .title-and-links a i { font-size: 24px; font-weight: 300; line-height: normal; text-align: center; color: rgba(0, 0, 0, 0.54); position: relative; top: 3px; } .title-and-links a i.fa-angle-left { left: -10px; } .title-and-links a i.fa-angle-right { right: -10px; } .privacy-row { margin-top: 60px; } .privacy-row h1 { font-size: 32px; font-weight: 600; line-height: normal; color: #000000; } .privacy-row .subtitle h2 { font-size: 24px; font-weight: normal; line-height: normal; color: #000000; margin-top: 40px; margin-bottom: 20px; } .privacy-row .desc { font-size: 16px; font-weight: normal; line-height: 1.5; color: #000000; margin-bottom: 10px; } .thank-you-row img { height: 810px; width: 100%; object-fit: cover; object-position: center center; } .thank-you-row .thank-you-content { text-align: center; padding: 0 15%; } .thank-you-row .thank-you-content h1 { font-size: 32px; font-weight: 600; line-height: normal; text-align: center; color: #000000; } .thank-you-row .thank-you-content .thank-you-info { margin-top: 30px; font-size: 16px; font-weight: normal; line-height: 1.5; text-align: center; color: #000000; } .thank-you-row .row { align-items: center; } .node--type-press .post-title { font-size: 32px; font-weight: 600; line-height: normal; text-align: center; color: #000000; width: 90%; } .node--type-press p.press-date { font-size: 16px; font-weight: normal; line-height: normal; text-align: center; margin-top: -15px; color: #000000; } .node--type-press .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #000000; padding: 0 !important; } .node--type-press footer#footer .field { text-align: left; } .node--type-press div#block-footerlegal { display: flex; justify-content: center; } .node--type-press .post-thumbnail { width: 70%; margin-left: 15%; } .node--type-press .post-thumbnail img { width: 100%; max-height: 766px; object-fit: cover; } .press-page { margin-top: 20px; } .login-row { margin-top: 30px; } .login-row label { font-size: 14px; font-weight: bold; line-height: 1; text-align: center; color: #000000; } .login-row .gsc-column img { height: 100%; width: 100%; object-fit: cover; } .login-row .login-title { font-size: 32px; font-weight: 600; line-height: normal; color: #000000; padding-bottom: 10px; } .login-row .reg-title { font-size: 32px; font-weight: 600; line-height: normal; color: #000000; padding: 0 15%; } .login-row .reg-desc { margin-top: 30px; font-size: 16px; font-weight: normal; line-height: 1.5; text-align: center; color: #000000; margin-bottom: 30px; padding: 0 15%; } .login-row div#edit-mail--description, .login-row div#edit-name--description, .login-row div#edit-name--2--description { display: none; } .login-row .js-form-type-checkbox { display: flex; } .login-row .js-form-type-checkbox input { flex: 0 0 15%; height: 15px !important; position: relative; margin-left: -20px; margin-top: 10px; } .login-row .js-form-type-checkbox label { padding-top: 5px; font-size: 14px; line-height: normal; color: #000000; } .login-row ul { list-style: none; padding-left: 0; position: relative; top: -105px; } .login-row ul li a { font-size: 14px; font-weight: normal; line-height: 1; color: #000000; } .login-row ul a.create-account-link { display: none; } .login-row .thank-you-content { padding: 50px 0; } .login-row .thank-you-content .column-inner { padding: 0 25%; text-align: center; overflow: hidden; } .login-row .thank-you-content label { font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #000000; } .login-row .thank-you-content input.js-form-submit { background: transparent; border: 1px solid black; font-size: 18px; font-weight: bold; margin-bottom: 10px; margin-top: 24px; } .login-row .thank-you-content input:not(.js-form-submit), .login-row .thank-you-content select { background-color: #f8f8f8 !important; border: 0 !important; border-bottom: 2px solid #000000 !important; height: 36px; } .login-row .thank-you-content .js-form-wrapper.form-wrapper { max-width: 100%; /* overflow: hidden; */ } .login-row .thank-you-content .js-form-wrapper.form-wrapper input, .login-row .thank-you-content .js-form-wrapper.form-wrapper select { width: 100%; } .login-row .js-form-type-checkbox label { text-align: left !important; } .login-row .user-login-form input#edit-submit { margin-top: 45px; } .login-row form#user-register-form #edit-account { display: flex; flex-direction: column; } .login-row form#user-register-form .js-form-item-mail { order: 2; } .login-row #user-login-form .form-item label { text-transform: capitalize; } .login-row .js-form-required.form-required:after { content: "*"; position: relative; left: 5px; } .login-row .gsc-column:nth-child(2) div { height: 100% !important; } .login-row .gsc-column:nth-child(2) img { object-position: left center; } .login-row.row-privatearea .thank-you-content .column-inner { padding: 0 5%; } .login-row.row-privatearea .gsc-column:nth-child(2) div { height: auto !important; } .private-content { display: none } .logged-in .private-content { display: block } .logged-in .login-row.row-privatearea { display: none } .private-content .gbb-row .bb-inner { padding-bottom: 20px } .blacktext h1, .blacktext h2, .blacktext h3, .blacktext h4, .blacktext h5, .blacktext h6, .blacktext span, .blacktext p { color: #000 !important } body.node--type-product .event-type { margin-bottom: 30px; a { font-size: 12px; font-weight: 600; line-height: normal; text-align: center; color: rgba(0, 0, 0, 0.54); text-decoration: underline; } } body.node--type-product .collezione-big { font-size: 28px; font-weight: normal; line-height: normal; text-align: center; color: #000000; margin-bottom: 0; } body.node--type-product h1.post-title { font-size: 28px; font-weight: 600; line-height: normal; text-align: center; color: #000000; padding: 0 10%; } body.node--type-product .fa-angle-right:before { content: "\f105"; position: relative; top: -5px; right: 10px; } body.node--type-product .title-and-links { padding-bottom: 30px; } body.node--type-product .field.field--name-body.field--type-text-with-summary { font-size: 16px; font-weight: normal; line-height: 1.5; text-align: center; color: #000000; } body.node--type-product a.product-asinfo { font-size: 18px; font-weight: bold; line-height: 1; text-align: center; color: #000000; border: 1px solid #000000; display: block; max-width: 300px; margin: 50px auto; } body.node--type-product .available-materials, body.node--type-product .available-sizes { font-size: 14px; font-weight: bold; line-height: normal; text-align: center; color: #000000; } body.node--type-product .field.field--name-field-available-materials { display: flex; flex-wrap: wrap; justify-content: center; max-width: 300px; margin: 0 auto 50px; } body.node--type-product .field.field--name-field-available-materials .field__item { margin: 0 10px 10px 0; } body.node--type-product .field.field--name-field-available-materials .slick-track { width: 100% !important; display: flex; } body.node--type-product .field.field--name-field-available-materials .slick-list.draggable { width: 100%; } body.node--type-product .field.field--name-field-available-materials .slick-initialized .slick-slide { width: 100% !important; } body.node--type-product .field.field--name-field-available-materials .item-image { width: 70px; height: 70px; overflow: hidden; border-radius: 100%; cursor: pointer; } body.node--type-product .field.field--name-field-technical-information { font-size: 16px; font-weight: normal; line-height: normal; text-align: center; color: #000000; margin-bottom: 60px; } body.node--type-product .product-info { text-align: center; } body.node--type-product .field.field--name-field-public-documents .field__item { padding-bottom: 22px; } .file a { font-size: 16px; font-weight: bold; line-height: normal; color: #000 !important; text-transform: uppercase; } .file a:before { content: "\f33d"; font-family: "Font Awesome 5 Pro", sans-serif; position: relative; left: -15px; } body.node--type-product .close-webform-modal { position: fixed; top: 10px; right: 20px; border: 1px solid #666; padding: 0px 8px; cursor: pointer; border-radius: 100%; } body.node--type-product .related-products-title { margin-top: 220px; font-size: 20px; font-weight: normal; line-height: normal; text-align: center; color: #000000; } body.node--type-product .area.after-content .container { max-width: 100%; } body.node--type-product .area.after-content .container .view-content-wrap { display: flex; justify-content: center; } @media screen and (max-width: 768px) { body.node--type-product .area.after-content .container .view-content-wrap { display: grid; grid-template-columns: 50% 50%; } body.node--type-product .area.after-content .container .view-content-wrap .item { margin: 0; } } @media screen and (max-width: 480px) { body.node--type-product .area.after-content .container .view-content-wrap { display: flex; justify-content: center; } } body.node--type-product .area.after-content .container .view-content-wrap .item { margin: 0 5px; display: none; } body.node--type-product .area.after-content .container .view-content-wrap .item:nth-child(-n+4) { display: block; } body.node--type-product .area.after-content .container .view-content-wrap .item:hover .related-prod-link { position: absolute; bottom: 0; left: 0; width: 100%; background-image: none; cursor: pointer; } body.node--type-product .area.after-content .container .view-content-wrap .item:hover .related-prod-link:before { bottom: 0; position: absolute; width: 100%; height: 100%; left: 0; content: " "; background-image: linear-gradient(to bottom, rgba(85, 85, 85, 0) 50%, #cba43d); display: block; } body.node--type-product .area.after-content .container .related-products { position: relative; height: 300px; overflow: hidden; display: flex; justify-content: center; align-items: flex-end; } body.node--type-product .area.after-content .container .related-products .related-prod-collezioni { font-size: 14px; margin-top: 0; } body.node--type-product .area.after-content .container .related-products img { width: 300px; height: 300px; object-fit: contain; } body.node--type-product .area.after-content .container .related-products .related-prod-link { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; background-image: linear-gradient(to bottom, rgba(85, 85, 85, 0) 70%, #555555); cursor: pointer; } body.node--type-product .area.after-content .container .related-products .related-prod-collezioni { font-size: 14px; font-weight: 600; line-height: normal; text-align: center; color: #ffffff; position: relative; text-transform: capitalize; } body.node--type-product .area.after-content .container .related-products .related-prod-title { font-size: 16px; font-weight: 600; line-height: normal; text-align: center; color: #ffffff; position: relative; text-transform: uppercase; } body.node--type-product .post-thumbnail .field__item { overflow: hidden; position: relative; } body.node--type-product .post-thumbnail .field__item:hover .item-image:before { content: "+"; width: 100%; height: 100%; position: absolute; background-color: rgba(203, 164, 61, 0.5); display: flex; color: white; font-size: 100px; font-weight: bold; align-items: center; justify-content: center; } body.node--type-product .post-thumbnail .field__item .item-image { height: 100%; width: 100%; overflow: hidden; cursor: pointer; } body.node--type-product .post-thumbnail .field__item .item-image img { width: 100%; height: 100%; object-fit: contain; max-height: 700px; } body.node--type-product .product-gallery { margin-top: 10px; } body.node--type-product .product-gallery .field { display: flex; justify-content: space-evenly; flex-direction: row; flex-wrap: wrap; } body.node--type-product .product-gallery .field .field__item { flex: 0 0 50%; height: 467px; overflow: hidden; position: relative; } body.node--type-product .product-gallery .field .field__item:hover .item-image:before { content: "+"; width: 100%; height: 100%; position: absolute; background-color: rgba(203, 164, 61, 0.5); display: flex; color: white; font-size: 100px; font-weight: bold; align-items: center; justify-content: center; } body.node--type-product .product-gallery .field .field__item .item-image { height: 100%; width: 100%; overflow: hidden; cursor: pointer; } body.node--type-product .product-gallery .field .field__item .item-image img { width: 100%; height: 100%; object-fit: cover; } body.node--type-product .product-gallery .field .field__item { border-right: 5px solid white; border-left: 5px solid white; } .lightbox-custom { position: fixed; z-index: 1000; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.9); } .lightbox-custom img { width: 100%; height: 100%; object-fit: cover; object-fit: contain; background-color: #fff; } .lightbox-custom .lightbox-close { position: absolute; top: -30px; right: -30px; z-index: 10001; font-size: 30px; color: white; cursor: pointer; } .modal-material { position: fixed; top: 50%; left: 50%; width: 20%; height: auto; z-index: 1000; transform: translate(-50%, -50%); background: white; padding: 35px; box-shadow: 0 0 10px 1000px rgba(0, 0, 0, 0.2); } .modal-material::before { content: " "; width: 20px; height: 80%; display: block; position: absolute; top: 6%; left: 25px; border-left: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; } .modal-material:after { content: " "; width: 20px; height: 80%; display: block; position: absolute; top: 6%; right: 25px; border-right: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; } .modal-material img { object-fit: cover; width: 100%; height: 100%; } .modal-material .material-name { font-size: 16px; font-weight: normal; line-height: 1.5; text-align: center; color: #000000; margin-top: 16px; } .modal-material .modal-material-close { position: absolute; top: -30px; right: -30px; font-size: 30px; color: white; cursor: pointer; z-index: 1000; } .category-page .category-image { width: 100%; overflow: hidden; } .category-page .category-image:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 276px; background-image: linear-gradient(to bottom, #555555, rgba(85, 85, 85, 0)); } .category-page .category-image .item-image { width: 100%; height: 100%; overflow: hidden; } .category-page .category-image .item-image>img { width: 100%; height: 100%; object-fit: cover; } .category-page .category-entity { margin: 60px auto; } .category-page .category-entity>div { display: flex; align-items: center; } .category-page .category-entity .category-title { font-size: 32px; font-weight: 600; line-height: normal; color: #000000; width: 75%; text-transform: uppercase; } .category-page .category-entity .description-row { flex-direction: column; } .category-page .category-entity .category-desc { font-size: 14px; font-weight: normal; line-height: 1.5; color: #000000; } .category-page .category-entity a.read-more, .category-page .category-entity a.read-less { width: 100%; margin-top: 10px; cursor: pointer; position: relative; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.5; color: rgba(0, 0, 0, 0.54); display: none; } .category-page .category-entity a.read-more:before, .category-page .category-entity a.read-less:before { content: " "; width: 100%; height: 70px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); position: absolute; top: -75px; left: 0; } .category-page .category-entity a.read-less:before { display: none; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist { padding: 0 20px; position: relative; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist:before { content: " "; position: absolute; width: 50px; height: 110%; top: -5%; left: 8.5px; border-left: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist:after { content: " "; position: absolute; width: 50px; height: 110%; top: -5%; right: 8.5px; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist .item { margin-bottom: 0 !important; position: relative; border-right: 5px solid #fff; border-left: 5px solid #fff; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist .item a.related-prod-link { position: absolute; top: 0; width: 100%; height: 100%; display: flex; justify-content: flex-end; flex-direction: column; align-items: center; text-align: center; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist .item a.related-prod-link:hover:before { background-image: linear-gradient(to bottom, rgba(85, 85, 85, 0), #cba43d); } .category-page .view-content-wrap:first-of-type .cat-page-prodlist .item a.related-prod-link:before { content: ""; width: 100%; height: 50%; background-image: linear-gradient(to bottom, rgba(85, 85, 85, 0), #555555); bottom: 0; position: absolute; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist .item .related-prod-collezioni { /* font-size: 16px; */ font-size: 14px; font-weight: 600; text-align: center; color: #ffffff; margin-bottom: 0; text-transform: capitalize; position: relative; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist .item .related-prod-title { font-size: 16px; font-weight: 600; line-height: normal; color: #ffffff; text-transform: uppercase; padding-bottom: 4px; position: relative; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist button.slick-prev { top: 100%; margin-top: 6px; left: 50%; margin-left: -30px; transform: translateX(-50%); } .category-page .view-content-wrap:first-of-type .cat-page-prodlist button.slick-prev:before { opacity: 1; color: black; font-family: "Font Awesome 5 Pro", sans-serif; content: "\F053"; font-size: 14px; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist button.slick-next { top: 100%; margin-top: 6px; right: 50%; margin-right: -30px; transform: translateX(60%); } .category-page .view-content-wrap:first-of-type .cat-page-prodlist button.slick-next:before { opacity: 1; color: black; font-family: "Font Awesome 5 Pro", sans-serif; content: "\F054"; font-size: 14px; } .category-page .view-content-wrap:first-of-type .item { margin-bottom: 130px; } .category-page .view-content-wrap:first-of-type .item .cat-list-link { display: flex; justify-content: center; padding-bottom: 6px; } .category-page .view-content-wrap:first-of-type .item .cat-list-link h2 { color: #000 !important; } .category-page .view-content-wrap:first-of-type .item .cat-list-link:hover .cat-viewmore-link { visibility: visible; } .category-page .view-content-wrap:first-of-type .item .cat-list-link h2 a { font-size: 24px; font-weight: bold; line-height: normal; color: #000000; } @media screen and (max-width: 480px) { .category-page .view-content-wrap:first-of-type .item .cat-list-link h2 a { max-width: 300px; display: block; text-align: center; } } .category-page .view-content-wrap:first-of-type .item .cat-list-link h2 a:hover { text-decoration: underline; } .category-page .view-content-wrap:first-of-type .item .cat-list-link .cat-viewmore-link { visibility: hidden; font-size: 14px; font-weight: normal; line-height: 1.5; color: rgba(0, 0, 0, 0.54); position: relative; top: 10px; padding-left: 16px; } .category-page .collezione-catalog { font-size: 16px; font-weight: bold; line-height: normal; width: 100%; text-transform: uppercase; margin-top: 15px; border-top: 1px solid #000; padding-top: 20px; } .category-page .collezione-catalog a { color: #000; padding-left: 80px; } @media screen and (max-width: 480px) { .category-page .collezione-catalog a { color: white !important; } } .category-page .collezione-catalog a:before { content: "\f33d"; font-family: "Font Awesome 5 Pro", sans-serif; color: #000; position: relative; left: -75px; font-weight: 100; } .category-page .title-wrapper i.fas.fa-chevron-left { position: absolute; top: 12.5px; left: 20px; display: block; font-size: 16px; color: #000; cursor: pointer; } [dir='rtl'] .category-page .title-wrapper i.fas.fa-chevron-left { left: auto !important; transform: scaleX(-1); right: 100px; } .category-page .row.category-entity .col-lg-5 { display: flex; flex-direction: column; padding-right: 100px; } body.collection-page .banner-row { overflow: hidden; position: relative; } body.collection-page .banner-row:before { content: " "; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 50%; z-index: 10; background-image: linear-gradient(to bottom, #555555, rgba(85, 85, 85, 0)); } body.collection-page .banner-row .gbb-row .bb-inner { width: 100%; height: 100%; overflow: hidden; } body.collection-page .banner-row .gbb-row .bb-inner img { width: 100%; height: 100%; object-fit: cover; } body.collection-page .page-title-row { margin-top: 60px; margin-bottom: 60px; text-align: center; } body.collection-page .page-title-row h1 { font-size: 32px; font-weight: 600; font-style: normal; color: #000000; text-transform: uppercase; } body.collection-page .collections-row { width: 100%; overflow: hidden; position: relative; } body.collection-page .collections-row .collection-col { height: 478px; /* margin-bottom: 11px; */ margin: 0 auto 11px; } body.collection-page .collections-row .bb-inner { width: 100%; height: 100%; overflow: hidden; } body.collection-page .collections-row .bb-inner .bb-container { width: 100%; height: 100%; overflow: hidden; } body.collection-page .collections-row .bb-inner .bb-container .row.row-wrapper { width: 100%; height: 100%; overflow: hidden; margin: 0; } body.collection-page .collections-row .bb-inner .bb-container .row.row-wrapper .gsc-column { background-position: center bottom !important; } body.collection-page .collections-row .bb-inner img { width: 100%; height: 100%; object-fit: cover; } body.collection-page .collections-row .collection-link { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 100; display: flex; align-items: flex-end; justify-content: center; font-size: 32px; font-weight: 600; text-decoration: none; text-transform: uppercase; cursor: pointer; } body.collection-page .collections-row .collection-link a { color: white; z-index: 100; position: relative; padding-bottom: 29px; } body.collection-page .collections-row .collection-link:after { content: " "; height: 50%; background-image: linear-gradient(to bottom, rgba(85, 85, 85, 0), #555555); width: 100%; position: absolute; bottom: 0 !important; } body.collection-page .collections-row .collection-link:hover:after { background-image: linear-gradient(to bottom, rgba(85, 85, 85, 0), #cba43d); } .collection-link p { height: 100%; width: 100%; } .collection-link a { min-height: 100%; min-width: 100%; display: flex; justify-content: center; align-items: flex-end; } div#block-webform, div.block-webform { display: none; position: fixed; width: 25%; top: 50%; left: 50%; background: white; transform: translate(-50.09%, -50.09%); z-index: 10001; box-shadow: 0 0 10px 1000px rgba(0, 0, 0, 0.2); padding: 25px; min-width: 320px; } div#block-webform:before, div.block-webform:before { content: " " !important; width: 20px; height: 100%; display: block !important; position: absolute; top: 0; left: 0; border-left: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; } div#block-webform:after, div.block-webform:after { content: " "; width: 20px; height: 100%; display: block; position: absolute; top: 0; right: 0; border-right: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; } div#block-webform input[type="text"], div.block-webform input[type="text"], div#block-webform input[type="email"], div.block-webform input[type="email"], div#block-webform input[type="number"], div.block-webform input[type="number"], div#block-webform select, div.block-webform select { background-color: #f8f8f8 !important; border: 0 !important; border-bottom: 2px solid #000000 !important; } div#block-webform textarea, div.block-webform textarea { background-color: #f8f8f8 !important; border: 0 !important; border-bottom: 2px solid #000000 !important; } div#block-webform .form-item, div.block-webform .form-item { max-width: 100% !important; } div#block-webform .webform-submission-form .form-item label, div.block-webform .webform-submission-form .form-item label { font-size: 14px; font-weight: bold; line-height: 1; text-align: center; color: #000000; } div#block-webform .js-form-item.form-item.js-form-type-checkbox, div.block-webform .js-form-item.form-item.js-form-type-checkbox { display: flex; justify-content: flex-start; text-align: left !important; margin-bottom: 0 !important; } div#block-webform .js-form-item.form-item.js-form-type-checkbox input, div.block-webform .js-form-item.form-item.js-form-type-checkbox input { flex: 0 0 10%; position: relative; top: 5px; } div#block-webform .js-form-item.form-item.js-form-type-checkbox label, div.block-webform .js-form-item.form-item.js-form-type-checkbox label { text-align: left !important; font-size: 14px; font-weight: normal; line-height: 1.29; color: #000000; } div#block-webform input#edit-actions-submit, div.block-webform input#edit-actions-submit { width: 100%; background: transparent; border: 1px solid #000; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; padding: 12.5px; margin-top: 26px; } div#block-webform .close-webform-modal, div.block-webform .close-webform-modal { position: fixed; top: 10px; right: 20px; border: 1px solid #666; padding: 0px 8px; cursor: pointer; border-radius: 100%; } nav.pager { margin-top: 30px; } nav.pager .pager__item a { border-radius: 0 !important; color: #999; } .topbar .topbar-content-inner .topbar-content { margin-top: 5px; } .header-default .container.header-content-layout { max-width: 100% !important; } .header-default span.language-link.active-language { color: rgba(0, 0, 0, 0.54) !important; } .header-1 .container.header-content-layout { max-width: 100% !important; } .header-1 span.dropbutton-arrow { color: white; } .header-2 span.dropbutton-arrow { color: white; } .topbar-inner .container { max-width: 100% !important; } @media screen and (max-width: 991px) { .topbar { display: none !important; } } @media only screen and (max-width: 480px) { body.azienda-page .azienda-stats .stats-row:nth-child(even) .gsc-column:nth-child(1) { position: absolute; z-index: 99999; } } .cat-list-link .cat-viewmore-link { display: none !important; } #block-lenostrecertificazioni .block-title { text-align: center !important; } body.node--type-product .related-products-title { margin-top: 60px; } .topbar { overflow: visible; } .topbar .dropbutton-wrapper.dropbutton-multiple { position: absolute; right: 5px; top: -2px; } .topbar .navigation .gva_menu { right: 55px; } .header-default .topbar .topbar-content-inner .topbar-content a { color: #666; } div#block-footerlegal { text-align: center; } div#block-footerlegal a { color: #000; } .social-copyright { float: left !important; } .social-copyright .socials a i { color: black !important; background: transparent !important; font-size: 16px; } div#block-footersocial .field p { font-weight: bold; text-align: center; } .social-copyright { float: none !important; clear: both; } .social-copyright .socials { width: 100%; display: flex; justify-content: space-around; } body.node--type-product .product-media .field__item:hover .item-image.not-hover::before { display: none !important; } /*start mobile styling*/ @media screen and (max-width: 991px) { .header-default .menu-bar { height: 28px; width: 35px; top: 56px; } span.back-menu-m { position: relative; width: 100vw; left: 50%; top: -20px; transform: translateX(-50%); color: black; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret.nav-minus:before { content: "\f054"; } header.header-1 { position: absolute !important; background: transparent !important; } body.node--type-product { h1.post-title { font-size: 21px; margin-bottom: 30px; width: 100%; } .collezione-big { width: 100%; font-size: 21px; } .title-collezione { width: 100%; } .title-and-links { padding-bottom: 0; position: absolute; width: 100%; padding: 0 6px; margin-top: -7px; } header#header { z-index: 1 !important; } .related-products-title { text-transform: uppercase; } div#block-webform:before, div.block-webform:before { border-left: 2px solid #000; } div#block-webform:after, div.block-webform:after { border-right: 2px solid #000; } .product-info { margin-top: 32px; } .fa-angle-right:before { top: -3px; } .fa-angle-left:before { top: -3px; } a.product-asinfo { margin-top: 40px; max-width: 100%; margin-bottom: 40px; margin-left: 15px; margin-right: 15px; } .field.field--name-field-available-materials { width: 100%; margin-left: 0; } .product-content { padding: 0; } .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item { padding: 0 15px; } .related-products-title { margin-top: 60px; font-size: 16px; margin-bottom: 0; } .area.after-content .container .view-content-wrap { flex-wrap: wrap; } .area.after-content .container .related-products .related-prod-link { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; align-items: center; } .area.after-content .container .related-products .related-prod-collezioni { margin-bottom: 4px; } .area.after-content .container .related-products .related-prod-title { font-size: 14px; margin-bottom: 8px; } .area.after-content .container { padding: 0; } .view-content-wrap .item:nth-child(odd) { margin-right: 7px !important; } #footer .footer-center { padding-top: 20px; } .lightbox-custom { width: 80%; height: 50%; } div#block-webform { width: 100%; } .close-webform-modal .fas { position: relative; top: 1px; } .webform-submission-form .form-item input { line-height: 25px; } .webform-submission-form .form-actions { padding: 0; } .modal-material { width: 60%; } .title-and-links a i.fa-angle-left { left: 0; } .title-and-links a i { top: 0; } .slick-track { width: 100% !important; display: flex; flex-wrap: nowrap; margin-left: -23px; } .field__item.slick-slide { width: 72px !important; margin: 0 8px; } .col-md-8.product-media { display: flex; flex-wrap: nowrap; padding: 0; } .post-thumbnail { flex: 0 0 100%; } .product-gallery { flex: 0 0 200%; } .post-thumbnail .field__item .item-image img, .product-gallery .field__item .item-image img { max-height: 360px; } .product-gallery { margin-top: 0; max-height: 360px; } .product-gallery .field { flex-wrap: nowrap; } #footer .footer-center { padding-top: 0px; } .newsletter-home { margin-bottom: 14px !important; } .product-gallery .field .field__item { border-right: 0; } .dot { width: 17px; height: 17px; background: white; border-radius: 50%; border: 1px solid #000000; } .dots-container { display: flex; justify-content: center; margin-top: 12px; .dot { margin: 0px 12px !important; } } .dot.active { background: #000000; } .product-media img.img-replace { position: absolute; width: 100%; height: 100%; object-fit: contain; background: #fff; } div#block-webform { box-shadow: 0 0 10px 1000px rgba(0, 0, 0, 0.5); } .modal-material::before, .modal-material::after { display: none; } .modal-material { box-shadow: 0 0 10px 1000px rgba(0, 0, 0, 0.6); width: 90%; padding: 16px; padding-top: 40px; height: 50%; .modal-material-close { right: 20px; top: 7px; color: rgba(0, 0, 0, 0.54); font-size: 16px; font-weight: 300; } img { height: 90%; } .material-name { text-transform: uppercase; } .modal-material-close .fas { font-weight: 300; border: 1px solid rgba(0, 0, 0, 0.54); border-radius: 50%; padding: 4px; width: 24px; height: 24px; padding-top: 3px; } .modal-material-close .fas:before { position: relative; left: 2px; } } .content.block-content { padding-top: 20px; } div#block-webform { input[type="text"], div.block-webform input[type="text"], input[type="email"], div.block-webform input[type="email"], input[type="number"], div.block-webform input[type="number"], select, div.block-webform select { border-bottom: 1px solid #000000 !important; } textarea, div.block-webform textarea { border-bottom: 1px solid #000000 !important; } .js-form-item.form-item.js-form-type-checkbox label, div.block-webform .js-form-item.form-item.js-form-type-checkbox label { position: relative; top: -3px; } } } body.azienda-page { #header { position: absolute; background: transparent; } .azienda-info { margin-top: 30px; margin-bottom: 30px; .heading { padding: 0; font-size: 21px; } .description { margin-top: 16px; padding: 0; } } .azienda-stats { padding: 0; text-align: left; margin-bottom: 0; .stats-nr { font-size: 160px; } .stats-row .row { position: relative; justify-content: normal; } .stats-row:nth-child(odd) .gsc-column:nth-child(2) { position: absolute; text-align: right; } .stats-row:nth-child(even) .gsc-column:nth-child(1) { position: absolute; } .stats-row:nth-child(even) .gsc-column:nth-child(2) { flex: 0 0 100%; text-align: right; } } .main-banner { height: 360px; img { margin-top: 25%; padding: 0 20px; } } } body.press-page { margin-top: 0; .header-title h2 { // margin-top: 40px; margin-top: 20px; } .views-view-grid .views-col { width: 49% !important; padding: 0; margin-bottom: 40px; } .event-item-home { padding: 0; } .gsc-column.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12 { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 40px !important; } .views-view-grid .views-row { margin-bottom: 0; width: 100%; margin: 0; flex-wrap: wrap; display: flex; justify-content: space-between; } .views-view-grid .views-col:nth-child(even) { margin-left: 8px; padding-right: 15px; } .views-view-grid .views-col:nth-child(odd) { padding-left: 15px; } } body.node--type-press { .title-and-links { .event-prev:before, .event-next:after { font-family: 'Font Awesome 5 Pro'; font-size: 24px; font-weight: 300; line-height: normal; text-align: center; color: rgba(0, 0, 0, 0.54); position: relative; top: -5px; } .event-prev:before { content: "\f104" } .event-next:after { content: "\f105" } } .post-title { font-size: 21px; padding-left: 2px; padding-right: 2px; } .post-thumbnail { width: 100%; margin-left: 0; img { max-height: 330px !important; } } .event-full { margin-bottom: 40px; .field { margin-bottom: 30px !important; } } .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item { // padding: 20px 0; padding: 0; } } body.privacy-policy-page { .privacy-row { margin-top: 30px; .desc { margin-bottom: 40px } .subtitle h2 { margin-top: 14px } } #footer .footer-center { padding: 96px 0 25px; } } .not-found-left { padding: 0; padding-top: 20px; .heading.second { margin-top: 44px; width: 60%; position: relative; left: 50%; transform: translateX(-50%); font-size: 32px; } .desc { padding-left: 30px; padding-right: 30px; padding-top: 14px; } .charisma-prodotti .row-wrapper .gsc-column:nth-child(2) { margin-right: 35px !important; } } .not-found-row { .charisma-prodotti .row { flex-wrap: nowrap; } .charisma-prodotti .gsc-column { flex: 0 0 44%; padding-left: 5px; } .charisma-prodotti .gsc-column:first-of-type { margin-left: 20px; } .charisma-prodotti:before { left: 15px; width: 30px; } .charisma-prodotti:after { width: 30px; right: 15px; } .charisma-prodotti { max-width: 95%; margin-left: 15px; margin-right: 15px; margin-top: 50px; } .button-transparent-black { width: 84%; border: 1px solid #000000; font-family: IbarraRealNova; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; color: #000000; padding: 12px 53px !important; } } .not-found-image { display: none; } .thank-you-row img { height: 360px; object-fit: fill; } .thank-you-row .thank-you-content { padding: 0 20px; margin-top: 15px; .thank-you-info { margin-bottom: 30px; } } body.accedi-o-registrati-page { .login-row { margin-top: 0; .thank-you-content { padding: 20px 0 !important; padding-top: 0; } .thank-you-content .column-inner { padding: 0 30px; } .thank-you-content input:not(.js-form-submit), .thank-you-content select { border-bottom: 1px solid #000000 !important; } .button, .btn, .btn-white, .btn-theme, .btn-theme-second, .more-link a, .btn-theme-submit { line-height: 43px; } .reg-title { margin-top: 20px; } .reg-desc { padding: 0 10%; } .gsc-column .text-none { display: none; } .js-form-type-checkbox input { margin-left: -15px; } .thank-you-content input.js-form-submit { margin-top: 9px; } } #footer .footer-center { padding-top: 80px; } } body.collection-page { header.header-1 { position: absolute; background: transparent; } .banner-row { height: 300px; position: relative; } .page-title-row { position: absolute; top: 78px; width: 100%; } .page-title-row h1 { color: #ffffff; text-align: center; width: 100%; @media only screen and (max-width: 480px) { color: black !important; margin-top: 50px; text-align: center; width: 100%; } } .collections-row { .row-wrapper { margin-right: 0; margin-left: 0; } .collection-col { height: 360px; margin-bottom: 5px; } .collection-link { padding-bottom: 15px } } .banner-row:before { height: 35%; } #footer .footer-center { padding-top: 10px; } } body.contact-page { #contact-map-container { height: 100vh !important; position: relative !important; } button.gm-control-active.gm-fullscreen-control { display: none; } .gm-style-mtc { display: none; } .gm-svpc { display: none; } button.gm-control-active { background: #000000 !important; } .contacts-list .gsc-column { padding-top: 20px; background: none; opacity: 1; height: 100%; position: relative; h3 { font-weight: normal } } a.product-asinfo { margin-left: 15px; margin-right: 15px; } .widget.gsc-block-drupal.contacts-list-geolocate { margin-bottom: 0; } div#block-gavias-facdori-webform { z-index: 1000 !important; width: 80%; } header#header { z-index: 1; } header .site-branding-logo { padding-bottom: 0; } #footer .footer-center { padding-top: 106px; } } .category-page { .category-image { height: 360px; } .row.category-entity .col-lg-5 { padding-right: 0; position: absolute; top: 5%; padding-left: 0; width: 90%; left: 50%; transform: translate(-50%, 0); .category-title { color: #ffffff; text-align: center; margin: 0 auto; } } .category-entity { margin: 30px auto; margin-bottom: 70px; .description-row { padding-left: 0 } } .view-content-wrap:first-of-type { .item { margin-bottom: 75px; .cat-list-link { flex-direction: column; align-items: center; .cat-viewmore-link { visibility: visible; padding-left: 0; top: 0; } h2 { margin-bottom: 0 } } } .cat-page-prodlist { button.slick-prev:before, button.slick-next:before { color: rgba(0, 0, 0, 0.54); font-size: 24px !important; } .item { margin-left: 5px; margin-bottom: 100px; .related-prod-title { margin-bottom: 0; text-align: center; padding-left: 4px; padding-right: 4px; } .slick-list.draggable { padding-left: 0; } .related-prod-collezioni { font-size: 14px; } } } .cat-page-prodlist:before, .cat-page-prodlist:after { width: 25px; border-color: rgba(0, 0, 0, 0.54); } } .title-wrapper i.fas.fa-chevron-left { top: -50px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 32px; font-weight: 300; } .collezione-catalog { border-top: 1px solid #fff; a { position: relative; color: #fff; width: 100vw; display: block; text-align: center; margin: 0; padding: 0; margin-left: -15px; } a:before { left: -16px; color: #fff; } } } #footer { .footer-column { margin-bottom: 0; } .copyright .copyright-inner { padding-bottom: 0; } .footer-center { text-align: center; } } } /*end mobile styling*/ /*start ipad styling*/ @media only screen and (min-device-width: 768px) and (max-device-width: 991px) and (-webkit-min-device-pixel-ratio: 1) { .product-gallery { display: none; } body.node--type-product .col-md-8.product-media { flex: 0 0 55%; max-width: 55%; } body.node--type-product .col-md-4.product-content { flex: 0 0 45%; max-width: 45%; } body.node--type-product .product-gallery .field .field__item { height: 300px; } body.node--type-product .field__item.slick-slide.slick-active { width: 70px !important; margin: 0 3px; } body.node--type-product .field.field--name-field-available-materials .slick-track { margin-left: -64px; } body.node--type-product a.product-asinfo { max-width: 90%; margin-left: 5%; padding: 12px 0; } body.node--type-product .lightbox-custom { z-index: 99999 !important; width: 70%; height: 60%; top: 40%; } body.node--type-product div#block-webform, body.node--type-product div.block-webform { z-index: 99999; width: 60%; top: 40%; } body.node--type-product .modal-material { width: 50%; top: 40%; } body.node--type-product .area.after-content .container .view-content-wrap { flex-wrap: wrap; } body.azienda-page .azienda-stats { padding: 0 10%; margin-bottom: 40px; } body.azienda-page .main-banner { height: 500px; } body.node--type-page .views-view-grid .views-col { flex: 0 0 33%; max-width: 33%; padding-right: 0; } body.node--type-press .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item { padding: 0; } body.privacy-policy-page .privacy-row { margin-top: 30px; } body.privacy-policy-page .privacy-row h1 { text-align: center; } body.privacy-policy-page .privacy-row .column-content-inner { margin: 0 10%; } .not-found-left { padding: 60px 45px; } .not-found-left .desc { padding: 0; } .not-found-row .charisma-prodotti { margin-left: 0; max-width: 100%; } .not-found-row .charisma-prodotti:before { width: 25px; } .not-found-row .charisma-prodotti:after { width: 25px; } .not-found-row .button-transparent-black { margin-left: 0; transform: translateX(0); width: 100%; margin-left: 8px; } .not-found-image img { height: 600px; } .thank-you-row img { height: 600px; } .thank-you-row .thank-you-content { padding: 0 5%; } body.accedi-o-registrati-page .login-row .thank-you-content { margin-left: 20px; } body.accedi-o-registrati-page .login-row .thank-you-content .column-inner { padding: 0 4%; } body.accedi-o-registrati-page .login-row .gsc-column:nth-child(even) { flex: 0 0 45%; } body.accedi-o-registrati-page .login-row .reg-title { padding: 0; } .category-page .category-image { height: 500px; } .category-page .category-entity { margin: 30px auto; } .category-page .category-entity>div { align-items: flex-start; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist:before { width: 30px; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist:after { width: 30px; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist .slick-list.draggable { padding-left: 0; } .category-page .view-content-wrap:first-of-type .item:last-of-type { margin-bottom: 0; } .category-page .item-image img { height: 180px; width: 240px; } .category-page .view-content-wrap:first-of-type .cat-page-prodlist .item .related-prod-title { text-align: center; margin-bottom: 0; } .category-page .view-page { margin-bottom: 0; } body.contact-page .contacts-list .gsc-column { background: none; opacity: 1; height: 100%; position: relative; left: 50%; transform: translateX(-50%); } body.contact-page #contact-map-container { height: 100vh !important; position: relative !important; } body.contact-page button.gm-control-active { background: #000000 !important; } body.contact-page .contacts-list .gsc-column { padding-top: 20px; } body.contact-page .contacts-list .gsc-column h3 { font-weight: normal; } body.contact-page a.product-asinfo { width: 50%; position: relative; left: 50%; transform: translateX(-50%); } body.contact-page .widget.gsc-block-drupal.contacts-list-geolocate { margin-bottom: 0; } body.contact-page #footer .footer-center { padding-top: 106px; } body.contact-page div#block-gavias-facdori-webform { z-index: 1000 !important; width: 80%; /*end contacts page*/ /*start collection page*/ } body.collection-page .gbb-row-wrapper.section.row-first-level.page-title-row.gbb-row.bg-size-cover { position: absolute; top: 10%; width: 100%; } body.collection-page .page-title-row h1 { color: #ffffff; } body.collection-page header.header-1 { background: transparent; position: absolute; /*end collection page*/ /*start collection charisma page*/ } body.collection-product header.header-1 { position: absolute; background: transparent; } body.collection-product .category-page .category-image { height: 450px; } body.collection-product .category-page .view-content-wrap:first-of-type .item { margin-bottom: 70px; } body.collection-product .category-page .view-content-wrap:first-of-type .cat-page-prodlist .item { height: 200px; } /* body.collection-product .category-page .category-entity .category-title { margin-left: 40px; } */ body.collection-product .category-page .view-content-wrap:first-of-type .item .cat-list-link .cat-viewmore-link { display: none; } body.collection-product .category-page .view-content-wrap:first-of-type .cat-page-prodlist .item .related-prod-title { text-align: center; } body.collection-product .category-page .view-content-wrap:first-of-type .cat-page-prodlist:before { width: 30px; } body.collection-product .category-page .view-content-wrap:first-of-type .cat-page-prodlist:after { width: 30px; } body.collection-product .category-page .view-content-wrap:first-of-type .cat-page-prodlist .slick-list.draggable { padding-left: 0; /*end collection charisma page*/ /*start footer styling*/ } #footer { text-align: center; } #footer .footer-center { padding-top: 30px; } #footer .footer-column { margin-bottom: 0; /*end footer styling*/ } } /*end ipad styling*/ @media (max-width: 991px) { .menu-bar { margin-top: -30px !important; } .gva-offcanvas-mobile.show-view { max-width: 100%; height: 100vh; overflow: scroll; } .gva-offcanvas-mobile.show-view a.site-branding-logo { position: absolute; top: 0; left: 0; } .gva-offcanvas-mobile.show-view a.site-branding-logo .logo-three { display: inline-block !important; height: 44px; width: auto; position: absolute; left: 10px; top: 10px; } .main-menu-inner { margin-top: 35px; } .gva-offcanvas-mobile .close-offcanvas { border: 0; position: absolute; width: 10px; right: 30px; top: 7px; } .gva-offcanvas-mobile .close-offcanvas i:before { font-size: 18px; font-weight: 100; color: #000; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li { margin-bottom: 20px !important; padding-bottom: 0 !important; border-bottom: 0; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li>a { font-size: 16px; font-weight: bold; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li>a .icaret { color: #000; background: transparent; font-weight: 300; } .gva-offcanvas-mobile .gva-navigation .gva_menu>li>a .icaret:before { /* content: "\f054"; font-size: 12px; */ display: none; } [dir="rtl"] .dropbutton-toggle { display: none !important; } .main-menu .area-main-menu .area-inner .block { padding-bottom: 0; border-bottom: 0; } nav#block-topmenu, nav#block-topmenuloggeduser { /* padding-top: 0; */ padding: 0; } nav#block-topmenu ul, nav#block-topmenuloggeduser ul { list-style: none; /* padding-left: 0; */ padding: 0; } nav#block-topmenu li.menu-item a, nav#block-topmenuloggeduser li.menu-item a { font-size: 16px !important; font-weight: bold; color: rgba(0, 0, 0, 0.54) !important; padding-left: 0 !important; line-height: 50px !important; } nav#block-topmenu li:last-of-type, nav#block-topmenuloggeduser li:last-of-type { background: #f8f8f8; width: 100vw; left: 50%; position: relative; transform: translateX(-50%); } nav#block-topmenu li:last-of-type a, nav#block-topmenuloggeduser li:last-of-type a { padding-left: 20px !important; } div#block-dropdownlanguage { padding-top: 10px; background: #f8f8f8; padding-bottom: 15px; } div#block-dropdownlanguage ul.dropdown-language-item.dropbutton li span, div#block-dropdownlanguage ul.dropdown-language-item.dropbutton li a { font-size: 16px; font-weight: bold; color: rgba(0, 0, 0, 0.54); } div#block-dropdownlanguage ul.dropdown-language-item.dropbutton li span.dropbutton-arrow { font-size: 0; background: transparent; width: 20px; height: 20px; position: relative; } div#block-dropdownlanguage ul.dropdown-language-item.dropbutton li span.dropbutton-arrow:before { content: "\f054"; color: #000; font-size: 13px; font-family: "Font Awesome 5 Pro"; position: absolute; top: 10px; font-weight: 300; right: 0; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu { position: fixed; z-index: 1000 !important; background: white; top: 70px; transition: all 0.2s ease 0s; left: 0; border-bottom: 100vh solid white !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu:before { content: " "; position: absolute; width: 30px; height: 100%; display: inline-block; border-top: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu:after { content: " "; position: absolute; width: 30px; height: 100%; right: 20px; top: 0; display: inline-block; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li { padding: 4px 20px; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a { font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; margin-bottom: 20px; color: #000000; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li:first-of-type { padding-top: 20px; } } .noclick { pointer-events: none; } a#open-contact-form { pointer-events: all; } .node--type-event .post-block h1.post-title { text-transform: none; } .gavias-blockbuilder-content .link-edit-blockbuider { z-index: 9999999999999; } .help.gav-help-region { z-index: 99999999999; } .cat-lev3-cont .view-content-wrap { display: flex; justify-content: center; align-items: center; margin-bottom: 50px; } .cat-lev3-cont a.cat-level3-link { margin: 0 15px; border: 1px solid #000000; font-size: 18px; font-weight: 600; line-height: normal; color: #000000; padding: 10px 15px; text-transform: capitalize; position: relative; } .cat-lev3-cont a.cat-level3-link:before { content: ""; width: calc(100% - 30px); height: 107%; display: block; position: absolute; background: #fff; top: -2px; left: 50%; transform: translate(-50%, 0px); } .cat-lev3-cont a.cat-level3-link span { position: relative; } .cat-lev3-cont a.cat-level3-link:hover { color: #cba43d; border: 1px solid #cba43d; } .certificazioni-azienda, .certificazioni-azienda h2 { text-align: center !important; } .certificazioni-azienda h2 span { font-family: IbarraRealNova; font-size: 24px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #000000; } .certificazioni-azienda .block-content a { font-family: IbarraRealNova; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; } .certificazioni-azienda .block-content a:before { content: "\f33d"; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 16px; } .certificazioni-azienda h2 { margin-bottom: 30px !important; } .certificazioni-azienda .block-content p { margin-bottom: 22px; } .certificazioni-row>.bb-inner.default { padding-top: 0px !important; } .category-page .category-entity .category-desc a, .category-page .category-entity .category-desc a * { color: #cba43d; } .biz-name { font-weight: 700; max-width: 260px; margin: 0 auto; } .related-products .prod-related-img .item-image img { object-fit: contain; object-position: center; width: 300px; height: 300px; } .related-products .prod-related-img .item-image { display: flex; justify-content: center; align-items: center; } .charisma-row .gsc-column.col-xl-6.col-lg-6.col-md-6.col-sm-12.col-xs-12:not(.align-self-center) { padding-right: 0px; } @media (max-width: 768px) { .cat-lev3-cont .view-content-wrap { flex-wrap: wrap; } .cat-lev3-cont a.cat-level3-link { display: block; margin-bottom: 15px; } } .newsletter-home form .form-item label { white-space: nowrap; } .node--type-event iframe { display: block; margin: 0 auto; } #lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 99999; } #lightbox p { position: fixed; z-index: 999; cursor: pointer; right: 50px; top: 50px; text-align: right; padding: 0.25em 0.5em; color: #fff; margin-right: 20px; font-size: 20px; background: rgba(100, 100, 100, 0.5); border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #lightbox #slideshow { position: relative; z-index: 100; text-align: center; width: 95%; height: 95%; margin: 10 auto; padding: 0px; background-color: transparent; } #lightbox #slideshow img { position: absolute; top: 5%; left: 0px; right: 0px; bottom: 5%; align: center; max-width: 90%; max-height: 90%; margin: auto; } #lightbox .nav { display: none; z-index: 999; } #lightbox .prev, #lightbox .next { position: absolute; top: 50%; z-index: 999; cursor: pointer; background: rgba(100, 100, 100, 0.5); padding: 0.25em; color: #fff; text-decoration: none; border-radius: 50%; display: flex; justify-content: center; align-items: center; } #lightbox .next { right: 10px; } #lightbox .prev { left: 10px; } #lightbox .thumb { width: 150px; height: auto; margin: 5px; } .product-pager { position: absolute; width: 100%; /* padding-right: 15px; */ padding: 0 15px; left: 0; } .product-pager ul.entity-pager-list { display: flex; justify-content: space-between; } .product-pager ul.entity-pager-list li a { font-size: 24px; font-weight: 300; line-height: normal; text-align: center; color: rgba(0, 0, 0, 0.54); } body.node--type-product h1.post-title { width: 100%; margin: 10px 0px; } .topbar .topbar-right .topbar-content>div { display: flex; align-items: center; justify-content: flex-end; } nav#block-topmenu .gva_menu>li a, nav#block-topmenuloggeduser .gva_menu>li a { padding: 0px 13px; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; text-transform: capitalize; text-decoration: none; } .header-2 { position: absolute; width: 100%; z-index: 5; } .header-2 .branding>div { display: flex; align-items: center; justify-content: center; } .header-2 .area-main-menu .gva-navigation { display: flex; justify-content: center; } .header-2 .main-menu .navigation .gva_menu>li>a { color: #fff; } header.header-1 .header-main-inner .content-inner { display: flex; align-items: center; justify-content: flex-start; } header.header-1 .header-main-inner .content-inner .branding .site-branding-logo img.logo-default.logo-two.hidden { display: block !important; max-height: 55px; } header.header-default .header-main-inner .content-inner { display: flex; align-items: center; justify-content: flex-start; } header.header-default .header-main-inner .content-inner .branding .site-branding-logo img.logo-default.logo-three.hidden { display: block !important; max-height: 55px; } header.header-default .header-main-inner .content-inner .branding .site-branding-logo img.logo-default.logo-one { display: none !important; } .logo-default.logo-one { height: 150px; max-height: 150px !important; } header.header-default nav#block-topmenu .gva_menu>li a, header.header-default nav#block-topmenuloggeduser .gva_menu>li a { color: rgba(0, 0, 0, 0.54); } .newsletter-home { background: #000000; padding: 40px 15px; color: #fff; margin-top: 0px; margin-bottom: -50px; .bb-inner.remove_padding_bottom { padding-top: 0px; } .title { font-size: 32px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; } .description { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; max-width: 270px; margin: 0 auto; } form#mailchimp-signup-subscribe-block-subscribe-newsletter-form { display: flex; flex-direction: column; max-width: 270px; margin: 0 auto; } .mailchimp-newsletter-mergefields { order: 0; } .form-item-mailchimp-lists-gdpr-consent { order: 1; display: flex; align-items: center; } .mailchimp-signup-subscribe-form .form-actions { order: 2; } .js-form-type-email label.js-form-required.form-required { display: block; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #ffffff; position: absolute; left: 10px; width: auto; top: 16px; } .js-form-type-email .form-email { background-color: rgba(248, 248, 248, 0.2) !important; border: none !important; border-bottom: 1px solid #cba43d !important; max-width: 270px; } form .mailchimp-newsletter-mergefields .form-item { position: relative; } form .form-item label { color: #fff; margin-top: 0px; } input#edit-mailchimp-lists-gdpr-consent { margin-right: 10px; margin-left: 10px; } input#edit-submit { background-color: #fff; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #000000; padding: 12px 16px 10px 16px; display: block; margin: 0 auto; } } .header-title h2 { font-size: 32px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #000000; margin-top: 60px; text-transform: uppercase; } .colspace10 { padding: 0px; } .rowspace10 { padding: 0 20px; } .widget.gsc-block-drupal.remove-margin-on .block.block-simple-instagram-feed { margin-bottom: -90px !important; } #footer a { color: #000000; } .luxury-row .gsc-button { display: block; margin: 0 auto; max-width: 274px; } @media screen and (min-width: 991px) { .navigation .gva_menu>li:hover>ul.sub-menu>li, .navigation .gva_menu>li:hover div.sub-menu>li { border-left: 1px solid #000; margin-bottom: -0.5px !important; border-right: 1px solid #000; } .navigation .gva_menu>li:hover>ul.sub-menu>li:first-of-type, .navigation .gva_menu>li:hover div.sub-menu>li:first-child { border-top: 1px solid; } .navigation .gva_menu>li:hover>ul.sub-menu>li:last-child, .navigation .gva_menu>li:hover div.sub-menu>li:last-child { border-bottom: 1px solid #000; } .navigation .gva_menu>li:hover>ul.sub-menu>li:first-of-type:before, .navigation .gva_menu>li:hover div.sub-menu>li:first-child:before { width: 80%; height: 10px; background: #fff; position: absolute; display: block; content: ""; top: -5px; left: 50%; transform: translate(-50%, 0px); } .navigation .gva_menu>li:hover>ul.sub-menu>li:last-child:before, .navigation .gva_menu>li:hover div.sub-menu>li:last-child:before { width: 80%; height: 10px; background: #fff; position: absolute; display: block; content: ""; bottom: -5px; left: 50%; transform: translate(-50%, 0px); } } @media (max-width: 768px) { .rowspace10 .colspace10 { width: 50% !important; margin-bottom: 40px; flex: 0 0 50%; max-width: 50%; } } .close-lightbox { font-size: 25px; background-color: white; border-radius: 50%; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; margin: 10px 10px 0 auto; cursor: pointer; } .arrow-lightbox { cursor: pointer; font-size: 25px; } .collection-category-prodlist .view-content-wrap { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; margin: 0 10px; } .cat-page-prodlist.collection-category-prodlist-mobile { display: none; } @media only screen and (max-width: 1280px) { .collection-category-prodlist .view-content-wrap { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 991px) { .collection-category-prodlist .view-content-wrap { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 768px) { .cat-page-prodlist.collection-category-prodlist-mobile { display: block; } .collection-category-prodlist { display: none; } } .collection-category-prodlist .view-content-wrap .prod-related-img { display: flex; justify-content: center; align-items: center; } .collection-category-prodlist .view-content-wrap .item { margin-bottom: 0 !important; font-size: 14px; } .collection-category-prodlist .view-content-wrap .item .related-prod-collezioni { display: none; } .collection-category-prodlist .view-content-wrap .item-image { width: 300px; height: 300px; object-fit: contain; } .collection-category-prodlist .view-content-wrap .related-products { position: relative; } .collection-category-prodlist .view-content-wrap .item:hover .related-prod-link { position: absolute; bottom: 0; left: 0; width: 100%; background-image: none; cursor: pointer; } .collection-category-prodlist .view-content-wrap .item:hover .related-prod-link:before { bottom: 0; position: absolute; width: 100%; height: 100%; left: 0; content: " "; background-image: linear-gradient(to bottom, rgba(85, 85, 85, 0) 50%, #cba43d); display: block; } .collection-category-prodlist .view-content-wrap .related-products .related-prod-link { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; background-image: linear-gradient(to bottom, rgba(85, 85, 85, 0) 70%, #555555); cursor: pointer; } .collection-category-prodlist .view-content-wrap .related-products .related-prod-collezioni { font-size: 16px; font-weight: 600; line-height: normal; text-align: center; color: #ffffff; position: relative; text-transform: capitalize; } .collection-category-prodlist .view-content-wrap .related-products .related-prod-title { font-size: 16px; font-weight: 600; line-height: normal; text-align: center; color: #ffffff; position: relative; text-transform: uppercase; min-height: 40px; display: flex; align-items: center; margin-bottom: 7px; } .contact-form-contacts { pointer-events: all !important; } .contact-form-contacts>.block { min-width: 320px !important; } .infinity-row .infinity-prodotti, .charisma-row .charisma-prodotti { margin-left: auto !important; margin-right: auto !important; } /* fix strange paginator translate bug */ .pager__item.pager__item--next span, .pager__item.pager__item--last span { position: absolute !important; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; } .pager__item.pager__item--last span.visually-hidden, .pager__item.pager__item--next span.visually-hidden { position: relative !important; } .grecaptcha-badge { visibility: hidden; } /*# sourceMappingURL=https://giorgio.evolvestudio.de/themes/gavias_facdori/compiledcss/template.css.map */