templates/pages/quiSommesNous.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% 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} .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} .pt-0,.py-0{padding-top:0!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-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} .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} .pt-0,.py-0{padding-top:0!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-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} .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} .pt-0,.py-0{padding-top:0!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} #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: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} .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} #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} #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-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} 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"} .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} #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; } #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: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; } 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; } #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; } #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-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; } 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"; } .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; } #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} #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: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} .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} #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} #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-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} 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"} .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} #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 %}
  3. {% block css %}
  4.     {{ parent() }}
  5.     <style>
  6.     </style>
  7. {% endblock %}
  8. {% block content %}
  9.     <section id="page-title" class="text-light" {{ responsive_background( asset('images/upload/quiSommesNous.png') , "background-size: cover; background-position: center center;",true ) | raw }}>
  10.         <div class="bg-overlay"></div>
  11.         <div class="container">
  12.             <div class="page-title">
  13.                 <h1>{{ generalS.pageQuiSommesNous.titre | default('Qui sommes nous ?') }}</h1>
  14.             </div>
  15.         </div>
  16.     </section>
  17.     <section id="page-content">
  18.         <div class="container">
  19.             {{  generalS.pageQuiSommesNous.contenu | raw }}
  20.         </div>
  21.     </section>
  22.     <section class="pt-0 text-center">
  23.         <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>
  24.     </section>
  25. {% endblock %}
  26.     {% block js  %}
  27.         {{ parent() }}
  28.     {% endblock %}