body {
    direction: ltr;
    text-align: left;
    font-family: arial;
}
h1 , h2 , h3 , h4 , h5 , h6 {

font-family: arial !important;

font-weight: bold !important;
}
.lang-switch .current-lang::before {
    right: 2px;
}

.lang-switch {
    margin-right: 6px;
    margin-left: 0;
}

.menu li {
    padding: 0 24px 0px 8px;
}
.menu li.current-menu-item a:before {
    margin-left: 0;
    margin-right: 4px;
}

    .parallax-container {
      position: absolute;
      width: 580px;
      height: 540px;
      perspective: 1200px;
      overflow: hidden;
      border-radius: 20px;
      transform-style: preserve-3d;
      top: -40px;
      right: 0;
    }

    .layer {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      transition: transform 0.15s ease-out;
      will-change: transform;
      pointer-events: none;
    }

    .layer.bg {
      background: url("../images/bnren.png") no-repeat;
      z-index: 1;
       background-size: 430px;lo
       width: 430px;
       height: 500px;
       left: 90px;
    }

    .layer.main {
      background: url("../images/bnr1en.png") no-repeat;
      z-index: 2;
       background-size: 430px;
       width: 430px;
       height: 500px;
              left: 90px;

    }

    .layer.particles {
      background: url("../images/bnr2en.png") no-repeat;
      opacity: 0.7;
      z-index: 3;
      mix-blend-mode: screen;
       background-size: 430px;
       width: 430px;
       height: 500px;
              left: 90px;

    }

.banner-r h1 {
    font-size: 32px;
}

.banner-r h2 {
    font-size: 21px;
    padding-top: 0;
}

.banner-r p {
    font-size: 13px;
    margin-top: 12px;
}

.banner-button {
    margin-top: 20px;
}

a.button-2.btts {
    margin-left: 10px;
    margin-right: 0;
}

.btts a::before, a.btts:before {
    left: unset;
    right: 0;
}
.btst a:hover::before, a.btst:hover::before {
    width: 0%;
    left: unset;
    right: 0;
}

.banner-box {
    background-image: url(../images/bgbanneren.png);
    background-repeat: no-repeat;
    background-position: right;
}
.about-r img {
  transform: scaleX(-1);
  right: unset;
  left: -60px;
}

.about-l p {font-size: 13px;line-height: 30px;}

.about-l h2 {
    font-size: 32px;
}

.product-box:before {
    background: linear-gradient(to right, #fff 40%, var(--color1));
}

.product-img {
    border-radius: 16px 0px 0px 16px;
}

.product-img:before {
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    left: unset;
    right: 0;
}

.product-cta:before {
    transform: scaleX(-1);
    top: 5px;
}

.product-img:after {
    left: 0;
    right: unset;
    background: linear-gradient(
270deg, rgba(216, 175, 104, 0) 0%, #ed1c24 80%);
}

.product-text {
    line-height: 16px;
    font-size: 11px;
    padding-right: 10px;
}

.blog-title2 {
    left: unset;
    right: 0;
}

.tech-text {font-size: 14px;}

.tech-title {
    font-size: 17px;
}

.phone .phone1 {
    padding-left: 4px;
}
 .email span:before{
    right: unset;
    left: -8px;
}
.phone .phone1:before {
    right: unset;
    left: -5px;
}
 .address span:before {
    right: unset;
    left: -8px;
}
.email span {
    padding-right: unset;
    padding-left: 9px;
}

.address span {
    padding-right: unset;
    padding-left: 9px;
}

.address p {
    padding: 0px 0px 0px 18px;
}

.email p {
    padding-right: unset;
    padding-left: 29px;
}

.phone .phone2 {
    padding-right: unset;
    padding-left: 18px;
}

.logo-f p {
    line-height: 23px;
}

.information {
    padding-right: unset;
    padding-left: 80px;
}
#scrollTopBtn .arrow::after {
    left: unset;
    right: 0px;
}

#scrollTopBtn .arrow::before {
    left: 10px;
}
.bl-footer p {
    padding-right: unset;
    padding-left: 21px;
}

.bl-footer p:before {
    left: 0;
}

.bl-footer span:before {
    transform: scaleX(-1);
    left: unset;
    right: 0;
}

.bl-footer span {
    padding-right: 12px;
    padding-left: 0;
}

.yoast_breadcrumb a {
    padding-left: unset;
    padding-right: 15px;
    margin-left: unset;
    margin-right: 8px;
}

.yoast_breadcrumb {
    direction: ltr;
}

.yoast_breadcrumb a::before {
    left: unset;
    right: 0;
}
.col-lg-6.social-r {text-align: left;}

.social-r p {
    padding-left: unset;
    padding-right: 9px;
}

.social-l {
    text-align: right;
}

.social-l ul.socials {
    padding-right: unset;
    padding-left: 0px;
}

.contact-head {
    padding-right: unset;
    padding-left: 66px;
}

.field label {
    text-align: left;
}

.field input , .field textarea {
    text-align: left !important;
}



.sidbar-box1 ul li {
    text-align: left;
    padding-left: 5px;
}

.sidbar-box1 ul li:before {
    transform: scaleX(-1);
    right: unset;
    left: -5px;
}

.popblog .pop-text {
    padding-left: 10px;
    padding-right: unset;
}

.pagination-wrap a:before {
    transform: rotate(180deg);
}
a.prev.page-numbers:before {
    transform: unset;
}

.offcanvas-mobile {
    left: -100% !important;
    transition: left .3s 
ease;
}

.offcanvas-mobile.open {
    left: 0 !important;
    right: unset;
}

.offcanvas-mobile .close-btn {
    left: unset;
    right: 13px;
}

.open_menu {
    left: -100%;
    right: unset;
}

.opened {
    right: unset;
    left: 0;
}

.menu-content .menu-btn svg {
    right: 20px;
    left: unset;
}


.single-text p {
    text-align: left;
}

.namecomment {float: left;}

.datecomment {
    float: right;
    padding-left: 20px;
    padding-right: unset;
}

.reply {
    text-align: right;
}



.blog-box .bl1 {
    height: 38px;
}



.datefact .datef:before , .datefact .cat:before {
    right: unset;
    left: 0;
}

.datef p , .cat p {
    padding-right: unset;
    padding-left: 20px;
}

.datefact .cat {
    padding-right: 20px;
}


.singlepr-left .title2:before {
    display: none;
}

.product-specs .spec-label:before {
    background: linear-gradient(to left, #ffffff 40%, var(--color1));
}

.product-specs .spec-label {
    border-radius: 10px 0px  0px  10px;
}

.product-specs .spec-value:before {
    background: linear-gradient(to right, #ffffff 40%, var(--color1));
}

.product-specs .spec-value {
    border-radius: 0px 10px 10px 0px;
}
.sidbar-box1 li.has-sub > a::after {
    left: unset;
    right: -10px;
}
.product-box2 a:after {right: unset;left: -14px;}

.prt-footer .more {
    padding-right: unset;
    padding-left: 38px;
}

.more i {
    right: unset;
    left: 3px;
}
.product-box2:hover a:after {left: -40px;}
.specs-rows {
    direction: ltr;
}
.menu ul ul {
    right: unset;
    left: 0;
}

.menu ul > li.menu-item-has-children > a::after {
    left: 5px;
}

.menu ul li:hover > a::after {
    left: 3px;
}
span.menu-icon:before {
    transform: scaleX(-1);
}
.blog-img:before {
    background: url(../images/logoen.png) no-repeat;
}
.float-btn {left: 20px;right: unset;}
#scrollTopBtn {right: unset;left: 25px;}














@media only screen and (max-width: 768px){
    .footer-box:before{
        width: 100%;
    }
    footer {
    overflow: hidden;
}

div#parallax {
    position: relative;
    width: 100%;
    top: 40px;
    height: 440px;
}

.layer.bg, .layer.main , .layer.particles {
    background-size: 100%;
    width: 100%;
    left: 0;
}

.benefit-text {
    height: 70px;
}

h3.benefit-title {
    height: 40px;
}

.about-r img {
    left: 0;
    right: 0;
    margin:  auto;
}

.information {
    padding-left: 15px;
    padding-right: 15px;
}



}

@media only screen and (max-width: 450px) {
        div#parallax {
        position: absolute;
        width: 320px;
        top: 30px;
        height: 360px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .banner-box {
    height: 765px;
    background-position: -520px;
    background-size: 280%;
}
    
}
@media only screen and (max-width: 400px) {
        div#parallax {
        position: absolute;
        width: 320px;
        top: 30px;
        height: 360px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .banner-box {
    height: 760px;
    background-position: -520px 170px !important;
}
    
}

@media only screen and (max-width: 380px) {
        div#parallax {
        position: absolute;
        width: 252px;
        top: 30px;
        height: 360px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .banner-box {
    height: 760px;
}
    
}

p.contact-value {
    font-family: arial;
    font-weight: 700;
}

.contact-value2 {
    font-size: 13px;
    font-family: arial;
    font-weight: 700;
}
.single-text ul li , .single-text ol li {
    padding-left: 18px;
    padding-right: 0;
}

.single-text ul li:before , .single-text ol li:before {
    left: 0;
    right: unset;
}