.et_pb_gutters3 .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_row_inner .et_pb_column_1_4, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_row_inner .et_pb_column_1_4, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_widget, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_4, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_widget { margin-right:3%; width:47%; padding:10px; background:#fff;} /*-----------------------------------------------------------------*/ /*--- Placeholder Reset ---*/ /*-----------------------------------------------------------------*/ input::-webkit-input-placeholder { color: #66676d !important; line-height: 130%; opacity: 1; } textarea::-webkit-input-placeholder { color: #66676d !important; line-height: 130%; opacity: 1; } input:-moz-placeholder { color: #66676d !important; opacity: 1; } textarea:-moz-placeholder { color: #66676d !important; opacity: 1; } input::-moz-placeholder { color: #66676d !important; opacity: 1; } textarea::-moz-placeholder { color: #66676d !important; opacity: 1; } input:-ms-input-placeholder { color: #66676d !important; opacity: 1; } textarea:-ms-input-placeholder { color: #66676d !important; opacity: 1; } input[type="search"]:focus::-webkit-input-placeholder { opacity: 0; } input[type="tel"]:focus::-webkit-input-placeholder { opacity: 0; } input[type="number"]:focus::-webkit-input-placeholder { opacity: 0; } input[type="text"]:focus::-webkit-input-placeholder { opacity: 0; } input[type="email"]:focus::-webkit-input-placeholder { opacity: 0; } input[type="password"]:focus::-webkit-input-placeholder { opacity: 0; } textarea:focus::-webkit-input-placeholder { opacity: 0; } input[type="search"]:focus:-moz-placeholder { opacity: 0; } input[type="number"]:focus:-moz-placeholder { opacity: 0; } input[type="tel"]:focus:-moz-placeholder { opacity: 0; } input[type="text"]:focus:-moz-placeholder { opacity: 0; } input[type="email"]:focus:-moz-placeholder { opacity: 0; } input[type="password"]:focus:-moz-placeholder { opacity: 0; } input[type="password"]:focus:-moz-placeholder { opacity: 0; } textarea:focus:-moz-placeholder { opacity: 0; } input[type="search"]:focus::-moz-placeholder { opacity: 0; } input[type="number"]:focus::-moz-placeholder { opacity: 0; } input[type="tel"]:focus::-moz-placeholder { opacity: 0; } input[type="text"]:focus::-moz-placeholder { opacity: 0; } input[type="email"]:focus::-moz-placeholder { opacity: 0; } input[type="password"]:focus::-moz-placeholder { opacity: 0; } textarea:focus::-moz-placeholder { opacity: 0; } input[type="search"]:focus:-ms-input-placeholder { opacity: 0; } input[type="number"]:focus:-ms-input-placeholder { opacity: 0; } input[type="tel"]:focus:-ms-input-placeholder { opacity: 0; } input[type="text"]:focus:-ms-input-placeholder { opacity: 0; } input[type="email"]:focus:-ms-input-placeholder { opacity: 0; } input[type="password"]:focus:-ms-input-placeholder { opacity: 0; } textarea:focus:-ms-input-placeholder { opacity: 0; } ::-webkit-search-cancel-button { -webkit-appearance: none; } ::-webkit-search-results-button { -webkit-appearance: none; } input[type=search] { -webkit-appearance: none; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } /*-----------------------------------------------------------------*/ /*--- Reset ---*/ /*-----------------------------------------------------------------*/ body { font-size:16px; font-family:'Calibri', sans-serif;} .inline-block {display:inline-block;} .list-unstyled { list-style-type:none;} .list-inline li { display:inline-block; vertical-align:middle;} .search-results .post-meta {display:none;} .search-results .et_pb_post .entry-featured-image-url { float:left; margin-right:20px; max-width:20%;} #page-container { min-width:320px; overflow:hidden; max-width:2000px; margin: 0 auto; position:relative;} .home #page-container { padding-top:0 !important;} #et-info {float:none; padding-top:5px; border-bottom:1px solid #18a6df;} .entry-content .btn.btn-primary { font-family:'Calibri', sans-serif; text-transform:uppercase; font-size:1.5em; box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.35);} .form-control { height:31px;} div.jfilestyle label { padding:0px 9px 2px 5px !important; line-height:1; vertical-align:middle; padding:0 5px; background:#fff;} div.jfilestyle label:before { content:'>'; color:#66676d; margin-right:5px;} div.jfilestyle input {display:inline-block; vertical-align:middle; background:none; color:#fff; border:none; font-size:12px; max-width:50%; text-overflow: ellipsis; } div.jfilestyle .focus-jfilestyle { max-width:50%; display:inline-block; padding-right:5px;} div.jfilestyle .focus-jfilestyle span { font-size:14px !important;} div.jfilestyle input::-webkit-input-placeholder { color: #fff !important; line-height: 130%; opacity: 1; } div.jfilestyle input:-moz-placeholder { color: #fff !important; opacity: 1; } div.jfilestyle input::-moz-placeholder { color: #fff !important; opacity: 1; } div.jfilestyle input:-ms-input-placeholder { color: #fff !important; opacity: 1; } /*-----------------------------------------------------------------*/ /*--- Base ---*/ /*-----------------------------------------------------------------*/ .container { max-width:1200px; width:100%; padding-left:15px; padding-right:15px;} .et_pb_row {width:100%; max-width:1200px; padding-left:15px; padding-right:15px;} .et_section_specialty>.et_pb_row { padding-left:15px; padding-right:15px;} .et_pb_text_inner { line-height:1.45; } .et_pb_text_inner p { text-align: justify;} .et_pb_text_inner p strong { font-family:'Calibri', sans-serif; } .et_pb_text_inner p a { color:#18a6df; font-family:'Calibri', sans-serif;} .parent-pageid-67 .et_pb_text_inner p a { color: inherit; font-family:'Calibri', sans-serif;} .parent-pageid-67 .et_pb_text_inner p a:hover {color:#18a6df;} h1 { font-family:'Calibri'; color:#0a0405 !important; font-size:2.5em !important; letter-spacing: -0.06em; word-spacing: 0.1em; } h2 { font-family:'Calibri'; color:#0a0405 !important; font-size:2.0em; letter-spacing: 0.06em; word-spacing: 0.1em; } img.alignright { margin-left:21px;} a.smallblue { background: rgba(255,255,255,0.5); border-radius:0; border:2px solid #65656b; text-transform:uppercase; color:#18a6df !important; font-size:20px; font-family:'Calibri', sans-serif; padding:8px 23px; margin-top:1em;} a.smallblue:before {display:inline-block; vertical-align:middle; content:'>'; color:#65656b; margin-right:7px; line-height:1;} p[style="text-align: right;"] a.smallblue { margin-top:-2em;} .text-center {text-align:center;} .et_pb_text_inner a { color: inherit;} @media only screen and (max-width: 980px) { h2{ font-size:2em;} p[style="text-align: right;"] { text-align:left !important;} p[style="text-align: right;"] a.smallblue { margin:1em 0 0 0;} a.smallblue {background: rgba(255,255,255,0.8); } } @media only screen and (max-width: 480px) { } /*-----------------------------------------------------------------*/ /*--- Header ---*/ /*-----------------------------------------------------------------*/ #main-header { background:none; position:absolute; top: 55px; box-shadow:none;} #page-container #main-header .logo_container { display:block; text-align:left !important; height: 100%; position:relative; padding-top:29%; } #page-container #main-header .logo_container a { display:block; } #page-container #main-header .logo_container img { position:absolute; top:50%; left:7px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sub-items { display: flex; justify-content: flex-end; align-items: flex-end; padding-bottom:1em; } .sub-items form { border:1px solid #18a6df; display:inline-block; max-width:185px; background: rgba(101,101,107, 0.65); text-align:center; padding:0 3px; vertical-align:middle;} .sub-items form .input-group { border-radius:0;} .sub-items form .btn { border:1px solid #65656b; padding:2px 5px 0px 4px; font-size:16px;} .sub-items form .form-control { background:none; border:none; text-align:center; text-transform:uppercase; color:#fff; font-size:14px;} .sub-items form .form-control::-webkit-input-placeholder { color: #fff !important; } .sub-items form .form-control:-moz-placeholder { color: #fff !important;} .sub-items form .form-control::-moz-placeholder { color: #fff !important;; } .sub-items form .form-control:-ms-input-placeholder { color: #fff !important; } @media only screen and (min-width: 1000px) { #page-container #main-header .logo_container img {max-height: 90px;} } @media only screen and (max-width: 980px) { .et_header_style_centered #main-header { padding-top:10px; top:55px !important;} .et_header_style_centered header#main-header .logo_container { padding-top:29%;} .et_header_style_centered #main-header .logo_container img { left:-10%;} } @media only screen and (max-width: 860px) { .col-xs-6[data-mh="col1"] { width:100%;} header .sub-items{display:block;} header .sub-items form { width:100%; display:block; margin: 10px auto; max-width:80%;} #page-container #main-header .logo_container { padding-top:16%;} #page-container #main-header .logo_container img { transform: translateX(-50%) translateY(-50%); display:block; left:50%;} .home #page-container #main-header .logo_container img { transform: translateX(0) translateY(-50%); left:-21px;} } @media only screen and (max-width: 767px) { .et_header_style_centered #main-header .logo_container img { left:-16%;} } @media only screen and (max-width: 480px) { .et_header_style_centered #main-header {top:40px !important;} #page-container #main-header .logo_container img { max-height:40px;} .home #page-container #main-header .logo_container img {} } /*-----------------------------------------------------------------*/ /*--- Hero ---*/ /*-----------------------------------------------------------------*/ .hero { padding:0 !important; position:relative; margin-bottom:4%;} .hero:after, .hero:before {display:block; width:2000px; height:34%; background:#fff; content:''; position:absolute; bottom: 0; z-index:10; } .hero:after { transform: skewY(20deg); right:50%;} .hero:before {transform: skewY(-20deg); left:50%;} .hero .et_pb_slides .et_pb_container { z-index:12; width:100%; max-width:1200px; padding-left:15px; padding-right:15px;} .hero .et_pb_slides .et_pb_slider_container_inner { vertical-align:top;} .hero .et_pb_slide_description, .hero .et_pb_slider_fullwidth_off .et_pb_slide_description { padding-top: 23.5%; padding-bottom:5%;} .hero .et_pb_slider .et_pb_slide:before{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; content:''; background:rgba(101,101,107, 0.85);} .hero .et_pb_slider .et_pb_slide:after{ display:block; width:100%; height:100%; position:absolute; bottom:-2px; left:0; content:''; background:url(../images/bg/hero-chevron.png) center bottom no-repeat; z-index:10;} .hero .et_pb_row { padding:0 !important;} .hero .et_pb_row.et_pb_row_fullwidth { width:100% !important; max-width:100% !important;} .hero .et_pb_slides .et_pb_slider_container_inner { height:1074px; padding-bottom: 35%;} .hero .et_pb_slide_image { right:0; margin-right:0; top:0; margin-top:0 !important; padding-top:30%;} .hero .et_pb_slide_with_image .et_pb_slide_description { width:100%; float:none; font-size:1.25em; text-shadow: none;} .hero .et_pb_slide_with_image .et_pb_slide_description h2 { text-transform:uppercase; font-size:3em !important; letter-spacing: -0.09em; margin-bottom:0.3em;} .hero .et_pb_slide_with_image .et_pb_slide_description h2 a { color: inherit; pointer-events: none;} .hero .et_pb_slide_with_image .et_pb_slide_description h2 a:hover { color: inherit; text-decoration:none; cursor: default;} .hero .et_pb_slide_with_image .et_pb_slide_description h2:before {display:none;} .hero + div { z-index:999; position:relative;} .hero + div + div{ z-index:9999; position:relative;} .hero .et_pb_slide_content { font-size:1em;} .hero .et_pb_slide_content h3 { display:inline-block; max-width:52%; color:#18a6df !important; background:#000; position:relative; margin-left:34px; margin-right:33px; text-transform:uppercase; font-family: "Calibri", sans-serif; font-size:1.4em; padding:0.6em; margin-bottom:0.7em; font-weight: bold !important; line-height:1.4;} .hero .et_pb_slider .et_pb_slide_1 .et_pb_slide_content h3 { max-width:60%;} .hero .et_pb_slide_content h3 strong {color:#fff !important;} .hero .et_pb_slide_content h3:before {display:block; height:100%; width:41px; position:absolute; top:0; right:100%; content:''; background:url(../images/bg/title-chevron-before.png) right 0 no-repeat; background-size:auto 100%; } .hero .et_pb_slide_content h3:after {display:block; height:100%; width:41px; position:absolute; top:0; left:100%; content:''; background:url(../images/bg/title-chevron-after.png) 0 0 no-repeat; background-size:auto 100%; } .hero .et_pb_slide_content p { max-width:52%;} .hero .et_pb_button_wrapper { max-width:52%; text-align:center;} .hero .et_pb_button_wrapper a { padding:.3em 1em !important; background:#ccced1; border-radius:0; text-transform:uppercase; color:#18a6df; border:none; font-weight:bold; border:2px solid transparent;} .hero .et_pb_button_wrapper a:hover { background:none; text-decoration:none; background: none; border-color:#000; padding-right:1em;} .hero .et_pb_button_wrapper a:before { display: inline-block; vertical-align: middle; content: '>'; color: #65656b; margin:0; margin-right: 7px; line-height: 1; position: static; opacity:1;} .hero .et_pb_button_wrapper a:hover:before{color:#43b0e1;} .hero .et_pb_button_wrapper a:after { display:none !important;} .et-pb-controllers { z-index:13; line-height:0; bottom:60px;} .et-pb-controllers a { width:12px; height:12px; background:#fff;} .et-pb-controllers a.et-pb-active-control { background:none; box-shadow: 0 0 0 2px #fff;} .hero .et-pb-arrow-next, .hero .et-pb-arrow-prev { margin-top:0; top:30%;} @media only screen and (max-width: 980px) { .hero .et_pb_slider .et_pb_slide:after {display:none;} .hero .et_pb_slides .et_pb_slider_container_inner { padding-bottom:60px !important; height: auto !important; } .hero .et_pb_slide_with_image .et_pb_slide_description h2 { font-size:2em !important; text-align:center; } .hero .et_pb_slide_content { font-size:0.8em; } .hero .et_pb_slide_image {width:40%;} .hero .et_pb_button_wrapper { max-width:100%;} } @media only screen and (max-width: 860px){ .hero .et_pb_slide_with_image .et_pb_slide_description h2 { padding-top:3em;} .home.et_header_style_centered #main-header div#et-top-navigation{ position:absolute; top:35%; left:0;} .hero:before, .hero:after { display:none;} } @media only screen and (max-width: 767px){ .et-pb-slider-arrows { display:none;} .et_pb_slide { padding:0;} .hero .et_pb_slide_content p, .hero .et_pb_slide_content h3, .hero .et_pb_slider .et_pb_slide_1 .et_pb_slide_content h3 { max-width:100%;} .et-pb-controllers { bottom:20px; height: auto;} .et-pb-controllers a { width:25px; height:25px; border-radius: 100%;} .hero .et_pb_slide_content { text-align:center !important;} } @media only screen and (max-width: 420px){ .home.et_header_style_centered #main-header div#et-top-navigation{ top:12%; } } @media only screen and (max-width: 860px){ .sub-panel { display:block !important; position:relative; z-index:99;} .sub-panel .form-control { height:34px; } .sub-panel .jump-to-model { margin-left:0; margin-top:10px; width:100%; max-width:100%;} } @media only screen and (max-width: 980px){ .et_header_style_centered .et_mobile_menu { max-height:75vh; overflow:auto;} } /*-----------------------------------------------------------------*/ /*--- Top Header ---*/ /*-----------------------------------------------------------------*/ #top-header { border-top:5px solid #18a6df; background:#000 url(../images/bg/top-header.jpg) center center no-repeat !important; padding: 0; font-size:1em; z-index:9999999; position:relative;} #top-header .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; padding-top:0; padding-left:0; padding-right:0; max-width:1260px; } #top-header nav li { padding: 12px 0;} #top-header ul { white-space: nowrap; } @media only screen and (max-width: 980px) { #top-header {display:block !important;} } /*-----------------------------------------------------------------*/ /*--- Secondary menu ---*/ /*-----------------------------------------------------------------*/ #et-secondary-menu { float:left; width:88%; text-align:left; text-transform:uppercase; font-size:0.9375em; margin:0 30px; } #et-secondary-menu>ul>li { padding-left:30px; padding-right:30px; border-right:1px solid #18a6df; margin:0; border-left:1px solid #18a6df;} #et-secondary-menu>ul>li a { padding:0; line-height:1.6; position:relative; font-weight:normal;} /*#et-secondary-menu>ul>li a:after { display:inline-block; vertical-align:middle; margin-left:20px; width:24px; height:24px; background:#18a6df; content:''; border:1px solid #65656b;}*/ /*#et-secondary-menu>ul>li a:before { display:inline-block; vertical-align:middle; margin-left:20px; width:26px; height:26px; line-height:26px; position:absolute; top:0; right:0; text-align:center; content:'\33'; font-family: 'ElegantIcons'; }*/ @media only screen and (max-width: 1235px) { #et-secondary-menu { margin: 0 15px;} #et-secondary-menu>ul>li { padding-left:15px; padding-right:15px;} } @media only screen and (max-width: 1040px) { #et-secondary-menu, #et-secondary-nav {display:block !important;} #et-secondary-menu>ul>li a:before, #et-secondary-menu>ul>li a:after {display:none;} } @media only screen and (max-width: 480px) { #et-secondary-menu{ margin:0; border-left:none; font-size:12px;} #et-secondary-menu>ul { white-space: nowrap} #et-secondary-menu>ul>li { padding:5px 6px!important; margin-left:-4px; white-space: nowrap; text-align:center;} #et-secondary-menu>ul>li:last-child {border-right:none;} } #nav-icon { position:absolute; top:5px; right:15px; float: right; width: 42px; height: 20px; margin: 0 auto; transform: rotate(0deg); transition: 0.5s ease-in-out; cursor: pointer; z-index:9999; display:none;} #nav-icon span { display: block; position: absolute; height: 3px; width: 100%; background: #18a6df; opacity: 1; left: 0;transform: rotate(0deg); transition: .25s ease-in-out; } #nav-icon span:nth-child(1) { top: 0px; } #nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 9px; } #nav-icon span:nth-child(4) { top: 18px; } .mm-opening #nav-icon span:nth-child(1) { top: 18px; width: 0%; left: 50%; } .mm-opening #nav-icon span:nth-child(2) { transform: rotate(45deg); } .mm-opening #nav-icon span:nth-child(3) { transform: rotate(-45deg); } .mm-opening #nav-icon span:nth-child(4) { top: 18px; width: 0%; left: 50%; } .mm-menu .img { display:inline-block; vertical-align:middle; margin-right:10px; width:40px;} .mm-menu .img img{ max-width:100%; margin: 0 auto; display:block; height:100%;} .home #nav-icon { top:15%;} .home #nav-icon span { background:#18a6df;} @media only screen and (max-width: 980px) { #nav-icon { display:block;} #et-top-navigation {display:none;} } @media only screen and (max-width: 480px) { .home #nav-icon { top:7%;} } /*-----------------------------------------------------------------*/ /*--- Jump to Model menu ---*/ /*-----------------------------------------------------------------*/ .jump-to-model { position:relative; border: 1px solid #18a6df; display: inline-block; max-width: 185px; min-width: 185px; background: rgba(101,101,107, 0.8); text-align: center; padding: 0 0; margin-left:10px; z-index:1; min-height:32px; vertical-align:middle;} .jump-to-model:before { display: inline-block; vertical-align: middle; width: 26px; height: 26px; line-height: 26px; position: absolute; top: 2px; left: 3px; text-align: center; content: '▼'; font-family: 'Calibri'; background: #18a6df; color:#fff; } .jump-to-model a { display:block; color:#fff; padding:4px 12px;} .jump-to-model > a { text-transform:uppercase;} .jump-to-model ul { display:none; position:absolute; top:0; left:-1px; right:-1px; border:1px solid #18a6df; position:absolute; top:100%; left:0; margin-top:-1px; background: rgba(101,101,107, 0.8); padding:0.5em 0; text-align:left; max-height:250px; overflow:auto;} .jump-to-model:hover ul {display:block;} .jump-to-model .select2-container { text-align:left; width:100% !important; text-transform:uppercase; background:none;} .jump-to-model .select2-container--default .select2-selection--single { background:none; color:#fff; border:none; border-radius:0; height:auto;} .jump-to-model .select2-container--default .select2-selection--single .select2-selection__placeholder { color:#fff;} .jump-to-model .select2-container--default .select2-selection--single .select2-selection__rendered { color:#fff; padding:4px 12px 4px 42px; line-height:23px;} .jump-to-model .select2-container--default .select2-selection--single .select2-selection__arrow{ display:none;} .select2-container--open {z-index:99999;} @media only screen and (max-width: 860px) { header .jump-to-model { max-width:100%; width:80%; margin:0;} } /*-----------------------------------------------------------------*/ /*--- Language menu ---*/ /*-----------------------------------------------------------------*/ #lang-menu { float:left; } #lang-menu li { margin:0;} #lang-menu li + li{ margin:0 0 0 14px;} @media only screen and (max-width: 1146px) { #lang-menu li + li { margin-left:0;} } @media only screen and (max-width: 750px) { #lang-menu {display:none;} } /*-----------------------------------------------------------------*/ /*--- Social menu ---*/ /*-----------------------------------------------------------------*/ #social-menu { float:right; } #social-menu li + li { padding-left:15px;} @media only screen and (max-width: 1146px) { #social-menu li + li { padding-left:5px;} } @media only screen and (max-width: 880px) { #social-menu {display:none;} } /*-----------------------------------------------------------------*/ /*--- Top menu ---*/ /*-----------------------------------------------------------------*/ #top-menu-nav { position:relative; display:block !important;} #top-menu-nav:before { display:block; width:40px; height:100%; background:url(../images/bg/nav-before.png) right 0 no-repeat; content:''; position:absolute; top:0; left:-40px; background-size:auto 100%;} #top-menu-nav:after { display:block; width:39px; height:100%; background:url(../images/bg/nav-after.png) 0 0 no-repeat; content:''; position:absolute; top:0; right: -39px; background-size:auto 100%;} #top-menu-nav > #top-menu { display:block; width:100%; background: rgba(72,72,71, 0.8); background:url(../images/bg/nav.png) 0 0 repeat; border-top:1px solid #18a6df; border-bottom:1px solid #18a6df; font-size:1em; text-transform:uppercase;} #top-menu-nav > #top-menu>li { padding:1.2em 0; margin: 0 0; font-size:1em; letter-spacing:0.025em; position:relative;} #top-menu-nav > #top-menu>li a {position:relative;} #top-menu-nav > #top-menu>li ul { display:none; } #top-menu-nav > #top-menu>li:hover ul{ z-index:2; display:block;} #top-menu-nav > #top-menu>li:hover > a, #top-menu-nav > #top-menu>li.current-menu-item > a{ color:#00aeef; opacity:1;} #top-menu-nav > #top-menu>li >a:before { display:block; text-align:center; position:absolute; bottom:100%; left:0; width:100%; height:100%; content:''; color:#18a6df; font-size:22px;} #top-menu-nav > #top-menu>li >a:after { display:block; text-align:center; position:absolute; top:100%; left:0; margin-top:3px; width:100%; height:100%; content:''; color:#18a6df; font-size:22px; visibility:hidden; background:url(../images/icons/arrow-up.png) center 0 no-repeat;} #top-menu-nav > #top-menu>li:hover >a:after, #top-menu-nav > #top-menu>li >a:hover:after, #top-menu-nav > #top-menu>li.current-menu-item a:after { visibility:visible; } #top-menu-nav > #top-menu>li.menu-item-has-children a:after { background:url(../images/icons/sub-menu.png) center 0 no-repeat;} #top-menu-nav > #top-menu>li > a { color:#fff; padding:0; padding-left:1.35em; padding-right:1.35em;} #top-menu-nav > #top-menu>li + li { margin-left:-4px; } #top-menu-nav > #top-menu>li + li a {border-left:1px solid #18a6df; } .et_header_style_centered #main-header .mobile_nav { background:none;} .mobile_nav .select_page {display: none !important;} .et_mobile_menu li .img {display: none;} @media (max-width: 980px){ .et_header_style_centered #et_mobile_nav_menu { margin-top:0; } } @media only screen and (max-width: 1110px) { #top-menu-nav > #top-menu>li { font-size:0.9em; } #top-menu-nav > #top-menu>li a { padding-left:1em; padding-right:1em;} } @media only screen and (max-width: 980px) { #top-menu-nav {display:none !important;} } /*-----------------------------------------------------------------*/ /*--- Sub menu ---*/ /*-----------------------------------------------------------------*/ #top-menu-nav > #top-menu>li > ul { top:100%; padding:0; border:2px solid #18a6df; text-transform:none;} #top-menu-nav > #top-menu>li li { padding:0; display:block; position:relative; float:none;} #top-menu-nav > #top-menu>li li:before { content:'>'; position:absolute; left:16px; top: 0.6em; line-height:20px; color:#18a6df;} #top-menu-nav > #top-menu>li li a { border: none; margin:0; width:100%; padding:5px 30px; font-size:18px;} #top-menu-nav > #top-menu>li li:hover { background:#cfcfd1; } #top-menu-nav > #top-menu>li li:hover a { background:none;} @media only screen and (max-width: 1000px) { #top-menu-nav > #top-menu>li li { line-height:1.4;} #top-menu-nav > #top-menu>li li a { font-size:15px;} #top-menu-nav > #top-menu>li li:before { line-height:1;} } /*-----------------------------------------------------------------*/ /*--- Mega menu ---*/ /*-----------------------------------------------------------------*/ #top-menu-nav > #top-menu {position:relative;} #top-menu-nav > #top-menu>li.megamenu { position:static;} #top-menu-nav > #top-menu>li.megamenu ul { padding:20px 0; left:-19px !important; width:auto; right:0; overflow: hidden; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; column-rule-width: 1px; column-rule-style:solid; column-rule-color: #cacaca; } /* #top-menu-nav > #top-menu>li.mega-menu ul li {float:left; width:25%; border-right:1px solid #cacaca; border-left:1px solid #cacaca; margin-left:-1px; } */ #top-menu-nav > #top-menu>li.megamenu ul li {float: none; width:100%; margin-left:-1px; break-inside: avoid;} #top-menu-nav > #top-menu>li.megamenu ul li a { padding:5px 30px 5px 30px !important; } #top-menu-nav > #top-menu>li.megamenu ul li a span { display:inline-block; vertical-align:middle; max-width:76%; position:relative; line-height:1.2; } #top-menu-nav > #top-menu>li.megamenu ul li .img { display:inline-block; vertical-align:middle; width:66px;} #top-menu-nav > #top-menu>li.megamenu ul li img { max-height:44px; margin:0 auto; display:block; width: auto;} #top-menu-nav > #top-menu>li.megamenu ul li i._mi { font-size:2em; margin-top:0; min-width:66px; text-align:center; margin:0;} #top-menu-nav > #top-menu>li.megamenu.col-3 ul { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } #top-menu-nav > #top-menu>li.megamenu.col-3 ul li:before { display:none;} #top-menu-nav > #top-menu>li.megamenu.col-3 ul li a { padding:4px 30px !important; align-items: center; width:100%; min-height:40px; opacity:1;} #top-menu-nav > #top-menu>li.megamenu.col-3 ul li a span { display:inline-block; vertical-align:middle; padding:5px 0 5px 30px; max-width:77%; position:relative; line-height:1.2; } #top-menu-nav > #top-menu>li.megamenu.col-3 ul li a span:before { display:block; text-align:center; position:absolute; line-height:0.8; left:0; content:'\35'; font-family: 'ElegantIcons'; color:#18a6df; font-size:22px;} @media only screen and (max-width: 1000px) { #top-menu-nav > #top-menu>li.megamenu.col-3 ul li a { min-height:40px;} #top-menu-nav > #top-menu>li.megamenu ul li .img { width:40px;} #top-menu-nav > #top-menu>li.megamenu ul li img { max-height: 25px;} } #top-menu-nav > #top-menu>li.megamenu.col-2 ul { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; right:15%; left:15% !important; } #top-menu-nav > #top-menu>li.megamenu.sources ul li:before { display:none;} /* #top-menu-nav > #top-menu>li.mega-menu.col-3:not(:first-child) ul { left:15% !important;} */ /*-----------------------------------------------------------------*/ /*--- Main content ---*/ /*-----------------------------------------------------------------*/ .et_pb_section { background:none;} .image-skew:first-child { z-index:initial !important;} .image-skew:first-child .image-fade { position:absolute; bottom:-15%; right:0;} .image-skew:last-child .image-fade { position:absolute; bottom:0; left:0;} .home .image-skew:first-child .image-default { margin-right:12%;} .image-skew:first-child .image-default { float:right; transform:translateY(-40%) skewY(20deg); overflow:hidden; min-height:260px;} .image-skew:first-child .image-default img { min-width:100%; opacity:0;} .image-skew:first-child .image-default .et_pb_image_wrap { transform: skewY(-20deg); display:block;} .image-skew:first-child .image-default img { max-width:none;} .image-skew:first-child .image-default img.show { opacity:1; position:absolute; top:0; left:0; transform: translateY(-24%); display:none;} @media only screen and (max-width: 768px) { body.osx:not(.home) .image-skew:first-child .image-default .et_pb_image_wrap { height:100%; width:100%;} body.osx:not(.home) .image-skew:first-child .image-default img.show { opacity:0; display:none!important} body.osx:not(.home) .image-skew:first-child { margin:0; padding-bottom: 0; margin-bottom: -4em; margin-top:-4em; } body.osx:not(.home) .image-skew:first-child .image-default {float:none; margin-right:0 !important; transform: translateY(0) skewY(0); width:115% !important; height: auto !important; overflow:visible;} body.osx:not(.home) .image-skew:first-child .image-default .et_pb_image_wrap {transform: skewY(0); padding-top:100%; width:120% !important; height:auto !important; margin:0 -15px; -webkit-clip-path: url(#image-skewleft); clip-path: url(#image-skewleft); } } /* ///////////////// */ .image-skew:last-child .image-default { float:left; transform: translateY(-40%) skewY(-20deg); overflow:hidden; } .image-skew:last-child .image-default .et_pb_image_wrap { transform: skewY(20deg); display:block;} .image-skew:last-child .image-default img {visibility:hidden; max-width:none;} .image-skew:last-child .image-default img.show {position:absolute; bottom:0; right:0; visibility:visible; transform: translateY(-22%);} .image-skew:last-child .image-default img { max-width:none;} .image-skew:last-child .image-default img.show { visibility:visible; position:absolute; top:0; left:0; transform: translateY(-22%);} @media only screen and (max-width: 980px) { .et_pb_section { padding:0;} img.alignright, img.alignleft { max-width:40%;} /* .image-skew:last-child .image-default, .image-skew:first-child .image-default {display:none;} */ .image-skew:last-child .image-fade, .image-skew:first-child .image-fade { position:static !important;} .home .image-skew:first-child .image-default, .home .image-skew:last-child .image-default { transform: translateY(0) skewY(0);} body:not(.home) .image-skew:first-child .image-default { margin-right:-15px !important;} body:not(.home) .image-skew:last-child .image-default { margin-left:-15px !important;} } @media only screen and (max-width: 980px) { body:not(.home) .image-skew:first-child .image-default { margin-top:0; transform: translateY(4%) skewY(20deg); margin-bottom:5% !important;} } @media only screen and (max-width: 820px) { body:not(.home) .image-skew:first-child .image-default {} } @media only screen and (max-width: 750px) { body:not(.home) .image-skew:first-child .image-default { z-index:20; transform: translateY(13%) skewY(20deg);} } @media only screen and (max-width: 625px) { body:not(.home) .image-skew:first-child .image-default {} } @media only screen and (max-width: 500px) { body:not(.home) .image-skew:first-child .image-default {} } @media only screen and (max-width: 380px) { body:not(.home) .image-skew:first-child .image-default {} } /* ////////// */ .entry-content h1, .entry-content h2 { text-transform:uppercase; letter-spacing:-0.0125em; word-spacing: 0.14em; position:relative; padding-bottom:0; margin-bottom:0.1em; margin-left:-6px;} .entry-content h1:before, .entry-content h2:before {display:block; min-height:24px; min-width:21px; height:0.55em; width:0.55em; background:url(../images/icons/logo.png) 0 0 no-repeat; background-size: auto 100%; content:''; position:absolute; top:0.25em; right:100%; margin-right:12px;} .et_pb_column_3_8 h2 { font-size:1.375em; margin-bottom:0.8em;} .et_pb_column_3_8 h2:before { top:0;} .et_pb_title_container h1 { margin-top:0;} .et_pb_column_3_8 ul { font-size: 1.3em !important;} .et_pb_column_3_8 ul a { color: inherit;} .entry-content .et_pb_column_3_8 .et_pb_text_inner ul { padding-left:0;} .entry-content h3 { color:#18a6df; font-family:'Calibri', sans-serif; margin-top:1em; font-size:1.4em;} .entry-content .et_pb_text_inner ul {font-family:'Calibri', sans-serif; font-size:1.1em;list-style-type:none; padding:0 0 0 35px;} .entry-content .et_pb_text_inner ul li { position:relative; padding-left:15px;} .entry-content .et_pb_text_inner ul li + li { margin-top:0.2em;} .entry-content .et_pb_text_inner ul li:before {content:'>'; color:#18a6df; display:inline-block; vertical-align:middle; position:absolute; top:0; left:0;} .entry-content .content .et_pb_text_inner ul { padding-left:0;} .entry-content .sidebar .et_pb_text_inner ul li + li { margin-top:0.6em;} .bg-chevron { position:relative; padding-bottom:32% !important; color:#fff;} .bg-chevron h2 { color: inherit !important;} .bg-chevron:before {display:block; width:100%; height:53%; content:''; position:absolute; bottom: 0; left:0; z-index:10; background:url(../images/bg/bg-chevron-before.png) center bottom no-repeat; background-size:100%;} .bg-chevron:after {display:block; width:100%; height:35%; content:''; position:absolute; top: 100%; margin-top:-18%; left:0; z-index:10; background:url(../images/bg/bg-chevron-after.png) center 0 no-repeat; background-size:100%;} .bg-chevron + div { z-index:11;} @media only screen and (max-width: 980px) { .entry-content h1, .entry-content h2 { margin-top:0; font-size:2em !important;} .bg-chevron { padding-bottom:0 !important;} .bg-chevron:before, .bg-chevron:after { display:none;} } #main-content { min-height:50vh; } .page-image { position:relative; padding-top:32%; overflow:hidden;} .page-image:before {display:block; height:100%; width:100%; position:absolute; top:0; left:0; background: rgba(101,101,107,0.85); content:''; z-index:2;} .page-image:after {display:block; height:76%; width:100%; position:absolute; bottom:0; left:0; content:''; background:url(../images/bg/chevron-img-head.png) center 0 no-repeat; z-index:3; background-size: 100% auto;} .page-image img { position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); } .page-image + #main-content { margin-top: -5%; position:relative; background:#fff !important; z-index:3;} @media only screen and (max-width: 1450px) { .page-image { padding-top:45%; } .page-image:after {height:55%; } .page-image img { max-width:none; height:100%;} } @media only screen and (max-width: 860px) { .page-image { padding-top:50%; } .page-image:after { height:50%;} } @media only screen and (max-width: 680px) { .page-image { padding-top:60%; } .page-image:after { height:40%;} } @media only screen and (max-width: 480px) { .page-image { padding-top:70%; } .page-image:after { height:35%;} } /*-----------------------------------------------------------------*/ /*--- Product Page ---*/ /*-----------------------------------------------------------------*/ @media only screen and (min-width: 981px) { .et_pb_gutters3 .et_section_specialty .et_pb_column_1_4 { width:34.2% !important; margin-right:9%;} .et_pb_gutters3 .et_section_specialty .et_pb_column_3_4 { width:56.8%; font-size:1em;} } .et_right_sidebar .et_pb_section { padding-top:1em; padding-bottom:1.3em;} .et_section_specialty .image-skew:first-child .image-default .et_pb_image_wrap{ right:0; height:100%; width:100%;} .downloads { padding:0 !important; color:#fff; position:relative; font-size:14px;} .downloads:before { display:block; width:100%; max-width:1180px; padding:20px; content:''; position:absolute; top: 10px; left:50%; bottom:10px; transform: translateX(-50%); border:2px solid #18a6df; z-index:2;} .downloads .et_pb_row { padding:1em 1em !important; background:#66676d;} .downloads .et_pb_row:first-child { padding-top: 2em !important } .downloads .et_pb_row:last-child { padding-bottom: 2em !important } .downloads h2, .downloads h3 { font-family:'Calibri', sans-serif; text-transform:uppercase; letter-spacing:0.6em;} .downloads h3 { font-size:1.375em; } .downloads h3:first-child { margin-top:0 !important; } .downloads .et_pb_row.et_pb_equal_columns>.et_pb_column { margin:0; padding-left:15px; padding-right:15px;} .downloads .et_pb_row.et_pb_equal_columns>.et_pb_column + .et_pb_column { border-left:2px solid #18a6df;} .entry-content .downloads .et_pb_text_inner ul { padding-left:0;} .entry-content .downloads .et_pb_text_inner ul { padding-left:0;} .entry-content .downloads .et_pb_text_inner ul a:before {content:'['; color:#18a6df;} .entry-content .downloads .et_pb_text_inner ul a:after {content:']'; color:#18a6df; } .videos { padding:1em; padding-top:0; } .videos:before { display:block; height:2px; background:#18a6df; content:''; margin-bottom:1.5em;} .videos h3 { display:inline;} .videos h3 + p { display:inline;} .videos .et_pb_text_inner a:before {content:'['; color:#18a6df;} .videos .et_pb_text_inner a:after { content:']'; color:#18a6df;} .et_pb_gutters3 .downloads .videos .et_pb_text { padding-top:0.5em;} .et_pb_gutters3 .downloads .et_pb_column .et_pb_text { padding-left:50px; min-height:35px;} .et_pb_gutters3 .downloads .et_pb_column .et_pb_text * { color:inherit;} .et_pb_gutters3 .downloads .et_pb_column_1_3 { width:33.333%;} .et_pb_gutters3 .downloads .et_pb_gutters3 .et_pb_column_1_2 { width:50%;} @media only screen and (max-width: 980px) { .downloads .et_pb_row.et_pb_equal_columns>.et_pb_column + .et_pb_column { border-left: none; margin-top:1em; padding-top:1em;} } /*-----------------------------------------------------------------*/ /*--- Single Product ---*/ /*-----------------------------------------------------------------*/ .single-product .et_pb_column_1_4 .et_pb_text {text-align:center;} .single-product .et_pb_column_1_4 h2 { display:inline-block; font-size:1.25em;} .single-product .et_pb_column_1_4 .et_pb_image img { margin: 0 auto; display:block;} .single-product .et_pb_column_1_4 .et_pb_image .et_pb_image_wrap { display:block;} .single-product .et_pb_column_1_4 .et_pb_image .et_pb_image_wrap { display:block;} .single-product .et_pb_post_title { margin-bottom:0 !important;} .single-product .content h2 { color:#18a6df !important; font-size:1.875em;} .single-product .content h2:before { display:none;} .single-product h3 { color: #171112; font-size:1.625em;} .et_pb_gallery_image a {display:block;} .et_pb_slider.et_pb_gallery_fullwidth span.et_overlay {display:block;} .et_pb_slider:hover .et-pb-arrow-prev { left:0 !important ; right:auto !important;} .et_pb_slider:hover .et-pb-arrow-next { right:0 !important; left:auto !important;} /*-----------------------------------------------------------------*/ /*--- Industries & Applications ---*/ /*-----------------------------------------------------------------*/ .entry-content .content h3 { color:#000; font-size:1.625em; font-family:'Calibri', sans-serif;} .entry-content .content h3:first-child { margin-top:0 !important;} /*-----------------------------------------------------------------*/ /*--- Forms ---*/ /*-----------------------------------------------------------------*/ .form form { background:#66676d; padding:25px 40px; color:#fff;} .form form .btn { padding:0 12px; border: none;} .form .form-group { margin-bottom:0;} .form .form-group + .form-group { margin-top: 20px;} .form .form-group p { margin:0 !important; padding:0;} .form .form-group label { font-size:1.125em; margin-bottom:0; line-height:1;} .form .form-group label a, .form .form-group label span { color:#00aeef; font-size:12px;} .form .form-group .col-2-css { margin-top:13px;} .form .form-group .col-2-css span.wpcf7-list-item {display:block; width:100%; color:#fff; font-size:1em; margin-left:9px;} .form .form-group .col-2-css span.wpcf7-list-item label span { font-size: 0.88888em; color:#fff;} .form .form-group.upload { border:2px solid #00aeef; padding:4px 11px 7px 11px;} .wpcf7-checkbox {position:relative;} .wpcf7-checkbox input { position:absolute; opacity:0;} .wpcf7-checkbox .wpcf7-list-item { margin-bottom:13px;} .wpcf7-checkbox .wpcf7-list-item label span:before {display: inline-block; width:27px; height:27px; margin-right:10px; text-align:center; line-height:24px; content:'x'; background:#fff; color:#fff; font-size:24px; font-family:'Calibri', sans-serif;} .wpcf7-checkbox .wpcf7-list-item label input:checked + span:before { color:#00aeef;} textarea.form-control { height:84px; max-width:100%; min-width:100%;} .form input[type="submit"] { margin: auto; display:block;} span.wpcf7-not-valid-tip { font-size:10px;} .entry-content form h3{ margin-top:0; color:#fff; font-family:'Calibri', sans-serif; text-transform:uppercase; font-size:1.625em; margin-bottom:0.3em;} .entry-content form h3:before { content:'>'; color:#00aeef;} .entry-content form .btn-holder{display:inline-block; position:relative;} .entry-content form .btn-holder .ajax-loader { position:absolute; top:0; left:0; width: 100%; height:100%; background: rgba(102, 102, 109, 0.5) url(../images/icons/ajax-loader.gif) center center no-repeat; margin:0;} @media only screen and (max-width: 1649px) { .form .form-group.upload div { width:100% !important;} } @media only screen and (min-width: 1650px) { .form form {min-width:908px;} form .main-col { width:39%;} form .main-col + .col-md-7 { width:61%;} .form .form-group .col-2-css { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } } @media only screen and (max-width: 980px) { .form form { padding:25px;} .form .form-group:first-child { margin-top:20px; } .entry-content form h3{ font-size:1.5em;} } /*-----------------------------------------------------------------*/ /*--- Sidebar ---*/ /*-----------------------------------------------------------------*/ .sidebar { padding:27px 35px; background:#66676d; color:#fff; position:relative;} .sidebar:before {display:block; position:absolute; top:16px; right:16px; bottom:16px; left:16px; border:2px solid #18a6df; content:'';} .entry-content .sidebar h2 { font-size:3.5em; color:inherit !important;} .entry-content .sidebar h2:before {display:none;} .entry-content .sidebar h2 + p { font-size:1.25em; text-transform:uppercase; border-bottom:2px solid #18a6df; padding-bottom:0.5em;} .entry-content .sidebar h3 { color: inherit; margin:0.8em 0 0.5em 0; font-family:'Calibri', sans-serif; text-transform:uppercase; letter-spacing: -0.06em; word-spacing: -0.1em; padding-left:25px;} .entry-content .sidebar h3:before { display:block; min-height:22px; min-width:19px; height:0.45em; width:0.45em; background:url(../images/icons/logo-w.png) 0 0 no-repeat; background-size: auto 100%; content:''; position:absolute; top:-2px; left:0; } .entry-content .sidebar form h3:before { content: '>'; color: #00aeef; background:none; top:2px;} .entry-content .sidebar .text-center {display:block; text-align:center;} .sidebar .et_pb_module { margin:0 !important;} .sidebar .et-pb-controllers { bottom:10px;} .sidebar .et-pb-controllers a { background:#18a6df;} .sidebar .et-pb-controllers .et-pb-active-control { background: none; box-shadow:0 0 0 2px #18a6df; } .sidebar .et-pb-arrow-next, .sidebar .et-pb-arrow-prev { color:#18a6df !important;} .sidebar.fan-selector { text-align:left !important;} .sidebar.fan-selector:before {display:none;} .sidebar.fan-selector h3 { margin-top:0 !important;} .sidebar.fan-selector h3:before { background:none; content:'>'; top:0;} .sidebar.fan-selector .form-group.btn-holder { display:block; text-align:center;} /*--- Side nav ---*/ .entry-content .sidebar .side-navigate { border-bottom:2px solid #18a6df; padding-bottom:2em; margin-bottom:2em !important;} .entry-content .sidebar .side-navigate:last-child { border-bottom: none; padding-bottom:0; margin-bottom:0 !important;} .entry-content .sidebar .side-navigate h2 { font-size:1.875em; padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:2px solid #18a6df;} .entry-content .sidebar .side-navigate ul { padding-left:0;} .entry-content .sidebar .side-navigate a { color: inherit;} .entry-content .sidebar .side-navigate + .download-item { } .entry-content .sidebar .download-item { margin-bottom:1.5em !important; padding-left:50px;} .entry-content .sidebar .download-item:last-child { margin-bottom:0 !important;} .entry-content .sidebar .download-item h3 { margin:0 !important; padding-left:0; padding:0;} .entry-content .sidebar .download-item h3:before {display:none;} .entry-content .sidebar .download-item ul { padding-left:0; font-size:14px;} .entry-content .sidebar .download-item a { color: inherit;} @media only screen and (max-width: 980px) { .entry-content .sidebar h2 { font-size:2em;} .entry-content .sidebar h2 + p { font-size:1em;} .et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_4 { padding-bottom:30px;} } .et_pb_gallery_item { margin-bottom:0.5em !important;} /*-----------------------------------------------------------------*/ /*--- Footer ---*/ /*-----------------------------------------------------------------*/ #main-footer { color:#fff; text-transform:uppercase; border-bottom:5px solid #18a6df; position:relative; z-index:4; margin-top:3em;} #footer-info {color: inherit; font-family:'Gotham Narrow Medium', sans-serif; float:none; font-size:15px; text-align:center;} #footer-info * { font-family:'Gotham Narrow Medium', sans-serif; font-weight:normal; text-align: justify;} #footer-info strong { color:#00aeef; } #footer-info span { padding-left:10px; margin-left:10px; border-left:1px solid #00aeef; white-space: nowrap} #footer-info span:first-child { border:none;} #footer-info span:last-child { text-transform:none;} #footer-info a { color:#fff;} @media only screen and (max-width: 980px) { #footer-info span {display:block; text-align:center; margin:5px 0; padding:0; border:none;} } @media only screen and (min-width: 1250px){ .row-40 { margin-left: -40px; margin-right: -40px;} .row-40 > [class^="col-"]{ padding-left: 40px; padding-right: 40px;} } /*-----------------------------------------------------------------*/ /*--- Multisite edits ---*/ /*-----------------------------------------------------------------*/ .site-id-3 #lang-menu {width:78%;} .site-id-3 #top-menu-nav > #top-menu { display:flex; align-items: center; justify-content: space-between;} .site-id-3 #top-menu-nav > #top-menu > li { width:20%; } .site-id-3 #top-menu-nav > #top-menu > li > a { white-space: nowrap;} .site-id-4 #lang-menu {width:78%;} .site-id-4 #top-menu-nav > #top-menu { display:flex; align-items: center; justify-content: space-between;} .site-id-4 #top-menu-nav > #top-menu > li { width:20%; } .site-id-4 #top-menu-nav > #top-menu > li > a { white-space: nowrap;} /*-----------------------------------------------------------------*/ /*--- Animation ---*/ /*-----------------------------------------------------------------*/ @keyframes slideInLeft { 0% { transform: translateX(-200%); opacity: 0; } 50% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .image-fade, .hero .et_pb_slide_image, .hero p { -webkit-animation-name: fadeBottom; -moz-animation-name: fadeBottom; -ms-animation-name: fadeBottom; -o-animation-name: fadeBottom; animation-name: fadeBottom; -webkit-animation-duration: .7s; -moz-animation-duration: .7s; -ms-animation-duration: .7s; -o-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } .hero h3 { -webkit-animation-duration: .7s; -moz-animation-duration: .7s; -ms-animation-duration: .7s; -o-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } .image-fade.triggeredCSS3 {animation-name: fadeTop;} .hero .et-pb-active-slide .et_pb_slide_image, .hero .et-pb-active-slide p { animation-name: fadeBottom; } .hero .et-pb-active-slide h3 { animation-name: fadeLeft; } .et-pb-active-slide .et_pb_slide_description{ /*CSS transitions*/ transition-property: none !important; /*CSS transforms*/ transform: none !important; /*CSS animations*/ animation: none !important; }