var/cache/dev/twig/63/631ddc0f6e0171ff3b5f58f5297ba8a0.php line 41

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* pages/articles.html.twig */
  16. class __TwigTemplate_cbd3c0c1f47f8b722a1205846c9a17c5 extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'inline_style' => [$this, 'block_inline_style'],
  29.             'css' => [$this, 'block_css'],
  30.             'content' => [$this, 'block_content'],
  31.             'js' => [$this, 'block_js'],
  32.         ];
  33.     }
  35.     protected function doGetParent(array $context)
  36.     {
  37.         // line 1
  38.         return "base.html.twig";
  39.     }
  41.     protected function doDisplay(array $context, array $blocks = [])
  42.     {
  43.         $macros = $this->macros;
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "pages/articles.html.twig"));
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "pages/articles.html.twig"));
  50.         $this->parent = $this->loadTemplate("base.html.twig", "pages/articles.html.twig", 1);
  51.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  52.         
  53.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  55.         
  56.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  58.     }
  60.     // line 2
  61.     public function block_inline_style($context, array $blocks = [])
  62.     {
  63.         $macros = $this->macros;
  64.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "inline_style"));
  67.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "inline_style"));
  70.         echo " <style rel=\"stylesheet\" type=\"text/css\">:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:sans-serif;line-height:1.15}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:400;line-height:1.5;margin:0;text-align:left} h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0} address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0} b,strong{font-weight:bolder} a{background-color:transparent;color:#007bff;text-decoration:none} a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none} img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden} button{border-radius:0} button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem} .h4,h4{font-size:1.5rem} .container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%} @media (min-width:576px){ .container{max-width:540px} } @media (min-width:768px){ .container{max-width:720px} } @media (min-width:992px){ .container{max-width:960px} } @media (min-width:1200px){ .container{max-width:1140px} } .container-fluid,.container-lg,.container-md,.container-sm,.container-xl{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%} @media (min-width:576px){ .container,.container-sm{max-width:540px} } @media (min-width:768px){ .container,.container-md,.container-sm{max-width:720px} } @media (min-width:992px){ .container,.container-lg,.container-md,.container-sm{max-width:960px} } @media (min-width:1200px){ .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px} } .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%} @media (min-width:992px){ .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } .btn{background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:#212529;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle} .btn-success{background-color:#28a745;border-color:#28a745;color:#fff} .btn-light{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529} .btn-group-sm>.btn,.btn-sm{border-radius:.2rem;font-size:.875rem;line-height:1.5;padding:.25rem .5rem} .fade{transition:opacity .15s linear} .fade:not(.show){opacity:0} .dropdown,.dropleft,.dropright,.dropup{position:relative} .dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#212529;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000} .modal{display:none;height:100%;left:0;outline:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1050} .border{border:1px solid #dee2e6!important} .d-xl-none{display:none!important} .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .text-right{text-align:right!important}.text-center{text-align:center!important} .text-sm-center{text-align:center!important} .text-lg-left{text-align:left!important} .text-light{color:#f8f9fa!important} *,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff} h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem} dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0} b,strong{font-weight:bolder} a{color:#007bff;text-decoration:none;background-color:transparent} a:not([href]){color:inherit;text-decoration:none} img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle} button{border-radius:0} button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem} .h4,h4{font-size:1.5rem} .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .container{max-width:540px} .container{max-width:720px} .container{max-width:960px} .container{max-width:1140px} .container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .container,.container-sm{max-width:540px} .container,.container-md,.container-sm{max-width:720px} .container,.container-lg,.container-md,.container-sm{max-width:960px} .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px} .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out} .btn-success{color:#fff;background-color:#28a745;border-color:#28a745} .btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa} .btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem} .fade{transition:opacity .15s linear} .fade:not(.show){opacity:0} .dropdown,.dropleft,.dropright,.dropup{position:relative} .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem} .modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0} .border{border:1px solid #dee2e6!important} .d-xl-none{display:none!important} .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .text-right{text-align:right!important}.text-center{text-align:center!important} .text-sm-center{text-align:center!important} .text-lg-left{text-align:left!important} .text-light{color:#f8f9fa!important} *,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:sans-serif;line-height:1.15}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:400;line-height:1.5;margin:0;text-align:left} h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0} address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0} b,strong{font-weight:bolder} a{background-color:transparent;color:#007bff;text-decoration:none} a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none} img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden} button{border-radius:0} button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem} .h4,h4{font-size:1.5rem} .container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%} .container{max-width:540px} .container{max-width:720px} .container{max-width:960px} .container{max-width:1140px} .container-fluid,.container-lg,.container-md,.container-sm,.container-xl{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%} .container,.container-sm{max-width:540px} .container,.container-md,.container-sm{max-width:720px} .container,.container-lg,.container-md,.container-sm{max-width:960px} .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px} .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%} .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .btn{background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:#212529;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle} .btn-success{background-color:#28a745;border-color:#28a745;color:#fff} .btn-light{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529} .btn-group-sm>.btn,.btn-sm{border-radius:.2rem;font-size:.875rem;line-height:1.5;padding:.25rem .5rem} .fade{transition:opacity .15s linear} .fade:not(.show){opacity:0} .dropdown,.dropleft,.dropright,.dropup{position:relative} .dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#212529;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000} .modal{display:none;height:100%;left:0;outline:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1050} .border{border:1px solid #dee2e6!important} .d-xl-none{display:none!important} .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .text-right{text-align:right!important}.text-center{text-align:center!important} .text-sm-center{text-align:center!important} .text-lg-left{text-align:left!important} .text-light{color:#f8f9fa!important} .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto} .fa-info-circle:before{content:\"\\f05a\"} .fa-mail-bulk:before{content:\"\\f674\"} .fa-map-marker:before{content:\"\\f041\"} .fa-mobile-alt:before{content:\"\\f3cd\"} .fa,.far,.fas{font-family:Font Awesome\\ 5 Free} .fa,.fas{font-weight:900}html{overflow-x:hidden}body .body-inner{margin:0;padding:0} section{background-color:#fff;overflow:hidden;padding:80px 0;position:relative;width:100%;z-index:1} #page-title{background-color:#f8f2cd;clear:both;padding:80px 0;position:relative}#page-title .page-title{padding:0;text-align:center}#page-title .page-title>h1{font-family:Noto Sans,sans-serif;font-size:2.5rem;font-weight:400;line-height:1.2;margin-bottom:1rem} #page-content:not(.no-sidebar){padding:40px 0} .grid-layout{margin-bottom:-2px!important;overflow:hidden}.grid-layout>*{opacity:0;transition:opacity .5s ease}.grid-layout .grid-loader{opacity:1;transition:opacity .1s ease;z-index:-1}.grid-layout.grid-loaded>*{opacity:1}.grid-layout.grid-loaded .grid-loader{opacity:0}.grid-layout,.portfolioo,.posts{clear:both;display:block;padding:0;position:relative} .grid-3-columns .grid-item,.portfolio-3-columns .portfolio-item,.post-3-columns .post-item{width:33.333333333%} .grid-loader{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;-webkit-animation-delay:-.16s;animation-delay:-.16s;border-radius:50%;color:#dadada;font-size:6px;height:2.5em;left:48%;position:absolute;text-indent:-9999em;top:60px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);width:2.5em}.grid-loader:after,.grid-loader:before{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;border-radius:50%;content:\"\";height:2.5em;position:absolute;top:0;width:2.5em}.grid-loader:before{-webkit-animation-delay:-.32s;animation-delay:-.32s;left:-3.5em}.grid-loader:after{left:3.5em} #header{height:100px;line-height:100px;width:100%;z-index:199!important}#header,#header .container{position:relative}#header #header-wrap,#header .header-inner{background-color:#fff;height:100px;left:0;right:0;transition:all .4s ease-in-out}#header #header-wrap #logo,#header .header-inner #logo{float:left;font-size:28px;height:100px;position:relative;transition:all .4s ease-in-out;z-index:1} #header #header-wrap #logo a [class*=logo-],#header #header-wrap #logo a>img,#header .header-inner #logo a [class*=logo-],#header .header-inner #logo a>img{display:none}#header #header-wrap #logo a .logo-default,#header .header-inner #logo a .logo-default{display:block}#header #header-wrap #logo a,#header #header-wrap #logo a span,#header .header-inner #logo a,#header .header-inner #logo a span{color:#2d2d2d;font-family:Noto Sans,sans-serif;font-size:40px;font-weight:800;letter-spacing:1.5px}#header[data-fullwidth=true] #header-wrap .container,#header[data-fullwidth=true] .header-inner .container{max-width:100%;padding:0 10px} #header.header-always-fixed #header-wrap,#header.header-always-fixed .header-inner{position:fixed!important;top:0!important} #mainMenu{padding:0}#mainMenu>.container{padding:0!important} #mainMenu nav{float:right}#mainMenu nav>ul{list-style:none;margin:0;padding:0}#mainMenu nav>ul>li{border:0;float:left;margin-left:6px;position:relative;transition:all .3s ease}#mainMenu nav>ul>li>a:not(.special){border:0 solid transparent;border-radius:0;color:#210e0e;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.6px;line-height:normal;padding:10px 12px;position:relative;text-transform:uppercase;transition:all .3s ease} #mainMenu nav>ul>li>a:not(.special):after,#mainMenu nav>ul>li>a:not(.special):before{transition:all .3s ease} #mainMenu nav>ul>li.dropdown:before{color:#262626;content:\"\\e930\";display:none;font-family:inspiro-icons;font-size:16px;opacity:.6;position:absolute;right:16px;transform:rotate(90deg)}#mainMenu nav>ul>li .dropdown-arrow{cursor:pointer;display:none;height:40px;position:absolute;right:-10px;top:0;width:50px;z-index:1}#mainMenu nav>ul>li .dropdown-menu{background-color:#fff;background-position:100% 100%;background-repeat:no-repeat;border:0;border-color:#eee;border-radius:4px;border-style:solid;border-width:1px!important;box-shadow:0 33px 32px rgba(0,0,0,.1);color:#210e0e;display:none;left:auto;margin:-6px 0 0;min-width:230px;padding:10px;position:absolute;top:35px} #mainMenu nav>ul>li:last-child{margin-right:0} #mainMenu nav>ul li ul{list-style:none;padding:0} #mainMenu.menu-creative nav>ul>li{margin-left:4px}#mainMenu.menu-creative nav>ul>li>a:after{background-color:#fff;bottom:-2px;content:\"\";height:2px;left:0;opacity:0;position:absolute;top:100%;transform:translateY(10px);transition:opacity .3s ease 0s,transform .3s ease 0s;width:100%} #mainMenu-trigger{float:right;height:100px;opacity:0;position:absolute;visibility:hidden;z-index:1} *,a,h1,h2,h3,h4,h5,h6{margin:0;padding:0;text-decoration:none}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}html{font-size:88%} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2f2f2f;font-family:Noto Sans,sans-serif;font-size:1rem;line-height:1.65714286em}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#2d2d2d;font-family:Noto Sans,sans-serif;letter-spacing:.5px;margin:0} .h1,h1{font-size:3.14285714em;line-height:1.31818182em}.h1:not(:last-child),h1:not(:last-child){margin-bottom:20px}.h2,h2{font-size:2.35714286em;font-weight:500;line-height:1.36363636em}.h2:not(:last-child),h2:not(:last-child){margin-bottom:16px} .h4,h4{font-size:1.35714286em;font-weight:600;line-height:1.68421053em} .display-4,p{font-weight:400}p{color:#343434;font-family:Noto Sans,sans-serif;font-size:1rem;font-style:normal;letter-spacing:0;line-height:1.7;text-transform:none} strong{font-weight:600} a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]){color:#2f2f2f} .post-item{float:left;height:auto;padding:0 0 20px;width:100%}.post-item .post-item-wrap{background-color:#fff;position:relative}.post-item img{height:auto;width:100%}.post-item .post-audio,.post-item .post-image,.post-item .post-quote-img,.post-item .post-slider,.post-item .post-video{margin:0;padding:0;position:relative} .post-item .post-item-description{color:#676767;line-height:28px;padding:24px}.post-item .post-item-description>h2,.post-item .post-item-description>h2>a{color:#444;font-size:18px;font-weight:600;letter-spacing:-.1px;line-height:23px;margin-bottom:16px}.post-item .post-item-description .post-meta-category,.post-item .post-item-description .post-meta-comments,.post-item .post-item-description .post-meta-date{color:#c2c2c2;font-size:12px;margin-right:8px;position:relative;top:-4px}.post-item .post-item-description .post-meta-category i,.post-item .post-item-description .post-meta-comments i,.post-item .post-item-description .post-meta-date i{margin-right:4px!important} .post-item.border{border:none!important}.post-item.border .post-item-wrap{border:1px solid #f2f2f2}.post-item.border>.post-item-wrap>.post-item-description{padding:24px!important;width:100%!important} .post-image{margin-bottom:20px}.post-image img{width:100%} #footer,.forum h4>small{display:block}#footer{background-color:#f8f2cd;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;line-height:32px;position:relative}#footer a:not(.btn):not(:hover){color:#2f2f2f}#footer p{font-family:Noto Sans,sans-serif}#footer a:not(.btn){font-weight:400}#footer .footer-content{padding:60px 0 40px}#footer .widget .widget-title,#footer .widget h4{font-size:14px;font-weight:600;letter-spacing:1px} #footer .copyright-content{background-color:#f6efc0;font-size:13px;min-height:80px;padding:30px 0} .widget{margin-bottom:30px;position:relative}.widget .widget-title,.widget>h4{font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:24px;margin-bottom:20px;text-transform:uppercase}.widget:after,.widget:before{clear:both;content:\" \";display:table} .widget a{color:#2f2f2f}.widget p{margin-bottom:20px} .item-link{color:#2f2f2f;font-size:12px;letter-spacing:1px;text-transform:uppercase!important}.item-link i{position:relative;right:0;transition:right .3s ease 0s} #scrollTop{background-color:rgba(0,0,0,.25);background-color:rgba(0,0,0,.25)!important;background-position:50%;background-repeat:no-repeat;border-radius:100px;bottom:0;color:#fff;cursor:pointer;height:40px;line-height:12px!important;opacity:0;overflow:hidden;position:fixed;right:26px;text-align:center;transition:opacity .3s,bottom .5s,box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear;width:40px;z-index:-1}#scrollTop i{font-size:16px!important;height:39px!important;left:0!important;line-height:39px!important;position:relative;text-align:center!important;top:0!important;transform:translate(0);transition:transform .2s ease;width:39px!important;z-index:10}#scrollTop i,#scrollTop:hover{background-color:transparent!important} #scrollTop:after,#scrollTop:before{background-color:#ddc003;border-radius:100px;content:\" \";display:block;height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:all .3s cubic-bezier(.55,0,.1,1);width:100%;z-index:1}#scrollTop:before{background-color:hsla(0,0%,100%,.25);opacity:0;transition:all .5s cubic-bezier(.165,.84,.44,1);z-index:2}#scrollTop:before,#scrollTop:hover:after{transform:scale(1)} [class^=icon]{display:inline-block} .lines-button{align-items:center;appearance:none;background:transparent;border:none;cursor:pointer;display:flex;height:100%;justify-content:center;outline:none;transition:.3s;user-select:none;width:16px}.lines-button>*{display:block} .lines{position:relative;top:-4px}.lines,.lines:after,.lines:before{border-radius:4px;display:inline-block;height:2px;transition:.3s;width:20px}.lines:after,.lines:before{content:\"\";left:0;position:absolute;transform-origin:2.85714px center;width:100%}.lines:before{top:6px}.lines:after{top:-6px}.lines,.lines:after,.lines:before{background-color:#111} .x{width:auto} .text-center{text-align:center} .background-dark{background-color:#584d01!important} .text-light,.text-light .lead,.text-light a:not(.btn),.text-light a:not(.btn):hover:not(.btn-light),.text-light div:not(.alert),.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6,.text-light i,.text-light label,.text-light li,.text-light p,.text-light span:not(.btn-label){color:#fff!important} .m-b-30{margin-bottom:30px!important} .m-t-5{margin-top:5px!important} .m-r-10{margin-right:10px!important} a:not([href]):not([tabindex]):not(.btn){color:none}.btn:not(.close):not(.mfp-close),a.btn:not([href]):not([tabindex]),button.btn{background-color:#ddc003;border:1px solid #ddc003;border-radius:5px 5px 5px 5px;color:#fff;cursor:pointer;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;line-height:14px;margin-bottom:6px;outline:none;padding:12px 18px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s}.btn:not(.close):not(.mfp-close):after,a.btn:not([href]):not([tabindex]):after,button.btn:after{content:\"\";position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:-1} .btn:not(.close):not(.mfp-close).btn-sm,a.btn:not([href]):not([tabindex]).btn-sm,button.btn.btn-sm{font-size:11px;height:30px;line-height:28px;padding:0 14px} .btn:not(.close):not(.mfp-close).btn-outline,a.btn:not([href]):not([tabindex]).btn-outline,button.btn.btn-outline{background-color:transparent;border:2px solid #ddc003;color:#ddc003} .btn:not(.close):not(.mfp-close).btn-rounded,a.btn:not([href]):not([tabindex]).btn-rounded,button.btn.btn-rounded{border-radius:2em!important} .btn:not(.close):not(.mfp-close).btn-light,.btn:not(.close):not(.mfp-close).btn-white,a.btn:not([href]):not([tabindex]).btn-light,a.btn:not([href]):not([tabindex]).btn-white,button.btn.btn-light,button.btn.btn-white{background-color:#fff;border-color:#e6e8eb;color:#4c5667} .btn:not(.close):not(.mfp-close).btn-light.btn-outline,.btn:not(.close):not(.mfp-close).btn-white.btn-outline,a.btn:not([href]):not([tabindex]).btn-light.btn-outline,a.btn:not([href]):not([tabindex]).btn-white.btn-outline,button.btn.btn-light.btn-outline,button.btn.btn-white.btn-outline{background-color:transparent;border-color:#fff;color:#fff} .btn:not(.close):not(.mfp-close).btn-success,a.btn:not([href]):not([tabindex]).btn-success,button.btn.btn-success{background-color:#d60505;border-color:#d60505} .btn:not(.close):not(.mfp-close)+.btn,a.btn:not([href]):not([tabindex])+.btn,button.btn+.btn{margin-left:4px} i:not(.fa):not(.fab):not(.far):not(.fas){speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:inspiro-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none} .icon-chevron-right:before{content:\"\\e930\"}.icon-chevron-up:before{content:\"\\e931\"} .modal-strip{background-color:#000;bottom:0;color:#fff;display:inline-block;left:0;padding:20px;position:fixed;transform:translate3d(0,200px,0);transition:all .7s ease 0s;width:100%;z-index:999!important}.modal-strip .btn,.modal-strip h1,.modal-strip h2,.modal-strip h3,.modal-strip h4,.modal-strip h5{margin-bottom:0!important}.modal-strip a,.modal-strip a:active,.modal-strip a:hover,.modal-strip a:visited{color:#fff;text-decoration:underline} .bg-overlay{background:rgba(0,0,0,.59);bottom:0;content:\" \";height:100%;left:0;opacity:.12;position:absolute;right:0;top:0;width:100%;z-index:0} .bg-overlay~.container,.bg-overlay~.container-fluid{position:relative;z-index:2} #mainMenu.menu-creative nav>ul>li>a:after{background-color:#ddc003!important} #header{line-height:unset}#mainMenu nav{margin-top:20px}.lh-0{line-height:0px} .z-index-top{z-index:100} #logo img{margin-bottom:.5rem;max-height:80px} #mainMenu .btn{border-radius:10px;height:unset!important} #mainMenu.menu-creative nav>ul>li>a:after{background-color:#d81d31!important} .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1} .fa-info-circle:before{content:\"\\f05a\"} .fa-mail-bulk:before{content:\"\\f674\"} .fa-map-marker:before{content:\"\\f041\"} .fa-mobile-alt:before{content:\"\\f3cd\"} .fa,.far,.fas{font-family:'Font Awesome 5 Free'} .fa,.fas{font-weight:900} html { overflow-x: hidden; } body .body-inner { padding: 0; margin: 0; } section { padding: 80px 0; position: relative; width: 100%; overflow: hidden; z-index: 1; background-color: #ffffff; } #page-title { clear: both; padding: 80px 0; background-color: #f8f2cd; position: relative; /* page header left*/ /* page header right*/ } #page-title .page-title { text-align: center; padding: 0; } #page-title .page-title > h1 { font-family: \"Noto Sans\", sans-serif; font-size: 2.5rem; line-height: 1.2; font-weight: 400; margin-bottom: 1rem; } #page-content:not(.no-sidebar) { padding: 40px 0 40px 0; } .grid-layout { overflow: hidden; margin-bottom: -2px !important; } .grid-layout > * { opacity: 0; transition: opacity 0.5s ease; } .grid-layout .grid-loader { transition: opacity 0.1s ease; opacity: 1; z-index: -1; } .grid-layout.grid-loaded > * { opacity: 1; } .grid-layout.grid-loaded .grid-loader { opacity: 0; } .grid-layout, .portfolioo, .posts { position: relative; display: block; clear: both; padding: 0; } .grid-3-columns .grid-item, .post-3-columns .post-item, .portfolio-3-columns .portfolio-item { width: 33.333333333%; } .grid-loader { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; position: absolute; top: 60px; left: 48%; color: #dadada; font-size: 6px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .grid-loader:before, .grid-loader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } .grid-loader:before, .grid-loader:after { content: \"\"; position: absolute; top: 0; } .grid-loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .grid-loader:after { left: 3.5em; } #header { position: relative; width: 100%; z-index: 199 !important; height: 100px; line-height: 100px; } #header .container { position: relative; } #header .header-inner, #header #header-wrap { height: 100px; background-color: #fff; /* backface-visibility: hidden; -webkit-backface-visibility: hidden; */ left: 0; right: 0; transition: all 0.4s ease-in-out; /*logo*/ } #header .header-inner #logo, #header #header-wrap #logo { float: left; font-size: 28px; position: relative; z-index: 1; transition: all 0.4s ease-in-out; height: 100px; } #header .header-inner #logo a > img, #header .header-inner #logo a [class*=logo-], #header #header-wrap #logo a > img, #header #header-wrap #logo a [class*=logo-] { display: none; } #header .header-inner #logo a .logo-default, #header #header-wrap #logo a .logo-default { display: block; } #header .header-inner #logo a, #header .header-inner #logo a span, #header #header-wrap #logo a, #header #header-wrap #logo a span { font-family: \"Noto Sans\", sans-serif; font-size: 40px; color: #2d2d2d; font-weight: 800; letter-spacing: 1.5px; } #header[data-fullwidth=true] .header-inner .container, #header[data-fullwidth=true] #header-wrap .container { max-width: 100%; padding: 0 10px; } #header.header-always-fixed .header-inner, #header.header-always-fixed #header-wrap { position: fixed !important; top: 0 !important; } #mainMenu { padding: 0; /*Menu Styles*/ /*Menu Positions*/ /*Menu options*/ } #mainMenu > .container { padding: 0 !important; } #mainMenu nav { float: right; } #mainMenu nav > ul { list-style: none; padding: 0; margin: 0; } #mainMenu nav > ul > li { float: left; border: 0; transition: all 0.3s ease; margin-left: 6px; position: relative; } #mainMenu nav > ul > li > a:not(.special) { position: relative; font-family: \"Noto Sans\", sans-serif; padding: 10px 12px; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 0.6px; color: #210e0e; border-radius: 0; border-width: 0; border-style: solid; border-color: transparent; transition: all 0.3s ease; line-height: normal; } #mainMenu nav > ul > li > a:not(.special):after, #mainMenu nav > ul > li > a:not(.special):before { transition: all 0.3s ease; } #mainMenu nav > ul > li.dropdown:before { content: \"\\e930\"; transform: rotate(90deg); font-family: \"inspiro-icons\"; opacity: 0.6; position: absolute; right: 16px; color: #262626; font-size: 16px; display: none; } #mainMenu nav > ul > li .dropdown-arrow { display: none; height: 40px; width: 50px; position: absolute; z-index: 1; right: -10px; top: 0; cursor: pointer; } #mainMenu nav > ul > li .dropdown-menu { background-position: right bottom; background-repeat: no-repeat; min-width: 230px; top: 35px; background-color: #ffffff; border: 0; color: #210e0e; border-style: solid; border-color: #eeeeee; border-width: 1px !important; left: auto; margin: 0; margin-top: -6px; border-radius: 4px; box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1); padding: 10px; display: none; position: absolute; } #mainMenu nav > ul > li:last-child { margin-right: 0; } #mainMenu nav > ul li ul { list-style: none; padding: 0; } #mainMenu.menu-creative nav > ul > li { margin-left: 4px; } #mainMenu.menu-creative nav > ul > li > a:after { background-color: #ffffff; content: \"\"; height: 2px; left: 0; opacity: 0; position: absolute; top: 100%; transform: translateY(10px); transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; width: 100%; bottom: -2px; } #mainMenu-trigger { position: absolute; opacity: 0; visibility: hidden; height: 100px; z-index: 1; float: right; } *, h1, h2, h3, h4, h5, h6, a { margin: 0; padding: 0; text-decoration: none; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } html { font-size: 88%; } body { font-size: 1rem; line-height: 1.65714286em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: \"Noto Sans\", sans-serif; color: #2f2f2f; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: \"Noto Sans\", sans-serif; color: #2d2d2d; margin: 0; letter-spacing: 0.5px; } h1, .h1 { font-size: 3.14285714em; line-height: 1.31818182em; } h1:not(:last-child), .h1:not(:last-child) { margin-bottom: 20px; } h2, .h2 { font-size: 2.35714286em; line-height: 1.36363636em; font-weight: 500; } h2:not(:last-child), .h2:not(:last-child) { margin-bottom: 16px; } h4, .h4 { font-size: 1.35714286em; line-height: 1.68421053em; font-weight: 600; } p { font-size: 1rem; font-style: normal; font-weight: 400; text-transform: none; line-height: 1.7; letter-spacing: 0; color: #343434; font-family: \"Noto Sans\", sans-serif; } strong { font-weight: 600; } a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]) { color: #2f2f2f; } .post-item { float: left; width: 100%; height: auto; padding: 0 0 20px 0; /*Styles*/ /*Types*/ } .post-item .post-item-wrap { background-color: #ffffff; position: relative; } .post-item img { width: 100%; height: auto; } .post-item .post-image, .post-item .post-slider, .post-item .post-video, .post-item .post-audio, .post-item .post-quote-img { margin: 0; position: relative; padding: 0; } .post-item .post-item-description { padding: 24px; line-height: 28px; color: #676767; } .post-item .post-item-description > h2, .post-item .post-item-description > h2 > a { font-size: 18px; letter-spacing: -0.1px; line-height: 23px; margin-bottom: 16px; color: #444; font-weight: 600; } .post-item .post-item-description .post-meta-date, .post-item .post-item-description .post-meta-comments, .post-item .post-item-description .post-meta-category { color: #C2C2C2; position: relative; top: -4px; font-size: 12px; margin-right: 8px; } .post-item .post-item-description .post-meta-date i, .post-item .post-item-description .post-meta-comments i, .post-item .post-item-description .post-meta-category i { margin-right: 4px !important; } .post-item.border { border: none !important; } .post-item.border .post-item-wrap { border: 1px solid #f2f2f2; } .post-item.border > .post-item-wrap > .post-item-description { padding: 24px !important; width: 100% !important; } .post-image { margin-bottom: 20px; } .post-image img { width: 100%; } #footer { display: block; position: relative; background-color: #f8f2cd; font-size: 14px; line-height: 32px; font-weight: 400; font-family: \"Noto Sans\", sans-serif; } #footer a:not(.btn):not(:hover) { color: #2f2f2f; } #footer p { font-family: \"Noto Sans\", sans-serif; } #footer a:not(.btn) { font-weight: 400; } #footer .footer-content { padding: 60px 0 40px 0; } #footer .widget .widget-title, #footer .widget h4 { font-size: 14px; letter-spacing: 1px; font-weight: 600; } #footer .copyright-content { min-height: 80px; padding: 30px 0; background-color: #f6efc0; font-size: 13px; } .widget { margin-bottom: 30px; position: relative; } .widget .widget-title, .widget > h4 { font-size: 14px; font-style: normal; font-weight: 600; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; margin-bottom: 20px; } .widget:after, .widget:before { clear: both; content: \" \"; display: table; } .widget a { color: #2f2f2f; } .widget p { margin-bottom: 20px; } .item-link { color: #2f2f2f; font-size: 12px; letter-spacing: 1px; text-transform: uppercase !important; } .item-link i { position: relative; right: 0; transition: right 0.3s ease 0s; } #scrollTop { z-index: -1; opacity: 0; position: fixed; text-align: center; line-height: 12px !important; right: 26px; bottom: 0; color: #fff; cursor: pointer; border-radius: 100px; height: 40px; width: 40px; background-color: rgba(0, 0, 0, 0.25); background-repeat: no-repeat; background-position: center; transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear; background-color: rgba(0, 0, 0, 0.25) !important; overflow: hidden; } #scrollTop i { line-height: 39px !important; width: 39px !important; height: 39px !important; font-size: 16px !important; top: 0px !important; left: 0px !important; text-align: center !important; position: relative; z-index: 10; background-color: transparent !important; transform: translate(0, 0px); transition: transform 0.2s ease; } #scrollTop:after, #scrollTop:before { display: block; content: \" \"; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #ddc003; transform: scale(0); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); border-radius: 100px; } #scrollTop:before { background-color: rgba(255, 255, 255, 0.25); transform: scale(1); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; z-index: 2; } [class^=icon] { display: inline-block; } .lines-button { appearance: none; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; height: 100%; transition: 0.3s; user-select: none; width: 16px; background: transparent; outline: none; } .lines-button > * { display: block; } .lines { display: inline-block; height: 2px; width: 20px; border-radius: 4px; transition: 0.3s; position: relative; top: -4px; } .lines::before, .lines::after { display: inline-block; height: 2px; width: 20px; border-radius: 4px; transition: 0.3s; content: \"\"; position: absolute; left: 0; transform-origin: 2.85714px center; width: 100%; } .lines::before { top: 6px; } .lines::after { top: -6px; } .lines, .lines:before, .lines:after { background-color: #111; } .x { width: auto; } .text-center { text-align: center; } .background-dark { background-color: #584d01 !important; } .text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light .lead, .text-light p, .text-light a:not(.btn), .text-light a:not(.btn):hover:not(.btn-light), .text-light i, .text-light li, .text-light label, .text-light div:not(.alert), .text-light span:not(.btn-label) { color: #fff !important; } .m-b-30 { margin-bottom: 30px !important; } .m-t-5 { margin-top: 5px !important; } .m-r-10 { margin-right: 10px !important; } a:not([href]):not([tabindex]):not(.btn) { color: none; } button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) { font-family: \"Noto Sans\", sans-serif; border-radius: 5px 5px 5px 5px; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; text-decoration: none; outline: none; padding: 12px 18px; position: relative; text-transform: uppercase; background-color: #ddc003; border-color: #ddc003; border-width: 1px; border-style: solid; color: #ffffff; transition: all 0.3s; margin-bottom: 6px; outline: none; line-height: 14px; cursor: pointer; } button.btn:after, .btn:not(.close):not(.mfp-close):after, a.btn:not([href]):not([tabindex]):after { content: \"\"; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } button.btn.btn-sm, .btn:not(.close):not(.mfp-close).btn-sm, a.btn:not([href]):not([tabindex]).btn-sm { font-size: 11px; height: 30px; line-height: 28px; padding: 0 14px; } button.btn.btn-outline, .btn:not(.close):not(.mfp-close).btn-outline, a.btn:not([href]):not([tabindex]).btn-outline { background-color: transparent; border-width: 2px; border-style: solid; border-color: #ddc003; color: #ddc003; } button.btn.btn-rounded, .btn:not(.close):not(.mfp-close).btn-rounded, a.btn:not([href]):not([tabindex]).btn-rounded { border-radius: 2em !important; } button.btn.btn-white, button.btn.btn-light, .btn:not(.close):not(.mfp-close).btn-white, .btn:not(.close):not(.mfp-close).btn-light, a.btn:not([href]):not([tabindex]).btn-white, a.btn:not([href]):not([tabindex]).btn-light { background-color: #fff; border-color: #e6e8eb; color: #4c5667; } button.btn.btn-white.btn-outline, button.btn.btn-light.btn-outline, .btn:not(.close):not(.mfp-close).btn-white.btn-outline, .btn:not(.close):not(.mfp-close).btn-light.btn-outline, a.btn:not([href]):not([tabindex]).btn-white.btn-outline, a.btn:not([href]):not([tabindex]).btn-light.btn-outline { border-color: #ffffff; background-color: transparent; color: #ffffff; } button.btn.btn-success, .btn:not(.close):not(.mfp-close).btn-success, a.btn:not([href]):not([tabindex]).btn-success { background-color: #d60505; border-color: #d60505; } button.btn + .btn, .btn:not(.close):not(.mfp-close) + .btn, a.btn:not([href]):not([tabindex]) + .btn { margin-left: 4px; } i:not(.fa):not(.fab):not(.far):not(.fas) { font-family: inspiro-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chevron-right:before { content: \"\\e930\"; } .icon-chevron-up:before { content: \"\\e931\"; } .modal-strip { background-color: #000; bottom: 0; color: #ffffff; left: 0; padding: 20px; position: fixed; width: 100%; display: inline-block; transform: translate3d(0px, 200px, 0px); transition: all 0.7s ease 0s; z-index: 999 !important; } .modal-strip .btn, .modal-strip h5, .modal-strip h4, .modal-strip h3, .modal-strip h2, .modal-strip h1 { margin-bottom: 0 !important; } .modal-strip a, .modal-strip a:hover, .modal-strip a:active, .modal-strip a:visited { color: #ffffff; text-decoration: underline; } .bg-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; content: \" \"; z-index: 0; background: rgba(0, 0, 0, 0.59); opacity: 0.12; } .bg-overlay ~ .container, .bg-overlay ~ .container-fluid { position: relative; z-index: 2; } #header { line-height: unset; } #mainMenu nav { margin-top: 20px; } .lh-0 { line-height: 0px; } .z-index-top { z-index: 100; } #logo img { max-height: 80px; margin-bottom: 0.5rem; } #mainMenu .btn { height: unset !important; border-radius: 10px; } #mainMenu.menu-creative nav > ul > li > a::after { background-color: #ddc003 !important; } #header{ line-height: unset; } #mainMenu nav{ margin-top:20px; } .lh-0{ line-height: 0px; } .z-index-top{ z-index: 100; } #logo img{ max-height: 80px; margin-bottom: 0.5rem; } #mainMenu .btn{ height : unset !important; border-radius: 10px; } #mainMenu.menu-creative nav > ul > li > a::after{ background-color: #d81d31 !important; } .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto} .fa-info-circle:before{content:\"\\f05a\"} .fa-mail-bulk:before{content:\"\\f674\"} .fa-map-marker:before{content:\"\\f041\"} .fa-mobile-alt:before{content:\"\\f3cd\"} .fa,.far,.fas{font-family:Font Awesome\\ 5 Free} .fa,.fas{font-weight:900}html{overflow-x:hidden}body .body-inner{margin:0;padding:0} section{background-color:#fff;overflow:hidden;padding:80px 0;position:relative;width:100%;z-index:1} #page-title{background-color:#f8f2cd;clear:both;padding:80px 0;position:relative}#page-title .page-title{padding:0;text-align:center}#page-title .page-title>h1{font-family:Noto Sans,sans-serif;font-size:2.5rem;font-weight:400;line-height:1.2;margin-bottom:1rem} #page-content:not(.no-sidebar){padding:40px 0} .grid-layout{margin-bottom:-2px!important;overflow:hidden}.grid-layout>*{opacity:0;transition:opacity .5s ease}.grid-layout .grid-loader{opacity:1;transition:opacity .1s ease;z-index:-1}.grid-layout.grid-loaded>*{opacity:1}.grid-layout.grid-loaded .grid-loader{opacity:0}.grid-layout,.portfolioo,.posts{clear:both;display:block;padding:0;position:relative} .grid-3-columns .grid-item,.portfolio-3-columns .portfolio-item,.post-3-columns .post-item{width:33.333333333%} .grid-loader{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;-webkit-animation-delay:-.16s;animation-delay:-.16s;border-radius:50%;color:#dadada;font-size:6px;height:2.5em;left:48%;position:absolute;text-indent:-9999em;top:60px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);width:2.5em}.grid-loader:after,.grid-loader:before{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;border-radius:50%;content:\"\";height:2.5em;position:absolute;top:0;width:2.5em}.grid-loader:before{-webkit-animation-delay:-.32s;animation-delay:-.32s;left:-3.5em}.grid-loader:after{left:3.5em} #header{height:100px;line-height:100px;width:100%;z-index:199!important}#header,#header .container{position:relative}#header #header-wrap,#header .header-inner{background-color:#fff;height:100px;left:0;right:0;transition:all .4s ease-in-out}#header #header-wrap #logo,#header .header-inner #logo{float:left;font-size:28px;height:100px;position:relative;transition:all .4s ease-in-out;z-index:1} #header #header-wrap #logo a [class*=logo-],#header #header-wrap #logo a>img,#header .header-inner #logo a [class*=logo-],#header .header-inner #logo a>img{display:none}#header #header-wrap #logo a .logo-default,#header .header-inner #logo a .logo-default{display:block}#header #header-wrap #logo a,#header #header-wrap #logo a span,#header .header-inner #logo a,#header .header-inner #logo a span{color:#2d2d2d;font-family:Noto Sans,sans-serif;font-size:40px;font-weight:800;letter-spacing:1.5px}#header[data-fullwidth=true] #header-wrap .container,#header[data-fullwidth=true] .header-inner .container{max-width:100%;padding:0 10px} #header.header-always-fixed #header-wrap,#header.header-always-fixed .header-inner{position:fixed!important;top:0!important} #mainMenu{padding:0}#mainMenu>.container{padding:0!important} #mainMenu nav{float:right}#mainMenu nav>ul{list-style:none;margin:0;padding:0}#mainMenu nav>ul>li{border:0;float:left;margin-left:6px;position:relative;transition:all .3s ease}#mainMenu nav>ul>li>a:not(.special){border:0 solid transparent;border-radius:0;color:#210e0e;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.6px;line-height:normal;padding:10px 12px;position:relative;text-transform:uppercase;transition:all .3s ease} #mainMenu nav>ul>li>a:not(.special):after,#mainMenu nav>ul>li>a:not(.special):before{transition:all .3s ease} #mainMenu nav>ul>li.dropdown:before{color:#262626;content:\"\\e930\";display:none;font-family:inspiro-icons;font-size:16px;opacity:.6;position:absolute;right:16px;transform:rotate(90deg)}#mainMenu nav>ul>li .dropdown-arrow{cursor:pointer;display:none;height:40px;position:absolute;right:-10px;top:0;width:50px;z-index:1}#mainMenu nav>ul>li .dropdown-menu{background-color:#fff;background-position:100% 100%;background-repeat:no-repeat;border:0;border-color:#eee;border-radius:4px;border-style:solid;border-width:1px!important;box-shadow:0 33px 32px rgba(0,0,0,.1);color:#210e0e;display:none;left:auto;margin:-6px 0 0;min-width:230px;padding:10px;position:absolute;top:35px} #mainMenu nav>ul>li:last-child{margin-right:0} #mainMenu nav>ul li ul{list-style:none;padding:0} #mainMenu.menu-creative nav>ul>li{margin-left:4px}#mainMenu.menu-creative nav>ul>li>a:after{background-color:#fff;bottom:-2px;content:\"\";height:2px;left:0;opacity:0;position:absolute;top:100%;transform:translateY(10px);transition:opacity .3s ease 0s,transform .3s ease 0s;width:100%} #mainMenu-trigger{float:right;height:100px;opacity:0;position:absolute;visibility:hidden;z-index:1} *,a,h1,h2,h3,h4,h5,h6{margin:0;padding:0;text-decoration:none}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}html{font-size:88%} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2f2f2f;font-family:Noto Sans,sans-serif;font-size:1rem;line-height:1.65714286em}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#2d2d2d;font-family:Noto Sans,sans-serif;letter-spacing:.5px;margin:0} .h1,h1{font-size:3.14285714em;line-height:1.31818182em}.h1:not(:last-child),h1:not(:last-child){margin-bottom:20px}.h2,h2{font-size:2.35714286em;font-weight:500;line-height:1.36363636em}.h2:not(:last-child),h2:not(:last-child){margin-bottom:16px} .h4,h4{font-size:1.35714286em;font-weight:600;line-height:1.68421053em} .display-4,p{font-weight:400}p{color:#343434;font-family:Noto Sans,sans-serif;font-size:1rem;font-style:normal;letter-spacing:0;line-height:1.7;text-transform:none} strong{font-weight:600} a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]){color:#2f2f2f} .post-item{float:left;height:auto;padding:0 0 20px;width:100%}.post-item .post-item-wrap{background-color:#fff;position:relative}.post-item img{height:auto;width:100%}.post-item .post-audio,.post-item .post-image,.post-item .post-quote-img,.post-item .post-slider,.post-item .post-video{margin:0;padding:0;position:relative} .post-item .post-item-description{color:#676767;line-height:28px;padding:24px}.post-item .post-item-description>h2,.post-item .post-item-description>h2>a{color:#444;font-size:18px;font-weight:600;letter-spacing:-.1px;line-height:23px;margin-bottom:16px}.post-item .post-item-description .post-meta-category,.post-item .post-item-description .post-meta-comments,.post-item .post-item-description .post-meta-date{color:#c2c2c2;font-size:12px;margin-right:8px;position:relative;top:-4px}.post-item .post-item-description .post-meta-category i,.post-item .post-item-description .post-meta-comments i,.post-item .post-item-description .post-meta-date i{margin-right:4px!important} .post-item.border{border:none!important}.post-item.border .post-item-wrap{border:1px solid #f2f2f2}.post-item.border>.post-item-wrap>.post-item-description{padding:24px!important;width:100%!important} .post-image{margin-bottom:20px}.post-image img{width:100%} #footer,.forum h4>small{display:block}#footer{background-color:#f8f2cd;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;line-height:32px;position:relative}#footer a:not(.btn):not(:hover){color:#2f2f2f}#footer p{font-family:Noto Sans,sans-serif}#footer a:not(.btn){font-weight:400}#footer .footer-content{padding:60px 0 40px}#footer .widget .widget-title,#footer .widget h4{font-size:14px;font-weight:600;letter-spacing:1px} #footer .copyright-content{background-color:#f6efc0;font-size:13px;min-height:80px;padding:30px 0} .widget{margin-bottom:30px;position:relative}.widget .widget-title,.widget>h4{font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:24px;margin-bottom:20px;text-transform:uppercase}.widget:after,.widget:before{clear:both;content:\" \";display:table} .widget a{color:#2f2f2f}.widget p{margin-bottom:20px} .item-link{color:#2f2f2f;font-size:12px;letter-spacing:1px;text-transform:uppercase!important}.item-link i{position:relative;right:0;transition:right .3s ease 0s} #scrollTop{background-color:rgba(0,0,0,.25);background-color:rgba(0,0,0,.25)!important;background-position:50%;background-repeat:no-repeat;border-radius:100px;bottom:0;color:#fff;cursor:pointer;height:40px;line-height:12px!important;opacity:0;overflow:hidden;position:fixed;right:26px;text-align:center;transition:opacity .3s,bottom .5s,box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear;width:40px;z-index:-1}#scrollTop i{font-size:16px!important;height:39px!important;left:0!important;line-height:39px!important;position:relative;text-align:center!important;top:0!important;transform:translate(0);transition:transform .2s ease;width:39px!important;z-index:10}#scrollTop i,#scrollTop:hover{background-color:transparent!important} #scrollTop:after,#scrollTop:before{background-color:#ddc003;border-radius:100px;content:\" \";display:block;height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:all .3s cubic-bezier(.55,0,.1,1);width:100%;z-index:1}#scrollTop:before{background-color:hsla(0,0%,100%,.25);opacity:0;transition:all .5s cubic-bezier(.165,.84,.44,1);z-index:2}#scrollTop:before,#scrollTop:hover:after{transform:scale(1)} [class^=icon]{display:inline-block} .lines-button{align-items:center;appearance:none;background:transparent;border:none;cursor:pointer;display:flex;height:100%;justify-content:center;outline:none;transition:.3s;user-select:none;width:16px}.lines-button>*{display:block} .lines{position:relative;top:-4px}.lines,.lines:after,.lines:before{border-radius:4px;display:inline-block;height:2px;transition:.3s;width:20px}.lines:after,.lines:before{content:\"\";left:0;position:absolute;transform-origin:2.85714px center;width:100%}.lines:before{top:6px}.lines:after{top:-6px}.lines,.lines:after,.lines:before{background-color:#111} .x{width:auto} .text-center{text-align:center} .background-dark{background-color:#584d01!important} .text-light,.text-light .lead,.text-light a:not(.btn),.text-light a:not(.btn):hover:not(.btn-light),.text-light div:not(.alert),.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6,.text-light i,.text-light label,.text-light li,.text-light p,.text-light span:not(.btn-label){color:#fff!important} .m-b-30{margin-bottom:30px!important} .m-t-5{margin-top:5px!important} .m-r-10{margin-right:10px!important} a:not([href]):not([tabindex]):not(.btn){color:none}.btn:not(.close):not(.mfp-close),a.btn:not([href]):not([tabindex]),button.btn{background-color:#ddc003;border:1px solid #ddc003;border-radius:5px 5px 5px 5px;color:#fff;cursor:pointer;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;line-height:14px;margin-bottom:6px;outline:none;padding:12px 18px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s}.btn:not(.close):not(.mfp-close):after,a.btn:not([href]):not([tabindex]):after,button.btn:after{content:\"\";position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:-1} .btn:not(.close):not(.mfp-close).btn-sm,a.btn:not([href]):not([tabindex]).btn-sm,button.btn.btn-sm{font-size:11px;height:30px;line-height:28px;padding:0 14px} .btn:not(.close):not(.mfp-close).btn-outline,a.btn:not([href]):not([tabindex]).btn-outline,button.btn.btn-outline{background-color:transparent;border:2px solid #ddc003;color:#ddc003} .btn:not(.close):not(.mfp-close).btn-rounded,a.btn:not([href]):not([tabindex]).btn-rounded,button.btn.btn-rounded{border-radius:2em!important} .btn:not(.close):not(.mfp-close).btn-light,.btn:not(.close):not(.mfp-close).btn-white,a.btn:not([href]):not([tabindex]).btn-light,a.btn:not([href]):not([tabindex]).btn-white,button.btn.btn-light,button.btn.btn-white{background-color:#fff;border-color:#e6e8eb;color:#4c5667} .btn:not(.close):not(.mfp-close).btn-light.btn-outline,.btn:not(.close):not(.mfp-close).btn-white.btn-outline,a.btn:not([href]):not([tabindex]).btn-light.btn-outline,a.btn:not([href]):not([tabindex]).btn-white.btn-outline,button.btn.btn-light.btn-outline,button.btn.btn-white.btn-outline{background-color:transparent;border-color:#fff;color:#fff} .btn:not(.close):not(.mfp-close).btn-success,a.btn:not([href]):not([tabindex]).btn-success,button.btn.btn-success{background-color:#d60505;border-color:#d60505} .btn:not(.close):not(.mfp-close)+.btn,a.btn:not([href]):not([tabindex])+.btn,button.btn+.btn{margin-left:4px} i:not(.fa):not(.fab):not(.far):not(.fas){speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:inspiro-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none} .icon-chevron-right:before{content:\"\\e930\"}.icon-chevron-up:before{content:\"\\e931\"} .modal-strip{background-color:#000;bottom:0;color:#fff;display:inline-block;left:0;padding:20px;position:fixed;transform:translate3d(0,200px,0);transition:all .7s ease 0s;width:100%;z-index:999!important}.modal-strip .btn,.modal-strip h1,.modal-strip h2,.modal-strip h3,.modal-strip h4,.modal-strip h5{margin-bottom:0!important}.modal-strip a,.modal-strip a:active,.modal-strip a:hover,.modal-strip a:visited{color:#fff;text-decoration:underline} .bg-overlay{background:rgba(0,0,0,.59);bottom:0;content:\" \";height:100%;left:0;opacity:.12;position:absolute;right:0;top:0;width:100%;z-index:0} .bg-overlay~.container,.bg-overlay~.container-fluid{position:relative;z-index:2} #mainMenu.menu-creative nav>ul>li>a:after{background-color:#ddc003!important} #header{line-height:unset}#mainMenu nav{margin-top:20px}.lh-0{line-height:0px} .z-index-top{z-index:100} #logo img{margin-bottom:.5rem;max-height:80px} #mainMenu .btn{border-radius:10px;height:unset!important} #mainMenu.menu-creative nav>ul>li>a:after{background-color:#d81d31!important} </style> ";
  71.         
  72.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  74.         
  75.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  77.     }
  79.     // line 3
  80.     public function block_css($context, array $blocks = [])
  81.     {
  82.         $macros = $this->macros;
  83.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  84.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  86.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  87.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  89.         // line 4
  90.         echo "    ";
  91.         $this->displayParentBlock("css", $context, $blocks);
  92.         echo "
  93.     <style>
  96.     </style>
  97. ";
  98.         
  99.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  101.         
  102.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  104.     }
  106.     // line 10
  107.     public function block_content($context, array $blocks = [])
  108.     {
  109.         $macros = $this->macros;
  110.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  111.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  113.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  114.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  116.         // line 11
  117.         echo "    <section id=\"page-title\" class=\"text-light\" ";
  118.         echo $this->extensions['App\Twig\ImageRenderExtension']->generateBackground($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("websiteImage/news.jpg"), "background-size: cover; background-position: center center;", true);
  119.         echo ">
  120.         <div class=\"bg-overlay\"></div>
  121.         <div class=\"container\">
  122.             <div class=\"page-title\">
  123.                 <h1>";
  124.         // line 15
  125.         echo $this->extensions['App\Twig\TransExtension']->trans("articles.title");
  126.         echo "</h1>
  127.                 ";
  128.         // line 16
  129.         if (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["generalS"]) || array_key_exists("generalS", $context) ? $context["generalS"] : (function () { throw new RuntimeError('Variable "generalS" does not exist.', 16, $this->source); })()), "imageAccueil", [], "any", false, false, false, 16), "texteActualites", [], "any", false, false, false, 16) != null) || (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["generalS"]) || array_key_exists("generalS", $context) ? $context["generalS"] : (function () { throw new RuntimeError('Variable "generalS" does not exist.', 16, $this->source); })()), "imageAccueil", [], "any", false, false, false, 16), "texteActualites", [], "any", false, false, false, 16) != ""))) {
  130.             echo "<p class=\"slider-text\"> ";
  131.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["generalS"]) || array_key_exists("generalS", $context) ? $context["generalS"] : (function () { throw new RuntimeError('Variable "generalS" does not exist.', 16, $this->source); })()), "imageAccueil", [], "any", false, false, false, 16), "texteActualites", [], "any", false, false, false, 16), "html", null, true);
  132.             echo "</p>";
  133.         }
  134.         // line 17
  135.         echo "            </div>
  136.         </div>
  137.     </section>
  138.     <section id=\"page-content\">
  139.         <div class=\"container\">
  142.             <div id=\"article\" class=\"grid-layout post-3-columns m-b-30\" data-item=\"post-item\">
  144.                 ";
  145.         // line 26
  146.         $context['_parent'] = $context;
  147.         $context['_seq'] = twig_ensure_traversable((isset($context["articles"]) || array_key_exists("articles", $context) ? $context["articles"] : (function () { throw new RuntimeError('Variable "articles" does not exist.', 26, $this->source); })()));
  148.         foreach ($context['_seq'] as $context["_key"] => $context["article"]) {
  149.             // line 27
  150.             echo "                    <div class=\"post-item border\">
  151.                         <div class=\"post-item-wrap\">
  152.                             <div class=\"post-image\"> <a href=\"";
  153.             // line 29
  154.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("actualite", ["id" => twig_get_attribute($this->env, $this->source, $context["article"], "id", [], "any", false, false, false, 29)]), "html", null, true);
  155.             echo "\"> <img alt=\"\" src=\"";
  156.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(("images/upload/" . twig_get_attribute($this->env, $this->source, $context["article"], "image", [], "any", false, false, false, 29))), "html", null, true);
  157.             echo "\"> </a></div>
  158.                             <div class=\"post-item-description\"> <span class=\"post-meta-date\"><i class=\"fa fa-calendar-o\"></i>";
  159.             // line 30
  160.             echo twig_escape_filter($this->env, twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "date", [], "any", false, false, false, 30), "d M Y"), "html", null, true);
  161.             echo "</span>
  162.                                 <h2><a href=\"";
  163.             // line 31
  164.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("actualite", ["id" => twig_get_attribute($this->env, $this->source, $context["article"], "id", [], "any", false, false, false, 31)]), "html", null, true);
  165.             echo "\">";
  166.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "titre", [], "any", false, false, false, 31), "html", null, true);
  167.             echo "</a></h2>
  168.                                 <div> ";
  169.             // line 32
  170.             echo twig_get_attribute($this->env, $this->source, $this->extensions['Twig\Extra\String\StringExtension']->createUnicodeString(twig_striptags(twig_get_attribute($this->env, $this->source, $context["article"], "displayContent", [], "any", false, false, false, 32), "<strong><u><br><li><ul>")), "truncate", [0 => 200, 1 => "...", 2 => false], "method", false, false, false, 32);
  171.             echo "</div>
  172.                                 <a href=\"";
  173.             // line 33
  174.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("actualite", ["id" => twig_get_attribute($this->env, $this->source, $context["article"], "id", [], "any", false, false, false, 33)]), "html", null, true);
  175.             echo "\" class=\"item-link\">";
  176.             echo $this->extensions['App\Twig\TransExtension']->trans("articles.read_more");
  177.             echo " <i class=\"icon-chevron-right\"></i></a>
  178.                             </div>
  179.                         </div>
  180.                     </div>
  181.                 ";
  182.         }
  183.         $_parent = $context['_parent'];
  184.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['article'], $context['_parent'], $context['loop']);
  185.         $context = array_intersect_key($context, $_parent) + $_parent;
  186.         // line 38
  187.         echo "
  190.             </div>
  194.         </div>
  196.     </section>
  197. ";
  198.         
  199.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  201.         
  202.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  204.     }
  206.     // line 50
  207.     public function block_js($context, array $blocks = [])
  208.     {
  209.         $macros = $this->macros;
  210.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  211.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "js"));
  213.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  214.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "js"));
  216.         // line 51
  217.         echo "        ";
  218.         $this->displayParentBlock("js", $context, $blocks);
  219.         echo "
  220.     ";
  221.         
  222.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  224.         
  225.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  227.     }
  229.     public function getTemplateName()
  230.     {
  231.         return "pages/articles.html.twig";
  232.     }
  234.     public function isTraitable()
  235.     {
  236.         return false;
  237.     }
  239.     public function getDebugInfo()
  240.     {
  241.         return array (  217 => 51,  207 => 50,  187 => 38,  174 => 33,  170 => 32,  164 => 31,  160 => 30,  154 => 29,  150 => 27,  146 => 26,  135 => 17,  129 => 16,  125 => 15,  117 => 11,  107 => 10,  90 => 4,  80 => 3,  61 => 2,  38 => 1,);
  242.     }
  244.     public function getSourceContext()
  245.     {
  246.         return new Source("{% extends 'base.html.twig' %}
  247. {% block inline_style %} <style rel=\"stylesheet\" type=\"text/css\">:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:sans-serif;line-height:1.15}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:400;line-height:1.5;margin:0;text-align:left} h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0} address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0} b,strong{font-weight:bolder} a{background-color:transparent;color:#007bff;text-decoration:none} a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none} img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden} button{border-radius:0} button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem} .h4,h4{font-size:1.5rem} .container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%} @media (min-width:576px){ .container{max-width:540px} } @media (min-width:768px){ .container{max-width:720px} } @media (min-width:992px){ .container{max-width:960px} } @media (min-width:1200px){ .container{max-width:1140px} } .container-fluid,.container-lg,.container-md,.container-sm,.container-xl{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%} @media (min-width:576px){ .container,.container-sm{max-width:540px} } @media (min-width:768px){ .container,.container-md,.container-sm{max-width:720px} } @media (min-width:992px){ .container,.container-lg,.container-md,.container-sm{max-width:960px} } @media (min-width:1200px){ .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px} } .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%} @media (min-width:992px){ .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } .btn{background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:#212529;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle} .btn-success{background-color:#28a745;border-color:#28a745;color:#fff} .btn-light{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529} .btn-group-sm>.btn,.btn-sm{border-radius:.2rem;font-size:.875rem;line-height:1.5;padding:.25rem .5rem} .fade{transition:opacity .15s linear} .fade:not(.show){opacity:0} .dropdown,.dropleft,.dropright,.dropup{position:relative} .dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#212529;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000} .modal{display:none;height:100%;left:0;outline:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1050} .border{border:1px solid #dee2e6!important} .d-xl-none{display:none!important} .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .text-right{text-align:right!important}.text-center{text-align:center!important} .text-sm-center{text-align:center!important} .text-lg-left{text-align:left!important} .text-light{color:#f8f9fa!important} *,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff} h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem} dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0} b,strong{font-weight:bolder} a{color:#007bff;text-decoration:none;background-color:transparent} a:not([href]){color:inherit;text-decoration:none} img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle} button{border-radius:0} button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem} .h4,h4{font-size:1.5rem} .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .container{max-width:540px} .container{max-width:720px} .container{max-width:960px} .container{max-width:1140px} .container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .container,.container-sm{max-width:540px} .container,.container-md,.container-sm{max-width:720px} .container,.container-lg,.container-md,.container-sm{max-width:960px} .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px} .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out} .btn-success{color:#fff;background-color:#28a745;border-color:#28a745} .btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa} .btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem} .fade{transition:opacity .15s linear} .fade:not(.show){opacity:0} .dropdown,.dropleft,.dropright,.dropup{position:relative} .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem} .modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0} .border{border:1px solid #dee2e6!important} .d-xl-none{display:none!important} .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .text-right{text-align:right!important}.text-center{text-align:center!important} .text-sm-center{text-align:center!important} .text-lg-left{text-align:left!important} .text-light{color:#f8f9fa!important} *,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:sans-serif;line-height:1.15}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:400;line-height:1.5;margin:0;text-align:left} h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0} address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0} b,strong{font-weight:bolder} a{background-color:transparent;color:#007bff;text-decoration:none} a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none} img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden} button{border-radius:0} button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem} .h4,h4{font-size:1.5rem} .container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%} .container{max-width:540px} .container{max-width:720px} .container{max-width:960px} .container{max-width:1140px} .container-fluid,.container-lg,.container-md,.container-sm,.container-xl{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%} .container,.container-sm{max-width:540px} .container,.container-md,.container-sm{max-width:720px} .container,.container-lg,.container-md,.container-sm{max-width:960px} .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px} .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%} .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .btn{background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:#212529;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle} .btn-success{background-color:#28a745;border-color:#28a745;color:#fff} .btn-light{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529} .btn-group-sm>.btn,.btn-sm{border-radius:.2rem;font-size:.875rem;line-height:1.5;padding:.25rem .5rem} .fade{transition:opacity .15s linear} .fade:not(.show){opacity:0} .dropdown,.dropleft,.dropright,.dropup{position:relative} .dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#212529;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000} .modal{display:none;height:100%;left:0;outline:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1050} .border{border:1px solid #dee2e6!important} .d-xl-none{display:none!important} .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .text-right{text-align:right!important}.text-center{text-align:center!important} .text-sm-center{text-align:center!important} .text-lg-left{text-align:left!important} .text-light{color:#f8f9fa!important} .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto} .fa-info-circle:before{content:\"\\f05a\"} .fa-mail-bulk:before{content:\"\\f674\"} .fa-map-marker:before{content:\"\\f041\"} .fa-mobile-alt:before{content:\"\\f3cd\"} .fa,.far,.fas{font-family:Font Awesome\\ 5 Free} .fa,.fas{font-weight:900}html{overflow-x:hidden}body .body-inner{margin:0;padding:0} section{background-color:#fff;overflow:hidden;padding:80px 0;position:relative;width:100%;z-index:1} #page-title{background-color:#f8f2cd;clear:both;padding:80px 0;position:relative}#page-title .page-title{padding:0;text-align:center}#page-title .page-title>h1{font-family:Noto Sans,sans-serif;font-size:2.5rem;font-weight:400;line-height:1.2;margin-bottom:1rem} #page-content:not(.no-sidebar){padding:40px 0} .grid-layout{margin-bottom:-2px!important;overflow:hidden}.grid-layout>*{opacity:0;transition:opacity .5s ease}.grid-layout .grid-loader{opacity:1;transition:opacity .1s ease;z-index:-1}.grid-layout.grid-loaded>*{opacity:1}.grid-layout.grid-loaded .grid-loader{opacity:0}.grid-layout,.portfolioo,.posts{clear:both;display:block;padding:0;position:relative} .grid-3-columns .grid-item,.portfolio-3-columns .portfolio-item,.post-3-columns .post-item{width:33.333333333%} .grid-loader{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;-webkit-animation-delay:-.16s;animation-delay:-.16s;border-radius:50%;color:#dadada;font-size:6px;height:2.5em;left:48%;position:absolute;text-indent:-9999em;top:60px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);width:2.5em}.grid-loader:after,.grid-loader:before{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;border-radius:50%;content:\"\";height:2.5em;position:absolute;top:0;width:2.5em}.grid-loader:before{-webkit-animation-delay:-.32s;animation-delay:-.32s;left:-3.5em}.grid-loader:after{left:3.5em} #header{height:100px;line-height:100px;width:100%;z-index:199!important}#header,#header .container{position:relative}#header #header-wrap,#header .header-inner{background-color:#fff;height:100px;left:0;right:0;transition:all .4s ease-in-out}#header #header-wrap #logo,#header .header-inner #logo{float:left;font-size:28px;height:100px;position:relative;transition:all .4s ease-in-out;z-index:1} #header #header-wrap #logo a [class*=logo-],#header #header-wrap #logo a>img,#header .header-inner #logo a [class*=logo-],#header .header-inner #logo a>img{display:none}#header #header-wrap #logo a .logo-default,#header .header-inner #logo a .logo-default{display:block}#header #header-wrap #logo a,#header #header-wrap #logo a span,#header .header-inner #logo a,#header .header-inner #logo a span{color:#2d2d2d;font-family:Noto Sans,sans-serif;font-size:40px;font-weight:800;letter-spacing:1.5px}#header[data-fullwidth=true] #header-wrap .container,#header[data-fullwidth=true] .header-inner .container{max-width:100%;padding:0 10px} #header.header-always-fixed #header-wrap,#header.header-always-fixed .header-inner{position:fixed!important;top:0!important} #mainMenu{padding:0}#mainMenu>.container{padding:0!important} #mainMenu nav{float:right}#mainMenu nav>ul{list-style:none;margin:0;padding:0}#mainMenu nav>ul>li{border:0;float:left;margin-left:6px;position:relative;transition:all .3s ease}#mainMenu nav>ul>li>a:not(.special){border:0 solid transparent;border-radius:0;color:#210e0e;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.6px;line-height:normal;padding:10px 12px;position:relative;text-transform:uppercase;transition:all .3s ease} #mainMenu nav>ul>li>a:not(.special):after,#mainMenu nav>ul>li>a:not(.special):before{transition:all .3s ease} #mainMenu nav>ul>li.dropdown:before{color:#262626;content:\"\\e930\";display:none;font-family:inspiro-icons;font-size:16px;opacity:.6;position:absolute;right:16px;transform:rotate(90deg)}#mainMenu nav>ul>li .dropdown-arrow{cursor:pointer;display:none;height:40px;position:absolute;right:-10px;top:0;width:50px;z-index:1}#mainMenu nav>ul>li .dropdown-menu{background-color:#fff;background-position:100% 100%;background-repeat:no-repeat;border:0;border-color:#eee;border-radius:4px;border-style:solid;border-width:1px!important;box-shadow:0 33px 32px rgba(0,0,0,.1);color:#210e0e;display:none;left:auto;margin:-6px 0 0;min-width:230px;padding:10px;position:absolute;top:35px} #mainMenu nav>ul>li:last-child{margin-right:0} #mainMenu nav>ul li ul{list-style:none;padding:0} #mainMenu.menu-creative nav>ul>li{margin-left:4px}#mainMenu.menu-creative nav>ul>li>a:after{background-color:#fff;bottom:-2px;content:\"\";height:2px;left:0;opacity:0;position:absolute;top:100%;transform:translateY(10px);transition:opacity .3s ease 0s,transform .3s ease 0s;width:100%} #mainMenu-trigger{float:right;height:100px;opacity:0;position:absolute;visibility:hidden;z-index:1} *,a,h1,h2,h3,h4,h5,h6{margin:0;padding:0;text-decoration:none}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}html{font-size:88%} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2f2f2f;font-family:Noto Sans,sans-serif;font-size:1rem;line-height:1.65714286em}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#2d2d2d;font-family:Noto Sans,sans-serif;letter-spacing:.5px;margin:0} .h1,h1{font-size:3.14285714em;line-height:1.31818182em}.h1:not(:last-child),h1:not(:last-child){margin-bottom:20px}.h2,h2{font-size:2.35714286em;font-weight:500;line-height:1.36363636em}.h2:not(:last-child),h2:not(:last-child){margin-bottom:16px} .h4,h4{font-size:1.35714286em;font-weight:600;line-height:1.68421053em} .display-4,p{font-weight:400}p{color:#343434;font-family:Noto Sans,sans-serif;font-size:1rem;font-style:normal;letter-spacing:0;line-height:1.7;text-transform:none} strong{font-weight:600} a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]){color:#2f2f2f} .post-item{float:left;height:auto;padding:0 0 20px;width:100%}.post-item .post-item-wrap{background-color:#fff;position:relative}.post-item img{height:auto;width:100%}.post-item .post-audio,.post-item .post-image,.post-item .post-quote-img,.post-item .post-slider,.post-item .post-video{margin:0;padding:0;position:relative} .post-item .post-item-description{color:#676767;line-height:28px;padding:24px}.post-item .post-item-description>h2,.post-item .post-item-description>h2>a{color:#444;font-size:18px;font-weight:600;letter-spacing:-.1px;line-height:23px;margin-bottom:16px}.post-item .post-item-description .post-meta-category,.post-item .post-item-description .post-meta-comments,.post-item .post-item-description .post-meta-date{color:#c2c2c2;font-size:12px;margin-right:8px;position:relative;top:-4px}.post-item .post-item-description .post-meta-category i,.post-item .post-item-description .post-meta-comments i,.post-item .post-item-description .post-meta-date i{margin-right:4px!important} .post-item.border{border:none!important}.post-item.border .post-item-wrap{border:1px solid #f2f2f2}.post-item.border>.post-item-wrap>.post-item-description{padding:24px!important;width:100%!important} .post-image{margin-bottom:20px}.post-image img{width:100%} #footer,.forum h4>small{display:block}#footer{background-color:#f8f2cd;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;line-height:32px;position:relative}#footer a:not(.btn):not(:hover){color:#2f2f2f}#footer p{font-family:Noto Sans,sans-serif}#footer a:not(.btn){font-weight:400}#footer .footer-content{padding:60px 0 40px}#footer .widget .widget-title,#footer .widget h4{font-size:14px;font-weight:600;letter-spacing:1px} #footer .copyright-content{background-color:#f6efc0;font-size:13px;min-height:80px;padding:30px 0} .widget{margin-bottom:30px;position:relative}.widget .widget-title,.widget>h4{font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:24px;margin-bottom:20px;text-transform:uppercase}.widget:after,.widget:before{clear:both;content:\" \";display:table} .widget a{color:#2f2f2f}.widget p{margin-bottom:20px} .item-link{color:#2f2f2f;font-size:12px;letter-spacing:1px;text-transform:uppercase!important}.item-link i{position:relative;right:0;transition:right .3s ease 0s} #scrollTop{background-color:rgba(0,0,0,.25);background-color:rgba(0,0,0,.25)!important;background-position:50%;background-repeat:no-repeat;border-radius:100px;bottom:0;color:#fff;cursor:pointer;height:40px;line-height:12px!important;opacity:0;overflow:hidden;position:fixed;right:26px;text-align:center;transition:opacity .3s,bottom .5s,box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear;width:40px;z-index:-1}#scrollTop i{font-size:16px!important;height:39px!important;left:0!important;line-height:39px!important;position:relative;text-align:center!important;top:0!important;transform:translate(0);transition:transform .2s ease;width:39px!important;z-index:10}#scrollTop i,#scrollTop:hover{background-color:transparent!important} #scrollTop:after,#scrollTop:before{background-color:#ddc003;border-radius:100px;content:\" \";display:block;height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:all .3s cubic-bezier(.55,0,.1,1);width:100%;z-index:1}#scrollTop:before{background-color:hsla(0,0%,100%,.25);opacity:0;transition:all .5s cubic-bezier(.165,.84,.44,1);z-index:2}#scrollTop:before,#scrollTop:hover:after{transform:scale(1)} [class^=icon]{display:inline-block} .lines-button{align-items:center;appearance:none;background:transparent;border:none;cursor:pointer;display:flex;height:100%;justify-content:center;outline:none;transition:.3s;user-select:none;width:16px}.lines-button>*{display:block} .lines{position:relative;top:-4px}.lines,.lines:after,.lines:before{border-radius:4px;display:inline-block;height:2px;transition:.3s;width:20px}.lines:after,.lines:before{content:\"\";left:0;position:absolute;transform-origin:2.85714px center;width:100%}.lines:before{top:6px}.lines:after{top:-6px}.lines,.lines:after,.lines:before{background-color:#111} .x{width:auto} .text-center{text-align:center} .background-dark{background-color:#584d01!important} .text-light,.text-light .lead,.text-light a:not(.btn),.text-light a:not(.btn):hover:not(.btn-light),.text-light div:not(.alert),.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6,.text-light i,.text-light label,.text-light li,.text-light p,.text-light span:not(.btn-label){color:#fff!important} .m-b-30{margin-bottom:30px!important} .m-t-5{margin-top:5px!important} .m-r-10{margin-right:10px!important} a:not([href]):not([tabindex]):not(.btn){color:none}.btn:not(.close):not(.mfp-close),a.btn:not([href]):not([tabindex]),button.btn{background-color:#ddc003;border:1px solid #ddc003;border-radius:5px 5px 5px 5px;color:#fff;cursor:pointer;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;line-height:14px;margin-bottom:6px;outline:none;padding:12px 18px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s}.btn:not(.close):not(.mfp-close):after,a.btn:not([href]):not([tabindex]):after,button.btn:after{content:\"\";position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:-1} .btn:not(.close):not(.mfp-close).btn-sm,a.btn:not([href]):not([tabindex]).btn-sm,button.btn.btn-sm{font-size:11px;height:30px;line-height:28px;padding:0 14px} .btn:not(.close):not(.mfp-close).btn-outline,a.btn:not([href]):not([tabindex]).btn-outline,button.btn.btn-outline{background-color:transparent;border:2px solid #ddc003;color:#ddc003} .btn:not(.close):not(.mfp-close).btn-rounded,a.btn:not([href]):not([tabindex]).btn-rounded,button.btn.btn-rounded{border-radius:2em!important} .btn:not(.close):not(.mfp-close).btn-light,.btn:not(.close):not(.mfp-close).btn-white,a.btn:not([href]):not([tabindex]).btn-light,a.btn:not([href]):not([tabindex]).btn-white,button.btn.btn-light,button.btn.btn-white{background-color:#fff;border-color:#e6e8eb;color:#4c5667} .btn:not(.close):not(.mfp-close).btn-light.btn-outline,.btn:not(.close):not(.mfp-close).btn-white.btn-outline,a.btn:not([href]):not([tabindex]).btn-light.btn-outline,a.btn:not([href]):not([tabindex]).btn-white.btn-outline,button.btn.btn-light.btn-outline,button.btn.btn-white.btn-outline{background-color:transparent;border-color:#fff;color:#fff} .btn:not(.close):not(.mfp-close).btn-success,a.btn:not([href]):not([tabindex]).btn-success,button.btn.btn-success{background-color:#d60505;border-color:#d60505} .btn:not(.close):not(.mfp-close)+.btn,a.btn:not([href]):not([tabindex])+.btn,button.btn+.btn{margin-left:4px} i:not(.fa):not(.fab):not(.far):not(.fas){speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:inspiro-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none} .icon-chevron-right:before{content:\"\\e930\"}.icon-chevron-up:before{content:\"\\e931\"} .modal-strip{background-color:#000;bottom:0;color:#fff;display:inline-block;left:0;padding:20px;position:fixed;transform:translate3d(0,200px,0);transition:all .7s ease 0s;width:100%;z-index:999!important}.modal-strip .btn,.modal-strip h1,.modal-strip h2,.modal-strip h3,.modal-strip h4,.modal-strip h5{margin-bottom:0!important}.modal-strip a,.modal-strip a:active,.modal-strip a:hover,.modal-strip a:visited{color:#fff;text-decoration:underline} .bg-overlay{background:rgba(0,0,0,.59);bottom:0;content:\" \";height:100%;left:0;opacity:.12;position:absolute;right:0;top:0;width:100%;z-index:0} .bg-overlay~.container,.bg-overlay~.container-fluid{position:relative;z-index:2} #mainMenu.menu-creative nav>ul>li>a:after{background-color:#ddc003!important} #header{line-height:unset}#mainMenu nav{margin-top:20px}.lh-0{line-height:0px} .z-index-top{z-index:100} #logo img{margin-bottom:.5rem;max-height:80px} #mainMenu .btn{border-radius:10px;height:unset!important} #mainMenu.menu-creative nav>ul>li>a:after{background-color:#d81d31!important} .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1} .fa-info-circle:before{content:\"\\f05a\"} .fa-mail-bulk:before{content:\"\\f674\"} .fa-map-marker:before{content:\"\\f041\"} .fa-mobile-alt:before{content:\"\\f3cd\"} .fa,.far,.fas{font-family:'Font Awesome 5 Free'} .fa,.fas{font-weight:900} html { overflow-x: hidden; } body .body-inner { padding: 0; margin: 0; } section { padding: 80px 0; position: relative; width: 100%; overflow: hidden; z-index: 1; background-color: #ffffff; } #page-title { clear: both; padding: 80px 0; background-color: #f8f2cd; position: relative; /* page header left*/ /* page header right*/ } #page-title .page-title { text-align: center; padding: 0; } #page-title .page-title > h1 { font-family: \"Noto Sans\", sans-serif; font-size: 2.5rem; line-height: 1.2; font-weight: 400; margin-bottom: 1rem; } #page-content:not(.no-sidebar) { padding: 40px 0 40px 0; } .grid-layout { overflow: hidden; margin-bottom: -2px !important; } .grid-layout > * { opacity: 0; transition: opacity 0.5s ease; } .grid-layout .grid-loader { transition: opacity 0.1s ease; opacity: 1; z-index: -1; } .grid-layout.grid-loaded > * { opacity: 1; } .grid-layout.grid-loaded .grid-loader { opacity: 0; } .grid-layout, .portfolioo, .posts { position: relative; display: block; clear: both; padding: 0; } .grid-3-columns .grid-item, .post-3-columns .post-item, .portfolio-3-columns .portfolio-item { width: 33.333333333%; } .grid-loader { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; position: absolute; top: 60px; left: 48%; color: #dadada; font-size: 6px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .grid-loader:before, .grid-loader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } .grid-loader:before, .grid-loader:after { content: \"\"; position: absolute; top: 0; } .grid-loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .grid-loader:after { left: 3.5em; } #header { position: relative; width: 100%; z-index: 199 !important; height: 100px; line-height: 100px; } #header .container { position: relative; } #header .header-inner, #header #header-wrap { height: 100px; background-color: #fff; /* backface-visibility: hidden; -webkit-backface-visibility: hidden; */ left: 0; right: 0; transition: all 0.4s ease-in-out; /*logo*/ } #header .header-inner #logo, #header #header-wrap #logo { float: left; font-size: 28px; position: relative; z-index: 1; transition: all 0.4s ease-in-out; height: 100px; } #header .header-inner #logo a > img, #header .header-inner #logo a [class*=logo-], #header #header-wrap #logo a > img, #header #header-wrap #logo a [class*=logo-] { display: none; } #header .header-inner #logo a .logo-default, #header #header-wrap #logo a .logo-default { display: block; } #header .header-inner #logo a, #header .header-inner #logo a span, #header #header-wrap #logo a, #header #header-wrap #logo a span { font-family: \"Noto Sans\", sans-serif; font-size: 40px; color: #2d2d2d; font-weight: 800; letter-spacing: 1.5px; } #header[data-fullwidth=true] .header-inner .container, #header[data-fullwidth=true] #header-wrap .container { max-width: 100%; padding: 0 10px; } #header.header-always-fixed .header-inner, #header.header-always-fixed #header-wrap { position: fixed !important; top: 0 !important; } #mainMenu { padding: 0; /*Menu Styles*/ /*Menu Positions*/ /*Menu options*/ } #mainMenu > .container { padding: 0 !important; } #mainMenu nav { float: right; } #mainMenu nav > ul { list-style: none; padding: 0; margin: 0; } #mainMenu nav > ul > li { float: left; border: 0; transition: all 0.3s ease; margin-left: 6px; position: relative; } #mainMenu nav > ul > li > a:not(.special) { position: relative; font-family: \"Noto Sans\", sans-serif; padding: 10px 12px; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 0.6px; color: #210e0e; border-radius: 0; border-width: 0; border-style: solid; border-color: transparent; transition: all 0.3s ease; line-height: normal; } #mainMenu nav > ul > li > a:not(.special):after, #mainMenu nav > ul > li > a:not(.special):before { transition: all 0.3s ease; } #mainMenu nav > ul > li.dropdown:before { content: \"\\e930\"; transform: rotate(90deg); font-family: \"inspiro-icons\"; opacity: 0.6; position: absolute; right: 16px; color: #262626; font-size: 16px; display: none; } #mainMenu nav > ul > li .dropdown-arrow { display: none; height: 40px; width: 50px; position: absolute; z-index: 1; right: -10px; top: 0; cursor: pointer; } #mainMenu nav > ul > li .dropdown-menu { background-position: right bottom; background-repeat: no-repeat; min-width: 230px; top: 35px; background-color: #ffffff; border: 0; color: #210e0e; border-style: solid; border-color: #eeeeee; border-width: 1px !important; left: auto; margin: 0; margin-top: -6px; border-radius: 4px; box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1); padding: 10px; display: none; position: absolute; } #mainMenu nav > ul > li:last-child { margin-right: 0; } #mainMenu nav > ul li ul { list-style: none; padding: 0; } #mainMenu.menu-creative nav > ul > li { margin-left: 4px; } #mainMenu.menu-creative nav > ul > li > a:after { background-color: #ffffff; content: \"\"; height: 2px; left: 0; opacity: 0; position: absolute; top: 100%; transform: translateY(10px); transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; width: 100%; bottom: -2px; } #mainMenu-trigger { position: absolute; opacity: 0; visibility: hidden; height: 100px; z-index: 1; float: right; } *, h1, h2, h3, h4, h5, h6, a { margin: 0; padding: 0; text-decoration: none; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } html { font-size: 88%; } body { font-size: 1rem; line-height: 1.65714286em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: \"Noto Sans\", sans-serif; color: #2f2f2f; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: \"Noto Sans\", sans-serif; color: #2d2d2d; margin: 0; letter-spacing: 0.5px; } h1, .h1 { font-size: 3.14285714em; line-height: 1.31818182em; } h1:not(:last-child), .h1:not(:last-child) { margin-bottom: 20px; } h2, .h2 { font-size: 2.35714286em; line-height: 1.36363636em; font-weight: 500; } h2:not(:last-child), .h2:not(:last-child) { margin-bottom: 16px; } h4, .h4 { font-size: 1.35714286em; line-height: 1.68421053em; font-weight: 600; } p { font-size: 1rem; font-style: normal; font-weight: 400; text-transform: none; line-height: 1.7; letter-spacing: 0; color: #343434; font-family: \"Noto Sans\", sans-serif; } strong { font-weight: 600; } a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]) { color: #2f2f2f; } .post-item { float: left; width: 100%; height: auto; padding: 0 0 20px 0; /*Styles*/ /*Types*/ } .post-item .post-item-wrap { background-color: #ffffff; position: relative; } .post-item img { width: 100%; height: auto; } .post-item .post-image, .post-item .post-slider, .post-item .post-video, .post-item .post-audio, .post-item .post-quote-img { margin: 0; position: relative; padding: 0; } .post-item .post-item-description { padding: 24px; line-height: 28px; color: #676767; } .post-item .post-item-description > h2, .post-item .post-item-description > h2 > a { font-size: 18px; letter-spacing: -0.1px; line-height: 23px; margin-bottom: 16px; color: #444; font-weight: 600; } .post-item .post-item-description .post-meta-date, .post-item .post-item-description .post-meta-comments, .post-item .post-item-description .post-meta-category { color: #C2C2C2; position: relative; top: -4px; font-size: 12px; margin-right: 8px; } .post-item .post-item-description .post-meta-date i, .post-item .post-item-description .post-meta-comments i, .post-item .post-item-description .post-meta-category i { margin-right: 4px !important; } .post-item.border { border: none !important; } .post-item.border .post-item-wrap { border: 1px solid #f2f2f2; } .post-item.border > .post-item-wrap > .post-item-description { padding: 24px !important; width: 100% !important; } .post-image { margin-bottom: 20px; } .post-image img { width: 100%; } #footer { display: block; position: relative; background-color: #f8f2cd; font-size: 14px; line-height: 32px; font-weight: 400; font-family: \"Noto Sans\", sans-serif; } #footer a:not(.btn):not(:hover) { color: #2f2f2f; } #footer p { font-family: \"Noto Sans\", sans-serif; } #footer a:not(.btn) { font-weight: 400; } #footer .footer-content { padding: 60px 0 40px 0; } #footer .widget .widget-title, #footer .widget h4 { font-size: 14px; letter-spacing: 1px; font-weight: 600; } #footer .copyright-content { min-height: 80px; padding: 30px 0; background-color: #f6efc0; font-size: 13px; } .widget { margin-bottom: 30px; position: relative; } .widget .widget-title, .widget > h4 { font-size: 14px; font-style: normal; font-weight: 600; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; margin-bottom: 20px; } .widget:after, .widget:before { clear: both; content: \" \"; display: table; } .widget a { color: #2f2f2f; } .widget p { margin-bottom: 20px; } .item-link { color: #2f2f2f; font-size: 12px; letter-spacing: 1px; text-transform: uppercase !important; } .item-link i { position: relative; right: 0; transition: right 0.3s ease 0s; } #scrollTop { z-index: -1; opacity: 0; position: fixed; text-align: center; line-height: 12px !important; right: 26px; bottom: 0; color: #fff; cursor: pointer; border-radius: 100px; height: 40px; width: 40px; background-color: rgba(0, 0, 0, 0.25); background-repeat: no-repeat; background-position: center; transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear; background-color: rgba(0, 0, 0, 0.25) !important; overflow: hidden; } #scrollTop i { line-height: 39px !important; width: 39px !important; height: 39px !important; font-size: 16px !important; top: 0px !important; left: 0px !important; text-align: center !important; position: relative; z-index: 10; background-color: transparent !important; transform: translate(0, 0px); transition: transform 0.2s ease; } #scrollTop:after, #scrollTop:before { display: block; content: \" \"; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #ddc003; transform: scale(0); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); border-radius: 100px; } #scrollTop:before { background-color: rgba(255, 255, 255, 0.25); transform: scale(1); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; z-index: 2; } [class^=icon] { display: inline-block; } .lines-button { appearance: none; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; height: 100%; transition: 0.3s; user-select: none; width: 16px; background: transparent; outline: none; } .lines-button > * { display: block; } .lines { display: inline-block; height: 2px; width: 20px; border-radius: 4px; transition: 0.3s; position: relative; top: -4px; } .lines::before, .lines::after { display: inline-block; height: 2px; width: 20px; border-radius: 4px; transition: 0.3s; content: \"\"; position: absolute; left: 0; transform-origin: 2.85714px center; width: 100%; } .lines::before { top: 6px; } .lines::after { top: -6px; } .lines, .lines:before, .lines:after { background-color: #111; } .x { width: auto; } .text-center { text-align: center; } .background-dark { background-color: #584d01 !important; } .text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light .lead, .text-light p, .text-light a:not(.btn), .text-light a:not(.btn):hover:not(.btn-light), .text-light i, .text-light li, .text-light label, .text-light div:not(.alert), .text-light span:not(.btn-label) { color: #fff !important; } .m-b-30 { margin-bottom: 30px !important; } .m-t-5 { margin-top: 5px !important; } .m-r-10 { margin-right: 10px !important; } a:not([href]):not([tabindex]):not(.btn) { color: none; } button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) { font-family: \"Noto Sans\", sans-serif; border-radius: 5px 5px 5px 5px; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; text-decoration: none; outline: none; padding: 12px 18px; position: relative; text-transform: uppercase; background-color: #ddc003; border-color: #ddc003; border-width: 1px; border-style: solid; color: #ffffff; transition: all 0.3s; margin-bottom: 6px; outline: none; line-height: 14px; cursor: pointer; } button.btn:after, .btn:not(.close):not(.mfp-close):after, a.btn:not([href]):not([tabindex]):after { content: \"\"; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } button.btn.btn-sm, .btn:not(.close):not(.mfp-close).btn-sm, a.btn:not([href]):not([tabindex]).btn-sm { font-size: 11px; height: 30px; line-height: 28px; padding: 0 14px; } button.btn.btn-outline, .btn:not(.close):not(.mfp-close).btn-outline, a.btn:not([href]):not([tabindex]).btn-outline { background-color: transparent; border-width: 2px; border-style: solid; border-color: #ddc003; color: #ddc003; } button.btn.btn-rounded, .btn:not(.close):not(.mfp-close).btn-rounded, a.btn:not([href]):not([tabindex]).btn-rounded { border-radius: 2em !important; } button.btn.btn-white, button.btn.btn-light, .btn:not(.close):not(.mfp-close).btn-white, .btn:not(.close):not(.mfp-close).btn-light, a.btn:not([href]):not([tabindex]).btn-white, a.btn:not([href]):not([tabindex]).btn-light { background-color: #fff; border-color: #e6e8eb; color: #4c5667; } button.btn.btn-white.btn-outline, button.btn.btn-light.btn-outline, .btn:not(.close):not(.mfp-close).btn-white.btn-outline, .btn:not(.close):not(.mfp-close).btn-light.btn-outline, a.btn:not([href]):not([tabindex]).btn-white.btn-outline, a.btn:not([href]):not([tabindex]).btn-light.btn-outline { border-color: #ffffff; background-color: transparent; color: #ffffff; } button.btn.btn-success, .btn:not(.close):not(.mfp-close).btn-success, a.btn:not([href]):not([tabindex]).btn-success { background-color: #d60505; border-color: #d60505; } button.btn + .btn, .btn:not(.close):not(.mfp-close) + .btn, a.btn:not([href]):not([tabindex]) + .btn { margin-left: 4px; } i:not(.fa):not(.fab):not(.far):not(.fas) { font-family: inspiro-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chevron-right:before { content: \"\\e930\"; } .icon-chevron-up:before { content: \"\\e931\"; } .modal-strip { background-color: #000; bottom: 0; color: #ffffff; left: 0; padding: 20px; position: fixed; width: 100%; display: inline-block; transform: translate3d(0px, 200px, 0px); transition: all 0.7s ease 0s; z-index: 999 !important; } .modal-strip .btn, .modal-strip h5, .modal-strip h4, .modal-strip h3, .modal-strip h2, .modal-strip h1 { margin-bottom: 0 !important; } .modal-strip a, .modal-strip a:hover, .modal-strip a:active, .modal-strip a:visited { color: #ffffff; text-decoration: underline; } .bg-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; content: \" \"; z-index: 0; background: rgba(0, 0, 0, 0.59); opacity: 0.12; } .bg-overlay ~ .container, .bg-overlay ~ .container-fluid { position: relative; z-index: 2; } #header { line-height: unset; } #mainMenu nav { margin-top: 20px; } .lh-0 { line-height: 0px; } .z-index-top { z-index: 100; } #logo img { max-height: 80px; margin-bottom: 0.5rem; } #mainMenu .btn { height: unset !important; border-radius: 10px; } #mainMenu.menu-creative nav > ul > li > a::after { background-color: #ddc003 !important; } #header{ line-height: unset; } #mainMenu nav{ margin-top:20px; } .lh-0{ line-height: 0px; } .z-index-top{ z-index: 100; } #logo img{ max-height: 80px; margin-bottom: 0.5rem; } #mainMenu .btn{ height : unset !important; border-radius: 10px; } #mainMenu.menu-creative nav > ul > li > a::after{ background-color: #d81d31 !important; } .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto} .fa-info-circle:before{content:\"\\f05a\"} .fa-mail-bulk:before{content:\"\\f674\"} .fa-map-marker:before{content:\"\\f041\"} .fa-mobile-alt:before{content:\"\\f3cd\"} .fa,.far,.fas{font-family:Font Awesome\\ 5 Free} .fa,.fas{font-weight:900}html{overflow-x:hidden}body .body-inner{margin:0;padding:0} section{background-color:#fff;overflow:hidden;padding:80px 0;position:relative;width:100%;z-index:1} #page-title{background-color:#f8f2cd;clear:both;padding:80px 0;position:relative}#page-title .page-title{padding:0;text-align:center}#page-title .page-title>h1{font-family:Noto Sans,sans-serif;font-size:2.5rem;font-weight:400;line-height:1.2;margin-bottom:1rem} #page-content:not(.no-sidebar){padding:40px 0} .grid-layout{margin-bottom:-2px!important;overflow:hidden}.grid-layout>*{opacity:0;transition:opacity .5s ease}.grid-layout .grid-loader{opacity:1;transition:opacity .1s ease;z-index:-1}.grid-layout.grid-loaded>*{opacity:1}.grid-layout.grid-loaded .grid-loader{opacity:0}.grid-layout,.portfolioo,.posts{clear:both;display:block;padding:0;position:relative} .grid-3-columns .grid-item,.portfolio-3-columns .portfolio-item,.post-3-columns .post-item{width:33.333333333%} .grid-loader{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;-webkit-animation-delay:-.16s;animation-delay:-.16s;border-radius:50%;color:#dadada;font-size:6px;height:2.5em;left:48%;position:absolute;text-indent:-9999em;top:60px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);width:2.5em}.grid-loader:after,.grid-loader:before{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;border-radius:50%;content:\"\";height:2.5em;position:absolute;top:0;width:2.5em}.grid-loader:before{-webkit-animation-delay:-.32s;animation-delay:-.32s;left:-3.5em}.grid-loader:after{left:3.5em} #header{height:100px;line-height:100px;width:100%;z-index:199!important}#header,#header .container{position:relative}#header #header-wrap,#header .header-inner{background-color:#fff;height:100px;left:0;right:0;transition:all .4s ease-in-out}#header #header-wrap #logo,#header .header-inner #logo{float:left;font-size:28px;height:100px;position:relative;transition:all .4s ease-in-out;z-index:1} #header #header-wrap #logo a [class*=logo-],#header #header-wrap #logo a>img,#header .header-inner #logo a [class*=logo-],#header .header-inner #logo a>img{display:none}#header #header-wrap #logo a .logo-default,#header .header-inner #logo a .logo-default{display:block}#header #header-wrap #logo a,#header #header-wrap #logo a span,#header .header-inner #logo a,#header .header-inner #logo a span{color:#2d2d2d;font-family:Noto Sans,sans-serif;font-size:40px;font-weight:800;letter-spacing:1.5px}#header[data-fullwidth=true] #header-wrap .container,#header[data-fullwidth=true] .header-inner .container{max-width:100%;padding:0 10px} #header.header-always-fixed #header-wrap,#header.header-always-fixed .header-inner{position:fixed!important;top:0!important} #mainMenu{padding:0}#mainMenu>.container{padding:0!important} #mainMenu nav{float:right}#mainMenu nav>ul{list-style:none;margin:0;padding:0}#mainMenu nav>ul>li{border:0;float:left;margin-left:6px;position:relative;transition:all .3s ease}#mainMenu nav>ul>li>a:not(.special){border:0 solid transparent;border-radius:0;color:#210e0e;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.6px;line-height:normal;padding:10px 12px;position:relative;text-transform:uppercase;transition:all .3s ease} #mainMenu nav>ul>li>a:not(.special):after,#mainMenu nav>ul>li>a:not(.special):before{transition:all .3s ease} #mainMenu nav>ul>li.dropdown:before{color:#262626;content:\"\\e930\";display:none;font-family:inspiro-icons;font-size:16px;opacity:.6;position:absolute;right:16px;transform:rotate(90deg)}#mainMenu nav>ul>li .dropdown-arrow{cursor:pointer;display:none;height:40px;position:absolute;right:-10px;top:0;width:50px;z-index:1}#mainMenu nav>ul>li .dropdown-menu{background-color:#fff;background-position:100% 100%;background-repeat:no-repeat;border:0;border-color:#eee;border-radius:4px;border-style:solid;border-width:1px!important;box-shadow:0 33px 32px rgba(0,0,0,.1);color:#210e0e;display:none;left:auto;margin:-6px 0 0;min-width:230px;padding:10px;position:absolute;top:35px} #mainMenu nav>ul>li:last-child{margin-right:0} #mainMenu nav>ul li ul{list-style:none;padding:0} #mainMenu.menu-creative nav>ul>li{margin-left:4px}#mainMenu.menu-creative nav>ul>li>a:after{background-color:#fff;bottom:-2px;content:\"\";height:2px;left:0;opacity:0;position:absolute;top:100%;transform:translateY(10px);transition:opacity .3s ease 0s,transform .3s ease 0s;width:100%} #mainMenu-trigger{float:right;height:100px;opacity:0;position:absolute;visibility:hidden;z-index:1} *,a,h1,h2,h3,h4,h5,h6{margin:0;padding:0;text-decoration:none}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}html{font-size:88%} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2f2f2f;font-family:Noto Sans,sans-serif;font-size:1rem;line-height:1.65714286em}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#2d2d2d;font-family:Noto Sans,sans-serif;letter-spacing:.5px;margin:0} .h1,h1{font-size:3.14285714em;line-height:1.31818182em}.h1:not(:last-child),h1:not(:last-child){margin-bottom:20px}.h2,h2{font-size:2.35714286em;font-weight:500;line-height:1.36363636em}.h2:not(:last-child),h2:not(:last-child){margin-bottom:16px} .h4,h4{font-size:1.35714286em;font-weight:600;line-height:1.68421053em} .display-4,p{font-weight:400}p{color:#343434;font-family:Noto Sans,sans-serif;font-size:1rem;font-style:normal;letter-spacing:0;line-height:1.7;text-transform:none} strong{font-weight:600} a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]){color:#2f2f2f} .post-item{float:left;height:auto;padding:0 0 20px;width:100%}.post-item .post-item-wrap{background-color:#fff;position:relative}.post-item img{height:auto;width:100%}.post-item .post-audio,.post-item .post-image,.post-item .post-quote-img,.post-item .post-slider,.post-item .post-video{margin:0;padding:0;position:relative} .post-item .post-item-description{color:#676767;line-height:28px;padding:24px}.post-item .post-item-description>h2,.post-item .post-item-description>h2>a{color:#444;font-size:18px;font-weight:600;letter-spacing:-.1px;line-height:23px;margin-bottom:16px}.post-item .post-item-description .post-meta-category,.post-item .post-item-description .post-meta-comments,.post-item .post-item-description .post-meta-date{color:#c2c2c2;font-size:12px;margin-right:8px;position:relative;top:-4px}.post-item .post-item-description .post-meta-category i,.post-item .post-item-description .post-meta-comments i,.post-item .post-item-description .post-meta-date i{margin-right:4px!important} .post-item.border{border:none!important}.post-item.border .post-item-wrap{border:1px solid #f2f2f2}.post-item.border>.post-item-wrap>.post-item-description{padding:24px!important;width:100%!important} .post-image{margin-bottom:20px}.post-image img{width:100%} #footer,.forum h4>small{display:block}#footer{background-color:#f8f2cd;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;line-height:32px;position:relative}#footer a:not(.btn):not(:hover){color:#2f2f2f}#footer p{font-family:Noto Sans,sans-serif}#footer a:not(.btn){font-weight:400}#footer .footer-content{padding:60px 0 40px}#footer .widget .widget-title,#footer .widget h4{font-size:14px;font-weight:600;letter-spacing:1px} #footer .copyright-content{background-color:#f6efc0;font-size:13px;min-height:80px;padding:30px 0} .widget{margin-bottom:30px;position:relative}.widget .widget-title,.widget>h4{font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:24px;margin-bottom:20px;text-transform:uppercase}.widget:after,.widget:before{clear:both;content:\" \";display:table} .widget a{color:#2f2f2f}.widget p{margin-bottom:20px} .item-link{color:#2f2f2f;font-size:12px;letter-spacing:1px;text-transform:uppercase!important}.item-link i{position:relative;right:0;transition:right .3s ease 0s} #scrollTop{background-color:rgba(0,0,0,.25);background-color:rgba(0,0,0,.25)!important;background-position:50%;background-repeat:no-repeat;border-radius:100px;bottom:0;color:#fff;cursor:pointer;height:40px;line-height:12px!important;opacity:0;overflow:hidden;position:fixed;right:26px;text-align:center;transition:opacity .3s,bottom .5s,box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear;width:40px;z-index:-1}#scrollTop i{font-size:16px!important;height:39px!important;left:0!important;line-height:39px!important;position:relative;text-align:center!important;top:0!important;transform:translate(0);transition:transform .2s ease;width:39px!important;z-index:10}#scrollTop i,#scrollTop:hover{background-color:transparent!important} #scrollTop:after,#scrollTop:before{background-color:#ddc003;border-radius:100px;content:\" \";display:block;height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:all .3s cubic-bezier(.55,0,.1,1);width:100%;z-index:1}#scrollTop:before{background-color:hsla(0,0%,100%,.25);opacity:0;transition:all .5s cubic-bezier(.165,.84,.44,1);z-index:2}#scrollTop:before,#scrollTop:hover:after{transform:scale(1)} [class^=icon]{display:inline-block} .lines-button{align-items:center;appearance:none;background:transparent;border:none;cursor:pointer;display:flex;height:100%;justify-content:center;outline:none;transition:.3s;user-select:none;width:16px}.lines-button>*{display:block} .lines{position:relative;top:-4px}.lines,.lines:after,.lines:before{border-radius:4px;display:inline-block;height:2px;transition:.3s;width:20px}.lines:after,.lines:before{content:\"\";left:0;position:absolute;transform-origin:2.85714px center;width:100%}.lines:before{top:6px}.lines:after{top:-6px}.lines,.lines:after,.lines:before{background-color:#111} .x{width:auto} .text-center{text-align:center} .background-dark{background-color:#584d01!important} .text-light,.text-light .lead,.text-light a:not(.btn),.text-light a:not(.btn):hover:not(.btn-light),.text-light div:not(.alert),.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6,.text-light i,.text-light label,.text-light li,.text-light p,.text-light span:not(.btn-label){color:#fff!important} .m-b-30{margin-bottom:30px!important} .m-t-5{margin-top:5px!important} .m-r-10{margin-right:10px!important} a:not([href]):not([tabindex]):not(.btn){color:none}.btn:not(.close):not(.mfp-close),a.btn:not([href]):not([tabindex]),button.btn{background-color:#ddc003;border:1px solid #ddc003;border-radius:5px 5px 5px 5px;color:#fff;cursor:pointer;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;line-height:14px;margin-bottom:6px;outline:none;padding:12px 18px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s}.btn:not(.close):not(.mfp-close):after,a.btn:not([href]):not([tabindex]):after,button.btn:after{content:\"\";position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:-1} .btn:not(.close):not(.mfp-close).btn-sm,a.btn:not([href]):not([tabindex]).btn-sm,button.btn.btn-sm{font-size:11px;height:30px;line-height:28px;padding:0 14px} .btn:not(.close):not(.mfp-close).btn-outline,a.btn:not([href]):not([tabindex]).btn-outline,button.btn.btn-outline{background-color:transparent;border:2px solid #ddc003;color:#ddc003} .btn:not(.close):not(.mfp-close).btn-rounded,a.btn:not([href]):not([tabindex]).btn-rounded,button.btn.btn-rounded{border-radius:2em!important} .btn:not(.close):not(.mfp-close).btn-light,.btn:not(.close):not(.mfp-close).btn-white,a.btn:not([href]):not([tabindex]).btn-light,a.btn:not([href]):not([tabindex]).btn-white,button.btn.btn-light,button.btn.btn-white{background-color:#fff;border-color:#e6e8eb;color:#4c5667} .btn:not(.close):not(.mfp-close).btn-light.btn-outline,.btn:not(.close):not(.mfp-close).btn-white.btn-outline,a.btn:not([href]):not([tabindex]).btn-light.btn-outline,a.btn:not([href]):not([tabindex]).btn-white.btn-outline,button.btn.btn-light.btn-outline,button.btn.btn-white.btn-outline{background-color:transparent;border-color:#fff;color:#fff} .btn:not(.close):not(.mfp-close).btn-success,a.btn:not([href]):not([tabindex]).btn-success,button.btn.btn-success{background-color:#d60505;border-color:#d60505} .btn:not(.close):not(.mfp-close)+.btn,a.btn:not([href]):not([tabindex])+.btn,button.btn+.btn{margin-left:4px} i:not(.fa):not(.fab):not(.far):not(.fas){speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:inspiro-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none} .icon-chevron-right:before{content:\"\\e930\"}.icon-chevron-up:before{content:\"\\e931\"} .modal-strip{background-color:#000;bottom:0;color:#fff;display:inline-block;left:0;padding:20px;position:fixed;transform:translate3d(0,200px,0);transition:all .7s ease 0s;width:100%;z-index:999!important}.modal-strip .btn,.modal-strip h1,.modal-strip h2,.modal-strip h3,.modal-strip h4,.modal-strip h5{margin-bottom:0!important}.modal-strip a,.modal-strip a:active,.modal-strip a:hover,.modal-strip a:visited{color:#fff;text-decoration:underline} .bg-overlay{background:rgba(0,0,0,.59);bottom:0;content:\" \";height:100%;left:0;opacity:.12;position:absolute;right:0;top:0;width:100%;z-index:0} .bg-overlay~.container,.bg-overlay~.container-fluid{position:relative;z-index:2} #mainMenu.menu-creative nav>ul>li>a:after{background-color:#ddc003!important} #header{line-height:unset}#mainMenu nav{margin-top:20px}.lh-0{line-height:0px} .z-index-top{z-index:100} #logo img{margin-bottom:.5rem;max-height:80px} #mainMenu .btn{border-radius:10px;height:unset!important} #mainMenu.menu-creative nav>ul>li>a:after{background-color:#d81d31!important} </style> {% endblock %}
  248. {% block css %}
  249.     {{ parent() }}
  250.     <style>
  253.     </style>
  254. {% endblock %}
  255. {% block content %}
  256.     <section id=\"page-title\" class=\"text-light\" {{ responsive_background( asset('websiteImage/news.jpg'), \"background-size: cover; background-position: center center;\",true) | raw }}>
  257.         <div class=\"bg-overlay\"></div>
  258.         <div class=\"container\">
  259.             <div class=\"page-title\">
  260.                 <h1>{{ 'articles.title' | admintrans | raw }}</h1>
  261.                 {% if generalS.imageAccueil.texteActualites != null or generalS.imageAccueil.texteActualites != '' %}<p class=\"slider-text\"> {{ generalS.imageAccueil.texteActualites }}</p>{% endif %}
  262.             </div>
  263.         </div>
  264.     </section>
  265.     <section id=\"page-content\">
  266.         <div class=\"container\">
  269.             <div id=\"article\" class=\"grid-layout post-3-columns m-b-30\" data-item=\"post-item\">
  271.                 {% for article in articles %}
  272.                     <div class=\"post-item border\">
  273.                         <div class=\"post-item-wrap\">
  274.                             <div class=\"post-image\"> <a href=\"{{ path('actualite',{'id' : article.id}) }}\"> <img alt=\"\" src=\"{{ asset('images/upload/' ~ article.image) }}\"> </a></div>
  275.                             <div class=\"post-item-description\"> <span class=\"post-meta-date\"><i class=\"fa fa-calendar-o\"></i>{{ article.date | date('d M Y') }}</span>
  276.                                 <h2><a href=\"{{ path('actualite',{'id' : article.id}) }}\">{{ article.titre }}</a></h2>
  277.                                 <div> {{ article.displayContent | striptags('<strong><u><br><li><ul>') | u.truncate( 200, '...', false)  | raw }}</div>
  278.                                 <a href=\"{{ path('actualite',{'id' : article.id}) }}\" class=\"item-link\">{{ 'articles.read_more' | admintrans | raw }} <i class=\"icon-chevron-right\"></i></a>
  279.                             </div>
  280.                         </div>
  281.                     </div>
  282.                 {% endfor %}
  286.             </div>
  290.         </div>
  292.     </section>
  293. {% endblock %}
  295.     {% block js  %}
  296.         {{ parent() }}
  297.     {% endblock %}
  298. ", "pages/articles.html.twig", "/var/www/vhosts/bsbroyalconstruction.fr/etoiles-batiment.spidertec.fr/httpdocs/templates/pages/articles.html.twig");
  299.     }
  300. }