{% extends 'base.html.twig' %}{% block inline_style %} <style rel="stylesheet" type="text/css">:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:sans-serif;line-height:1.15}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:400;line-height:1.5;margin:0;text-align:left} h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0} address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0} b,strong{font-weight:bolder} a{background-color:transparent;color:#007bff;text-decoration:none} a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none} img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden} button{border-radius:0} button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem} .h4,h4{font-size:1.5rem} .container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%} @media (min-width:576px){ .container{max-width:540px} } @media (min-width:768px){ .container{max-width:720px} } @media (min-width:992px){ .container{max-width:960px} } @media (min-width:1200px){ .container{max-width:1140px} } .container-fluid,.container-lg,.container-md,.container-sm,.container-xl{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%} @media (min-width:576px){ .container,.container-sm{max-width:540px} } @media (min-width:768px){ .container,.container-md,.container-sm{max-width:720px} } @media (min-width:992px){ .container,.container-lg,.container-md,.container-sm{max-width:960px} } @media (min-width:1200px){ .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px} } .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%} @media (min-width:992px){ .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } .btn{background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:#212529;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle} .btn-success{background-color:#28a745;border-color:#28a745;color:#fff} .btn-light{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529} .btn-group-sm>.btn,.btn-sm{border-radius:.2rem;font-size:.875rem;line-height:1.5;padding:.25rem .5rem} .fade{transition:opacity .15s linear} .fade:not(.show){opacity:0} .dropdown,.dropleft,.dropright,.dropup{position:relative} .dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#212529;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000} .modal{display:none;height:100%;left:0;outline:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1050} .border{border:1px solid #dee2e6!important} .d-xl-none{display:none!important} .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .text-right{text-align:right!important}.text-center{text-align:center!important} .text-sm-center{text-align:center!important} .text-lg-left{text-align:left!important} .text-light{color:#f8f9fa!important} *,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff} h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem} dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0} b,strong{font-weight:bolder} a{color:#007bff;text-decoration:none;background-color:transparent} a:not([href]){color:inherit;text-decoration:none} img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle} button{border-radius:0} button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem} .h4,h4{font-size:1.5rem} .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .container{max-width:540px} .container{max-width:720px} .container{max-width:960px} .container{max-width:1140px} .container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .container,.container-sm{max-width:540px} .container,.container-md,.container-sm{max-width:720px} .container,.container-lg,.container-md,.container-sm{max-width:960px} .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px} .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out} .btn-success{color:#fff;background-color:#28a745;border-color:#28a745} .btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa} .btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem} .fade{transition:opacity .15s linear} .fade:not(.show){opacity:0} .dropdown,.dropleft,.dropright,.dropup{position:relative} .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem} .modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0} .border{border:1px solid #dee2e6!important} .d-xl-none{display:none!important} .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .text-right{text-align:right!important}.text-center{text-align:center!important} .text-sm-center{text-align:center!important} .text-lg-left{text-align:left!important} .text-light{color:#f8f9fa!important} *,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:sans-serif;line-height:1.15}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:400;line-height:1.5;margin:0;text-align:left} h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0} address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0} b,strong{font-weight:bolder} a{background-color:transparent;color:#007bff;text-decoration:none} a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none} img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden} button{border-radius:0} button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem} .h4,h4{font-size:1.5rem} .container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%} .container{max-width:540px} .container{max-width:720px} .container{max-width:960px} .container{max-width:1140px} .container-fluid,.container-lg,.container-md,.container-sm,.container-xl{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%} .container,.container-sm{max-width:540px} .container,.container-md,.container-sm{max-width:720px} .container,.container-lg,.container-md,.container-sm{max-width:960px} .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px} .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%} .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .btn{background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:#212529;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle} .btn-success{background-color:#28a745;border-color:#28a745;color:#fff} .btn-light{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529} .btn-group-sm>.btn,.btn-sm{border-radius:.2rem;font-size:.875rem;line-height:1.5;padding:.25rem .5rem} .fade{transition:opacity .15s linear} .fade:not(.show){opacity:0} .dropdown,.dropleft,.dropright,.dropup{position:relative} .dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#212529;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000} .modal{display:none;height:100%;left:0;outline:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1050} .border{border:1px solid #dee2e6!important} .d-xl-none{display:none!important} .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .text-right{text-align:right!important}.text-center{text-align:center!important} .text-sm-center{text-align:center!important} .text-lg-left{text-align:left!important} .text-light{color:#f8f9fa!important} .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto} .fa-info-circle:before{content:"\f05a"} .fa-mail-bulk:before{content:"\f674"} .fa-map-marker:before{content:"\f041"} .fa-mobile-alt:before{content:"\f3cd"} .fa,.far,.fas{font-family:Font Awesome\ 5 Free} .fa,.fas{font-weight:900}html{overflow-x:hidden}body .body-inner{margin:0;padding:0} section{background-color:#fff;overflow:hidden;padding:80px 0;position:relative;width:100%;z-index:1} #page-title{background-color:#f8f2cd;clear:both;padding:80px 0;position:relative}#page-title .page-title{padding:0;text-align:center}#page-title .page-title>h1{font-family:Noto Sans,sans-serif;font-size:2.5rem;font-weight:400;line-height:1.2;margin-bottom:1rem} #page-content:not(.no-sidebar){padding:40px 0} .grid-layout{margin-bottom:-2px!important;overflow:hidden}.grid-layout>*{opacity:0;transition:opacity .5s ease}.grid-layout .grid-loader{opacity:1;transition:opacity .1s ease;z-index:-1}.grid-layout.grid-loaded>*{opacity:1}.grid-layout.grid-loaded .grid-loader{opacity:0}.grid-layout,.portfolioo,.posts{clear:both;display:block;padding:0;position:relative} .grid-3-columns .grid-item,.portfolio-3-columns .portfolio-item,.post-3-columns .post-item{width:33.333333333%} .grid-loader{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;-webkit-animation-delay:-.16s;animation-delay:-.16s;border-radius:50%;color:#dadada;font-size:6px;height:2.5em;left:48%;position:absolute;text-indent:-9999em;top:60px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);width:2.5em}.grid-loader:after,.grid-loader:before{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;border-radius:50%;content:"";height:2.5em;position:absolute;top:0;width:2.5em}.grid-loader:before{-webkit-animation-delay:-.32s;animation-delay:-.32s;left:-3.5em}.grid-loader:after{left:3.5em} #header{height:100px;line-height:100px;width:100%;z-index:199!important}#header,#header .container{position:relative}#header #header-wrap,#header .header-inner{background-color:#fff;height:100px;left:0;right:0;transition:all .4s ease-in-out}#header #header-wrap #logo,#header .header-inner #logo{float:left;font-size:28px;height:100px;position:relative;transition:all .4s ease-in-out;z-index:1} #header #header-wrap #logo a [class*=logo-],#header #header-wrap #logo a>img,#header .header-inner #logo a [class*=logo-],#header .header-inner #logo a>img{display:none}#header #header-wrap #logo a .logo-default,#header .header-inner #logo a .logo-default{display:block}#header #header-wrap #logo a,#header #header-wrap #logo a span,#header .header-inner #logo a,#header .header-inner #logo a span{color:#2d2d2d;font-family:Noto Sans,sans-serif;font-size:40px;font-weight:800;letter-spacing:1.5px}#header[data-fullwidth=true] #header-wrap .container,#header[data-fullwidth=true] .header-inner .container{max-width:100%;padding:0 10px} #header.header-always-fixed #header-wrap,#header.header-always-fixed .header-inner{position:fixed!important;top:0!important} #mainMenu{padding:0}#mainMenu>.container{padding:0!important} #mainMenu nav{float:right}#mainMenu nav>ul{list-style:none;margin:0;padding:0}#mainMenu nav>ul>li{border:0;float:left;margin-left:6px;position:relative;transition:all .3s ease}#mainMenu nav>ul>li>a:not(.special){border:0 solid transparent;border-radius:0;color:#210e0e;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.6px;line-height:normal;padding:10px 12px;position:relative;text-transform:uppercase;transition:all .3s ease} #mainMenu nav>ul>li>a:not(.special):after,#mainMenu nav>ul>li>a:not(.special):before{transition:all .3s ease} #mainMenu nav>ul>li.dropdown:before{color:#262626;content:"\e930";display:none;font-family:inspiro-icons;font-size:16px;opacity:.6;position:absolute;right:16px;transform:rotate(90deg)}#mainMenu nav>ul>li .dropdown-arrow{cursor:pointer;display:none;height:40px;position:absolute;right:-10px;top:0;width:50px;z-index:1}#mainMenu nav>ul>li .dropdown-menu{background-color:#fff;background-position:100% 100%;background-repeat:no-repeat;border:0;border-color:#eee;border-radius:4px;border-style:solid;border-width:1px!important;box-shadow:0 33px 32px rgba(0,0,0,.1);color:#210e0e;display:none;left:auto;margin:-6px 0 0;min-width:230px;padding:10px;position:absolute;top:35px}#mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,#mainMenu nav>ul>li .dropdown-menu>li>a,#mainMenu nav>ul>li .dropdown-menu>li>span{color:#444;display:block;font-family:Noto Sans,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:14px;padding:12px 20px 12px 18px;transition:.3s ease} #mainMenu nav>ul>li:last-child{margin-right:0} #mainMenu nav>ul li ul{list-style:none;padding:0} #mainMenu.menu-creative nav>ul>li{margin-left:4px}#mainMenu.menu-creative nav>ul>li>a:after{background-color:#fff;bottom:-2px;content:"";height:2px;left:0;opacity:0;position:absolute;top:100%;transform:translateY(10px);transition:opacity .3s ease 0s,transform .3s ease 0s;width:100%} #mainMenu-trigger{float:right;height:100px;opacity:0;position:absolute;visibility:hidden;z-index:1} *,a,h1,h2,h3,h4,h5,h6{margin:0;padding:0;text-decoration:none}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}html{font-size:88%} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2f2f2f;font-family:Noto Sans,sans-serif;font-size:1rem;line-height:1.65714286em}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#2d2d2d;font-family:Noto Sans,sans-serif;letter-spacing:.5px;margin:0} .h1,h1{font-size:3.14285714em;line-height:1.31818182em}.h1:not(:last-child),h1:not(:last-child){margin-bottom:20px}.h2,h2{font-size:2.35714286em;font-weight:500;line-height:1.36363636em}.h2:not(:last-child),h2:not(:last-child){margin-bottom:16px} .h4,h4{font-size:1.35714286em;font-weight:600;line-height:1.68421053em} .display-4,p{font-weight:400}p{color:#343434;font-family:Noto Sans,sans-serif;font-size:1rem;font-style:normal;letter-spacing:0;line-height:1.7;text-transform:none} a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]){color:#2f2f2f} .post-item{float:left;height:auto;padding:0 0 20px;width:100%}.post-item .post-item-wrap{background-color:#fff;position:relative}.post-item img{height:auto;width:100%}.post-item .post-audio,.post-item .post-image,.post-item .post-quote-img,.post-item .post-slider,.post-item .post-video{margin:0;padding:0;position:relative} .post-item .post-item-description{color:#676767;line-height:28px;padding:24px}.post-item .post-item-description>h2,.post-item .post-item-description>h2>a{color:#444;font-size:18px;font-weight:600;letter-spacing:-.1px;line-height:23px;margin-bottom:16px} .post-item.border{border:none!important}.post-item.border .post-item-wrap{border:1px solid #f2f2f2}.post-item.border>.post-item-wrap>.post-item-description{padding:24px!important;width:100%!important} .post-image{margin-bottom:20px}.post-image img{width:100%} #footer,.forum h4>small{display:block}#footer{background-color:#f8f2cd;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;line-height:32px;position:relative}#footer a:not(.btn):not(:hover){color:#2f2f2f}#footer p{font-family:Noto Sans,sans-serif}#footer a:not(.btn){font-weight:400}#footer .footer-content{padding:60px 0 40px}#footer .widget .widget-title,#footer .widget h4{font-size:14px;font-weight:600;letter-spacing:1px} #footer .copyright-content{background-color:#f6efc0;font-size:13px;min-height:80px;padding:30px 0} .widget{margin-bottom:30px;position:relative}.widget .widget-title,.widget>h4{font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:24px;margin-bottom:20px;text-transform:uppercase}.widget:after,.widget:before{clear:both;content:" ";display:table} .widget a{color:#2f2f2f}.widget p{margin-bottom:20px} .item-link{color:#2f2f2f;font-size:12px;letter-spacing:1px;text-transform:uppercase!important}.item-link i{position:relative;right:0;transition:right .3s ease 0s} #scrollTop{background-color:rgba(0,0,0,.25);background-color:rgba(0,0,0,.25)!important;background-position:50%;background-repeat:no-repeat;border-radius:100px;bottom:0;color:#fff;cursor:pointer;height:40px;line-height:12px!important;opacity:0;overflow:hidden;position:fixed;right:26px;text-align:center;transition:opacity .3s,bottom .5s,box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear;width:40px;z-index:-1}#scrollTop i{font-size:16px!important;height:39px!important;left:0!important;line-height:39px!important;position:relative;text-align:center!important;top:0!important;transform:translate(0);transition:transform .2s ease;width:39px!important;z-index:10}#scrollTop i,#scrollTop:hover{background-color:transparent!important} #scrollTop:after,#scrollTop:before{background-color:#ddc003;border-radius:100px;content:" ";display:block;height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:all .3s cubic-bezier(.55,0,.1,1);width:100%;z-index:1}#scrollTop:before{background-color:hsla(0,0%,100%,.25);opacity:0;transition:all .5s cubic-bezier(.165,.84,.44,1);z-index:2}#scrollTop:before,#scrollTop:hover:after{transform:scale(1)} [class^=icon]{display:inline-block} .lines-button{align-items:center;appearance:none;background:transparent;border:none;cursor:pointer;display:flex;height:100%;justify-content:center;outline:none;transition:.3s;user-select:none;width:16px}.lines-button>*{display:block} .lines{position:relative;top:-4px}.lines,.lines:after,.lines:before{border-radius:4px;display:inline-block;height:2px;transition:.3s;width:20px}.lines:after,.lines:before{content:"";left:0;position:absolute;transform-origin:2.85714px center;width:100%}.lines:before{top:6px}.lines:after{top:-6px}.lines,.lines:after,.lines:before{background-color:#111} .x{width:auto} .text-center{text-align:center} .background-dark{background-color:#584d01!important} .text-light,.text-light .lead,.text-light a:not(.btn),.text-light a:not(.btn):hover:not(.btn-light),.text-light div:not(.alert),.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6,.text-light i,.text-light label,.text-light li,.text-light p,.text-light span:not(.btn-label){color:#fff!important} .m-b-30{margin-bottom:30px!important} .m-t-5{margin-top:5px!important} .m-r-10{margin-right:10px!important} a:not([href]):not([tabindex]):not(.btn){color:none}.btn:not(.close):not(.mfp-close),a.btn:not([href]):not([tabindex]),button.btn{background-color:#ddc003;border:1px solid #ddc003;border-radius:5px 5px 5px 5px;color:#fff;cursor:pointer;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;line-height:14px;margin-bottom:6px;outline:none;padding:12px 18px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s}.btn:not(.close):not(.mfp-close):after,a.btn:not([href]):not([tabindex]):after,button.btn:after{content:"";position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:-1} .btn:not(.close):not(.mfp-close).btn-sm,a.btn:not([href]):not([tabindex]).btn-sm,button.btn.btn-sm{font-size:11px;height:30px;line-height:28px;padding:0 14px} .btn:not(.close):not(.mfp-close).btn-outline,a.btn:not([href]):not([tabindex]).btn-outline,button.btn.btn-outline{background-color:transparent;border:2px solid #ddc003;color:#ddc003} .btn:not(.close):not(.mfp-close).btn-rounded,a.btn:not([href]):not([tabindex]).btn-rounded,button.btn.btn-rounded{border-radius:2em!important} .btn:not(.close):not(.mfp-close).btn-light,.btn:not(.close):not(.mfp-close).btn-white,a.btn:not([href]):not([tabindex]).btn-light,a.btn:not([href]):not([tabindex]).btn-white,button.btn.btn-light,button.btn.btn-white{background-color:#fff;border-color:#e6e8eb;color:#4c5667} .btn:not(.close):not(.mfp-close).btn-light.btn-outline,.btn:not(.close):not(.mfp-close).btn-white.btn-outline,a.btn:not([href]):not([tabindex]).btn-light.btn-outline,a.btn:not([href]):not([tabindex]).btn-white.btn-outline,button.btn.btn-light.btn-outline,button.btn.btn-white.btn-outline{background-color:transparent;border-color:#fff;color:#fff} .btn:not(.close):not(.mfp-close).btn-success,a.btn:not([href]):not([tabindex]).btn-success,button.btn.btn-success{background-color:#d60505;border-color:#d60505} .btn:not(.close):not(.mfp-close)+.btn,a.btn:not([href]):not([tabindex])+.btn,button.btn+.btn{margin-left:4px} i:not(.fa):not(.fab):not(.far):not(.fas){speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:inspiro-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none} .icon-chevron-right:before{content:"\e930"}.icon-chevron-up:before{content:"\e931"} .modal-strip{background-color:#000;bottom:0;color:#fff;display:inline-block;left:0;padding:20px;position:fixed;transform:translate3d(0,200px,0);transition:all .7s ease 0s;width:100%;z-index:999!important}.modal-strip .btn,.modal-strip h1,.modal-strip h2,.modal-strip h3,.modal-strip h4,.modal-strip h5{margin-bottom:0!important}.modal-strip a,.modal-strip a:active,.modal-strip a:hover,.modal-strip a:visited{color:#fff;text-decoration:underline} .bg-overlay{background:rgba(0,0,0,.59);bottom:0;content:" ";height:100%;left:0;opacity:.12;position:absolute;right:0;top:0;width:100%;z-index:0} .bg-overlay~.container,.bg-overlay~.container-fluid{position:relative;z-index:2} #mainMenu.menu-creative nav>ul>li>a:after{background-color:#ddc003!important} #header{line-height:unset}#mainMenu nav{margin-top:20px}.lh-0{line-height:0px} .z-index-top{z-index:100} #logo img{margin-bottom:.5rem;max-height:80px} #mainMenu .btn{border-radius:10px;height:unset!important} #mainMenu.menu-creative nav>ul>li>a:after{background-color:#d81d31!important} .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1} .fa-info-circle:before{content:"\f05a"} .fa-mail-bulk:before{content:"\f674"} .fa-map-marker:before{content:"\f041"} .fa-mobile-alt:before{content:"\f3cd"} .fa,.far,.fas{font-family:'Font Awesome 5 Free'} .fa,.fas{font-weight:900} html { overflow-x: hidden; } body .body-inner { padding: 0; margin: 0; } section { padding: 80px 0; position: relative; width: 100%; overflow: hidden; z-index: 1; background-color: #ffffff; } #page-title { clear: both; padding: 80px 0; background-color: #f8f2cd; position: relative; /* page header left*/ /* page header right*/ } #page-title .page-title { text-align: center; padding: 0; } #page-title .page-title > h1 { font-family: "Noto Sans", sans-serif; font-size: 2.5rem; line-height: 1.2; font-weight: 400; margin-bottom: 1rem; } #page-content:not(.no-sidebar) { padding: 40px 0 40px 0; } .grid-layout { overflow: hidden; margin-bottom: -2px !important; } .grid-layout > * { opacity: 0; transition: opacity 0.5s ease; } .grid-layout .grid-loader { transition: opacity 0.1s ease; opacity: 1; z-index: -1; } .grid-layout.grid-loaded > * { opacity: 1; } .grid-layout.grid-loaded .grid-loader { opacity: 0; } .grid-layout, .portfolioo, .posts { position: relative; display: block; clear: both; padding: 0; } .grid-3-columns .grid-item, .post-3-columns .post-item, .portfolio-3-columns .portfolio-item { width: 33.333333333%; } .grid-loader { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; position: absolute; top: 60px; left: 48%; color: #dadada; font-size: 6px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .grid-loader:before, .grid-loader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } .grid-loader:before, .grid-loader:after { content: ""; position: absolute; top: 0; } .grid-loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .grid-loader:after { left: 3.5em; } #header { position: relative; width: 100%; z-index: 199 !important; height: 100px; line-height: 100px; } #header .container { position: relative; } #header .header-inner, #header #header-wrap { height: 100px; background-color: #fff; /* backface-visibility: hidden; -webkit-backface-visibility: hidden; */ left: 0; right: 0; transition: all 0.4s ease-in-out; /*logo*/ } #header .header-inner #logo, #header #header-wrap #logo { float: left; font-size: 28px; position: relative; z-index: 1; transition: all 0.4s ease-in-out; height: 100px; } #header .header-inner #logo a > img, #header .header-inner #logo a [class*=logo-], #header #header-wrap #logo a > img, #header #header-wrap #logo a [class*=logo-] { display: none; } #header .header-inner #logo a .logo-default, #header #header-wrap #logo a .logo-default { display: block; } #header .header-inner #logo a, #header .header-inner #logo a span, #header #header-wrap #logo a, #header #header-wrap #logo a span { font-family: "Noto Sans", sans-serif; font-size: 40px; color: #2d2d2d; font-weight: 800; letter-spacing: 1.5px; } #header[data-fullwidth=true] .header-inner .container, #header[data-fullwidth=true] #header-wrap .container { max-width: 100%; padding: 0 10px; } #header.header-always-fixed .header-inner, #header.header-always-fixed #header-wrap { position: fixed !important; top: 0 !important; } #mainMenu { padding: 0; /*Menu Styles*/ /*Menu Positions*/ /*Menu options*/ } #mainMenu > .container { padding: 0 !important; } #mainMenu nav { float: right; } #mainMenu nav > ul { list-style: none; padding: 0; margin: 0; } #mainMenu nav > ul > li { float: left; border: 0; transition: all 0.3s ease; margin-left: 6px; position: relative; } #mainMenu nav > ul > li > a:not(.special) { position: relative; font-family: "Noto Sans", sans-serif; padding: 10px 12px; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 0.6px; color: #210e0e; border-radius: 0; border-width: 0; border-style: solid; border-color: transparent; transition: all 0.3s ease; line-height: normal; } #mainMenu nav > ul > li > a:not(.special):after, #mainMenu nav > ul > li > a:not(.special):before { transition: all 0.3s ease; } #mainMenu nav > ul > li.dropdown:before { content: "\e930"; transform: rotate(90deg); font-family: "inspiro-icons"; opacity: 0.6; position: absolute; right: 16px; color: #262626; font-size: 16px; display: none; } #mainMenu nav > ul > li .dropdown-arrow { display: none; height: 40px; width: 50px; position: absolute; z-index: 1; right: -10px; top: 0; cursor: pointer; } #mainMenu nav > ul > li .dropdown-menu { background-position: right bottom; background-repeat: no-repeat; min-width: 230px; top: 35px; background-color: #ffffff; border: 0; color: #210e0e; border-style: solid; border-color: #eeeeee; border-width: 1px !important; left: auto; margin: 0; margin-top: -6px; border-radius: 4px; box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1); padding: 10px; display: none; position: absolute; } #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*=col-] > ul > li > a { font-size: 12px; line-height: 14px; font-weight: 500; font-style: normal; color: #444; font-family: "Noto Sans", sans-serif; padding: 12px 20px 12px 18px; display: block; transition: 0.3s ease; } #mainMenu nav > ul > li:last-child { margin-right: 0; } #mainMenu nav > ul li ul { list-style: none; padding: 0; } #mainMenu.menu-creative nav > ul > li { margin-left: 4px; } #mainMenu.menu-creative nav > ul > li > a:after { background-color: #ffffff; content: ""; height: 2px; left: 0; opacity: 0; position: absolute; top: 100%; transform: translateY(10px); transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; width: 100%; bottom: -2px; } #mainMenu-trigger { position: absolute; opacity: 0; visibility: hidden; height: 100px; z-index: 1; float: right; } *, h1, h2, h3, h4, h5, h6, a { margin: 0; padding: 0; text-decoration: none; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } html { font-size: 88%; } body { font-size: 1rem; line-height: 1.65714286em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Noto Sans", sans-serif; color: #2f2f2f; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Noto Sans", sans-serif; color: #2d2d2d; margin: 0; letter-spacing: 0.5px; } h1, .h1 { font-size: 3.14285714em; line-height: 1.31818182em; } h1:not(:last-child), .h1:not(:last-child) { margin-bottom: 20px; } h2, .h2 { font-size: 2.35714286em; line-height: 1.36363636em; font-weight: 500; } h2:not(:last-child), .h2:not(:last-child) { margin-bottom: 16px; } h4, .h4 { font-size: 1.35714286em; line-height: 1.68421053em; font-weight: 600; } p { font-size: 1rem; font-style: normal; font-weight: 400; text-transform: none; line-height: 1.7; letter-spacing: 0; color: #343434; font-family: "Noto Sans", sans-serif; } a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]) { color: #2f2f2f; } .post-item { float: left; width: 100%; height: auto; padding: 0 0 20px 0; /*Styles*/ /*Types*/ } .post-item .post-item-wrap { background-color: #ffffff; position: relative; } .post-item img { width: 100%; height: auto; } .post-item .post-image, .post-item .post-slider, .post-item .post-video, .post-item .post-audio, .post-item .post-quote-img { margin: 0; position: relative; padding: 0; } .post-item .post-item-description { padding: 24px; line-height: 28px; color: #676767; } .post-item .post-item-description > h2, .post-item .post-item-description > h2 > a { font-size: 18px; letter-spacing: -0.1px; line-height: 23px; margin-bottom: 16px; color: #444; font-weight: 600; } .post-item.border { border: none !important; } .post-item.border .post-item-wrap { border: 1px solid #f2f2f2; } .post-item.border > .post-item-wrap > .post-item-description { padding: 24px !important; width: 100% !important; } .post-image { margin-bottom: 20px; } .post-image img { width: 100%; } #footer { display: block; position: relative; background-color: #f8f2cd; font-size: 14px; line-height: 32px; font-weight: 400; font-family: "Noto Sans", sans-serif; } #footer a:not(.btn):not(:hover) { color: #2f2f2f; } #footer p { font-family: "Noto Sans", sans-serif; } #footer a:not(.btn) { font-weight: 400; } #footer .footer-content { padding: 60px 0 40px 0; } #footer .widget .widget-title, #footer .widget h4 { font-size: 14px; letter-spacing: 1px; font-weight: 600; } #footer .copyright-content { min-height: 80px; padding: 30px 0; background-color: #f6efc0; font-size: 13px; } .widget { margin-bottom: 30px; position: relative; } .widget .widget-title, .widget > h4 { font-size: 14px; font-style: normal; font-weight: 600; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; margin-bottom: 20px; } .widget:after, .widget:before { clear: both; content: " "; display: table; } .widget a { color: #2f2f2f; } .widget p { margin-bottom: 20px; } .item-link { color: #2f2f2f; font-size: 12px; letter-spacing: 1px; text-transform: uppercase !important; } .item-link i { position: relative; right: 0; transition: right 0.3s ease 0s; } #scrollTop { z-index: -1; opacity: 0; position: fixed; text-align: center; line-height: 12px !important; right: 26px; bottom: 0; color: #fff; cursor: pointer; border-radius: 100px; height: 40px; width: 40px; background-color: rgba(0, 0, 0, 0.25); background-repeat: no-repeat; background-position: center; transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear; background-color: rgba(0, 0, 0, 0.25) !important; overflow: hidden; } #scrollTop i { line-height: 39px !important; width: 39px !important; height: 39px !important; font-size: 16px !important; top: 0px !important; left: 0px !important; text-align: center !important; position: relative; z-index: 10; background-color: transparent !important; transform: translate(0, 0px); transition: transform 0.2s ease; } #scrollTop:after, #scrollTop:before { display: block; content: " "; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #ddc003; transform: scale(0); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); border-radius: 100px; } #scrollTop:before { background-color: rgba(255, 255, 255, 0.25); transform: scale(1); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; z-index: 2; } [class^=icon] { display: inline-block; } .lines-button { appearance: none; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; height: 100%; transition: 0.3s; user-select: none; width: 16px; background: transparent; outline: none; } .lines-button > * { display: block; } .lines { display: inline-block; height: 2px; width: 20px; border-radius: 4px; transition: 0.3s; position: relative; top: -4px; } .lines::before, .lines::after { display: inline-block; height: 2px; width: 20px; border-radius: 4px; transition: 0.3s; content: ""; position: absolute; left: 0; transform-origin: 2.85714px center; width: 100%; } .lines::before { top: 6px; } .lines::after { top: -6px; } .lines, .lines:before, .lines:after { background-color: #111; } .x { width: auto; } .text-center { text-align: center; } .background-dark { background-color: #584d01 !important; } .text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light .lead, .text-light p, .text-light a:not(.btn), .text-light a:not(.btn):hover:not(.btn-light), .text-light i, .text-light li, .text-light label, .text-light div:not(.alert), .text-light span:not(.btn-label) { color: #fff !important; } .m-b-30 { margin-bottom: 30px !important; } .m-t-5 { margin-top: 5px !important; } .m-r-10 { margin-right: 10px !important; } a:not([href]):not([tabindex]):not(.btn) { color: none; } button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) { font-family: "Noto Sans", sans-serif; border-radius: 5px 5px 5px 5px; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; text-decoration: none; outline: none; padding: 12px 18px; position: relative; text-transform: uppercase; background-color: #ddc003; border-color: #ddc003; border-width: 1px; border-style: solid; color: #ffffff; transition: all 0.3s; margin-bottom: 6px; outline: none; line-height: 14px; cursor: pointer; } button.btn:after, .btn:not(.close):not(.mfp-close):after, a.btn:not([href]):not([tabindex]):after { content: ""; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } button.btn.btn-sm, .btn:not(.close):not(.mfp-close).btn-sm, a.btn:not([href]):not([tabindex]).btn-sm { font-size: 11px; height: 30px; line-height: 28px; padding: 0 14px; } button.btn.btn-outline, .btn:not(.close):not(.mfp-close).btn-outline, a.btn:not([href]):not([tabindex]).btn-outline { background-color: transparent; border-width: 2px; border-style: solid; border-color: #ddc003; color: #ddc003; } button.btn.btn-rounded, .btn:not(.close):not(.mfp-close).btn-rounded, a.btn:not([href]):not([tabindex]).btn-rounded { border-radius: 2em !important; } button.btn.btn-white, button.btn.btn-light, .btn:not(.close):not(.mfp-close).btn-white, .btn:not(.close):not(.mfp-close).btn-light, a.btn:not([href]):not([tabindex]).btn-white, a.btn:not([href]):not([tabindex]).btn-light { background-color: #fff; border-color: #e6e8eb; color: #4c5667; } button.btn.btn-white.btn-outline, button.btn.btn-light.btn-outline, .btn:not(.close):not(.mfp-close).btn-white.btn-outline, .btn:not(.close):not(.mfp-close).btn-light.btn-outline, a.btn:not([href]):not([tabindex]).btn-white.btn-outline, a.btn:not([href]):not([tabindex]).btn-light.btn-outline { border-color: #ffffff; background-color: transparent; color: #ffffff; } button.btn.btn-success, .btn:not(.close):not(.mfp-close).btn-success, a.btn:not([href]):not([tabindex]).btn-success { background-color: #d60505; border-color: #d60505; } button.btn + .btn, .btn:not(.close):not(.mfp-close) + .btn, a.btn:not([href]):not([tabindex]) + .btn { margin-left: 4px; } i:not(.fa):not(.fab):not(.far):not(.fas) { font-family: inspiro-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chevron-right:before { content: "\e930"; } .icon-chevron-up:before { content: "\e931"; } .modal-strip { background-color: #000; bottom: 0; color: #ffffff; left: 0; padding: 20px; position: fixed; width: 100%; display: inline-block; transform: translate3d(0px, 200px, 0px); transition: all 0.7s ease 0s; z-index: 999 !important; } .modal-strip .btn, .modal-strip h5, .modal-strip h4, .modal-strip h3, .modal-strip h2, .modal-strip h1 { margin-bottom: 0 !important; } .modal-strip a, .modal-strip a:hover, .modal-strip a:active, .modal-strip a:visited { color: #ffffff; text-decoration: underline; } .bg-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; content: " "; z-index: 0; background: rgba(0, 0, 0, 0.59); opacity: 0.12; } .bg-overlay ~ .container, .bg-overlay ~ .container-fluid { position: relative; z-index: 2; } #header { line-height: unset; } #mainMenu nav { margin-top: 20px; } .lh-0 { line-height: 0px; } .z-index-top { z-index: 100; } #logo img { max-height: 80px; margin-bottom: 0.5rem; } #mainMenu .btn { height: unset !important; border-radius: 10px; } #mainMenu.menu-creative nav > ul > li > a::after { background-color: #ddc003 !important; } #header{ line-height: unset; } #mainMenu nav{ margin-top:20px; } .lh-0{ line-height: 0px; } .z-index-top{ z-index: 100; } #logo img{ max-height: 80px; margin-bottom: 0.5rem; } #mainMenu .btn{ height : unset !important; border-radius: 10px; } #mainMenu.menu-creative nav > ul > li > a::after{ background-color: #d81d31 !important; } .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto} .fa-info-circle:before{content:"\f05a"} .fa-mail-bulk:before{content:"\f674"} .fa-map-marker:before{content:"\f041"} .fa-mobile-alt:before{content:"\f3cd"} .fa,.far,.fas{font-family:Font Awesome\ 5 Free} .fa,.fas{font-weight:900}html{overflow-x:hidden}body .body-inner{margin:0;padding:0} section{background-color:#fff;overflow:hidden;padding:80px 0;position:relative;width:100%;z-index:1} #page-title{background-color:#f8f2cd;clear:both;padding:80px 0;position:relative}#page-title .page-title{padding:0;text-align:center}#page-title .page-title>h1{font-family:Noto Sans,sans-serif;font-size:2.5rem;font-weight:400;line-height:1.2;margin-bottom:1rem} #page-content:not(.no-sidebar){padding:40px 0} .grid-layout{margin-bottom:-2px!important;overflow:hidden}.grid-layout>*{opacity:0;transition:opacity .5s ease}.grid-layout .grid-loader{opacity:1;transition:opacity .1s ease;z-index:-1}.grid-layout.grid-loaded>*{opacity:1}.grid-layout.grid-loaded .grid-loader{opacity:0}.grid-layout,.portfolioo,.posts{clear:both;display:block;padding:0;position:relative} .grid-3-columns .grid-item,.portfolio-3-columns .portfolio-item,.post-3-columns .post-item{width:33.333333333%} .grid-loader{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;-webkit-animation-delay:-.16s;animation-delay:-.16s;border-radius:50%;color:#dadada;font-size:6px;height:2.5em;left:48%;position:absolute;text-indent:-9999em;top:60px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);width:2.5em}.grid-loader:after,.grid-loader:before{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;border-radius:50%;content:"";height:2.5em;position:absolute;top:0;width:2.5em}.grid-loader:before{-webkit-animation-delay:-.32s;animation-delay:-.32s;left:-3.5em}.grid-loader:after{left:3.5em} #header{height:100px;line-height:100px;width:100%;z-index:199!important}#header,#header .container{position:relative}#header #header-wrap,#header .header-inner{background-color:#fff;height:100px;left:0;right:0;transition:all .4s ease-in-out}#header #header-wrap #logo,#header .header-inner #logo{float:left;font-size:28px;height:100px;position:relative;transition:all .4s ease-in-out;z-index:1} #header #header-wrap #logo a [class*=logo-],#header #header-wrap #logo a>img,#header .header-inner #logo a [class*=logo-],#header .header-inner #logo a>img{display:none}#header #header-wrap #logo a .logo-default,#header .header-inner #logo a .logo-default{display:block}#header #header-wrap #logo a,#header #header-wrap #logo a span,#header .header-inner #logo a,#header .header-inner #logo a span{color:#2d2d2d;font-family:Noto Sans,sans-serif;font-size:40px;font-weight:800;letter-spacing:1.5px}#header[data-fullwidth=true] #header-wrap .container,#header[data-fullwidth=true] .header-inner .container{max-width:100%;padding:0 10px} #header.header-always-fixed #header-wrap,#header.header-always-fixed .header-inner{position:fixed!important;top:0!important} #mainMenu{padding:0}#mainMenu>.container{padding:0!important} #mainMenu nav{float:right}#mainMenu nav>ul{list-style:none;margin:0;padding:0}#mainMenu nav>ul>li{border:0;float:left;margin-left:6px;position:relative;transition:all .3s ease}#mainMenu nav>ul>li>a:not(.special){border:0 solid transparent;border-radius:0;color:#210e0e;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.6px;line-height:normal;padding:10px 12px;position:relative;text-transform:uppercase;transition:all .3s ease} #mainMenu nav>ul>li>a:not(.special):after,#mainMenu nav>ul>li>a:not(.special):before{transition:all .3s ease} #mainMenu nav>ul>li.dropdown:before{color:#262626;content:"\e930";display:none;font-family:inspiro-icons;font-size:16px;opacity:.6;position:absolute;right:16px;transform:rotate(90deg)}#mainMenu nav>ul>li .dropdown-arrow{cursor:pointer;display:none;height:40px;position:absolute;right:-10px;top:0;width:50px;z-index:1}#mainMenu nav>ul>li .dropdown-menu{background-color:#fff;background-position:100% 100%;background-repeat:no-repeat;border:0;border-color:#eee;border-radius:4px;border-style:solid;border-width:1px!important;box-shadow:0 33px 32px rgba(0,0,0,.1);color:#210e0e;display:none;left:auto;margin:-6px 0 0;min-width:230px;padding:10px;position:absolute;top:35px}#mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,#mainMenu nav>ul>li .dropdown-menu>li>a,#mainMenu nav>ul>li .dropdown-menu>li>span{color:#444;display:block;font-family:Noto Sans,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:14px;padding:12px 20px 12px 18px;transition:.3s ease} #mainMenu nav>ul>li:last-child{margin-right:0} #mainMenu nav>ul li ul{list-style:none;padding:0} #mainMenu.menu-creative nav>ul>li{margin-left:4px}#mainMenu.menu-creative nav>ul>li>a:after{background-color:#fff;bottom:-2px;content:"";height:2px;left:0;opacity:0;position:absolute;top:100%;transform:translateY(10px);transition:opacity .3s ease 0s,transform .3s ease 0s;width:100%} #mainMenu-trigger{float:right;height:100px;opacity:0;position:absolute;visibility:hidden;z-index:1} *,a,h1,h2,h3,h4,h5,h6{margin:0;padding:0;text-decoration:none}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}html{font-size:88%} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2f2f2f;font-family:Noto Sans,sans-serif;font-size:1rem;line-height:1.65714286em}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#2d2d2d;font-family:Noto Sans,sans-serif;letter-spacing:.5px;margin:0} .h1,h1{font-size:3.14285714em;line-height:1.31818182em}.h1:not(:last-child),h1:not(:last-child){margin-bottom:20px}.h2,h2{font-size:2.35714286em;font-weight:500;line-height:1.36363636em}.h2:not(:last-child),h2:not(:last-child){margin-bottom:16px} .h4,h4{font-size:1.35714286em;font-weight:600;line-height:1.68421053em} .display-4,p{font-weight:400}p{color:#343434;font-family:Noto Sans,sans-serif;font-size:1rem;font-style:normal;letter-spacing:0;line-height:1.7;text-transform:none} a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]){color:#2f2f2f} .post-item{float:left;height:auto;padding:0 0 20px;width:100%}.post-item .post-item-wrap{background-color:#fff;position:relative}.post-item img{height:auto;width:100%}.post-item .post-audio,.post-item .post-image,.post-item .post-quote-img,.post-item .post-slider,.post-item .post-video{margin:0;padding:0;position:relative} .post-item .post-item-description{color:#676767;line-height:28px;padding:24px}.post-item .post-item-description>h2,.post-item .post-item-description>h2>a{color:#444;font-size:18px;font-weight:600;letter-spacing:-.1px;line-height:23px;margin-bottom:16px} .post-item.border{border:none!important}.post-item.border .post-item-wrap{border:1px solid #f2f2f2}.post-item.border>.post-item-wrap>.post-item-description{padding:24px!important;width:100%!important} .post-image{margin-bottom:20px}.post-image img{width:100%} #footer,.forum h4>small{display:block}#footer{background-color:#f8f2cd;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;line-height:32px;position:relative}#footer a:not(.btn):not(:hover){color:#2f2f2f}#footer p{font-family:Noto Sans,sans-serif}#footer a:not(.btn){font-weight:400}#footer .footer-content{padding:60px 0 40px}#footer .widget .widget-title,#footer .widget h4{font-size:14px;font-weight:600;letter-spacing:1px} #footer .copyright-content{background-color:#f6efc0;font-size:13px;min-height:80px;padding:30px 0} .widget{margin-bottom:30px;position:relative}.widget .widget-title,.widget>h4{font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:24px;margin-bottom:20px;text-transform:uppercase}.widget:after,.widget:before{clear:both;content:" ";display:table} .widget a{color:#2f2f2f}.widget p{margin-bottom:20px} .item-link{color:#2f2f2f;font-size:12px;letter-spacing:1px;text-transform:uppercase!important}.item-link i{position:relative;right:0;transition:right .3s ease 0s} #scrollTop{background-color:rgba(0,0,0,.25);background-color:rgba(0,0,0,.25)!important;background-position:50%;background-repeat:no-repeat;border-radius:100px;bottom:0;color:#fff;cursor:pointer;height:40px;line-height:12px!important;opacity:0;overflow:hidden;position:fixed;right:26px;text-align:center;transition:opacity .3s,bottom .5s,box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear;width:40px;z-index:-1}#scrollTop i{font-size:16px!important;height:39px!important;left:0!important;line-height:39px!important;position:relative;text-align:center!important;top:0!important;transform:translate(0);transition:transform .2s ease;width:39px!important;z-index:10}#scrollTop i,#scrollTop:hover{background-color:transparent!important} #scrollTop:after,#scrollTop:before{background-color:#ddc003;border-radius:100px;content:" ";display:block;height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:all .3s cubic-bezier(.55,0,.1,1);width:100%;z-index:1}#scrollTop:before{background-color:hsla(0,0%,100%,.25);opacity:0;transition:all .5s cubic-bezier(.165,.84,.44,1);z-index:2}#scrollTop:before,#scrollTop:hover:after{transform:scale(1)} [class^=icon]{display:inline-block} .lines-button{align-items:center;appearance:none;background:transparent;border:none;cursor:pointer;display:flex;height:100%;justify-content:center;outline:none;transition:.3s;user-select:none;width:16px}.lines-button>*{display:block} .lines{position:relative;top:-4px}.lines,.lines:after,.lines:before{border-radius:4px;display:inline-block;height:2px;transition:.3s;width:20px}.lines:after,.lines:before{content:"";left:0;position:absolute;transform-origin:2.85714px center;width:100%}.lines:before{top:6px}.lines:after{top:-6px}.lines,.lines:after,.lines:before{background-color:#111} .x{width:auto} .text-center{text-align:center} .background-dark{background-color:#584d01!important} .text-light,.text-light .lead,.text-light a:not(.btn),.text-light a:not(.btn):hover:not(.btn-light),.text-light div:not(.alert),.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6,.text-light i,.text-light label,.text-light li,.text-light p,.text-light span:not(.btn-label){color:#fff!important} .m-b-30{margin-bottom:30px!important} .m-t-5{margin-top:5px!important} .m-r-10{margin-right:10px!important} a:not([href]):not([tabindex]):not(.btn){color:none}.btn:not(.close):not(.mfp-close),a.btn:not([href]):not([tabindex]),button.btn{background-color:#ddc003;border:1px solid #ddc003;border-radius:5px 5px 5px 5px;color:#fff;cursor:pointer;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;line-height:14px;margin-bottom:6px;outline:none;padding:12px 18px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s}.btn:not(.close):not(.mfp-close):after,a.btn:not([href]):not([tabindex]):after,button.btn:after{content:"";position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:-1} .btn:not(.close):not(.mfp-close).btn-sm,a.btn:not([href]):not([tabindex]).btn-sm,button.btn.btn-sm{font-size:11px;height:30px;line-height:28px;padding:0 14px} .btn:not(.close):not(.mfp-close).btn-outline,a.btn:not([href]):not([tabindex]).btn-outline,button.btn.btn-outline{background-color:transparent;border:2px solid #ddc003;color:#ddc003} .btn:not(.close):not(.mfp-close).btn-rounded,a.btn:not([href]):not([tabindex]).btn-rounded,button.btn.btn-rounded{border-radius:2em!important} .btn:not(.close):not(.mfp-close).btn-light,.btn:not(.close):not(.mfp-close).btn-white,a.btn:not([href]):not([tabindex]).btn-light,a.btn:not([href]):not([tabindex]).btn-white,button.btn.btn-light,button.btn.btn-white{background-color:#fff;border-color:#e6e8eb;color:#4c5667} .btn:not(.close):not(.mfp-close).btn-light.btn-outline,.btn:not(.close):not(.mfp-close).btn-white.btn-outline,a.btn:not([href]):not([tabindex]).btn-light.btn-outline,a.btn:not([href]):not([tabindex]).btn-white.btn-outline,button.btn.btn-light.btn-outline,button.btn.btn-white.btn-outline{background-color:transparent;border-color:#fff;color:#fff} .btn:not(.close):not(.mfp-close).btn-success,a.btn:not([href]):not([tabindex]).btn-success,button.btn.btn-success{background-color:#d60505;border-color:#d60505} .btn:not(.close):not(.mfp-close)+.btn,a.btn:not([href]):not([tabindex])+.btn,button.btn+.btn{margin-left:4px} i:not(.fa):not(.fab):not(.far):not(.fas){speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:inspiro-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none} .icon-chevron-right:before{content:"\e930"}.icon-chevron-up:before{content:"\e931"} .modal-strip{background-color:#000;bottom:0;color:#fff;display:inline-block;left:0;padding:20px;position:fixed;transform:translate3d(0,200px,0);transition:all .7s ease 0s;width:100%;z-index:999!important}.modal-strip .btn,.modal-strip h1,.modal-strip h2,.modal-strip h3,.modal-strip h4,.modal-strip h5{margin-bottom:0!important}.modal-strip a,.modal-strip a:active,.modal-strip a:hover,.modal-strip a:visited{color:#fff;text-decoration:underline} .bg-overlay{background:rgba(0,0,0,.59);bottom:0;content:" ";height:100%;left:0;opacity:.12;position:absolute;right:0;top:0;width:100%;z-index:0} .bg-overlay~.container,.bg-overlay~.container-fluid{position:relative;z-index:2} #mainMenu.menu-creative nav>ul>li>a:after{background-color:#ddc003!important} #header{line-height:unset}#mainMenu nav{margin-top:20px}.lh-0{line-height:0px} .z-index-top{z-index:100} #logo img{margin-bottom:.5rem;max-height:80px} #mainMenu .btn{border-radius:10px;height:unset!important} #mainMenu.menu-creative nav>ul>li>a:after{background-color:#d81d31!important} </style> {% endblock %}{% block css %} {{ parent() }} <style> </style>{% endblock %}{% block content %} <section id="page-title" class="text-light" {{ responsive_background( asset('websiteImage/services.jpg') , "background-size: cover; background-position: center center;",true ) | raw }}> <div class="bg-overlay"></div> <div class="container"> <div class="page-title"> <h1>{{ 'services.title' | admintrans | raw }}</h1> {% if generalS.imageAccueil.texteService != null or generalS.imageAccueil.texteService != '' %}<p class="slider-text"> {{ generalS.imageAccueil.texteService }}</p>{% endif %} </div> </div> </section> <section id="page-content"> <div class="container"> <div id="services" class="grid-layout post-3-columns m-b-30" data-item="post-item"> {% for service in services %} <div class="post-item border"> <div class="post-item-wrap"> <div class="post-image"> <a href="{{ path('service',{'id' : service.id}) }}" style="display:block;width: auto;height : 300px; "> <img height="300" width="300" alt="{{ service.altDescription }}" {{ responsive_src(asset('images/upload/' ~ service.image)) | raw }} style="object-fit: cover;height: 100%;width: 100%;"> </a></div> <div class="post-item-description"> <h2><a href="{{ path('service',{'id' : service.id}) }}">{{ service.titre }}</a></h2> <div> {{ service.displayContent | striptags('<strong><u><br><li><ul>') | u.truncate( 200, '...', false) | raw}} </div> <a href="{{ path('service',{'id' : service.id}) }}" class="item-link">Lire plus <i class="icon-chevron-right"></i></a> </div> </div> </div> {% endfor %} </div> </div> </section>{% endblock %} {% block js %} {{ parent() }} {% endblock %}