/* Global */
.wrapper{width: 100%; max-width: 1400px; margin: auto;}

/* Featured Highlights */
.featured-highlights{padding-top: 40px; padding-bottom: 40px;}
.featured-highlights .title-area{text-align: center; padding-bottom: 40px; margin-bottom: 40px;}
.featured-highlights .title-area > *{margin: 0px; margin-bottom: 10px;}
.featured-highlights .highlights{display: flex; justify-content: center;}
.featured-highlights .highlights .highlight{margin: 0px 20px; width: calc(100% * (1/4) - 20px); text-align: center;}
a.button.button-green {
    background: #00943C;
}

section.spacificsec {
    background: #F7F9F9;
}
.tblwrtap {
    display: flex;
    gap: 24px;
}
section.spacificsec h2.center-align {
    margin-bottom: 30px;
}
.tblwrtap .table.data-table.specs-group {
    border: 1px solid #0C59B5;
    padding: 20px;
}
section.prodownloads h2 .text {
    color: #48555F;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px; /* 105% */
    letter-spacing: 0.64px;
}

section.prodownloads h2 .subtxt {
    color: #48555F;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0.64px;
    text-transform: uppercase;
}

section.prodownloads h2.title {
    text-align: center;
    margin-bottom: 30px;
}
section.prodownloads .content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 880px;
    margin: 0 auto
}

section.prodownloads .content>* {
    flex: 1 1 calc(50% - 20px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
section.prodownloads .content .text {
    display: flex;
    align-items: center;
    gap: 10px;
	    padding: 0;
}
section.hero.top-left.gtksec .block {
    right: 10%;
    left: initial;
}
.yvidthumb img {
    width: 100%;
    display: block;
}

.yvidthumb a:after {
    content: "";
    background: #c5c5c58a;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.yvidthumb a:before {
    background: transparent;
    content: "";
    border-left: #000000a6 70px solid;
    border-top: transparent 40px solid;
    position: absolute;
    border-bottom: transparent 40px solid;
    margin: auto;
    width: 70px;
    left: 0;
    right: 0;
    height: 80px;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.yvidthumb {
    position: relative;
}
.gtksec h3.light .text {
    color: #1556AE;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 135.802% */
    letter-spacing: 0.365px;
}

.gtksec h3.light {
    margin: 5px 0;
}
.gtksec p {
    color: #6C9AA7;
    font-family: Inter;
    font-size: 15.975px;
    font-style: normal;
    font-weight: 300;
    line-height: 23.096px;
    letter-spacing: 0.624px;
}
section.hero.story.gtksec.fullscreen.top-left {
    background: transparent !important;
}
section.hero.fullscreen {
	    padding: 0 !important;
        height: initial !important;
        background: transparent !important;
}
.side-section.button-container {
    margin-bottom: 30px;
    margin-top: 30px;
}
section.gtksec .block .side-section.button-container a.button {
    font-size: 14px;
    padding: 15px 15px;
    letter-spacing: 0.8px;
}
.carouselsec img {
  width: 100%;
  height: auto;
  display: block;
}
.carouselsec .slider-car {
  overflow: hidden;
}
.slider-car button.slick-prev {
    left: 10px;
    width: 60px;
    height: 90px;
    z-index: 1;
}
.slider-car button.slick-next{
    right: 10px;
    width: 60px;
    height: 90px;
    z-index: 1;
}
.slider-car button.slick-prev:before, .slider-car button.slick-next:before{
	display: none;
}
section.carouselsec {
    padding: 0;
}
.slider-car .slick-slide .colorname {
    position: absolute;
    left: 0;
    color: #1556AE;
    font-family: Inter;
    font-size: 28.54px;
    font-style: normal;
    font-weight: 900;
    line-height: 41.687px;
    letter-spacing: 2.23px;
    z-index: 100;
    background: #f4f9faad;
    padding: 20px;
    min-width: 350px;
    text-align: center;
    top: 50px;
}
.slider-car .slick-slide {
    position: relative;
}

section.getquic {
    background: #0C59B5;
    color: #fff;
}

section.getquic .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.getquic .wrapper>* {
    width: 50%;
    padding: 0 100px;
}

section.getquic .wrapper h2 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 42px; /* 140% */
    letter-spacing: 0.64px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

section.getquic .wrapper h3 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 27.2px;
    letter-spacing: .64px;
    margin:0 0 30px 0;
    display: flex;
    gap: 10px;
    align-items: center;
}
section.getquic .wrapper:before {
    content: "";
    height: 100%;
    width: 1px;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}
section.getquic .wrapper h3 span img {
    display: block;
}
.getquic li:before {
    content: url("../images/tick-mark.png");
} 
.getquic li {
    list-style: none;
    display: flex;
    gap: 15px;
    align-items: center;
}

.getquic ul {
    padding: 0;
}
/* Video Hero */
.hero.video{background: lightgrey; height: 600px; display: flex; justify-content: center; align-items: center;}
.hero.video .title-area{text-align: center; padding-top: 40px; padding-bottom: 40px; margin-bottom: 40px;}
.hero.video .title-area > *{margin: 0px; margin-bottom: 10px;}

/* Sliders */
.owl-stage-outer, .owl-stage, .owl-item{height: 100%;}
.hero.slider{background: lightgrey; height: 600px;}
.hero.slider .slide{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20px;}
.hero.slider .owl-dots{display: none;}

/* Featured Articles */
.featured-articles{display: flex; margin-top: 20px;}
.featured-articles .article.main{width: 50%;  height: 500px; box-sizing: border-box; position: relative;}
.featured-articles .article.main .image-area{position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1;}
.featured-articles .article.main .title-area{padding: 50px;}
.featured-articles .articles.supporting{width: 50%; flex-direction: column; display: flex;}
.featured-articles .articles.supporting .article{display: flex; flex: 1 0 auto;}
.featured-articles .articles.supporting .article .image-area{width: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1;}
.featured-articles .articles.supporting .article .title-area{padding: 20px; width: 50%;}
.featured-articles .articles.supporting .article:nth-of-type(2n) .image-area{order: 2;}

/* Page Title */
.page-title{padding-top: 40px; padding-bottom: 40px;}
.page-title.timestamped{margin-bottom: 40px;border-bottom: 1px solid grey;}

/* Image Grid */
.image-grid{display: flex; flex-wrap: wrap;}
.image-grid .grid-image{width: calc(100% * (1/4) - 15px); margin-right: 20px; background: lightgrey; margin-bottom: 20px; min-height: 300px; display: flex; align-items: center; justify-content: center;}
.image-grid .grid-image:nth-of-type(4n){margin-right: 0px;}

/* Image Figure */
.image-figure{display: flex; margin-bottom: 20px;}
.image-figure .image-wrap{background: lightgrey; min-height: 500px; width: 50%;}
.image-figure .content-wrap{display: flex; align-items: center; justify-content: center; padding: 40px; box-sizing: border-box; width: 50%; background: #f0f0f0;}
.image-figure.reverse .image-wrap{order: 2;}
.image-figure .content-wrap .description{margin-bottom: 20px;}
.image-figure.wysiwyg{padding-bottom: 60px; border-bottom: 1px solid grey; margin-bottom: 60px;}

/* Simple Sliders */
.simple-slider{background: lightgrey; height: 600px; margin-bottom: 20px;}
.simple-slider .slide{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20px;}
.simple-slider.left .slide{margin-left: 10%; justify-content: left; text-align: left;}
.simple-slider.right .slide{margin-right: 10%; justify-content: right; text-align: left;}
.simple-slider .owl-dots{display: none;}
.simple-slider .slide.quote .slide-content{padding: 40px; color: white; background:grey;}
.simple-slider .slide.quote .slide-content .source{font-style: italic;}
.simple-slider .tall-images{height: 600px;}
.simple-slider .slide.tall .slide-content{width:100%; height: 100%;}
.simple-slider .slide.tall .slide-content .imageWrap{width: 100%; height: 100%;}
.simple-slider > .title{padding-top: 40px; padding-bottom: 40px;}
.simple-slider.tall{height: auto;}

/* Double Feature */
.double-feature{display: flex; margin-bottom: 20px; }
.double-feature .feature{width: 50%;justify-content: center; align-items: center; display: flex; position: relative; min-height: 500px; text-align: center;}
.double-feature .image-wrap{background-size: cover; background-position: center; width: 100%; height: 100%; z-index: -1; height: 100%; width: 100%; position: absolute;z-index: -1;}
.double-feature .feature:nth-of-type(2n){background: grey;}

/* Featured Excerpts */
.featured-excerpts{padding-top: 40px; padding-bottom: 40px; margin-bottom: 20px;}
.featured-excerpts .excerpts{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.featured-excerpts .excerpts .excerpt{margin-right: 20px; width: calc(100% * (1/3) - 14px); margin-bottom: 20px; box-sizing: border-box; padding: 20px;}
.featured-excerpts .excerpts .excerpt:nth-of-type(3n){margin-right: 0px;}

/* Image Spread */
.image-spread{display: flex; flex-wrap: wrap;}
.image-spread .featured-image, .image-spread .supporting-images{width: 50%; height: 600px;}
.image-spread .featured-image .image-area{width: 100%; height: 100%; }
.image-spread .supporting-images .secondary{ width: 100%; height: 50%; }
.image-spread .supporting-images .tertiary-images{display: flex; flex-wrap: wrap; width: 100%; height: 50%;}
.image-spread .supporting-images .tertiary-images .tertiary{width: 50%; height: 100%; }
.image-spread .image-area{background-repeat: no-repeat; background-position: center; background-size: cover;}

/* Stacked Figure */
.stacked-figure{padding-top:40px; padding-bottom: 40px; text-align: center; background: lightgrey; margin-bottom: 20px;}
.stacked-figure .title-area{margin-bottom: 40px;}
.stacked-figure .image-wrap{min-height: 300px;}
.stacked-figure .image-wrap img{max-width: 100%; max-height: 100%; width: auto; height: auto;}

/* Buttons */
.btn{padding: 10px; background-color: grey; color: white; display: inline-block; box-sizing: border-box;}

/* Splash Features */
.splash-feature{background-size: cover; background-position: center; background-repeat: no-repeat;}
.splash-feature .title-area{text-align: center; padding-top: 40px; padding-bottom: 40px;}
.splash-feature .features{display: flex; justify-content: center; align-items: center; padding-bottom: 40px;}
.splash-feature .features .feature{margin-right: 20px; width:calc(100% * (1/4) - 15px); border-right: 1px solid grey;min-height: 100px;display: flex;  justify-content: center; align-items: center;}
.splash-feature .features .feature:nth-of-type(4n){margin-right: 0px; border-right-width: 0px;}
.splash-feature .features .feature .title{text-align: center; }
.splash-feature .features{padding-left: 40px; padding-right: 40px; }
.splash-feature .features .feature img{filter: brightness(60%);}

/* WYSIWYG Content */
.wysiwygContent ul{list-style-type: disc; padding-left: 16px;}

/* Banner Images */
.banner-image{margin-bottom: 60px;}
.banner-image .image-wrap{height: 200px; background: lightgrey; background-size: cover; background-position: center; background-repeat: no-repeat; }
section.modern_sec {
    background: #F4F9FA;
    text-align: center;
}
section.modern_sec img {
    width: 100%;
}
section.modern_sec h2 {
    color: #6C9AA7;
    font-family: Montserrat;
    font-size: 36.727px;
    font-style: normal;
    font-weight: 300;
    line-height: 50.182px;
    letter-spacing: 1.511px;
    max-width: 584px;
    margin: 0 auto;
    margin-bottom: 25px;
}
section.modern_sec p {
    color: #6C9AA7;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 26.364px;
    letter-spacing: 0.132px;
}
.specbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px 20px;
}

.specbox .specboxi {
    flex: 1 1 calc(50% - 20px);
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.proseries h2 {
    margin-bottom: 40px;
    color: #0C59B5;
    text-align: center;
}
.specbox .specboxi h3 {
    margin: 10px 0 0 0;
    font-size: 18px;
    text-transform: uppercase;
}
.specbox .specboxi p {
    max-width: 320px;
    text-align: center;
}
@media only screen and (max-width: 768px) {
.slider-car .slick-slide .colorname {
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
    min-width: 220px;
    top: 20px;
}
.slider-car button.slick-next, 
.slider-car button.slick-prev {
    width: 40px;
    height: 40px;
}
section.getquic .wrapper {
    flex-direction: column;
}
section.getquic .wrapper>* {
    width: 100%;
    padding: 0;
    text-align: center;
}

section.getquic .wrapper h2 {tserrat;
    font-size: 22px;
    line-height: 32px;
}
a.button.button-green{
        padding: 12px 14px;
        font-size: 14px;
}
.specbox {
    flex-direction: column;
}
.specbox .specboxi {
    flex: 1 1 100%;
    width: 100%;
}
.tblwrtap {
    flex-direction: column;
}
.tblwrtap .table.data-table.specs-group {
    padding: 0 10px;
}
.tblwrtap .data-table.specs-group .table-row:not(.table-header) {
    font-size: 10px;
}
section.prodownloads h2 .text {
    font-size: 24px;
    line-height: 24px;
}
section.prodownloads .content .text {
    gap: 5px;
        font-size: 12px;
}
section.prodownloads .content {
    gap: 5px;
}
table.data-table tr th, table.data-table tr td, .table.data-table .table-row .table-cell{
        padding: 8px 3px;
}
}