.gt3_header_builder__section.gt3_header_builder__section--top__mobile.gt3_header_builder__section--hide_on_tablet.gt3_header_builder__section--show_on_mobile{
margin:10px 0;
}
a:hover{
color: #003399 !important;
}
*:hover
::-moz-selection { color: unset!important;
background: unset!important;
}
.isotope_item{
pointer-events: none!important;
}
::selection {
color: unset!important;
background: unset!important;
}
.gt3_header_builder__section--bottom {
display: none;
}
.main_wrapper .content-container ul:not(.variable-items-wrapper) > li:before, .content-container ul > li:before {
color: #003399 !important;
}
.gt3_header_builder__section--middle {
background-color: #EBF3F9 !important;
}
.elementor-widget-gt3-core-portfolio .isotope_item {
padding: 0 !important;
}
#overview-btn {
position: relative;
top: 50px;
}
.wpcf7-form-control.wpcf7-submit {
background-color: #003399 !important;
border-color: #003399 !important;
}
@media (max-width: 767px) {
.gt3_img_brands .elementor-widget-container {
display: flex;
justify-content: center;
}
.gt3_header_builder__container .header_side_container .logo_container img {
height: 60px !important;
}
.gt3_header_builder__section--middle__mobile {
background-color: rgba(235, 243, 249, 1) !important;
}
} .section-timeline {
padding: 50px 0;
}
.section-timeline h2 {
margin-bottom: 75px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
@media (min-width: 992px) {
.section-timeline h2 {
padding-left: 45px;
}
}
.section-timeline .timeline-container {
width: 100%;
height: auto;
position: relative;
}
@media (min-width: 992px) {
.section-timeline .timeline-container {
padding: 0 50px;
}
}
.section-timeline .timeline-container .swiper-container {
width: 100%;
}
.section-timeline .timeline-container .swiper-container .swiper-wrapper .swiper-slide .image-container {
position: relative;
}
.section-timeline .timeline-container .swiper-container .swiper-wrapper .swiper-slide .image-container img {
width: 100%;
height: auto;
}
.section-timeline .timeline-container .swiper-container .swiper-wrapper .swiper-slide .image-container .image-textoverlay {
position: absolute;
bottom: 10px;
right: 15px;
color: white;
font-size: 3rem;
fill: white;
}
.section-timeline .timeline-container .swiper-container .swiper-wrapper .swiper-slide .image-container .image-textoverlay .text-year {
position: relative;
z-index: 2;
font-weight: 800;
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: #003399;
font-size: 30px;
}
.section-timeline .timeline-container .swiper-container .swiper-wrapper .swiper-slide .text-container {
background-color: #f5f5f5;;
padding: 35px 25px 25px;
height: 250px;
max-height: 450px;
}
.section-timeline .timeline-container .swiper-button-prev, .section-timeline .timeline-container .swiper-button-next {
width: 50px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
display: none;
}
@media (min-width: 992px) {
.section-timeline .timeline-container .swiper-button-prev, .section-timeline .timeline-container .swiper-button-next {
display: block;
}
}
.section-timeline .timeline-container .swiper-button-prev {
left: -18px;
transform: rotate(360deg);
width:35px;
height: 35px;
}
.section-timeline .timeline-container .swiper-button-next {
right: -25px;
transform: rotate(360deg);
width:35px;
height: 35px;
}
.section-timeline .timeline-container .pagination-container {
width: 100%;
overflow: hidden;
}
.section-timeline .timeline-container .pagination-container .timeline-pagination {
margin-top: 35px;
overflow: hidden;
position: relative;
padding: 30px 95px;
min-width: 1200px;
left: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (min-width: 992px) {
.section-timeline .timeline-container .pagination-container .timeline-pagination {
position: static;
min-width: 900px;
}
}
@media (min-width: 1200px) {
.section-timeline .timeline-container .pagination-container .timeline-pagination {
min-width: 1100px;
}
}
.section-timeline .timeline-container .pagination-container .timeline-pagination .nav-bullet {
height: 72px;
position: relative;
float: left;
}
.section-timeline .timeline-container .pagination-container .timeline-pagination .nav-bullet .decade-nav {
position: absolute;
top: 16px;
left: -11px;
width: 26px;
height: 26px;
border: transparent 2px solid;
box-sizing: border-box;
border-radius: 50%;
display: block;
z-index: 10;
cursor: pointer;
}
.section-timeline .timeline-container .pagination-container .timeline-pagination .nav-bullet .decade-nav.last {
left: auto;
right: -11px;
}
.section-timeline .timeline-container .pagination-container .timeline-pagination .nav-bullet .decade-nav .text {
width: 50px;
position: absolute;
top: -35px;
left: 50%;
margin-left: -25px;
text-align: center;
text-decoration: none;
font-size: 16px;
-webkit-transition: all 0.1s;
-moz-transition: all 0.1s;
-ms-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
color:#e2e2e2;
}
.section-timeline .timeline-container .pagination-container .timeline-pagination .nav-bullet .decade-nav .circle {
position: absolute;
top: 2px;
left: 2px;
width: 20px;
height: 20px;
background-color: #e2e2e2;
border-radius: 50%;
display: inline-block;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.section-timeline .timeline-container .pagination-container .timeline-pagination .nav-bullet .decade-nav.active .text {
color: #003399;
font-size: 1.4rem;
font-weight: 600;
top: -42px;
left: 25%;
}
.section-timeline .timeline-container .pagination-container .timeline-pagination .nav-bullet .decade-nav.active .circle {
top: -3px;
left: -3px;
height: 30px;
width: 30px;
background-color: #003399;
border: 5px solid white;
box-shadow: 0 0 1px 3px #003399;
}
@media (min-width: 768px) {
.section-timeline .timeline-container .pagination-container .timeline-pagination .nav-bullet .decade-nav:hover .text {
color: #003399;
font-size: 1.4rem;
font-weight: 600;
top: -42px;
left: 25%;
}
.section-timeline .timeline-container .pagination-container .timeline-pagination .nav-bullet .decade-nav:hover .circle {
top: -3px;
left: -3px;
height: 30px;
width: 30px;
background-color: #003399;
border: 5px solid white;
box-shadow: 0 0 1px 3px #003399;
}
}
.section-timeline .timeline-container .pagination-container .timeline-pagination .nav-bullet .line-holder {
position: absolute;
top: 29px;
left: 0;
padding: 0 7px;
width: 100%;
}
.section-timeline .timeline-container .pagination-container .timeline-pagination .nav-bullet .line-holder .line {
height: 2px;
background-color: #e2e2e2;
}
.section-hotbutton-grid.fallback .hotbutton-column .hotbutton-wrapper .hb-icon-holder .hb-icon-container .hb-icon {
-webkit-background-size: 70%;
background-size: 70%;
}
.section-hotbutton-grid .hotbutton-text-column .hotbutton-text-wrapper .hotbutton-text-icon {
-webkit-background-size: 70%;
background-size: 70%;
}