@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap&subset=latin-ext');
/*font-family: 'Lato', sans-serif;*/
/* FONTS */
	@import url('../fonts/icomoon/style.css');
    @import url('../fonts/icomoon2/style.css');
/* MODULE */
    @import url('../../services/css.css');
    @import url('../../events/css.css');
    @import url('../../blog/css.css');
    @import url('../../customers/css.css');
    @import url('../../elements/css.css');
    @import url('../../forms/css.css');
    @import url('../../team/css.css');
    @import url('../../newsletter/css.css');
    @import url('../../search/css.css');
    @import url('../../testimonial/css.css');
    @import url('../../workshop/css.css');
/* GENERAL */
    *{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:'Lato', sans-serif;}
    code, kbd, pre, samp{font-family:'Lato', sans-serif !important;}
    *:before, *:after{box-sizing:inherit;}
    a, button{-webkit-transition:0.3s; transition:0.3s;}
        :root{
        --prime:#446084;
        --blue:#024772;
        --white:#FFFFFF;
        --black:#333333;
        --gray:#666666;
        --orange:#ff8001;
        --yellow:#fccb68;
        --red:#d26e4b;
    }
    #page{width:100%;}
    ::-webkit-input-placeholder{color:#63897C;}
    :-moz-placeholder{color:#63897C; opacity:1;}
    ::-moz-placeholder{color:#63897C; opacity:1;}
    :-ms-input-placeholder{color:#63897C;}
    section{width:100%;}
    body{background:#FFF; font-family:Lato, sans-serif; font-size:16px; overflow-x:hidden;-webkit-font-smoothing: antialiased;}

    .resultmessage{display:none;}
    .resultmessage div{font-size:0.8rem; padding:8px 12px; border-radius:.2rem; background: #FFF;}
    .resultmessage .error{color:#FF0000; border:dotted 1px rgba(255, 0, 0, 0.5);}
    .resultmessage .warning{color:#FFFF00; border:dotted 1px rgba(255, 255, 0, 0.5)}
    .resultmessage .success{color:#17B305; border:dotted 1px rgba(23, 179, 5, 0.5);}
/* HEADER */
    header{width:100%; height:8rem; position:fixed; left:0; top:0rem; z-index:1000;}
    header .top{width:100%; height: 2rem; background: var(--prime); padding: .25rem 0px;}
    header .top .e-container{display:flex; flex-wrap:nowrap; justify-content:flex-end;}
    header .top .social{display:flex; flex-wrap:nowrap; padding-right: 16px; border-right: solid 1px var(--white);}
    header .top .social li{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-left:10px;}
    header .top .social li a{font-size:20px; color:#FFF;}
    header .top .social li a:hover{color:var(--orange);}
    header .top .language{display:flex; flex-wrap:nowrap; align-items:center;}
    header .top .language li{margin-left: 16px;}
    header .top .language li a{font-size: 14px; line-height: 24px; color: var(--white); opacity: .5;}
    header .top .language li a:hover{color: var(--orange);}
    header .top .language li a.active{opacity: 1;}
    header .bottom{width:100%; height: 6rem; padding: .5rem 0px; background: rgba(255, 255, 255, 0.75);}
    header .bottom .header{width:100%; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
    header .bottom .header .logo{margin-right: 32px;}
    header .bottom .header .logo img{height:5rem; -webkit-transition:0.3s; transition:0.3s;}
    header .bottom .header .mainmenu{display:flex; flex-wrap:nowrap;}
    header .bottom .header .mainmenu li{display:flex; flex-wrap:wrap; align-content:center; position:relative; margin-left:16px;}
    header .bottom .header .mainmenu li a{color:var(--prime); font-size:14px; font-weight:600; letter-spacing:1px;}
    header .bottom .header .mainmenu li:hover a{color:var(--orange);}
    header .bottom .header .mainmenu li.submenu a{border-radius:.25rem .25rem 0 0;}
    header .bottom .header .mainmenu li.active a{color:var(--orange);}
    header .bottom .header .mainmenu li.active a:hover{color:var(--white);}
    header .bottom .header .mainmenu li.active:hover a:hover{color:var(--white);}
    header .bottom .header .mainmenu ul{display:none; position:absolute; z-index:1000; left:0; top:40px; width:240px; background:var(--prime); border-radius:0 .25rem .25rem .25rem; overflow:hidden;}
    header .bottom .header .mainmenu li.submenu:hover ul{display:inline;}
    header .bottom .header .mainmenu ul li{border-bottom:solid 1px rgba(255,255,255,.5); padding:0 1rem !important; margin-right: 0px;}
    header .bottom .header .mainmenu ul li:last-child{border-bottom:none;}
    header .bottom .header .mainmenu ul li a{height:auto !important; color:#FFF !important; font-size:.8rem; padding:.25rem 0rem !important;}
    header .bottom .header .mainmenu ul li#activee a{color:var(--black) !important;}
    header .bottom .header .mainmenu ul li a:hover{color:var(--black) !important;}

    header .bottom .header .mobilemenu{display:none; flex-wrap:wrap; align-items:center; justify-content:center; width:3rem; height:3rem;}
    header .bottom .header .mobilemenu div{display:flex; flex-wrap:wrap; width:75%;}
    header .bottom .header .mobilemenu span{background:var(--prime); width:100%; height:4px; margin:2px 0px; border-radius:.1rem;}
    
    header.stick{height: 5rem;}
    header.stick .top{display: none;}
    header.stick .bottom{height: 5rem; background: rgba(255, 255, 255, 1); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);}
    header.stick .bottom .header .logo img{height:4rem;}
    @media only screen and (max-width:1024px){
        header .bottom{height: 4rem; padding: .5rem 0px;}
        header .bottom .header .logo img{height:3rem;}
        header .bottom .header .mainmenu{display:none;}
        header .bottom .header .mobilemenu{display:flex;}
    }
/* FOOTER */
    footer{position:relative; width: 100%; float: left;}
    footer .top{width:100%; background: #777; padding:32px 0;}
    footer .top .logo{width:100%; display:flex; flex-wrap:nowrap; }
    footer .top .logo img{width:100%;}
    footer .top .description{width:100%; color:var(--white); font-size:14px; font-weight: 300; letter-spacing:.01rem; line-height: 1.5;}
    footer .top .title{width:100%; margin-bottom:10px; color:var(--white); font-size:20px; font-weight:700; letter-spacing:.01rem;}
    footer .top .menu{display:flex; flex-wrap:wrap; width:100%; padding-left: 20px;}
    footer .top .menu li{width:100%; margin-bottom:10px;}
    footer .top .menu li a{color:var(--white); font-size:20px;}
    footer .top .menu li a:hover{color:var(--prime);}
    footer .top .address{width:100%; margin-bottom: 10px;}
    footer .top .address address{width:100%; font-size:16px; line-height: 1.5; color:var(--white); font-style:normal; margin-bottom:10px;}
    footer .top .address a{font-size:16px; line-height: 1.5; color:var(--white); margin-bottom:10px;}
    footer .top .address a:hover{color:var(--prime);}
    footer .top .social{display:flex; flex-wrap:wrap; width: 100%;}
    footer .top .social li{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-right:24px;}
    footer .top .social li a{font-size:32px; color:#FFF;}
    footer .top .social li a:hover{color:var(--prime);}
    footer .bottom{width: 100%; background:#000; padding: 10px 0px 15px;}
    footer .bottom .signature{font-size:14px; font-weight:300; color:#FFF; text-align:center;}
    @media only screen and (max-width:1023px){
        footer .top{padding:24px 0;}
        footer .top .logo{margin-bottom: 2rem;}
        footer .top .logo img{height:80px; width: auto !important; max-width: 100%;}
        footer .top .description{margin-bottom: 2rem;}
    }
    @media only screen and (max-width:767px){
        footer .top{padding:16px 0;}
        footer .top .logo{justify-content: center;}
        footer .top .description{text-align: center;}
        footer .top .title{text-align: center;}
        footer .top .menu{padding-left:0px; margin-bottom: 2rem;}
        footer .top .menu li{text-align:center;}
        footer .top .address{text-align:center;}
        footer .top .address address{text-align: center;}
        footer .top .address a{text-align: center;}
        footer .top .social{justify-content: center;}
        footer .top .social li{margin:0 12px;}
    }
/* GENERALTEXT */
    .generaltext{width:100%;}
    .generaltext h1, .generaltext h2, .generaltext h3, .generaltext h4, .generaltext h5, .generaltext h6{color:var(--black); margin-bottom:.5rem;}
    .generaltext h1{font-size:1.5rem;}
    .generaltext h2{font-size:1.4rem;}
    .generaltext h3{font-size:1.3rem;}
    .generaltext h4{font-size:1.2rem;}
    .generaltext h5{font-size:1.1rem;}
    .generaltext p{width:100%; margin-bottom:1rem; color:var(--gray); font-size:1.1rem; line-height:1.9rem;}
    .generaltext a{font-size:1.1rem; line-height:1.9rem; color:var(--prime);}
    .generaltext a:hover{text-decoration:underline;}
    .generaltext ul{width:100%; padding-left:20px; margin-bottom:.5rem;}
    .generaltext li{list-style:circle; width:100%; margin-bottom:.25rem; color:var(--black); font-size:1.1rem; line-height:1.9rem; font-weight:500;}
    .generaltext img{max-width:100%;}
    .generaltext strong, .generaltext b{font-weight:bold;}
    @media only screen and (max-width:767px){
        .generaltext img{max-width:100%; height:auto;}
    }
/* GENERAL :: Popup */
    .egeneralpopup{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;}
    .egeneralpopup .popupcontent{width:100%; height:100%; padding:3% 10%; display:flex; justify-content:center; align-items:center;}
    @media only screen and (max-width:767px){
        .egeneralpopup .popupcontent{width:100%; height:100%; padding:10%;}
    }
/* 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:#333;}
    .pagination li:first-child a{border-left:none;}
    .pagination a:hover, .pagination .active{color:var(--pink);}
    .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;}
/* PAGINATION */
    .pageup{display:none; flex-wrap:wrap; align-items:center; justify-content:center; width:40px; height:40px; position:fixed; bottom:1rem; right:1rem; background:var(--prime); border:solid 2px var(--prime); border-radius:50%;}
    .pageup.flex{display:flex;}
    .pageup i{font-size:16px; color:var(--white);}
    .pageup:hover{background:var(--white);}
    .pageup:hover i{color:var(--prime);}
/* NOTFOUND */
    .notfound-main{width:100%; margin:10rem 0 2rem;}
    .notfound{width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
    .notfound h1{width:100%; text-align:center; font-size:2rem;}
    .notfound p{width:100%; text-align:center; font-size:1rem; margin:1rem 0;}
    .notfound .buttons{width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
    .notfound .buttons a{border:solid 2px var(--green); color:var(--green); padding:.5rem 2rem; border-radius:.25rem;}
    .notfound .buttons a:hover{background:var(--green); color:#FFF;}
/* BG */
    .bg-grey{background:rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);}
/* COOKIE */
    .cookie{width:35%; position:fixed; left:2rem; bottom:2rem; z-index:10000; padding:1rem; background-color:#f1f1f1; -webkit-box-shadow:0 0 20px 7px rgba(0,0,0,.3); box-shadow:0 0 20px 7px rgba(0,0,0,.3);}
    .cookie .content{width:100%; display:flex; flex-wrap:wrap; font-size:.875rem; color:#333; margin-bottom:1rem;}
    .cookie .content a{color:var(--prime); display:flex;}
    .cookie .content a:hover{text-decoration:underline;}
    .cookie .button{width:100%; display:flex; flex-wrap:nowrap;}
    .cookie .button a{margin-right:1rem; padding:0 1.5rem; font-size:.875rem; line-height:2rem; background:#CCC; color:#828282;}
    .cookie .button a:first-child{background:var(--prime); color:#FFF;}
    .cookie .button a:hover{background:#333; color:#FFF;}
    @media only screen and (max-width:767px){
        .cookie{width:96%; left:2%; bottom:1rem; padding:.5rem;}
        .cookie .content{font-size:12px; margin-bottom:.5rem;}
        .cookie .button a{margin-right:12px; padding:0 1rem; font-size:12px; line-height:1.5rem;}
    }



.bgsection{background: url(../images/bg.png) no-repeat bottom center; position: relative;}
.bgsection::before{content:''; position:absolute; top: 0px; z-index: 1; width: 100%; height: 100%; background: #ffccbc; opacity: 0.2;}
.bgsection .e-section{z-index: 2; position: relative;}