@charset "utf-8";
/* FONTS */
    @import url('https://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900&display=swap&subset=latin-ext');
    /*font-family: 'Exo', sans-serif;*/
    /*@import url('../fonts/icomoon/style.css');*/
/* MODULE */
    @import url('../../categories/css.css');
    @import url('../../dealers/css.css');
    @import url('../../products/css.css');
    @import url('../../productcontents/css.css');
    @import url('../../elements/css.css');
    @import url('../../forms/css.css');
    @import url('../../search/css.css');
    @import url('../../blog/css.css');
    @import url('../../landingpage/css.css');
/* RESET */
    *{margin:0px; padding:0px; border:none; outline:none; list-style:none; text-decoration:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
    *{font-family:'Exo', sans-serif;}
    code, kbd, pre, samp{font-family:'Exo', sans-serif !important;}
    *:before, *:after{box-sizing:inherit;}
    a, button{transition:.3s;}
    body{background:#FFF;}
    :root{
        --prime:#151a51;
        --blue:#151a51;
        --oblue:#4255ef;
        --red:#E01F27;
        --black:#221E1F;
    }
    @media only screen and (max-width:767px){
        body{overflow-x:hidden;}
    }
/* HEADER */
    .header-main{width:100%; height:90px; position:relative; z-index:1000; background:#FFF;}
    .header-main.noshadow .header{box-shadow:none;}
    .header-main .header{display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; position:relative; left:0px; top:0px; z-index:1000;}
    .header-main .header .logo{display:flex; flex-wrap:nowrap; align-items: flex-end; position:relative; margin:15px 0px;}
    .header-main .header .logo .icon{height:60px; float:left;}
    .header-main .header .logo .font{height:40px; float:left; margin-left: .5rem;}
    .header-main .header .mainmenu{display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end;}
    .header-main .header .mainmenu .mli{height:90px; display:flex; flex-wrap:wrap; align-items:center; position:relative; margin-left:1.5rem;}
    .header-main .header .mainmenu .mli.active:before{content:''; width:100%; height:4px; background:var(--oblue); position:absolute; bottom:0px; left:0px;}
    .header-main .header .mainmenu .mlia{display:flex; flex-wrap:wrap; font-size:16px; color:var(--black); align-items:center; padding:1rem 0px}
    .header-main .header .mainmenu .mli:hover .mlia{color:var(--blue);}
    .header-main .header .mli.active .mlia{color:var(--blue); font-weight:600;}
    .header-main .header .mainmenu .mlisub{position:absolute; left:0; top:80px; z-index:10000; display:none; flex-wrap:wrap; -webkit-transition:0.3s; transition:0.3s; width:212px; box-shadow:0 9px 14px 0 rgba(0, 0, 0, 0.29); background-color:#F5F6FA;}
    .header-main .header .mainmenu .mli:hover .mlisub{display:flex;}
    .header-main .header .mainmenu .mlisubli{display:flex; width:100%; flex-wrap:wrap; border-top:solid 1px rgba(28,44,89,.1); position:relative; margin:0;}
    .header-main .header .mainmenu .mlisubli:first-child{border-top:none;}
    .header-main .header .mainmenu .mlisublia{width:100%; display:flex; flex-wrap:wrap; font-size:.9rem; line-height:1.25rem; color:var(--black); padding:.75rem 1.5rem;}
    .header-main .header .mainmenu .mlisubli:hover .mlisublia{background-image:linear-gradient(to right, #40579b, #1C2C59); color:#FFF;}
    .header-main .header .mainmenu .mlisubli ul{display:none; flex-wrap:wrap; width:220px; position:absolute; left:212px; top:0px; box-shadow:0 9px 14px 0 rgba(0, 0, 0, 0.29); background-color: #F5F6FA;}
    .header-main .header .mainmenu .mlisubli:hover .mlisubul{display:flex;}
    .header-main .header .mainmenu .mlisubli ul li{display:flex; width:100%; flex-wrap:wrap; border-top:solid 1px rgba(28,44,89,.1); position:relative; margin:0;}
    .header-main .header .mainmenu .mlisubli ul li:first-child{border-top:none;}
    .header-main .header .mainmenu .mlisubli ul li a{width:100%; display:flex; flex-wrap:wrap; font-size:.875rem; line-height:1.25rem; color:var(--black); padding:.5rem .75rem;}
    .header-main .header .mainmenu .mlisubli ul li:hover .mlisubullia{background-image:linear-gradient(to right, #40579b, #1C2C59); color:#FFF;}

    .header-main .header .mainmenu .mlisubli ul li ul{display:none; flex-wrap:wrap; width:180px; position:absolute; left:220px; top:0px; box-shadow:0 9px 14px 0 rgba(0, 0, 0, 0.29); background-color: #F5F6FA;}
    .header-main .header .mainmenu .mlisubli ul li:hover ul{display:flex;}
    .header-main .header .mainmenu .mlisubli ul li ul li{display:flex; width:100%; flex-wrap:wrap; border-top:solid 1px rgba(28,44,89,.1); position:relative; margin:0;}
    .header-main .header .mainmenu .mlisubli ul li ul li:first-child{border-top:none;}
    .header-main .header .mainmenu .mlisubli ul li ul li a{width:100%; display:flex; flex-wrap:wrap; font-size:.875rem; line-height:1.25rem; color:var(--black); padding:.5rem .75rem;}
    .header-main .header .mainmenu .mlisubli ul li ul li a:hover{background-image:linear-gradient(to right, #40579b, #1C2C59); color:#FFF;}

    .header-main .header .mobilemenu{display:none; flex-wrap:wrap; align-items:center; width:2rem; margin:1.25rem 0px 0px 1rem;}
    .header-main .header .mobilemenu div{width:100%; height:.25rem; margin:.125rem 0px; border-radius:.125rem; background:#333;}
    .mm-menu{background:#EEE !important; border-left:solid 1px #AAA;}

    .header-main.scroll{position:fixed; box-shadow:0px 5px 10px 0px rgba(167, 167, 167, 0.29); background:rgba(250,250,250,.9);}
    .header-main.scroll{-webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
    @-webkit-keyframes fadeInDown {
        0%{opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px);}
        100%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}   
    }
    @keyframes fadeInDown {
        0%{opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px);}
        100%{opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
    }

    @media only screen and (max-width:768px){
        .header-main{height:60px;}
        .header-main .header .mainmenu{display:none;}
        .header-main .header .lang{display:none;}
        .header-main .header .mobilemenu{display:flex;}
        .header-main .header .logo{margin:10px 0px;}
        .header-main .header .logo .icon{height:40px; float:left;}
        .header-main .header .logo .font{height:30px; float:left; margin-left: .5rem;}
    }
/* MOBILEMENU */
    .mainmobilemenu{width:100%; height:100%; display:none; flex-wrap:wrap; justify-content:flex-end; position:fixed; left:0px; top:0px; background:rgba(0,0,0,.5); z-index:10001;}
    .mainmobilemenu.active{display:flex;}
    .mainmobilemenu .main{position:absolute; left:0px; top:0px; display:flex; flex-wrap:nowrap; flex-direction:column; width:80%; background:#FFF; position:relative; transform:translateX(100%); transition:transform 250ms ease-in-out;}
    .mainmobilemenu .main.active{transform:translateX(0);}
    .mainmobilemenu .main .close{display:flex; flex-wrap:wrap; justify-content:flex-end; width:100%; height:16px; padding:20px 20px 30px 20px; z-index:1002;}
    .mainmobilemenu .main .close a{width:16px; height:16px;}
    .mainmobilemenu .main .close a img{float:left; width:100%;}
    .mainmobilemenu .main ul{width:100%; display:flex; flex-wrap:wrap; align-items:flex-start;}
    .mainmobilemenu .main ul li{width:100%; display:flex; flex-wrap:wrap; padding:0px 16px;}
    .mainmobilemenu .main ul li a{width:100%; display:flex; flex-wrap:nowrap; justify-content:space-between; color:#333; font-size:1rem; line-height:44px;}
    .mainmobilemenu .main ul li ul{position:absolute; left:0px; top:0px; background:#FFF; border-left:solid 20px #CCC; width:100%; height:100%; padding-top:70px; display:flex; flex-wrap:wrap; align-content:flex-start; transform:translateX(100%); transition:transform 250ms ease-in-out;}
    .mainmobilemenu .main ul li.active ul.one{transform:translateX(0);}
    .mainmobilemenu .main ul li ul .back{width:100%; display:flex; flex-wrap:nowrap; justify-content:flex-start; color:#333; font-size:16px; line-height:1; padding:0px 20px 16px 20px;}
    .mainmobilemenu .main ul li ul .back img{margin-right:1rem;}
    .mainmobilemenu .main ul li ul li{padding:0px 16px 0px 60px;}
    .mainmobilemenu .main ul li ul li a{color:#333; font-size:.875rem; line-height:36px; padding:0px; font-weight:400 !important;}
    .mainmobilemenu .main ul li ul li.active ul.two{transform:translateX(0);}
    .mainmobilemenu .main ul li ul li ul{position:absolute; left:0px; top:0px; background:#FFF; border-left:solid 20px #BBB; width:100%; height:100%; padding-top:70px; display:flex; flex-wrap:wrap; align-content:flex-start; transform:translateX(100%); transition:transform 250ms ease-in-out;}
    .mainmobilemenu .main ul li ul li ul li{padding:0px 16px 0px 60px;}
    .mainmobilemenu .main ul li ul li ul li a{color:#333; font-size:.875rem; line-height:36px; padding:0px; font-weight:400 !important;}
    .mainmobilemenu .main ul li ul li ul li.active ul.three{transform:translateX(0);}
    .mainmobilemenu .main ul li ul li ul li ul{position:absolute; left:0px; top:0px; background:#FFF; border-left:solid 20px #AAA; width:100%; height:100%; padding-top:70px; display:flex; flex-wrap:wrap; align-content:flex-start; transform:translateX(100%); transition:transform 250ms ease-in-out;}

    .mainmobilemenu .main .bottom{width:100%; position:absolute; left:0px; bottom:50px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; padding:0px 20px;}
    .mainmobilemenu .main .bottom .lang{display:flex; flex-wrap:wrap; position:relative;}
    .mainmobilemenu .main .bottom .lang a{display:flex; flex-wrap:nowrap; color:#333; font-size:14px; line-height:20px; font-weight:600;}
    .mainmobilemenu .main .bottom .lang img{float:left; margin-left:5px;}
    .mainmobilemenu .main .bottom .lang ul{position:absolute; left:0px; bottom:20px; z-index:1001; display:none; flex-wrap:wrap; border:solid 1px #EEE; padding:4px 0px; width:100px; border-radius:3px; box-shadow:0 2px 14px 0 rgba(0, 0, 0, 0.07);}
    .mainmobilemenu .main .bottom .lang:hover ul{display:flex;}
    .mainmobilemenu .main .bottom .lang ul li{display:flex; flex-wrap:wrap; padding:4px 0px;}
    .mainmobilemenu .main .bottom .lang ul li a{width:100%; color:#333; font-size:13px; font-weight:600; padding:0px 8px;}
/* FOOTER */
    .footer-main{width:100%; border-top: solid .5rem var(--oblue); background-color:#201f23; background:url(../images/bg.png) no-repeat; background-size: cover; background-position: center; position:relative;}
    .footer-main .corporate{width:100%; padding:4rem 0px; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start;}
    .footer-main .corporate .logo{width:200px; flex:200px 0 0; margin-top: -1.5rem; display:flex; flex-wrap:wrap; padding-right: 2rem;}
    .footer-main .corporate .logo img{width:100%; float: left;}
    .footer-main .corporate .infobox{width:100%; display:flex; flex-wrap:wrap;}
    .footer-main .corporate .infobox .title{width:100%; font-size:1.75rem; font-weight:700; color:rgba(255,255,255,1); letter-spacing:.05rem;}
    .footer-main .corporate .infobox .description{width:100%; font-size:1rem; line-height:2rem; color:rgba(255,255,255,.8); margin:.125rem 0 1rem; letter-spacing:.05rem;}
    .footer-main .corporate .infobox .phonetitle{width:100%; font-size:1.25rem; font-weight: 500; color:#CCC; margin-bottom: 0.25rem;}
    .footer-main .corporate .infobox .phone{width:100%; display:flex; flex-wrap:nowrap; align-items:center;}
    .footer-main .corporate .infobox .phone img{height:1.75rem; margin-right:1rem;}
    .footer-main .corporate .infobox .phone a{font-size: 1.5rem; color: #FFF; font-weight: 700; letter-spacing: .05rem;}
    .footer-main .corporate .infobox .phone a:hover{color:var(--oblue);}
    .footer-main .corporate .infobox .social{display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; margin-top: 1rem;}
    .footer-main .corporate .infobox .social li{display:flex; flex-wrap:wrap; margin-right:1rem;}
    .footer-main .corporate .infobox .social li a{display:flex; flex-wrap:wrap;}
    .footer-main .corporate .infobox .social li a i{width:1.5rem; height:1.5rem; background-size: cover !important;}
    .footer-main .corporate .infobox .social li a i.facebook{background:url(../images/social-facebook.svg) no-repeat;}
    .footer-main .corporate .infobox .social li a i.twitter{background:url(../images/social-twitter.svg) no-repeat;}
    .footer-main .corporate .infobox .social li a i.instagram{background:url(../images/social-instagram.svg) no-repeat;}
    .footer-main .corporate .infobox .social li a i.linkedin{background:url(../images/social-linkedin.svg) no-repeat;}
    .footer-main .corporate .submenu{width:200px; flex:0 0 200px; margin-right:4rem; display:flex; flex-wrap:wrap;}
    .footer-main .corporate .submenu li{width:100%; display:flex; flex-wrap:wrap; margin-bottom:1.5rem;}
    .footer-main .corporate .submenu li a{font-size:1.25rem; font-weight: 600; color:#FFF;}
    .footer-main .corporate .submenu li a:hover{color:var(--oblue);}
    @media only screen and (max-width:768px){
        .footer-main .corporate{padding:2rem 1.25rem 1rem; flex-wrap:wrap;}
        .footer-main .corporate .infobox{width:100%; padding:0px; margin-bottom:2rem;}
        .footer-main .corporate .submenu{width:50%; flex:0 0 50%; margin-left:0rem;}
        .footer-main .corporate .submenu li{margin-bottom:1rem;}
    }
    @media only screen and (max-width:767px){
        .footer-main .corporate{padding:1.25rem;}
        .footer-main .corporate .infobox{display:none;}
        .footer-main .corporate .submenu{width:100%; flex:0 0 100%;}
        .footer-main .corporate .submenu li{justify-content:center; margin-bottom:1.25rem;}
    }
/* NOTFOUND */
    .notfound{width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:9rem 0px;}
    .notfound .center{width:380px; display:flex; flex-wrap:wrap; justify-content:center;}
    .notfound .center img{width:100%; float:left;}
    .notfound .center p{width:100%; text-align:center; margin-bottom:.25rem; font-size:2rem; margin:1rem 0px; color:var(--black)}
    .notfound .center a{width:100%; display:flex; flex-wrap:wrap; justify-content:center; font-size:1.125rem; background:var(--red); color:#FFF; line-height:3.5rem; border-radius:.125rem;}
    .notfound .center a:hover{background:var(--black);}
    @media only screen and (max-width:767px){
        .notfound .center{width:100%; padding:0px 5%;}
        .notfound .center p{width:100%; font-size:1.5rem;}
        .notfound .center a{font-size:1rem;}
    }
/* GENERAL :: Text */
    .generaltext{width:100%; color:#333;}
    .generaltext h1, .generaltext h2, .generaltext h3, .generaltext h4, .generaltext h5, .generaltext h6{line-height:1.75; color:var(--black); font-weight:700;}
    .generaltext h1{font-size:1.4rem;}
    .generaltext h2{font-size:1.3rem;}
    .generaltext h3{font-size:1.2rem;}
    .generaltext h4{font-size:1.1rem;}
    .generaltext h5{font-size:1.0rem;}
    .generaltext p{font-size:.9rem; line-height:2; color:var(--black); margin-bottom:1rem;}
    .generaltext img{max-width:100%; float:left;}
    .generaltext b, .generaltext strong{font-weight:700; color:var(--blue);}
    .generaltext a{font-size:.9rem; line-height:2; color:var(--blue);}
    .generaltext a:hover{text-decoration:underline;}
    .generaltext ul{width:100%; padding-left:25px;}
    .generaltext ul li{width:100%; font-size:.9rem; line-height:2; color:var(--black); margin-top:.25rem; list-style:disc;}
/* GENERAL :: Pagination */
    .pagination{width:100%; margin:10px 0px; display:flex; flex-wrap:wrap; justify-content:center;}
    .pagination ul{border:solid 1px #D2D2D2; display:flex; flex-wrap:wrap; border-radius:0.2rem; background:#FFF; overflow:hidden;}
    .pagination li{display:flex;}
    .pagination a, .pagination span{border-left:solid 1px #D2D2D2; text-align:center; color:#FFF;}
    .pagination li:first-child a{border-left:none;}
    .pagination a:hover{background:var(--grey);}
    .pagination .active{background:var(--black); color:#FFF;}
    .pagination.small a, .pagination.small span{min-width:30px; height:30px; line-height:30px; font-size:1rem;}
    .pagination.medium a, .pagination.medium span{min-width:35px; height:35px; line-height:35px; font-size:1.1rem;}
/* GENERAL :: LINK BUTTON */
    .link-button{transition:all 0.3s ease; display:flex; flex-wrap:wrap; border-radius:.25rem; border:solid 1px;}
    .link-button.small{line-height:1.5rem; padding:0px 1.5rem; font-size:0.75rem;}
    .link-button.medium{line-height:2rem; padding:0px 2rem; font-size:1rem;}
    .link-button.large{line-height:2.5rem; padding:0px 2.5rem; font-size:1.25rem;}
    .link-button.prime{color:#FFF; background:var(--prime); border-color:var(--prime);}
    .link-button.prime:hover{border-color:var(--prime); color:var(--prime);}
    .link-button.black{color:#FFF; background:var(--black);}
    .link-button.black:hover{border-color:var(--black); color:var(--black);}
    .link-button.white{color:#333; background:#FFF; border-color:#FFF;}
    .link-button.white:hover{border-color:#FFF; color:#FFF;}
    .link-button.blue{color:#FFF; background:var(--blue); border-color:var(--blue);}
    .link-button.blue:hover{border-color:var(--blue); color:var(--blue);}
    .link-button.green{color:#FFF; background:var(--green); border-color:var(--green);}
    .link-button.green:hover{border-color:var(--green); color:var(--green);}
    .link-button.red{color:#FFF; background:var(--red); border-color:var(--red);}
    .link-button.red:hover{border-color:var(--red); color:var(--red);}
    .link-button:hover{background:transparent;}
/* GENERAL :: LINK BORDER */
    .link-border{transition:all 0.3s ease; display:flex; flex-wrap:wrap; border-radius:.25rem; border:solid 1px;}
    .link-border i{margin-right:.5rem;}
    .link-border.small{line-height:1.5rem; padding:0px 1.5rem; font-size:0.75rem;}
    .link-border.small i{line-height:1.75rem; font-size:1rem;}
    .link-border.medium{line-height:2rem; padding:0px 2rem; font-size:1rem;}
    .link-border.large{line-height:2.5rem; padding:0px 2.5rem; font-size:1.25rem;}
    .link-border.prime{border-color:var(--prime); color:var(--prime);}
    .link-border.prime:hover{color:#FFF; background:var(--prime);}
    .link-border.black{border-color:var(--black); color:var(--black);}
    .link-border.black:hover{color:#FFF; background:var(--black);}
    .link-border.white{border-color:#FFF; color:#FFF;}
    .link-border.white:hover{color:var(--black); background:#FFF;}
    .link-border.blue{border-color:var(--blue); color:var(--blue);}
    .link-border.blue:hover{color:#FFF; background:var(--blue);}
    .link-border.green{border-color:var(--green); color:var(--green);}
    .link-border.green:hover{color:#FFF; background:var(--green);}
    .link-border.red{border-color:var(--red); color:var(--red);}
    .link-border.red:hover{color:#FFF; background:var(--red);}
/* GENERAL :: LINK TETX */
    .link-text{transition:all 0.3s ease; display:flex; flex-wrap:wrap; align-items:center;}
    .link-text i{width:10px; height:15px; margin-left:.5rem; background: url(../images/left-arrow.svg) no-repeat;}
    .link-text.small{line-height:1rem; font-size:.8rem;}
    .link-text.medium{line-height:1.2rem; font-size:1rem;}
    .link-text.large{line-height:1.4rem; font-size:1.2rem;}
    .link-text.prime{color:var(--prime);}
    .link-text.black{color:var(--black);}
    .link-text.white{color:#FFF;}
    .link-text.blue{color:var(--blue);}
    .link-text.green{color:var(--green);}
    .link-text.red{color:var(--red);}
    .link-text:hover{color:var(--red);}
/* GENERAL :: Popup */
    .generalpopup{position:fixed; width:100%; height:100vh; top:0px; left:0px; display:none; overflow-y:scroll; background:rgba(0,0,0,0.6); z-index:99999;}
    .generalpopup .popupcontent{width:100%; height:100%; padding:3% 10%; display:flex; justify-content:center; align-items:center;}
    .popupclose{width:2rem; height:2rem; background:#333; color:#FFF; line-height:2rem; text-align:center; font-size:1rem; border-radius:50px; position:absolute; right:1rem; top:1rem;}
    @media only screen and (max-width:767px){
        .generalpopup .popupcontent{width:100%; height:100%; padding:10%;}
    }
/* GENERAL :: Message */
    .generalmessage{display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,.25); z-index:10000;}
    .generalmessage-message{position:fixed; right:2rem; bottom:2rem; z-index:10000;}
    .generalmessage-message div{border-radius:.25rem; padding:.75rem; position:relative;}
    .generalmessage-message .error{border:solid 1px rgba(216,0,12,.5); background:rgba(255,186,186,.75); color:rgb(216,0,12);}
    .generalmessage-message .warning{border:solid 1px rgba(159,96,0,.5); background:rgba(254,239,179,.75); color:rgb(159,96,0);}
    .generalmessage-message .success{border:solid 1px rgba(34,119,0,.5); background:rgba(223,242,191,.75); color:rgb(34,119,0);}
    .generalmessage-message .info{border:solid 1px rgba(0,85,153,.5); background:rgba(187,238,255,.75); color:rgb(0,85,153);}
    .generalmessage-message div i{position:absolute; left:.5rem; top:.5rem; font-size:2rem; z-index:10001;}
    .generalmessage-message div p{padding-left:2.5rem; font-size:1rem; z-index:10002; display:flex; flex-wrap:wrap; align-items:center; font-family:'Nunito', sans-serif;}
/* CONFIRMATION */
    .confirmation{display:flex; flex-wrap:wrap; max-width:400px; padding:10px !important;}
    .confirmation .description{width:100%; font-size:1rem; margin-bottom:10px; padding:0px !important;}
    .confirmation .buttons{width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; padding:0px !important;}
    .confirmation .buttons a{margin-right:10px; font-size:12px; line-height:20px; padding:5px; display:flex; flex-wrap:wrap; border-radius:0.2rem;}
    .confirmation .buttons a span{font-size: 20px; margin-right:5px;}
    .confirmation .buttons a.success{background:rgba(47,187,47,.75); border:2px solid rgb(47,187,47); color:#333;}
    .confirmation .buttons a.success:hover{background:rgba(47,187,47,1);}
    .confirmation .buttons a.cancel{background:rgba(255,0,0,0.75); border:2px solid rgb(255,0,0); color:#FFF;}
    .confirmation .buttons a.cancel:hover{background:rgba(255,0,0,1);}
/* GENERAL Result Message */
    .resultmessage{display:none;}
    .resultmessage div{font-size:1.25rem; padding:1rem; border-radius:.25rem;}
    .resultmessage .error{color:#FF0000; border:dotted 1px rgba(255,0,0,0.5); background:rgba(255,0,0,0.01);}
    .resultmessage .warning{color:#FFFF00; border:dotted 1px rgba(255,255,0,0.5); background:rgba(255,255,0,0.01);}
    .resultmessage .success{color:#2FBB2F; border:dotted 1px rgba(47,187,47,0.5); background:rgba(47,187,47,0.01);}
/* PAGEUP */
    .pageup{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:fixed; z-index:1000; right:2rem; bottom:2rem; width:2rem; height:2rem; background:var(--darkgrey); border-radius:.25rem;}
    .pageup i{font-size:1rem; color:#FFF;}
    .pageup:hover{background:var(--prime);}
/* BG */
    .bg-image1{background:url(../images/bg-image1.png) no-repeat; background-size:cover; background-position:center; background-color:#f5f6fa;}
    .bg-image2{background:url(../images/bg-image2.png) no-repeat; background-size:cover; background-position:center; background-color:#f5f6fa;}

    .searchpopup{position:fixed; left:0px; top:0px; z-index:10000; width:100%; height:100%; background:rgba(255,255,255,.95); display:none; flex-wrap:wrap; justify-content:center; align-items:center;}
    .searchpopup.open{display:flex;}
    .searchpopup a{position:absolute; right:2rem; top:2rem;}
    .searchpopup a img{width:2rem; height:2rem;}
    .searchpopup form{width:80%; display:flex; flex-wrap:nowrap; position:relative;}
    .searchpopup form input{width:100%; background:none; font-size:3rem; color:var(--black);}
    .searchpopup form i{position:absolute; left:0; top:0; width:1px; height:100%; background-color:var(--black); animation-name:blink; animation-duration:800ms; animation-iteration-count:infinite; opacity:1;}
    .searchpopup form input:focus + i{display:none;}
    @keyframes blink{
        from{opacity:1;}
        to{opacity:0;}
    }
/* POPUP FORM */
    .popupformbar-main{position:fixed; bottom:0px; left:0px; z-index:10003; width:100%; padding:1rem 0px; background:#e1422c; border-top: 5px solid #1d2c59;}
    .popupformbar-main .popupformbar{width:100%; display:flex; flex-wrap:nowrap;}
    .popupformbar-main.ar-AE .popupformbar{flex-direction: row-reverse;}
    .popupformbar-main .popupformbar .info{width:100%; font-size:.875rem; color:#FFF;}
    .popupformbar-main .popupformbar .info a{text-decoration:underline; color:#FFF; font-weight:bold;}
    .popupformbar-main .popupformbar .info a:hover{text-decoration:none;}
    .popupformbar-main .popupformbar .button{width:200px; flex:0 0 200px; display:flex; justify-content:flex-end; align-items:flex-start;}
    .popupformbar-main.ar-AE  .popupformbar .button{justify-content:flex-start;}
    .popupformbar-main .popupformbar .button a{border:solid 1px #1d2c59; background:#1d2c59; color:#FFF; font-size:.875rem; border-radius:.25rem; padding:.5rem 1rem; margin-bottom:.5rem; word-wrap:unset;}
    .popupformbar-main .popupformbar .button a:hover{background:#e1422c; color:#1d2c59;}
    .popupformbar-main .close{position:absolute; top:-1rem; right:1rem; border:solid 1px #1d2c59; background:#1d2c59; border-radius:50%; width:1.5rem; height:1.5rem; line-height:1.5rem; color:#FFF; font-weight:bold; font-size:.75rem; text-align:center;}
    .popupformbar-main.ar-AE .close{left:1rem; right:auto;}
    .popupformbar-main .close:hover{background:#FFF; color:#1d2c59;}
    @media only screen and (max-width:767px){
        .popupformbar-main{padding:.5rem 0px;}
        .popupformbar-main .popupformbar{flex-wrap:wrap;}
        .popupformbar-main .popupformbar .button{width:100%; flex:0 0 100%; margin-top:.5rem; justify-content:center;}
        .popupformbar-main .popupformbar .button a{font-size:.75rem; margin-left:.5rem; padding:.25rem .5rem; margin-bottom:.5rem;}
    }

    .popupform{position:fixed; left:0px; top:0px; z-index:10000; width:100%; height:100%; background:rgba(255,255,255,.95); display:none; flex-wrap:wrap; justify-content:center; align-items:center;}
    .popupform.open{display:flex;}
    .popupform .close{position:absolute; right:2rem; top:2rem; z-index:10005;}
    .popupform .close img{width:2rem; height:2rem;}
    .popupform form{width:500px; display:flex; flex-wrap:nowrap; position:relative; z-index:10004;}

    @media only screen and (max-width:767px){
        .popupform{align-items: flex-start;}
        .popupform form{width:100%; padding: 45px 20px 20px;}
        .popupform .formitem{margin-bottom:.5rem;}
        .popupform .formitem input{height: 2rem;}
        .formitem select{height: 2.5rem;}
        .popupform .formitem textarea{height: 5rem;}
        .popupform .close{right:1rem; top:1rem;}
        .popupform .close img{width:1rem; height:1rem;}
    }
/* COOKIE */
    .cookie-main{position:fixed; bottom:0px; left:0px; z-index:10002; width:100%; padding:1rem 0px; background:#d8d8d8; border-top: 5px solid #999;}
    .cookie-main .cookie{width:100%; display:flex; flex-wrap:nowrap;}
    .cookie-main .cookie .info{width:100%; font-size:.875rem; color:#333;}
    .cookie-main .cookie .info.mobile{display:none;}
    .cookie-main .cookie .info a{text-decoration:underline; color:#333; font-weight:bold;}
    .cookie-main .cookie .info a:hover{text-decoration:none;}
    .cookie-main .cookie .check{width:200px; flex:0 0 200px; display:flex; justify-content:flex-end; align-items:flex-start;}
    .cookie-main .cookie .check a{border:solid 1px #999; background:#999; color:#FFF; font-size:.875rem; border-radius:.25rem; padding:.5rem 1rem; margin-bottom:.5rem; word-wrap:unset;}
    .cookie-main .cookie .check a:hover{background:#FFF; color:#999;}
    .cookie-main .close{position:absolute; top:-1rem; right:1rem; border:solid 1px #999; background:#999; border-radius:50%; width:1.5rem; height:1.5rem; line-height:1.5rem; color:#FFF; font-weight:bold; font-size:.75rem; text-align:center;}
    .cookie-main .close.ar-AE{left:1rem; right:auto;}
    .cookie-main .close:hover{background:#FFF; color:#999;}
    @media only screen and (max-width:767px){
        .cookie-main{padding:.5rem 0px;}
        .cookie-main .cookie{flex-wrap:wrap;}
        .cookie-main .cookie .info.desktop{display:none;}
        .cookie-main .cookie .info.mobile{display:inline;}
        .cookie-main .cookie .check{width:100%; flex:0 0 100%; margin-top:.5rem; justify-content:center;}
        .cookie-main .cookie .check a{font-size:.75rem; margin-left:.5rem; padding:.25rem .5rem; margin-bottom:.5rem;}
    }


.generalform{
    display: none !important;
    visibility: hidden;
}
.gfShow {
    display: none !important;
    visibility: hidden;
}
 
.frka {
    color: rgba(255,255,255,.75);
    font-size: 1.1rem;
    align-items: center;
    letter-spacing: .1rem;
}
.infoboxfrk {
    margin-top:21px !important;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
}
.frktitle {
    width: 100%;
    font-size: 44px;
    font-weight: 700;
    color: rgba(255,255,255,1);
    letter-spacing: .1rem;
    margin-bottom: 0.75rem;
}