#hero { background-position: center top; background-repeat: no-repeat; background-size: cover; font-size: 16px; overflow: hidden;  color: #fff; /*background: #000;*/background: #12222F;background: linear-gradient(90deg,rgba(18, 34, 47, 1) 20%, rgba(189, 162, 153, 1) 50%); }
#hero > .container { position: relative; }
/* #hero .container::before {background-image: url(/static/cdgs/product_content/cdgs/render-fx/hero.jpg);position: absolute;height: 536px;width: 900px;left: -240px;top: 0;} */
#hero .container::before {background-image: url(/static/cdgs/product_content/cdgs/render-fx/hero.jpg);position: absolute;height: 609px;width: 1024px;left: -300px;top: 0;}
#hero .product-info { padding-top: 40px; padding-bottom: 30px; min-height: 480px; /*background: rgb(0 0 0 / 70%);*/position: relative;background: #BDA299;}
#hero .product-info::after {content: '';position: absolute;top: 0;left: -50px;width:50px;height: 100%;background: #C4ABA6;background: linear-gradient(90deg,rgba(196, 171, 166, 0) 10%, rgba(189, 162, 153, 1) 100%);}
#hero .title {line-height: 1.5;margin-top: 0;}
#hero .title .new { font-size: 16px; font-weight: 500; text-transform: uppercase; display: inline-block; margin-bottom: 5px; line-height: 1; }
#hero .title .description,
#hero h2.description { font-size: 20px; display: block; margin: 0;}
#hero .price { margin-bottom: 34px; }
#hero .details p {max-width: 510px;}
#hero .list-price { color: #7f7f7f; text-decoration: line-through; padding: 0; margin: 0; }
#hero .main-price { padding: 0; margin: 0; }
#hero .priceDisplayNormal { font-size: 25px !important; padding-right: 10px; line-height: 1; vertical-align: middle;}
.lto-promo {position: inherit;}
.additional-info a {font-size: 12px;color: #fff;}
#product-nav .navbar-nav {display: inline-block;float: none;font-size: 14px;}

img.features-ar-img{    
    object-fit: cover;
    aspect-ratio: 11 / 8;
}
img.ultra-wide-hor-img{    
    object-fit: cover;
    aspect-ratio: 21 / 9;
}
img.wide-hor-img{    
    object-fit: cover;
    aspect-ratio: 16 / 9;
}
img.hor-img{    
    object-fit: cover;
    aspect-ratio: 4 / 3;
}
img.square-img{    
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
img.ver-img{    
    object-fit: cover;
    aspect-ratio: 3 / 4;
}
.before-after { position: relative; transition: all 0.6s ease-in-out; }
.before-after .container { position: relative; }
.before-after .sec-block.text-center { position: absolute; left: 15px; top: 0; z-index: 3; text-align: left; max-width: 330px; }
.beforeAfter { position: relative; max-height: 900px; overflow: hidden; }
.beforeAfter ul, .beforeAfter li { margin: 0; }
.beforeAfter ul { display: table; padding: 0; }
.beforeAfter li { display: none; list-style: none; }
.beforeAfter .active-image { display: block; }
.beforeAfter .controls { position: absolute; bottom: 0; z-index: 100; width: 10%; right: -120px; }
.beforeAfter .controls .prev, .beforeAfter .controls .next { color: #13ad97; cursor: pointer; }
.beforeAfter .controls .prev:hover, .beforeAfter .controls .next:hover { opacity: 0.3; }
.beforeAfter .instruction { cursor: pointer; }
.beforeAfter .label { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; bottom: 0; color: #fff; font-size: 14px; font-weight: normal; padding: 0.3em 1em 0.5em; position: absolute; z-index: 9 }
.beforeAfter .label.after { right: 0 }
.slider { position: relative; }
.slider .right.image { position: absolute; z-index: 1; top: 0; left: 0 }
.slider .left.image { position: relative; z-index: 2; border-right: 4px solid #fff; margin-right: -4px; overflow: hidden; }
.slider .instruction { position: absolute; top: 50%; padding: 0 15px 7px; color: #fff; background: #fff; border: 4px solid #fff; border-radius: 4px; left: 49.9% !important; transform: translate(-50%, -50%); z-index: 3 }
.slider .instruction p { display: inline; font-size: 2.5em; text-transform: uppercase; color: #000; line-height: 1.2; }
.plugin .slider .instruction { background: #000; }

.ultimate-collection, .tile-section { color: #fff; padding-bottom: 100px; background: #0f1a3a; background: -moz-linear-gradient(top, #0f1a3a 0%, #0f1a3a 50%, #0b5a88 100%); background: -webkit-linear-gradient(top, #0f1a3a 0%, #0f1a3a 50%, #0b5a88 100%); background: linear-gradient(to bottom, #0f1a3a 0%, #0f1a3a 50%, #0b5a88 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1a3a', endColorstr='#0b5a88', GradientType=0 );}
.ultimate-collection .new { color: #3094ff;  display: block; text-transform: uppercase; }
.ultimate-collection .caption { max-width: 350px; font-size: 16px; }
.ultimate-collection img { border-radius: 15px; }
.tile-section img {border-radius: 15px;}

#faq{background: #f6f6f6; padding-bottom: 20px}
.faq-section h3 {font-size: 18px; color: #000; font-weight: 500; display: inline-block; margin-bottom: 20px;}
.faq-section ul { margin:0 0 20px; padding-left: 70px;}
.faq-section ul>li { margin:0 0 20px 0; }
.faq-section a.collapse-link {text-decoration: none;}
.faq-section span.glyphicon { display: inline-block; color: #0067CB;}
.option a[aria-expanded="true"] .glyphicon-menu-down {transform: rotate(180deg);}
.option a[aria-expanded="true"] .glyphicon-menu-down {transform: rotate(180deg); }
.faq-item {border-top: 1px solid #D1D3D5;}
.faq-section .col-sm-12 .faq-item:last-child{border-bottom: 1px solid #D1D3D5;}
.collapse-link .body{display: flex; justify-content: space-between; align-items: center}

.text-section .list ul {margin: 1em 0 10px;}
.text-section.numbered-list  {margin: 0; text-align: center;}
.text-section.numbered-list span.number {margin: 0; padding: 0; display: inline-block; color: #ffffff; font-size: 45px; font-weight: 400; line-height: 80px; width: 80px; height: 80px; background: #4F23F2; background: linear-gradient(90deg,rgba(79, 35, 242, 1) 0%, rgba(185, 87, 128, 1) 100%); border-radius: 50%; text-align: center;}
.text-section.numbered-list p {margin-top: 0;}

#tech-specs {background: #1f1f1f;color: #fff;}
.req-list{margin-bottom: 0;}
.action-section h2 {margin-bottom: 2rem;}
#action-section h3 { color: #fff; font-weight: 500; }
#action-section .container { max-width: 1530px; height: 560px; background-image: url(/static/cdgs/images/home/action-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; }
#action-section .row { height: 100%; }
#action-section .bg-wrap { height: 560px; background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; }
#action-section .row {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(var(--bs-gutter-y) * -1);margin-right: calc(var(--bs-gutter-x)/ -2);margin-left: calc(var(--bs-gutter-x)/ -2);flex-direction: column;position: relative;}

.justify-content-center {justify-content: center;}
.no-padding-bottom {padding-bottom: 0 !important;}
.dark-bg{background: #1f1e2e; color: #fff;}
.mt-0 { margin-top: 0; }
.mb-5 { margin-bottom: 3rem; }
.pad-t-80 {padding-top: 80px;}
.pad-b-60 {padding-bottom: 60px;}
.pad-b-80 {padding-bottom: 80px;}

.row-reverse {flex-direction: row-reverse;}
h2 {font-weight: 500;}

.tile-section .text-frame {background: #282828; border-radius: 15px; align-content: center; padding: 10px 30px 20px;border: 2px solid #B41DB5;}

.ai-models-section {padding-bottom: 80px;}
.ai-models-section .img-holder img {border-radius: 12px;}

.ai-models-section .panel-group {margin-bottom: 0;}
.ai-models-section .panel-group .panel {background: none; border: none; box-shadow: none; border-radius: 0; margin: 0;}
.ai-models-section .panel-group .panel-heading {background: none; border: none; box-shadow: none; border-radius: 0; padding: 0 5px; margin: 0;}
.ai-models-section .panel-group .panel-collapse {padding: 0 5px; display: block; height: auto;}
.ai-models-section h3.title {margin: 15px 0 5px; font-size: 18px; font-weight: 600;}
.ai-models-section .panel-collapse p {margin: 0 0 16px;}
.ai-models-section button {font-size: 18px; background: none; border: none; margin: 10px 0 0; padding: 0 30px 0 0; width: 100%; text-align: left; position: relative;}
/* .ai-models-section button::before { position: absolute; font-family: 'Glyphicons Halflings'; content: "\e088"; font-size: 20px; right: 5px; top: -1px; transition: .3s transform ease-in-out; color: #fff; }
.ai-models-section button.collapsed::before { transform: rotate(135deg); } */

@media (min-width: 1200px){
    #action-section .container {background-size: contain;}
}

@media (min-width: 768px){
    #product-nav .navbar-collapse {text-align: center;padding-left: 0;padding-right: 0;}
    #product-nav .navbar-nav>li {float: none;display: inline-block;}
    .v-center {display: flex;align-items: center;}
    .tile-section .tile-text {display: flex;align-items: center;}
}
@media (max-width: 767px){
    .navbar-white#sitenav .container {padding-right: 15px;}
    #hero .container::before {left: -400px;top: 30px;}
    .text-section.numbered-list  {text-align: left;}
    .text-section.numbered-list .col-xs-3 {padding-right: 0; max-width: 80px;}
    .text-section.numbered-list span.number {font-size: 35px; line-height: 60px; width: 60px; height: 60px;}
    .text-section.numbered-list h3 {margin-top: 0;}

}

@media (max-width: 991px){
    .ai-models-section .panel-group {display: flex; flex-wrap: wrap;}
    .ai-models-section .panel-group .panel {margin-bottom: 30px;}
}