/* NODE 1 PAGE (FRONT PAGE) */ #page-1 #home-slider .slide{ position:relative;width:100%;height:65vw;background-size:auto 100% !important;background:rgb(102,102,102);background-position:center center !important; } /* HOME SLIDER SLIDE */ #page-1 #home-slider { margin-bottom:40px; } #page-1 #home-slider .slide .pagewidth{ position:absolute;top:0;bottom:0;left:0;right:0; } #page-1 #home-slider .slide .text-wrapper{ position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;/*padding-top:30%;*/ } /* #page-1 #home-slider .slide .text-wrapper .body{ position:relative;left:10px;right:10px;bottom:10px; } */ #page-1 #home-slider .slide .text-wrapper h1, #page-1 #home-slider .slide .text-wrapper span.h1{ position:relative;/* top:4vw; */left:0;right:0;font-size:18px;font-weight:300;text-align:center; } #page-1 #home-slider .slide .text-wrapper p{ display:none; } #page-1 #home-slider .slide .text-wrapper .btn-wrapper{ margin-top:20px; } #page-1 #home-slider .slick-arrow{ display:block;position:absolute;top:50%;width:17px;height:36px;margin-top:-18px;overflow:hidden;text-indent:-1000px;padding:0;z-index:30; } #page-1 #home-slider .slick-arrow.slick-prev{ left:14px;background:url('../images/main-slider/slider-arrows.png') top left no-repeat; } #page-1 #home-slider .slick-arrow.slick-next{ right:14px;background:url('../images/main-slider/slider-arrows.png') top right no-repeat; } #page-1 #home-slider.slick-slider ul.slick-dots{ display:block;list-style-type:none;margin:0;padding:0;position:absolute;bottom:14px;left:50%;white-space:nowrap;width:150px;margin-left:-75px;text-align:center; } #page-1 #home-slider.slick-slider ul.slick-dots li{ display:inline-block; } #page-1 #home-slider.slick-slider ul.slick-dots button{ display:block;text-indent:-1000px;width:1px;height:1px;overflow:hidden;border:6px solid white;border-radius:6px;background:white;padding:0;margin:0 2px 0 2px; } #page-1 #home-slider.slick-slider ul.slick-dots li.slick-active button{ border-color:#33a1d6;background:#33a1d6; } #page-1 #map { border: #c7c2b9 solid 1px } #page-1 #map #map-elements { display: flex; justify-content: center; align-items: center; flex-direction: column; height: inherit;} #page-1 #map-elements #show-map{font-size: 1.6rem; transform: translate(0%, -35%);} #page-1 #map-elements #map-text{font-size: 1.5rem; text-align: center;} #page-1 #map-block #map-hint{display:none} x.slider-overlay-video, x.slider-overlay-pr, x.slider-overlay-news { position:absolute;top:85px;left:/*120*/10px;width:/*640*/570px;height:335px;background-color:rgba(0, 65, 130, 0.8); /*transform:rotate(0) scale(1) skewX(-15.75deg) translate(0, -50%);*/ } x.slider-overlay-video, x.slider-overlay-pr, x.slider-overlay-news { position:absolute;width:570px;background-color:rgba(0, 65, 130, 0.8); padding: 35px 40px; margin: -60px; } @media(min-width:768px){ .slider-overlay-pr, .slider-overlay-news { /* top:-40%; */ } #page-1 #home-slider .slide .text-wrapper h1, #page-1 #home-slider .slide .text-wrapper span.h1{ top:4vw; } .slider-overlay-video, .slider-overlay-pr, .slider-overlay-news { position:absolute;width:570px;background-color:rgba(0, 65, 130, 0.8); padding: 35px 40px; margin: -60px; } } @media(max-width:768px){ #page-1 #home-slider .slide .text-wrapper.custom-color .h1 { font-size: 14px!important; color: #fff; /**/ text-transform: initial !important; padding: 3px; } #page-1 #home-slider .slide .text-wrapper .body span{ display:none; } #page-1 #home-slider .slide .text-wrapper { top:0px!important; } #page-1 #home-slider .slide .text-wrapper { left:0!important; right:0!important; } x.slider-overlay-video, x.slider-overlay-pr, x.slider-overlay-news { display:none; } /* #page-1 #home-slider .slide .text-wrapper h1, #page-1 #home-slider .slide .text-wrapper span.h1{ bottom:15vw; } */ } @media(min-width:400px){ #page-1 #home-slider .slide .text-wrapper h1, #page-1 #home-slider .slide .text-wrapper span.h1{ font-size:24px; } /* #page-1 #home-slider .slide .text-wrapper .body{ bottom:30px; } */ } @media(min-width:768px){ #page-1 #home-slider .slide .text-wrapper .body{ bottom:45px; } } /* Slider images position */ @media(min-width:1302px){ #page-1 #home-slider .header-image .header-image-mask .img-wrapper{ top:0px; } #page-1 #home-slider .header-image .header-image-mask .img-wrapper img{ transform: translate(0,0); } } /* end */ /* @media(min-width:782px){ */ @media(min-width:760px){ /* 768 minus buffer for variations of scrollbar widths */ x#page-1 #home-slider .slide .text-wrapper { border:1px solid red;background:blue; } #page-1 #home-slider { margin-bottom:0; } #page-1 #home-slider .slide{ position:relative;width:100%;height:500px;overflow:hidden; } #page-1 #home-slider .slide .pagewidth{ position:absolute;top:0;left:0;right:0;bottom:0; } #page-1 #home-slider .slide .text-wrapper{ position:absolute;top:174px;/*bottom:auto;*/left:60px;right:auto;width:100%;max-width:42vw;text-align:left; padding-top:0; padding:10px} #page-1 #home-slider .slide .text-wrapper h1, #page-1 #home-slider .slide .text-wrapper span.h1{ position:relative;top:0;text-align:left;margin-bottom:10px;font-size:3.1vw;font-weight:100; } #page-1 #home-slider .slide .text-wrapper .body{ position:relative;left:0;right:0;bottom:auto; } #page-1 #home-slider .slide .text-wrapper p{ display:block;font-weight:300;font-size:1.39534884vw;color:#666;padding-bottom:24px; } #page-1 #home-slider .slide .text-wrapper.custom-color h1{ color:inherit !important; } #page-1 #home-slider .slide .text-wrapper.custom-color p{ color:inherit !important; } } @media(min-width:992px){ } @media(min-width:1100px){ #page-1 #home-slider .slide .btns{ display:block; } } @media(min-width:1290px){ #page-1 #home-slider .slide .text-wrapper{ top:173px;max-width:550px; } #page-1 #home-slider .slide .text-wrapper h1, #page-1 #home-slider .slide .text-wrapper span.h1{ font-size:40px; } #page-1 #home-slider .slide .text-wrapper p{ font-size:18px; } } /* Article Preview Slide */ .article-preview-slide .text-wrapper { max-width:450px!important; top:125px!important; } .article-preview-slide h1, .article-preview-slide span.h1 { font-size: 24px!important; text-transform: uppercase!important; margin-top: 0; display:block; } .article-preview-slide .text-wrapper p { font-size:16px!important; margin-bottom:5px!important; } .article-preview-slide .btn-wrapper .btn { margin-top:0px!important; } /* HOME SLIDER PREVIEW */ #page-1 #home-slider-preview{ display:none; } @media(min-width:768px){ #page-1 #home-slider-preview{ display:block; width:100%;margin-bottom:40px; } #page-1 #home-slider-preview .slide{ position:relative;float:left;width:16.666666%;height:/* 80px */auto;overflow:hidden; } #page-1 #home-slider-preview .slide .bg{ position:/* absolute */RELATIVE;top:0;left:0;right:0;bottom:0; } #page-1 #home-slider-preview .slide .bg .image-wrapper{ position:relative;width:100%; } #page-1 #home-slider-preview .slide .bg .image-wrapper img{ width:100% !important;height:auto !important; } #page-1 #home-slider-preview .slide .fg{ position:absolute;top:/*80px*/0px;line-height:/*80px*/30px;left:0;right:0;bottom:0;box-sizing:content-box;border-bottom:2px solid #33a1d6;/*background:rgba(255,255,255,0.7);*/text-align:center; } #page-1 #home-slider-preview .slide .fg .text{ display:inline-block;position:relative;vertical-align:middle;font-size:12px;line-height:16px;font-weight:400;color:/*#004182*/#fff;text-transform:uppercase; } #page-1 #home-slider-preview:after{ content:'';display:block;clear:both; } /* MouseOver effect */ #page-1 #home-slider-preview .slide .fg{ -webkit-transition-property:height;transition-property:top;webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s; } #page-1 #home-slider-preview .slide:hover .fg{ top:0; } } @media(min-width:920px){ #page-1 #home-slider-preview .slide{ /*height:100px;*/ } /*#page-1 #home-slider-preview .slide .fg{ top:100px;line-height:100px; }*/ #page-1 #home-slider-preview .slide .fg .text{ font-size:16px;line-height:20px; } } @media(min-width:992px){ #page-1 #home-slider-preview .slide .bg .image-wrapper{ left:50%;margin-left:-50%; } #page-1 #home-slider-preview .slide .bg .image-wrapper img{ width:auto !important;/*height:100px !important;*/ } } @media(min-width:1550px){ #page-1 #home-slider-preview .slide .bg .image-wrapper{ left:0;margin-left:0; } #page-1 #home-slider-preview .slide .bg .image-wrapper img{ width:100% !important;height:auto !important; } } @keyframes home-slider-preview-scroll-animation { from { top:100px;opacity:0; } to { top:0;opacity:1; } } /* HOME SLIDER PREVIEW ANIMATION */ #page-1 #home-slider-preview.scroll-animation.animation-start-position .slide .inner{ opacity:0; } #page-1 #home-slider-preview.scroll-animation.animation-running .slide .inner{ animation-name: home-slider-preview-scroll-animation; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function:ease; animation-fill-mode: forwards; } #page-1 #home-slider-preview.scroll-animation.animation-running .slide:nth-child(2) .inner{ animation-delay:0.1s; } #page-1 #home-slider-preview.scroll-animation.animation-running .slide:nth-child(3) .inner{ animation-delay:0.2s; } #page-1 #home-slider-preview.scroll-animation.animation-running .slide:nth-child(4) .inner{ animation-delay:0.3s; } #page-1 #home-slider-preview.scroll-animation.animation-running .slide:nth-child(5) .inner{ animation-delay:0.4s; } #page-1 #home-slider-preview.scroll-animation.animation-running .slide:nth-child(6) .inner{ animation-delay:0.5s; } #page-1 #search-block{ padding-top:0;text-align:center; } #page-1 #search-block input{ width:100%;border:0;border-bottom:2px solid #004182;font-weight:400;color:#004182;text-transform:uppercase;padding:10px 7px 10px 7px;margin-bottom:40px;text-align:center;white-space:normal;text-align:center; } #page-1 #search-block input::placeholder{ color:inherit;opacity:1; } @media(min-width:768px){ #page-1 #search-block{ padding-top:38px; } } /* ABOUT US */ #page-1 #about-us-block{ text-align:center;margin-bottom:60px; } #page-1 #about-us-block .text{ text-align:center; } /* #page-1 #about-us-block .logo-wrapper{ width:100%; margin-bottom:30px; background-color: rgba(255, 0, 0, 0.25);} */ /* #page-1 #about-us-block .logo-wrapper div{ display:inline-block; background-color: rgba(255, 0, 0, 0.25);} */ /* #page-1 #about-us-block img { margin:7px; opacity:0.7; } */ #page-1 #about-us-block .logo-wrapper { padding: 0 18px; width:100%; margin-bottom:30px; display:flex; justify-content: space-around; align-items: center; flex-wrap: wrap;} #page-1 #about-us-block .logo-wrapper .thumbnail-wrapper { margin:7px 0; } #page-1 #about-us-block .logo-wrapper .image { width: 184px; align-self: center; cursor: pointer;} #page-1 #about-us-block .logo-wrapper .thumbnail-wrapper:nth-child(n+7) { display: none; } #page-1 #about-us-block .logo-wrapper .image img { margin:0; opacity:0.5; } /* MZ Video BEGIN */ #page-1 .text-left { width:50%;float:left; } #page-1 .video-right { width:50%;float:right;position: relative;padding-bottom: 26%; /* 16:9 */ padding-top: 25px; height: 0;} #page-1 .video-right iframe { position: absolute; top: 0; left: 25px; width: 100%; height: 100%;} @media(max-width:1000px){ #page-1 .text-left { width:100%; } #page-1 .video-right { width:100%; padding-bottom: 50%;} #page-1 .video-right iframe { left:0!important;} } /* MZ END */ @media(min-width:600px){ #page-1 #about-us-block .logo-wrapper{ width:580px;margin:0 auto 30px auto; } } @media(min-width:1250px){ #page-1 #about-us-block .logo-wrapper{ width:100%; } } /* Animation */ x#page-1 #about-us-block.scroll-animation h2{ opacity:0; } x#page-1 #about-us-block.scroll-animation p{ opacity:0; } x#page-1 #about-us-block.scroll-animation button{ opacity:0; } x#page-1 #about-us-block.scroll-animation.scroll-animation-complete h2{ opacity:1;-webkit-transition-property:opacity;transition-property:opacity;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } x#page-1 #about-us-block.scroll-animation.scroll-animation-complete p{ opacity:1;transition-delay:0.3s;-webkit-transition-property:opacity;transition-property:opacity;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } x#page-1 #about-us-block.scroll-animation.scroll-animation-complete button{ opacity:1;transition-delay:0.7s;-webkit-transition-property:opacity;transition-property:opacity;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #page-1 #about-us-block.scroll-animation .logo{ background-size:0 0; } #page-1 #about-us-block.scroll-animation.scroll-animation-complete .logo{ background-size:170px 70px;-webkit-transition-property:background-size;transition-property:background-size;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } /* NEWS BLOCK */ /*new ix-mz news-events block images*/ #page-1 #news-block .section-img { overflow:hidden; height:/*90*/200px; text-align:center; /*padding: 10px 10px 0 10px;*/ } #page-1 #news-block .section-img img { height:auto; /*top:-10px;*/ position:relative; opacity: 0.7; box-shadow:inset 5px -30px 10px -20px #285b8d; } #page-1 #news-block article { border-radius:1px; } #page-1 #news-block .news-article:hover .section-img img, #page-1 #news-block .event-article:hover .section-img img { opacity: 0.2; } #page-1 #news-block .read-more { position:absolute; left: 20px; bottom: 10px; color: #fff; } #page-1 #news-block .pagewidth { padding: 0 55px; } #page-1 #news-block #news-wrapper h2 { font-size:14px!important;line-height:21px!important; } #page-1 #news-block #news-wrapper .news p{ opacity:1!important;font-size:14px; } #page-1 #news-block #news-wrapper .news .textblock { opacity:1!important; font-size: 14px; line-height:22px; color:#fff!important; text-decoration:none!important;} #page-1 #news-block #news-wrapper .news .textblock a, #page-1 #news-block #news-wrapper .news .textblock a span { color:#fff!important; text-decoration:none!important;} #page-1 #news-block{ background:#c9c3ba;padding:20px 0 20px 0;margin-bottom:14px; } #page-1 #news-block>h2{ margin-bottom:20px; } #page-1 #news-block #news-wrapper{ position:relative;width:100%;height:215px;overflow:hidden; } #page-1 #news-block #news-wrapper .scroll-canvas{ margin:0;padding:0;/*background:#285b8d;*/ } #page-1 #news-block #news-wrapper .scroll-canvas td{ margin:0;padding:0;height:215px; } #page-1 #news-block #news-wrapper .scroll-canvas:after{ content:"";display:block;clear:both; } /* mCustomScrollbar */ #page-1 #news-block .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height:8px;margin:6px 0 0 0;border-radius:4px; } #page-1 #news-block .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ height:20px; } #page-1 #news-block .mCSB_scrollTools .mCSB_draggerContainer{ height:20px;/*background:#285b8d;*/ } #page-1 #news-block .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ display:none; } #page-1 #news-block .news{ position:relative;display:inline-block;width:240px;height:200px;background:#285b8d;margin:0;ursor:pointer;white-space:normal;overflow:hidden; } #page-1 #news-block .news>a{ display:block;position:absolute;top:0;left:0;right:0;bottom:0; } #page-1 #news-block .news .inner{ position:absolute;left:/*30*/20px;right:20px;top:75px;bottom:45px;overflow:hidden; } /* OLD #page-1 #news-block .news h2{ position:relative;color:#00aae1;font-size:18px;line-height:24px;padding-bottom:10px;margin-bottom:10px;font-weight:400;text-align:left; }*/ #page-1 #news-block .news h2{ position:relative;color:white;font-size:18px;line-height:24px;padding-bottom:10px;margin-bottom:10px;font-weight:400;text-align:left; } #page-1 #news-block .news h2:after{ content:"";display:block;position:absolute;bottom:0;left:0;width:60px;border-bottom:2px solid #00aae1; } #page-1 #news-block .news h3{ position:relative;color:#00aae1;font-size:18px;line-height:24px;padding-bottom:10px;margin-bottom:10px;font-weight:400;text-align:left; } #page-1 #news-block .news p{ color:white;opacity:0; } #page-1 #news-block .news .textblock{ color:white;text-align:left;opacity:0;font-size:16px; } #page-1 #news-block .news .date-field{ margin-bottom:20px; } #page-1 #news-block .news .date-field>div{ display:inline-block; } #page-1 #news-block .news .icon{ position:absolute;bottom:10px;right:10px; } #page-1 #news-block .news.news-article .icon{ width:32px;height:30px;background:url('../images/pages/front-page/news-article-icon.png') 0 0 no-repeat; } #page-1 #news-block .news.event-article .icon{ width:30px;height:30px;background:url('../images/pages/front-page/event-article-icon.png') 0 0 no-repeat; } /* Hover */ #page-1 #news-block .news{ -webkit-transition-property:background;transition-property:background;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #page-1 #news-block .news .inner{ -webkit-transition-property:top;transition-property:top;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #page-1 #news-block .news h2{ -webkit-transition-property:color;transition-property:color;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #page-1 #news-block .news h2:after{ -webkit-transition-property:border-color;transition-property:border-color;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #page-1 #news-block .news h3{ -webkit-transition-property:color;transition-property:color;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #page-1 #news-block .news p{ -webkit-transition-property:opacity;transition-property:opacity;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #page-1 #news-block .news .textblock{ -webkit-transition-property:opacity;transition-property:opacity;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } x#page-1 #news-block .news:hover{ background:#28afd9; } x#page-1 #news-block .news:hover h2{ color:white; } x#page-1 #news-block .news:hover h2:after{ border-color:white; } x#page-1 #news-block .news:hover h3{ color:white; } x#page-1 #news-block .news:hover p{ opacity:1; } x#page-1 #news-block .news:hover .textblock{ opacity:1; } x#page-1 #news-block .news:hover .inner{ top:20px; } /*@media(min-width:768px){*/ #page-1 #news-block #news-wrapper .scroll-canvas td{ height:/*250*/380px; } #page-1 #news-block{ background:#c9c3ba;padding:20px 0 0 0;margin-bottom:0; } #page-1 #news-block #news-wrapper{ height:/*265*/390px; } #page-1 #news-block .news{ width:/*300*/275px;height:/*250*/390px; margin:0 10px; } #page-1 #news-block .news .inner{ top:/*105*//* 205 */193px; } /* } */ /* news-events-box-button-block */ .news-events-box-button-block { text-align:center; margin-bottom:60px; padding-bottom:40px; } .news-events-box-button-block a { margin-top: 10px!important; } @media(min-width:768px){ .news-events-box-button-block { background-color:#c9c3ba; } } /* LINKS BLOCK */ #page-1 #links-block{ text-align:center; } #page-1 #links-block a{ display:inline-block;font-family: 'Roboto', sans-serif;font-weight:300;font-size:20px;text-transform:uppercase;color:white;background:#666;width:300px;text-align:center;white-space:nowrap;padding:7px 0 7px 0;border:0;margin-bottom:11px;margin-top:10px;border-radius:4px; } #page-1 #links-block a:hover{ text-decoration:none;opacity:0.8; } @media(min-width:768px){ #page-1 #links-block{ background:#c9c3ba;padding:0px 60px 15px 60px;width:100%; } #page-1 #links-block a{ width:auto;background:none;font-size:18px;color:#004182;text-transform:uppercase;margin-bottom:0; } #page-1 #links-block a:hover{ text-decoration:underline;opacity:1; } #page-1 #links-block a.newsletter-btn{ float:left; } #page-1 #links-block a.blog-btn{ float:right; } #page-1 #links-block:after{ content:"";display:block;clear:both; } } /* MAP */ #page-1 #map-block { padding-left:0;padding-right:0;margin-bottom:60px; } #page-1 #map-block p { margin-top: 16px; text-align: center; } #page-1 #map { width:100%;height: 250px; } @media(min-width:768px){ #page-1 #map { height: 500px; } } #page-1 #careers-block{ text-align:center; } #page-1 #careers-block .text{ margin-bottom:40px; } #page-1 #careers-block .jobs-wrapper{ vertical-align:top; } #page-1 #careers-block .jobs-wrapper:after{ display:block;content:"";clear:both; } #page-1 #careers-block .job{ position:relative;display:block;float:left;width:100%;height:auto;background:#c9c3ba;border:15px solid #c9c3ba;box-sizing:border-box;text-align:left;margin:0;margin-bottom:10px; } #page-1 #careers-block .job .inner{ display:block; } #page-1 #careers-block .job h2{ text-align:left;font-size:16px;margin:0;padding:0 0 5px 0;font-weight:300; } #page-1 #careers-block .job h3{ text-align:left;font-size:16px;margin:0;padding:0;font-weight:300; } #page-1 #careers-block .job p{ font-size:16px; } @media(min-width:768px){ #page-1 #careers-block{ margin-bottom:40px; } #page-1 #careers-block .jobs-wrapper{ width:620px;margin:0 auto;padding-left:20px; } #page-1 #careers-block .job{ width:270px;max-height:150px;margin:0 10px 10px 10px;overflow:hidden; } #page-1 #careers-block .job{ transition-property:max-height;-webkit-transition-property:max-height;transition-delay:0s;webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; } #page-1 #careers-block .job:hover{ max-height:800px; } } @media(min-width:1300px){ #page-1 #careers-block .jobs-wrapper{ width:1200px;padding-left:20px; } } /* Youtube Video */ #page-1 div.mfp-field > div { width: 80%; } #page-1 div.mfp-video-embed-popup::before { top: 45%; left: 45%; } .c4i-contact-button-wrapper button { text-transform: none; } /*BEGIN contact-button-wrapper*/ @media(max-width:768px){ .contact-button-wrapper { top: 85px!important; } .c4i-contact-button-wrapper { top: 128px !important; } .contact-button-wrapper button { width: 190px!important; font-size: 12px!important; } .c4i-contact-button-wrapper button { width: 190px!important; font-size: 12px!important; } .link-button-wrapper button { width: 185px!important; font-size: 16px!important; } .text-wrapper.custom-color.background-blue{ background-color: rgba(0, 65, 130, 0.8); } .text-wrapper.custom-color{ padding: 10px; /* padding-top: 33% !important; */ height: fit-content; margin: auto 10px; } } @media(max-width:400px){ .contact-button-wrapper { top:125px !important } .text-wrapper.custom-color{ /* padding-top: 35% !important; */ } .c4i-contact-button-wrapper { top:90px!important; } .contact-button-wrapper button { width: 150px !important; font-size: 10px!important; padding-left:10px!important; } .c4i-contact-button-wrapper button { width: 150px!important; font-size: 10px!important; } .link-button-wrapper button { width: 150px!important; font-size: 15px!important; } } /*END contact-button-wrapper*/