:root{--Color-Primary:#f97d21;--Color-grey-dark:#2e2e2e;--Color-White:#ffffff;
    --Color-close:#d21d1d}*{padding:0;margin:0}*::after,*::before{box-sizing:inherit;
        padding:0;margin:0}html{font-size:65.5%;box-sizing:border-box}@media only screen and (max-width: 37.5em){html{font-size:50%}}
        body{font-size:1.8rem;font-weight:400;font-family:'Roboto', sans-serif}
        .sidenav{display:flex;justify-content:space-around;flex:0 0 70%;list-style:none;border-left:0.1rem solid var(--Color-White)}
        @media only screen and (max-width: 37.5em){.sidenav{flex-wrap:wrap;border-left:0 solid var(--Color-White);flex:0 0 100%;
            align-items:center}}
            .sidenav__item{display:flex;justify-content:center;align-items:center;padding:2rem 1rem}
            .sidenav__link{font-size:17px;text-decoration:none;color:var(--Color-White)}
            .sidenav__link:hover{color:var(--Color-Primary)}
            .logo{Width:210px;display:block;float:left}@media only screen and (max-width: 37.5em){.logo{flex:0 0 100%;padding:0rem}}
            .head{overflow:hidden;margin-bottom:0px}
            .head_image{width:100%;background-repeat:no-repeat;background-size:cover;background-position:bottom;position:relative}
            .heading{position:absolute;top:25%;left:50%;transform:translate(-50%, -50%);z-index:11;font-size:6.2rem;
                text-transform:uppercase;color:var(--Color-White)}
            .sectionfirst{max-width:100rem;height:auto;margin:auto}
            .footer__main{max-width:100rem;margin:auto;display:flex;flex-direction:column}
            .footer__main-first{display:flex;justify-content:space-between;align-items:center;
                    border-bottom:1px solid #3a4a57}@media only screen and (max-width: 37.5em)
                    {.footer__main-first{flex-direction:column;justify-content:center;align-items:stretch;padding:.5rem .5rem}}
            .footer__main-second{padding:1rem;text-align:center;color:var(--Color-White);font-size:14px}
            .footer .ftnav{flex:0 0 70%;margin-right:auto;display:flex;list-style:none;align-items:center;
                        justify-content:flex-start}@media only screen and (max-width: 37.5em){.footer .ftnav{display:flex;
                            flex:0 0 100%;margin-right:0;justify-content:center;margin-bottom:20px;border-bottom:2px solid #3a4a57}}
            .footer .ftnav__item{padding:1rem 2rem;border-right:2px solid #3a4a57}
                            @media only screen and (max-width: 37.5em){.footer .ftnav__item{margin-bottom:20px;padding:0.8rem 1rem;
                                border-right:1px solid #3a4a57;margin-right:0}}
            .footer .ftnav__link{text-decoration:none;font-size:15px;color:var(--Color-White)}
            .footer .ftnav__link:hover{color:var(--Color-Primary)}
            .social{display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 37.5em){.social{justify-content:space-between}}
            .social__icon{margin:auto 1rem}
            .social__icon-1{width:3rem;height:3rem;fill:var(--Color-White)}
            .social__icon-2{width:3rem;height:3rem;fill:var(--Color-White)}
            .social__icon-3{width:3rem;height:3rem;fill:var(--Color-White)}
            .social__icon-4{width:3rem;height:3rem;fill:var(--Color-White)}
            .drop{position:relative;display:inline-block}
            .drop:hover 
            .dropcontent{display:block}
            .dropcontent{background-color:var(--Color-grey-dark);padding:2rem;position:absolute;top:6.2rem;left:0;min-width:18rem;z-index:1;display:none}
            .dropcontent__link{display:block;text-decoration:none;font-size:15px;color:var(--Color-White);padding:2rem 0 2rem 0}
            .dropcontent__link:not(:last-child){margin-bottom:.8rem;border-bottom:1px dotted var(--Color-White)}
            .dropcontent__link:hover{color:var(--Color-Primary)}
            .widthcontainer{max-width:100rem;margin:auto;min-height:auto}@media only screen and (max-width: 37.5em){.widthcontainer{padding:0 2rem}}
            .widthcontainer__hone{font-size:4.2rem;margin:2rem 0}
            .widthcontainer__para{font-size:14px;line-height:1.6}
            .widthcontainer__para:not(:last-child){margin-bottom:1.5rem}
            .privacylist{list-style-position:inside}
            .privacylist__item{font-size:1.6rem;line-height:1.2;margin-bottom:1rem}
            .Homepage{max-width:100rem;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap}@media only screen and (max-width: 37.5em){.Homepage{justify-content:center}}
            .Homepage__home{max-width:22rem;min-height:22rem;cursor:pointer;box-shadow:0 0px 8px #ccc;margin:1rem auto;border-radius:1rem;overflow:hidden}@media only screen and (max-width: 37.5em){.Homepage__home{min-width:40rem;min-height:35rem}}
            .Homepage__home-img{width:100%;background-size:cover;max-height:15rem;overflow:hidden}@media only screen and (max-width: 37.5em){.Homepage__home-img{width:100%;max-height:35rem}}
            .Homepage__home-heading{padding:2px 8px}@media only screen and (max-width: 37.5em){.Homepage__home-heading{padding:10px 8px}}
            .Homepage a{text-decoration:none;color:inherit}@media only screen and (max-width: 37.5em){.form{display:flex;flex-direction:column;justify-content:center;align-items:center}}
            .form__group{display:flex;justify-content:flex-start;align-items:flex-start}@media only screen and (max-width: 37.5em){.form__group{flex-direction:column}}
            .form__lable{flex:0 0 11rem;display:flex;align-items:flex-start;font-size:1.8rem}@media only screen and (max-width: 37.5em){.form__lable{flex:1;margin-bottom:1rem;font-size:2.8rem}}
            .form__input{flex:0 1 30rem;display:flex;align-items:flex-start;border-radius:.5rem;padding:.8rem .5rem;border:1px solid var(--Color-grey-dark);font-size:1.8rem}@media only screen and (max-width: 37.5em){.form__input{flex:1;width:32rem;padding:1rem .8rem;font-size:2.8rem}}
            .form__input:focus{outline:none}.form__btn{flex:0 1 20rem}@media only screen and (max-width: 37.5em){.form__btn{flex:1;width:25rem}}
            .form__btn,.form__btn:link,.form__btn:visited{padding:1.2rem 4rem;border-radius:2rem;background-color:var(--Color-Primary);display:inline-block;font-size:1.8rem;font-weight:400;text-transform:uppercase;border:none;cursor:pointer}@media only screen and (max-width: 37.5em){.form__btn,.form__btn:link,.form__btn:visited{padding:2rem 1.2rem}}
            .form__btn:focus,.form__btn:link:focus,.form__btn:visited:focus{outline:none}@media only screen and (max-width: 37.5em){.sidenav__item:nth-child(n+4) 
            .dropcontent{left:-15rem}}@media only screen and (max-width: 75em){.sidenav__item:nth-child(n+4) 
            .dropcontent{left:-15rem}}
            .popup{display:none;position:fixed;left:0;top:0;z-index:999;width:100%;height:100vh;background-color:rgba(0,0,0,0.8)}@media only screen and (max-width: 37.5em){.popup{background-color:#e1e1e1; overflow:scroll;}}
            .popup__clicks{width:100%;position:absolute;color:white;top:45%;left:0;font-size:60px;cursor:pointer;text-shadow:0 5px 10px rgba(0,0,0,0.8);display:flex;flex-direction:row-reverse;justify-content:space-between}
            .popup__clicks:focus{background:none}
            .popup .left,.popup .right{z-index:9999}
            .popup__close{position:absolute;top:5px;right:20px;font-size:3rem;font-weight:bold;color:var(--Color-close);cursor:pointer}@media only screen and (max-width: 37.5em){.popup__close{z-index:999}}
            .popup__main{position:absolute;top:50%;left:50%;width:100rem;height:70rem;background-color:white;transform:translate(-50%, -50%);display:flex}@media only screen and (max-width: 37.5em){.popup__main{flex-direction:column;top:0;left:0;transform:translate(0%, 0%);width:100%}}
            .popup__main-left{padding:1rem;display:flex;flex-direction:column;justify-content:space-between}@media only screen and (max-width: 37.5em){.popup__main-left{flex:1}}.popup__main-left-gallery{position:relative;flex:0 0 60%;text-align:center}
            .popup__main-left-content{flex:0 0 30%}
            .popup__main-right{padding:5rem 1rem 1rem 0;flex:1;flex-direction:column;align-items:center}@media only screen and (max-width: 37.5em){.popup__main-right{background-color:white;padding:.5rem .5rem}}
            .popup__main-right-ad1{flex:0 0 25rem;width:28.75rem;height:auto;background-color:#ffffff;margin-bottom:1rem}@media only screen and (max-width: 37.5em){.popup__main-right-ad1{margin-bottom:.5rem;flex:0 0 25rem;order:3}}
            .popup__main-right-ad2{margin-top:1rem;flex:0 0 25rem;width:28.75rem;height:auto;background-color:#ffffff}@media only screen and (max-width: 37.5em){.popup__main-right-ad2{margin-bottom:1rem}}
            .popup__main-right-download{text-transform:uppercase;font-size:2.2rem;background-color:#ffffff;padding:.5rem 8.5rem;display:inline-block;border-radius:1rem;color:white}
            .popup__main-right-download>a{text-decoration:none;color:white}
            .navigation{background-color:var(--Color-grey-dark)}
            .sidebar{display:flex;max-width:100rem;flex-wrap:wrap;justify-content:space-around;align-items:center;margin:auto}
            .main{flex:1;background-color:var(--Color-White)}
            .footer{background-color:var(--Color-grey-dark); margin-top:4rem}
            .u-margin-bottom-small{margin-bottom:1.5rem}
            .u-margin-top-small{margin-top:1.5rem}@media only screen and (max-width: 37.5em){.thumbnail{min-width:40rem;min-height:40rem}}@media only screen and (max-width: 37.5em){.thumbnail__image{width:100%;height:auto !important}}
            .popup__responsive{width:100%;height:0;padding-bottom:56.25%;position:relative}
            .popup__responsive iframe{position:absolute;width:100%;height:100%;top:0;left:0;z-index:999}
            
            .content_image{width:85%;height:auto} @media only screen and (max-width: 37rem;){.content_image{width:100%;height:100% !important}}
            .ads{width:auto;height:250px} @media only screen and (width: 300px){.ads{width:300px; height:250px !important}}