{% 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-lg>.btn,.btn-lg{border-radius:.3rem;font-size:1.25rem;line-height:1.5;padding:.5rem 1rem}.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} .carousel{position:relative} .rounded{border-radius:.25rem!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} .m-4{margin:1.5rem!important} .mt-5,.my-5{margin-top:3rem!important} .mb-5,.my-5{margin-bottom:3rem!important} .pt-0,.py-0{padding-top:0!important} .pb-1,.py-1{padding-bottom:.25rem!important} .pt-2,.py-2{padding-top:.5rem!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} .visible{visibility:visible!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-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.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} .carousel{position:relative} .rounded{border-radius:.25rem!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} .m-4{margin:1.5rem!important} .mt-5,.my-5{margin-top:3rem!important} .mb-5,.my-5{margin-bottom:3rem!important} .pt-0,.py-0{padding-top:0!important} .pb-1,.py-1{padding-bottom:.25rem!important} .pt-2,.py-2{padding-top:.5rem!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} .visible{visibility:visible!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-lg>.btn,.btn-lg{border-radius:.3rem;font-size:1.25rem;line-height:1.5;padding:.5rem 1rem}.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} .carousel{position:relative} .rounded{border-radius:.25rem!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} .m-4{margin:1.5rem!important} .mt-5,.my-5{margin-top:3rem!important} .mb-5,.my-5{margin-bottom:3rem!important} .pt-0,.py-0{padding-top:0!important} .pb-1,.py-1{padding-bottom:.25rem!important} .pt-2,.py-2{padding-top:.5rem!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} .visible{visibility:visible!important} .fadeInUp{animation-name:fadeInUp} .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} .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-item{height:auto!important}.grid-filter{clear:both;display:block;margin-bottom:26px;position:relative;width:100%}.grid-filter ul{height:auto;list-style:none;padding:0;position:relative}.grid-filter li{border:0;display:inline-block;margin-bottom:-1px;margin-right:6px;position:relative}.grid-filter li a{border:2px solid transparent;border-radius:15px;color:#2f2f2f;display:block;font-size:13px;font-weight:600;line-height:15px;padding:8px 10px;position:relative;transition:all .3s ease}.grid-filter li.active a,.grid-filter li.active a:active,.grid-filter li.active a:focus,.grid-filter li.active a:hover,.grid-filter li:hover a,.grid-filter li:hover a:active,.grid-filter li:hover a:focus,.grid-filter li:hover a:hover{background-color:#ddc003;color:#fff}.grid-filter li.active{cursor:pointer;pointer-events:none}.grid-filter li.active a{color:#fff;pointer-events:none} .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} .h4,h4{font-size:1.35714286em;font-weight:600;line-height:1.68421053em}.h4:not(:last-child),h4:not(:last-child){margin-bottom:8px} .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} .grid-item,.portfolio-item{cursor:pointer;float:left;height:auto;padding:0 0 20px;width:100%}.grid-item a:not(.btn),.portfolio-item a:not(.btn){color:#2f2f2f}.grid-item .grid-item-wrap,.grid-item .portfolio-item-wrap,.portfolio-item .grid-item-wrap,.portfolio-item .portfolio-item-wrap{overflow:hidden;position:relative}.grid-item .grid-item-wrap>a,.grid-item .portfolio-item-wrap>a,.portfolio-item .grid-item-wrap>a,.portfolio-item .portfolio-item-wrap>a{height:100%;position:absolute;width:100%;z-index:6}.grid-item .flickity-viewport,.grid-item .grid-image,.grid-item .grid-video,.grid-item .portfolio-image,.grid-item .portfolio-video,.portfolio-item .flickity-viewport,.portfolio-item .grid-image,.portfolio-item .grid-video,.portfolio-item .portfolio-image,.portfolio-item .portfolio-video{overflow:hidden;position:relative}.grid-item .flickity-viewport:after,.grid-item .grid-image:after,.grid-item .grid-video:after,.grid-item .portfolio-image:after,.grid-item .portfolio-video:after,.portfolio-item .flickity-viewport:after,.portfolio-item .grid-image:after,.portfolio-item .grid-video:after,.portfolio-item .portfolio-image:after,.portfolio-item .portfolio-video:after{background-color:#210e0e;content:" ";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:2} .grid-item:not(.no-overlay):hover .grid-image:after,.grid-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after,.grid-item:not(.no-overlay):hover .grid-video:after,.grid-item:not(.no-overlay):hover .portfolio-image:after,.grid-item:not(.no-overlay):hover .portfolio-slider .flickity-viewport:after,.grid-item:not(.no-overlay):hover .portfolio-video:after,.portfolio-item:not(.no-overlay):hover .grid-image:after,.portfolio-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after,.portfolio-item:not(.no-overlay):hover .grid-video:after,.portfolio-item:not(.no-overlay):hover .portfolio-image:after,.portfolio-item:not(.no-overlay):hover .portfolio-slider .flickity-viewport:after,.portfolio-item:not(.no-overlay):hover .portfolio-video:after{opacity:.5} #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} .background-image{background-position:50%;background-repeat:no-repeat;background-size:cover} #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} .rounded{overflow:hidden} .visible{opacity:1}.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-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-lg,a.btn:not([href]):not([tabindex]).btn-lg,button.btn.btn-lg{font-size:16px;height:58px;letter-spacing:2px;line-height:56px;padding:0 40px} .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} .heading-text{margin-bottom:30px}.heading-text h1,.heading-text h2,.heading-text h3,.heading-text h4,.heading-text h5,.heading-text h6{margin-bottom:30px;position:relative} .heading-text h2,.heading-text h3{font-size:60px;letter-spacing:-.7px;line-height:66px;margin-bottom:30px} .heading-text.heading-section h2{font-size:40px;line-height:56px;margin-bottom:60px;position:relative}.heading-text.heading-section h2:before{background-color:#ddc003;bottom:-30px;content:"";height:2px;left:0;position:absolute;right:0;width:100px} 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-up:before{content:"\e931"} .flickity-viewport{overflow:hidden!important} .flickity-enabled{position:relative} .flickity-viewport{height:100%;overflow:hidden;position:relative}.flickity-slider{height:100%;position:absolute;width:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab} .flickity-button{background:#fff;border:0;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.1);box-sizing:initial;color:#9896a6;cursor:pointer;display:block;height:40px;line-height:40px;margin:-23px 0 0;opacity:0;position:absolute;text-align:center;top:50%;transition:all .2s ease 0s;width:40px;z-index:10;z-index:200}.flickity-button:before{color:#2d2d2d} .flickity-button.next:before,.flickity-button.previous:before{font-family:inspiro-icons!important;font-size:25px}.flickity-button.next{right:0}.flickity-button.next:before{content:"\e930";margin-left:4px} .flickity-button.previous{left:0}.flickity-button.previous:before{content:"\e92f";margin-right:2px} .flickity-button svg{display:none!important} .polo-carousel-item.is-selected{z-index:2}.flickity-button-icon{fill:currentColor}.flickity-page-dots{bottom:-25px;height:10px;line-height:1;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;z-index:3}.flickity-page-dots .dot{background-color:transparent;border-radius:50%;box-shadow:inset 0 0 0 2px #ccc;cursor:pointer;display:inline-block;height:10px;margin:0 4px;overflow:hidden;position:relative;transition:background .8s ease;width:10px}.flickity-page-dots .dot:after{background-color:#ccc;border-radius:50%;bottom:0;box-shadow:0 0 1px #ccc;content:"";height:0;left:0;outline:medium none;overflow:hidden;position:absolute;text-indent:-999em;transition:height .3s ease;width:100%}.flickity-page-dots .dot.is-selected:after{height:100%} .carousel{opacity:0;transition:opacity .3s ease;visibility:hidden}.carousel.carousel-loaded{opacity:1;visibility:visible} .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} [data-animate]{opacity:0}.icon[data-animate],[data-animate].visible{opacity:1} #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} .background-image.contain{background-size:contain}#mainMenu .btn{border-radius:10px;height:unset!important} .grid li,.grid-item,.portfolio-item{padding:0} #prestation .grid-image:after{border-radius:15px}#mainMenu.menu-creative nav>ul>li>a:after{background-color:#d81d31!important} .fadeInUp{animation-name:fadeInUp} .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; } .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-item { height: auto !important; } .grid-filter { clear: both; display: block; width: 100%; margin-bottom: 26px; position: relative; } .grid-filter ul { list-style: none; padding: 0; position: relative; height: auto; } .grid-filter li { position: relative; margin-right: 6px; border: 0; margin-bottom: -1px; display: inline-block; } .grid-filter li a { font-weight: 600; display: block; position: relative; padding: 8px 10px; font-size: 13px; line-height: 15px; color: #2f2f2f; border-radius: 15px; transition: all 0.3s ease; border-width: 2px; border-style: solid; border-color: transparent; } .grid-filter li:hover a, .grid-filter li:hover a:hover, .grid-filter li:hover a:active, .grid-filter li:hover a:focus, .grid-filter li.active a, .grid-filter li.active a:hover, .grid-filter li.active a:active, .grid-filter li.active a:focus { background-color: #ddc003; color: #ffffff; } .grid-filter li.active { cursor: pointer; pointer-events: none; } .grid-filter li.active a { color: #ffffff; pointer-events: none; } .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; } h4, .h4 { font-size: 1.35714286em; line-height: 1.68421053em; font-weight: 600; } h4:not(:last-child), .h4:not(:last-child) { margin-bottom: 8px; } 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; } .portfolio-item, .grid-item { width: 100%; float: left; height: auto; padding: 0 0 20px 0; cursor: pointer; /*hover state*/ /*Portfolio Effects*/ /*Styles*/ } .portfolio-item a:not(.btn), .grid-item a:not(.btn) { color: #2f2f2f; } .portfolio-item .portfolio-item-wrap, .portfolio-item .grid-item-wrap, .grid-item .portfolio-item-wrap, .grid-item .grid-item-wrap { position: relative; overflow: hidden; } .portfolio-item .portfolio-item-wrap > a, .portfolio-item .grid-item-wrap > a, .grid-item .portfolio-item-wrap > a, .grid-item .grid-item-wrap > a { z-index: 6; width: 100%; height: 100%; position: absolute; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-video, .portfolio-item .grid-image, .portfolio-item .grid-video, .portfolio-item .flickity-viewport, .grid-item .portfolio-image, .grid-item .portfolio-video, .grid-item .grid-image, .grid-item .grid-video, .grid-item .flickity-viewport { position: relative; overflow: hidden; } .portfolio-item .portfolio-image:after, .portfolio-item .portfolio-video:after, .portfolio-item .grid-image:after, .portfolio-item .grid-video:after, .portfolio-item .flickity-viewport:after, .grid-item .portfolio-image:after, .grid-item .portfolio-video:after, .grid-item .grid-image:after, .grid-item .grid-video:after, .grid-item .flickity-viewport:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #210e0e; transition: all 0.3s ease; opacity: 0; content: " "; z-index: 2; } .portfolio-item:not(.no-overlay):hover .portfolio-slider .flickity-viewport:after, .portfolio-item:not(.no-overlay):hover .portfolio-image:after, .portfolio-item:not(.no-overlay):hover .portfolio-video:after, .portfolio-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after, .portfolio-item:not(.no-overlay):hover .grid-image:after, .portfolio-item:not(.no-overlay):hover .grid-video:after, .grid-item:not(.no-overlay):hover .portfolio-slider .flickity-viewport:after, .grid-item:not(.no-overlay):hover .portfolio-image:after, .grid-item:not(.no-overlay):hover .portfolio-video:after, .grid-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after, .grid-item:not(.no-overlay):hover .grid-image:after, .grid-item:not(.no-overlay):hover .grid-video:after { opacity: 0.5; } #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; } .background-image { background-position: center center; background-repeat: no-repeat; background-size: cover; } #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; } .rounded { overflow: hidden; } .visible { opacity: 1; } .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-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-lg, .btn:not(.close):not(.mfp-close).btn-lg, a.btn:not([href]):not([tabindex]).btn-lg { font-size: 16px; height: 58px; letter-spacing: 2px; line-height: 56px; padding: 0 40px; } 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; } .heading-text { margin-bottom: 30px; } .heading-text h1, .heading-text h2, .heading-text h3, .heading-text h4, .heading-text h5, .heading-text h6 { position: relative; margin-bottom: 30px; } .heading-text h2 { font-size: 60px; margin-bottom: 30px; letter-spacing: -0.7px; line-height: 66px; } .heading-text.heading-section h2 { position: relative; font-size: 40px; line-height: 56px; margin-bottom: 60px; } .heading-text.heading-section h2:before { content: ""; position: absolute; height: 2px; width: 100px; background-color: #ddc003; bottom: -30px; left: 0; right: 0; } 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-up:before { content: "\e931"; } .flickity-viewport { overflow: hidden !important; } .flickity-enabled { position: relative; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-button { background: #fff; width: 40px; height: 40px; line-height: 40px; margin: -23px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-align: center; transition: all 0.2s ease 0s; color: #9896a6; text-align: center; z-index: 200; border: 0; box-sizing: initial; opacity: 0; border-radius: 50%; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1); } .flickity-button:before { color: #2d2d2d; } .flickity-button.next:before, .flickity-button.previous:before { font-size: 25px; font-family: inspiro-icons !important; } .flickity-button.next { right: 0px; } .flickity-button.next:before { margin-left: 4px; content: "\e930"; } .flickity-button.previous { left: 0px; } .flickity-button.previous:before { content: "\e92f"; margin-right: 2px; } .flickity-button svg { display: none !important; } .polo-carousel-item.is-selected { z-index: 2; } .flickity-button-icon { fill: currentColor; } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; z-index: 3; height: 10px; } .flickity-page-dots .dot { display: inline-block; position: relative; margin: 0 4px; width: 10px; height: 10px; cursor: pointer; border-radius: 50%; overflow: hidden; background-color: transparent; box-shadow: inset 0 0 0 2px #cccccc; transition: background 0.8s ease; } .flickity-page-dots .dot:after { outline: medium none; text-indent: -999em; border-radius: 50%; overflow: hidden; content: ""; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: #cccccc; box-shadow: 0 0 1px #cccccc; transition: height 0.3s ease; } .flickity-page-dots .dot.is-selected:after { height: 100%; } .inspiro-slider, .carousel { /* dots inside */ /* dots top */ /* dots light */ /* dots dark */ /* dots grey */ } .carousel { opacity: 0; visibility: hidden; transition: opacity 0.3s ease; } .carousel.carousel-loaded { opacity: 1; visibility: visible; } .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; } [data-animate] { opacity: 0; } [data-animate].visible { opacity: 1; } #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; } .background-image.contain { background-size: contain; } #mainMenu .btn { height: unset !important; border-radius: 10px; } .portfolio-item, .grid-item { padding: 0; } #prestation .grid-image:after { border-radius: 15px; } #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; } .background-image.contain{ background-size:contain; } #mainMenu .btn{ height : unset !important; border-radius: 10px; } .portfolio-item, .grid-item { padding: 0; } #prestation .grid-image:after{ border-radius: 15px; } #mainMenu.menu-creative nav > ul > li > a::after{ background-color: #d81d31 !important; } .fadeInUp{animation-name:fadeInUp} .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} .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-item{height:auto!important}.grid-filter{clear:both;display:block;margin-bottom:26px;position:relative;width:100%}.grid-filter ul{height:auto;list-style:none;padding:0;position:relative}.grid-filter li{border:0;display:inline-block;margin-bottom:-1px;margin-right:6px;position:relative}.grid-filter li a{border:2px solid transparent;border-radius:15px;color:#2f2f2f;display:block;font-size:13px;font-weight:600;line-height:15px;padding:8px 10px;position:relative;transition:all .3s ease}.grid-filter li.active a,.grid-filter li.active a:active,.grid-filter li.active a:focus,.grid-filter li.active a:hover,.grid-filter li:hover a,.grid-filter li:hover a:active,.grid-filter li:hover a:focus,.grid-filter li:hover a:hover{background-color:#ddc003;color:#fff}.grid-filter li.active{cursor:pointer;pointer-events:none}.grid-filter li.active a{color:#fff;pointer-events:none} .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} .h4,h4{font-size:1.35714286em;font-weight:600;line-height:1.68421053em}.h4:not(:last-child),h4:not(:last-child){margin-bottom:8px} .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} .grid-item,.portfolio-item{cursor:pointer;float:left;height:auto;padding:0 0 20px;width:100%}.grid-item a:not(.btn),.portfolio-item a:not(.btn){color:#2f2f2f}.grid-item .grid-item-wrap,.grid-item .portfolio-item-wrap,.portfolio-item .grid-item-wrap,.portfolio-item .portfolio-item-wrap{overflow:hidden;position:relative}.grid-item .grid-item-wrap>a,.grid-item .portfolio-item-wrap>a,.portfolio-item .grid-item-wrap>a,.portfolio-item .portfolio-item-wrap>a{height:100%;position:absolute;width:100%;z-index:6}.grid-item .flickity-viewport,.grid-item .grid-image,.grid-item .grid-video,.grid-item .portfolio-image,.grid-item .portfolio-video,.portfolio-item .flickity-viewport,.portfolio-item .grid-image,.portfolio-item .grid-video,.portfolio-item .portfolio-image,.portfolio-item .portfolio-video{overflow:hidden;position:relative}.grid-item .flickity-viewport:after,.grid-item .grid-image:after,.grid-item .grid-video:after,.grid-item .portfolio-image:after,.grid-item .portfolio-video:after,.portfolio-item .flickity-viewport:after,.portfolio-item .grid-image:after,.portfolio-item .grid-video:after,.portfolio-item .portfolio-image:after,.portfolio-item .portfolio-video:after{background-color:#210e0e;content:" ";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:2} .grid-item:not(.no-overlay):hover .grid-image:after,.grid-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after,.grid-item:not(.no-overlay):hover .grid-video:after,.grid-item:not(.no-overlay):hover .portfolio-image:after,.grid-item:not(.no-overlay):hover .portfolio-slider .flickity-viewport:after,.grid-item:not(.no-overlay):hover .portfolio-video:after,.portfolio-item:not(.no-overlay):hover .grid-image:after,.portfolio-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after,.portfolio-item:not(.no-overlay):hover .grid-video:after,.portfolio-item:not(.no-overlay):hover .portfolio-image:after,.portfolio-item:not(.no-overlay):hover .portfolio-slider .flickity-viewport:after,.portfolio-item:not(.no-overlay):hover .portfolio-video:after{opacity:.5} #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} .background-image{background-position:50%;background-repeat:no-repeat;background-size:cover} #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} .rounded{overflow:hidden} .visible{opacity:1}.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-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-lg,a.btn:not([href]):not([tabindex]).btn-lg,button.btn.btn-lg{font-size:16px;height:58px;letter-spacing:2px;line-height:56px;padding:0 40px} .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} .heading-text{margin-bottom:30px}.heading-text h1,.heading-text h2,.heading-text h3,.heading-text h4,.heading-text h5,.heading-text h6{margin-bottom:30px;position:relative} .heading-text h2,.heading-text h3{font-size:60px;letter-spacing:-.7px;line-height:66px;margin-bottom:30px} .heading-text.heading-section h2{font-size:40px;line-height:56px;margin-bottom:60px;position:relative}.heading-text.heading-section h2:before{background-color:#ddc003;bottom:-30px;content:"";height:2px;left:0;position:absolute;right:0;width:100px} 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-up:before{content:"\e931"} .flickity-viewport{overflow:hidden!important} .flickity-enabled{position:relative} .flickity-viewport{height:100%;overflow:hidden;position:relative}.flickity-slider{height:100%;position:absolute;width:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab} .flickity-button{background:#fff;border:0;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.1);box-sizing:initial;color:#9896a6;cursor:pointer;display:block;height:40px;line-height:40px;margin:-23px 0 0;opacity:0;position:absolute;text-align:center;top:50%;transition:all .2s ease 0s;width:40px;z-index:10;z-index:200}.flickity-button:before{color:#2d2d2d} .flickity-button.next:before,.flickity-button.previous:before{font-family:inspiro-icons!important;font-size:25px}.flickity-button.next{right:0}.flickity-button.next:before{content:"\e930";margin-left:4px} .flickity-button.previous{left:0}.flickity-button.previous:before{content:"\e92f";margin-right:2px} .flickity-button svg{display:none!important} .polo-carousel-item.is-selected{z-index:2}.flickity-button-icon{fill:currentColor}.flickity-page-dots{bottom:-25px;height:10px;line-height:1;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;z-index:3}.flickity-page-dots .dot{background-color:transparent;border-radius:50%;box-shadow:inset 0 0 0 2px #ccc;cursor:pointer;display:inline-block;height:10px;margin:0 4px;overflow:hidden;position:relative;transition:background .8s ease;width:10px}.flickity-page-dots .dot:after{background-color:#ccc;border-radius:50%;bottom:0;box-shadow:0 0 1px #ccc;content:"";height:0;left:0;outline:medium none;overflow:hidden;position:absolute;text-indent:-999em;transition:height .3s ease;width:100%}.flickity-page-dots .dot.is-selected:after{height:100%} .carousel{opacity:0;transition:opacity .3s ease;visibility:hidden}.carousel.carousel-loaded{opacity:1;visibility:visible} .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} [data-animate]{opacity:0}.icon[data-animate],[data-animate].visible{opacity:1} #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} .background-image.contain{background-size:contain}#mainMenu .btn{border-radius:10px;height:unset!important} .grid li,.grid-item,.portfolio-item{padding:0} #prestation .grid-image:after{border-radius:15px}#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/realisation.jpg') , "background-size: cover; background-position: center center;",true ) | raw }}> <div class="bg-overlay"></div> <div class="container"> <div class="page-title"> <h1>{{ 'realisations.title' | admintrans | raw }}</h1> {% if generalS.imageAccueil.texteRealisations != null or generalS.imageAccueil.texteRealisations != '' %}<p class="slider-text"> {{ generalS.imageAccueil.texteRealisations }}</p>{% endif %} </div> </div> </section> <section id="prestation" class="pt-0 pb-1"> <div class="container"> {# Debut grid#} <div class="grid-filter text-center mt-5 mb-5" data-layout="#realisations" data-animate="fadeInUp" data-animate-delay="0"> <ul> <li class="" id="tous"><a href="#" data-category="*"> {{ 'realisations.all' | admintrans | raw }}</a></li> {% for categorie in categories %} <li class="" id="{{ categorie.id }}"><a data-category=".cat{{ categorie.id }}" href="#">{{ categorie.titre }}</a></li> {% endfor %} </ul> </div> <div id="realisations" class="grid-layout grid-3-columns" data-margin="30" data-margin-xs="10" data-item="grid-item" data-layout="fitRows" data-animate="fadeInUp" data-animate-delay="0"> {% for realisation in realisations %} <div class="grid-item cat{{ realisation.type.id }} res{{ realisation.id }}"> <div class="grid-item-wrap m-4" style="height: 200px;"> <a href="{{ path('realisationAjax',{'realisation' : realisation.id}) }}" data-lightbox="ajax" style="height: 200px;"><div class="grid-image background-image rounded" {{ responsive_background( asset('images/upload/' ~ realisation.image) ,"height: 200px;background-size: contain") | raw }} > </div></a> </div> <div class="text-center"> <h4>{{ realisation.titre }}</h4> <p>{{ realisation.adresse }}</p> </div> </div> {% endfor %} </div> {# endGrid #} </div> </section> {% include('composantsPages/ilsNousFontConfiance.html.twig') %} <section class="pt-0 text-center"> <a href="{{ path('contact') }}" class="btn btn-lg btn-success" data-animate="fadeInUp" data-animate-delay="600">{{ 'components.ils_nous_font_confiance.demande_devis' | admintrans | raw }}</a> </section>{% endblock %} {% block js %} {{ parent() }} {% endblock %}