.referans_section{padding-bottom:2rem;background-color:;padding-top:2rem;background-image:url();background-size:70%;background-position:right;background-repeat:no-repeat}.referans_section .row{justify-content:space-between}.referans_section .title h4.bg_text{position:absolute;top:-24px;color:#F5F5F5;font-size:80px;font-weight:700;text-transform:uppercase;z-index:-1;margin:0 auto;left:0;right:0}.referans_section .title{text-align:center;padding-bottom:2rem}.referans_section .title h3{font-weight:800;font-size:36px;color:#282828}.referans_section .title h3 span{color:#0d387e}.referans_section .item .img img{object-fit:contain;width:100%;margin:0 auto;border:1px solid #e8e8e8;background-color:#fff;height:73px}}.referans_section .title{text-align:center;padding-bottom:3rem}.referans_section .owl-dots{display:none!important}.referans_section .owl-controls{display:none!important}.referans_section .text{width:30%;position:relative}.referans_section .text h3{color:#fff;font-size:26px;margin-top:21px;margin-bottom:0;position:relative}.referans_section .text h4{position:absolute;opacity:.3;color:#0d387e;font-size:25px;font-weight:900;left:-130px;top:-20px;display:none}.referans_section .referans{width:100%}
.news-section {
padding: 40px 0 20px;
border-top: 2px solid #eee;
top: 30px;
position: relative;
}
.news-block {
position: relative;
margin-bottom: 40px
}
.news-block .inner-box {
position: relative;
-webkit-box-shadow: 0 0 15px 0 rgba(219, 219, 219, 1);
-moz-box-shadow: 0 0 15px 0 rgba(219, 219, 219, 1);
box-shadow: 0 0 15px 0 rgba(219, 219, 219, 1)
}
.news-block .inner-box .image {
position: relative
}
.news-block .inner-box .image img {
position: relative;
width: 100%;
display: block
}
.news-block .inner-box .lower-content {
position: relative;
text-align: center;
padding: 35px 15px 35px
}
.news-block .inner-box .lower-content h3 {
position: relative;
font-size: 24px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 12px
}
.list-unstyled {top: 10px;
position: relative;}
.news-block .inner-box .lower-content h3 a {
position: relative;
color: #222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease
}
.news-block .inner-box .lower-content h3 a:hover {
color: #ffb200
}
.news-block .inner-box .lower-content .text {
position: relative;
color: #666;
font-size: 14px;
line-height: initial;
margin-bottom: 20px
}
.news-block .inner-box .lower-content .post-meta {
position: relative
}
.news-block .inner-box .lower-content .post-meta li {
position: relative;
color: #666;
font-size: 13px;
margin-right: 15px;
display: inline-block
}
.news-block .inner-box .lower-content .post-meta li span {
position: relative;
margin-right: 8px;
color: #d16a1e;
}
.news-block-two {
position: relative;
margin-bottom: 30px
}
.news-section .news-block-two .inner-box {
position: relative
}
.news-section .news-block-two .inner-box .image-column {
position: relative
}
.news-section .news-block-two .inner-box .image-column .image {
position: relative
}
.news-section .news-block-two .inner-box .image-column .image img {
position: relative;
width: 100%;
display: block;
border: 1px solid #f3f3f3
}
.news-section .news-block-two .inner-box .content-column {
position: relative
}
.news-section .news-block-two .inner-box .content-column .inner-column {
position: relative;
padding: 12px 0 0 10px
}
.news-section .news-block-two .inner-box .content-column .inner-column h3 {
position: relative;
font-size: 20px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 15px
}
.news-section .news-block-two .inner-box .content-column .inner-column h3 a {
position: relative;
color: #222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease
}
.news-section .news-block-two .inner-box .content-column h3 a:hover {
color: #ffb200
}
.news-section .news-block-two .inner-box .content-column .text {
position: relative;
color: #666;
font-size: 14px;
line-height: initial;
margin-bottom: 20px
}
.news-section .news-block-two .inner-box .content-column .post-meta {
position: relative;
padding-left: 0
}
.news-section .news-block-two .inner-box .content-column .post-meta li {
position: relative;
color: #666;
font-size: 13px;
margin-right: 10px;
display: inline-block
}
.news-section .news-block-two .inner-box .content-column .post-meta li span {
position: relative;
margin-right: 8px;
color: #d16a1e
}
.news-section .column {
padding: 0 20px
}
.news-section .section-title {
position: relative;
margin-bottom: 60px;
width: 40%;
margin-left: auto;
margin-right: auto
}
.news-section .section-title::after {
content: " ";
width: 80px;
height: 2px;
position: absolute;
background:#d47431;
display: block;
left: 0;
right: 0;
margin: auto
}
.news-section .section-title span {
font-size: 13px;
line-height: 23px;
letter-spacing: 1px;
color: #d16a1e;
text-transform: uppercase;
font-weight: 600;
font-style: normal
}
.news-section .section-title h3 {
font-size: 35px;
line-height: 50px;
letter-spacing: 0;
color: #0d387e;
text-transform: none;
font-weight: 500;
font-style: normal
}
.news-section .link {
text-align: center;
margin-top: 40px
}
.service_section{margin-top: 4rem;
background-color: #f2f2f2;
height: 300px;
margin-bottom: 250px;    background: url(../images/food.jpg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed}.service_section .content{position:relative}.service_section .content>h3{top: 28px;
position: relative; text-align:center;font-size:35px;font-weight:500;color:#000}.service_section .content h2{    top: 29px;
position: relative;text-align:center;font-weight:400;font-size:16px;color:#000;margin-bottom:40px}.service_section .product_carousel .item img{width:100%;margin-top:8px}.service_section .item{width:96%;box-shadow:0 2px 20px 0 rgba(0,0,0,.05);margin-bottom:10px;margin-top:10px;margin-right:auto;margin-left:auto}.service_section .item .img{overflow:hidden;transition:opacity .3s ease-out,transform .3s cubic-bezier(.19,1,.22,1)}.service_section .item .img:hover img{transform:scale(1.1);transition:opacity .3s ease-out,transform 2s cubic-bezier(.19,1,.22,1)}.service_section .item .img img{width:100%;transition:opacity .3s ease-out,transform 2s cubic-bezier(.19,1,.22,1)}.service_section .item .text{padding-top:10px;padding-bottom:10px;padding-left:10px;background-color:#fff;padding-right:10px;position:relative}

.service_section .item .text:after{content:" ";width:100%;height:0;transition:.5s;display:block;position:absolute;bottom:0;left:0;background:#ea3636}.service_section .item:hover .text:after{height:100%;transition:.3s}.service_section .item .text h3{ text-align: center;   font-size:16px;font-weight:700;margin-bottom:0;transition:.3s;z-index:9;position:relative;color:#000}.service_section .item:hover .text h3{transition:.3s;color:#fff}.service_section .item .text span{font-size:13px;color:#e71533;font-weight:600;display:block;padding-top:7px;transition:.3s;z-index:9;position:relative}.service_section .item:hover .text span{transition:.3s;color:#fff}.product_section .link{text-align:center;margin-top:30px}.product_section .link a{padding:10px 30px;background-color:#769d48;display:inline-block;font-size:15px;color:#fff;transition:.3s}.product_section .link a:hover{transition:.3s;background-color:#444343}.service_section .owl-nav{position:absolute;top:35%;width:100%}.service_section .owl-nav button{width:50px;height:50px;line-height:0!important;border-radius:0;font-size:30px!important;transition:.3s;border:2px solid #eee!important;color:#fff
!important}.service_section .owl-nav button:hover{background-color:#e71533!important;border:2px solid #e71533!important;transition:.3s;color:#fff!important}
.service_section .owl-nav button:first-child{    position: absolute;    background-color: #ea3636;
left: 90%;
top: -200px;}
@media (max-width: 600px) {
.service_section .owl-nav button:first-child{    position: absolute;    background-color: #ea3636;
left: 74%;
top: -200px;}
}
.service_section .owl-nav button:last-child{    position: absolute;    background-color: #ea3636;
right: 1px;
top: -199px;}.about_us{padding-top:4rem}.about_us .image_section img{width:97%}.about_us .detay_section h2{padding-bottom:20px;font-weight:600;font-size:24px}.about_us .detay_section span{color:#e71533;margin-bottom:12px;display:block;text-transform:uppercase;font-size:35px;font-weight:800}
/* about us */
.features-boxes {
position: relative;
padding-top: 5rem;
padding-bottom: 5rem;
}
.features-boxes::before{
content: " ";
left: 0;
top: 0;
position: absolute;
width: 33%;
height: 100%;
background-image: url(https://www.erok.com.tr/point.jpg);
}
@media (max-width: 575px) {
.features-boxes .features-boxes-loop {
margin-top: 50px;
}
}
.features-boxes .features-boxes-loop .feature-box {
background-color: #fff;
-webkit-box-shadow: 0px 10px 20px 0px rgba(155, 180, 204, 0.06);
box-shadow: 0px 10px 20px 0px rgba(155, 180, 204, 0.06);
padding: 30px 35px;
margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.features-boxes .features-boxes-loop .feature-box {
padding: 30px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.features-boxes .features-boxes-loop .feature-box {
padding: 30px 20px;
}
}
@media (max-width: 399px) {
.features-boxes .features-boxes-loop .feature-box {
padding: 30px 20px;
}
}
.features-boxes .features-boxes-loop .feature-box h4 {
text-transform: uppercase;
margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.features-boxes .features-boxes-loop .feature-box h4 {
font-size: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.features-boxes .features-boxes-loop .feature-box h4 {
font-size: 20px;
}
}
@media (max-width: 399px) {
.features-boxes .features-boxes-loop .feature-box h4 {
font-size: 20px;
}
}
.features-boxes .features-boxes-loop .feature-box h4 i {
color: #eb120a;
margin-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.features-boxes .features-boxes-loop .feature-box h4 i {
margin-right: 5px;
}
}
@media (max-width: 399px) {
.features-boxes .features-boxes-loop .feature-box h4 i {
margin-right: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.features-boxes .gap-for-img {
height: 215px;
width: 100%;
}
}
@media (max-width: 575px) {
.features-boxes .gap-for-img {
height: 130px;
width: 100%;
}
}
@media (max-width: 399px) {
.features-boxes .gap-for-img {
display: none;
}
}
.features-boxes .feature-img {
position: absolute;
left: 50%;
bottom: 120px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.features-boxes .feature-img {
bottom: 150px;
max-width: 385px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.features-boxes .feature-img {
bottom: 42%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
max-width: 290px;
}
}
@media (max-width: 575px) {
.features-boxes .feature-img {
bottom: 45%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
max-width: 200px;
}
}
@media (max-width: 399px) {
.features-boxes .feature-img {
display: none;
}
}
@media (max-width: 575px) {
.features-boxes .section-title {
padding-left: 35px;
}
}
@media (max-width: 399px) {
.features-boxes .section-title {
padding-left: 20px;
}
}
.section-title span.title-tag {
text-transform: uppercase;
font-weight: 700;
color: #d2691e;
font-family: "Oswald", sans-serif;
line-height: 1;
font-size: 16px;
display: inline-block;
margin-bottom: 20px;
position: relative;
}
.section-title.left-border span.title-tag {
padding-left: 50px;
}
.section-title.left-border span.title-tag::before {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
width: 30px;
background-color: #d2691e;
content: '';
}
.section-title.both-border span.title-tag {
padding-left: 50px;
padding-right: 50px;
}
.section-title.both-border span.title-tag::before, .section-title.both-border span.title-tag::after {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
width: 30px;
background-color: #6ebd44;
content: '';
}
.section-title.both-border span.title-tag::after {
left: auto;
right: 0;
}
.section-title h2 {
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2;
letter-spacing: -1px;
color: #214688;
}
.feature-text p{
color: #757575;
font-size: 15px;
text-align: justify;
display: block;
}
.feature-text strong{
margin-bottom: 10px;
display: block;
}
.product_section {
padding-bottom: 4rem;
background-size: cover;
background-repeat: no-repeat;
position: relative;
margin-top: 3rem;
background-position: left;
margin-bottom: 4rem;
background-color: #fbfbfb;
padding-top: 4rem
}
.news_section {
padding-bottom: 4rem;
background-size: cover;
background-repeat: no-repeat;
position: relative;
margin-top: 0rem;
background-position: left;
padding-top: 4rem
}
.product_section .title {
text-align: center;
padding-bottom: 40px
}
.product_section .title h3 {
font-weight: 700;
font-size: 37px
}
.product_section .title h4.bg_text {
position: absolute;
top: -24px;
color: #F5F5F5;
font-size: 80px;
font-weight: 700;
text-transform: uppercase;
z-index: -1;
margin: 0 auto;
left: 0;
right: 0
}
.product_section .title p {
font-size: 14px;
color: #525252;
display: block;
position: relative
}
.product_section .title p:after {
content: "";
width: 80px;
height: 5px;
position: absolute;
bottom: 0;
left: 0;
background-color: #ed1a23;
margin: 0 auto;
right: 0;
top: 37px
}
.product_section .product_slider {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.product_section .product_slider .item {
width: 32%;
margin-top: 30px
}
.product_section .item .content {
background-color: #fff;
padding-bottom: 0;
overflow: hidden
}
.product_section .item .content .img {
width: 100%;
height: 240px;
overflow: hidden;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
position: relative;
transition: 0.5s
}
.product_section .item .content .img:after {
background-color: #000000a1;
content: " ";
width: 100%;
height: 100%;
position: absolute;
transition: 0.5s;
opacity: 0
}
.product_section .item:hover .content .img:after {
opacity: 1;
transition: 0.8s
}
.product_section .item:hover .content .img {
transform: scale(1.2) rotate(1deg);
transition: 0.5s
}
.product_section .item .content .img .link {
position: absolute;
z-index: 9999;
background: #eb7b24;
left: 0;
right: 0;
top: 90px;
bottom: 0;
margin: 0 auto;
width: 60px;
height: 60px;
text-align: center;
opacity: 0;
transition: 0.5s
}
.product_section .item:hover .content .img .link {
opacity: 1;
transition: 0.5s
}
.product_section .item .content .img .link a {
font-size: 36px;
color: #fff;
padding-top: 4px;
display: block
}
.product_section .item .content .text {
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
background-image: url(images/t21.png);
background-size: contain;
background-position: right;
background-repeat: no-repeat;
position: relative
}
.product_section .item .content .text:after {
content: " ";
position: absolute;
bottom: 0;
width: 100%;
background: #d2252c;
height: 2px;
left: 0;
transition: 0.5s
}
.product_section .item:hover .content .text:after {
height: 100%;
transition: 0.5s
}
.product_section .item:hover .content .text h3 a {
color: #fff;
transition: 0.5s
}
.product_section .item:hover .content .text p {
color: #fff;
transition: 0.5s
}
.product_section .item .content .text h3 {
font-size: 19px;
font-weight: 700;
z-index: 9;

transition: 0.5s;
position: relative
}
.product_section .item .content .text h3 a {
color: #000;
font-weight: 700;
font-size: 19px;
z-index: 9999;
transition: 0.5s
}
.product_section .item .content .text span {
z-index: 9999;
font-size: 15px;
font-weight: 400;
display: inline-block;
color: #fff;
background: #d2252c;
z-index: 99;
top: -27px;
position: relative;
padding: 4px 10px;
box-shadow: 0 3px 12px rgba(0, 0, 0, .23)
}
.product_section .item .content .text p {
color: #9b9b9b;
font-size: 14px;
font-weight: 400;
transition: 0.5s;
z-index: 9;
position: relative
}
.product_section .item .content .view_product {
display: block;
margin-right: 21px;
margin-left: 21px;
margin-bottom: 21px;
border-top: 2px solid #e4e4e4
}
.product_section .item .content .view_product a {
display: block;
padding: 18px 15px;
transition: 0.5s;
text-align: center
}
.product_section .item .content .view_product a:hover {
background-color: #001040;
transition: 0.5s
}
.product_section .item .content .view_product a span {
font-size: 18px;
color: #000;
font-weight: 600
}
.product_section .item .content .view_product a i {
display: inline-block;
width: 27px;
height: 27px;
line-height: 29px;
border-radius: 50%;
text-align: center;
background-color: #001040;
color: #fff;
margin-left: 5px
}
.product_section .link-box {
text-align: center;
display: block;
width: 100%;
margin-top: 50px
}






.services .icon-box {
  text-align: center;
  border: 1px solid #ebebeb;
  padding: 80px 20px;
  transition: all ease-in-out 0.3s;
  background: #fff;
  font-family:'Manrope', sans-serif;}

.services .icon-box .icon {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: #ea3636;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: 0.3s;
  font-family:'Manrope', sans-serif;
}

.services .icon-box .icon i {
  color: #ea3636;
  font-size: 28px;
  transition: ease-in-out 0.3s;
}

.services .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
  font-family:'Manrope', sans-serif;
}

.services .icon-box h4 a {
  color: #151515;
  transition: ease-in-out 0.3s;
}

.services .icon-box h4 a:hover {
  color: #ea3636;
  font-family:'Manrope', sans-serif;
}

.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
  font-family:'Manrope', sans-serif;
}

.services .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-10px);
}



.bx-file:before {
    content: url(../images/icon-01.png);
}

.bxl-dribbble:before {
   content: url(../images/icon-02.png);
}

.bx-tachometer:before {
     content: url(../images/icon-03.png);
}




.cta {
  background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../images/cta-bg.jpg") fixed center center;
  background-size: cover;
  padding: 60px 0;
}

.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.cta p {
  color: #fff;
}

.cta .cta-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 4px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.cta .cta-btn:hover {
  background: #ea3636;
  border-color: #fff;
  color: #151515;
}



.recent-blog-posts .post-item {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.06);
  transition: 0.3s;
}

.recent-blog-posts .post-item .post-img img {
  transition: 0.5s;
}

.recent-blog-posts .post-item .post-date {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--color-primary);
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  padding: 6px 12px;
  font-weight: 500;
}

.recent-blog-posts .post-item .post-content {
  padding: 30px;
}

.recent-blog-posts .post-item .post-title {
  font-size: 24px;
  color: var(--color-secondary);
  font-weight: 700;
  transition: 0.3s;
  margin-bottom: 15px;
}

.recent-blog-posts .post-item .meta i {
  font-size: 16px;
  color: var(--color-primary);
}

.recent-blog-posts .post-item .meta span {
  font-size: 15px;
  color: #838893;
}

.recent-blog-posts .post-item hr {
  color: #888;
  margin: 20px 0;
}

.recent-blog-posts .post-item .readmore {
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  transition: 0.3s;
  color: #838893;
}

.recent-blog-posts .post-item .readmore i {
  line-height: 0;
  margin-left: 6px;
  font-size: 16px;
}

.recent-blog-posts .post-item:hover .post-title,
.recent-blog-posts .post-item:hover .readmore {
  color: var(--color-primary);
}

.recent-blog-posts .post-item:hover .post-img img {
  transform: scale(1.1);
}

.section-header h2 {
    font-size: 32px;
    font-weight: 700;
    position: relative;
    color: #2e3135;
}

.section-header h2:before {
    margin: 0 15px 10px 0;
}
.section-header h2:before, .section-header h2:after {
    content: "";
    width: 50px;
    height: 2px;
    background: var(--color-primary);
    display: inline-block;
}

.section-header h2:after {
    margin: 0 0 10px 15px;
}
.section-header h2:before, .section-header h2:after {
    content: "";
    width: 50px;
    height: 2px;
    background: var(--color-primary);
    display: inline-block;
}

.section-header {
    text-align: center;
    padding-bottom: 70px;
}



.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:12px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:0.3em 1em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}