/* Overall Layout */
body {background-color:#fff;}
div, p, li, th, td, dt, dd {font-size:20px; line-height:1.5; color:#3f4344;}
div#content p {font-size:20px;}
span.small {display:inline;}

div#content {float:none; width:100%; margin:0; padding-top:0; padding-right:0;}
div#content > .cols-2-inner:last-child {margin-bottom:0;}
.cols-2-inner.section-full .col-6 {background-color:#333333; width:50%;}
.cols-2-inner.section-full .col-6 .text-frame {padding:100px;}
.cols-2-inner.section-full {gap:0;}
.cols-2-inner.section-full .col-6 h2 {margin-bottom:30px !important; color:#fff !important;}
.cols-2-inner.section-full .col-6 p {color:#fff; margin-bottom:40px !important;}
.cols-2-inner.section-full .col-6 .link-internal-button {background-color:#fff; color:#3886c0;}
.cols-2-inner.section-full .ce-center .ce-inner,
.cols-2-inner.section-full .ce-center .ce-outer {float:none; position: static;}
.cols-2-inner.section-full .frame-type-image,
.cols-2-inner.section-full .frame-type-image * {height:100%;}
.cols-2-inner.section-full .ce-column {float:none; height:100%;}
.cols-2-inner.section-full img {width: 100%; height:100%; object-fit: cover;}

div#slider {border-bottom:8px solid #4E4E4E;}
div#slider .frame-default {margin-bottom:0;}

#c961 .col-6:first-child .frame-layout-1 h3::before {content:"\f086"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}
#c961 .col-6:last-child .frame-layout-1 h3::before {content:"\f0e0"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}

/* Slider */
.tx-ff-owl-slider img {display:block; line-height: 0; width: 100%; height:auto;}

.caption-wrapper {position: absolute; bottom:115px; right:0; width:718px; background-color:rgba(255,255,255,.86);
  padding:50px 215px 50px 42px; border-top-left-radius:18px; border-bottom-left-radius:18px; box-sizing: border-box;
}
.caption-wrapper h3 {color: #737373; line-height: 32px; font-size: 36px; margin-top:0; margin-bottom: 30px;}
.caption-wrapper p {padding: 0; margin:30px 0; line-height: 1.2; font-size: 22px; color: #333333;}
.caption-wrapper p:last-child {margin-bottom:0;}

.owl-controls {display:block !important; position:absolute; bottom:20px; left:20px;}
.owl-theme .owl-controls .owl-page span {width:16px; height:16px; background-color:#fff; opacity:1; margin:5px;}
.owl-theme .owl-controls .owl-page.active span {background-color:#3886c0;}

/* Media queries */
@media only screen and (max-width : 1440px) {
.caption-wrapper {width:550px; padding:30px 38px 30px 42px; bottom:50px;}
.caption-wrapper h3 {font-size:32px; margin-bottom:20px;}
.caption-wrapper p {font-size:20px; margin:20px 0;}

.cols-2-inner.section-full .col-6 .text-frame {padding:45px;}
}

@media only screen and (max-width : 1024px) {
h1 {font-size:40px;}
.caption-wrapper {width:350px; padding:25px; bottom:25px;}
.caption-wrapper h3 {font-size:24px; margin-bottom:20px;}
.caption-wrapper p {font-size:16px; margin:20px 0;}
.fullwidth-grid {padding:40px 0;}

.cols-2-inner {margin:40px auto;}
.cols-2-inner .col-6 {width:100%; margin-bottom:25px;}

.cols-2-inner.section-full .col-6 {width:100%; margin:0;}
.cols-2-inner.section-full .col-6:first-child {order:2;}
.cols-2-inner.section-full .col-6:last-child {order:1;}

.card:nth-child(n+3) {width:50%;}
.card:first-child {width:100%;}
.card-header {font-size:26px;}
.card p {font-size:16px !important;}
.card .link-internal::after {top:0;}

}

@media only screen and (max-width:768px) {
h1 {font-size:36px;}  
h2 {font-size:32px;}  
.caption-wrapper {bottom:30%; height:auto; width:270px; padding:15px 22px;}
.slider-caption h3 {margin:0; font-size:18px;}
.slider-caption p {display:none;}

.card:nth-child(n+3),
.card:nth-child(-n+2) {width:100%;}

.cols-2-inner.section-full .col-6 .text-frame {padding:25px;}
}

@media only screen and (max-width:640px) {
div, p, li, th, td, dt, dd,
div#content li,
div#content p {font-size:16px;}
a.test, a.buy, .frame-layout-1 .link-mail, .link-internal-button {font-size:16px; padding: 10px 26px;}
}  

@media only screen and (max-width : 480px) {
  div#topimage {display: block;}
  .caption-wrapper {padding:10px 15px; width:200px;}
  .caption-wrapper h3 {font-size:15px;}
  .owl-controls {left:10px; bottom:10px;}
  .owl-theme .owl-controls .owl-page span {width:12px; height:12px;}
  .ce-right .ce-gallery,
  .ce-left .ce-gallery,
  .ce-column {float:none;}
  .ce-right .ce-gallery .image {width: 100%;}
  .ce-left .ce-gallery .image {width: 100%;}
  #content .image img {display:block; margin:auto;}
}

@media only screen and (max-width : 420px) {

}