/* ===================================================
 * @author (  Joomla4All / Arno Schumm  ) https://www.joomla4all.nl
 * @package Joomla
 *   @copyright (C) 2005-2016 Open Source Matters. All rights reserved.
 *   @license GNU/GPL, see LICENSE.php
 *     Joomla! is free software. This version may have been modified pursuant to the
 *     GNU General Public License, and as distributed it includes or is derivative
 *     of works licensed under the GNU General Public License or other free or open
 *     source software licenses. See COPYRIGHT.php for copyright notices and details.
 * @package Helix3 Framework ( JoomShaper )
 *   @author AGETHEMES http://www.agethemes.com
 *   @copyright (c) 2010-2015 AGETHEMES
 *   @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 * @package QuatuorA http://www.quatuora.nl
 *   @copyright QUATUORA (C) 2017-2021 - All rights reserved
 *   @modification date 05-03-2021
 *   @version 1.1
 *   @copyright (C) 2005-2016 Open Source Matters. All rights reserved.
 * ===================================================
 * SETTINGS
 *
 *   Colors:
 *   Geel ..... #FFB900 .. rgba(255, 185, 0, 1)
 *   Oranje ... #F25022 .. rgba(242, 80, 34, 1)
 *   Grijs .... #8E8E8E .. rgba(232, 232, 232, 1)
 *   Groen .... #7FBA00 .. rgba(127, 186, 0, 1)
 *   Blauw .... #00A3EF .. rgba(0, 163, 239, 1)
 *   LGgrijs .. #FAFBFD .. rgba(250, 251, 253, 1)
 *
 *   Grijs .... #E8E8E8 

 *   Text ..... #2C3E50 .. rgba(44, 62, 80,1.0) #Midnight Blue
 *   Background #ECF0F1 .. rgba(236, 240, 241,1.0) #CLOUDS
 *
 *  font-family: 'Sintony', sans-serif !important; 
 *  border: 1px solid #f3f3f3;
 *  

 *  Dark   #2c3e50
 *  Blauw  #2980b9
 *  Groen  #16a085
 *  Grijs  #bdc3c7
 *  Oranje #d35400 
 *
 * =================================================== */

/**** LOAD CUSTOM FONTS =================================================== */
/*@import url('https://cdn.jsdelivr.net/npm/simple-line-icons@2.4.1/css/simple-line-icons.css');*/

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Syncopate&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sintony&display=swap:400,700');
/*@import url('https://fonts.googleapis.com/css2?family=Gruppo&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;600&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');*/

/*@import url('../css/font-awesome.min.css');*/
/*@import url('//db.onlinewebfonts.com/c/69aa6e47feff717f5adbb879237f8bbc?family=simple-line-icons');*/
/*@import url('https://use.fontawesome.com/releases/v5.13.0/css/all.css');*/
/*   @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/*@import url('https://use.fontawesome.com/releases/v5.0.8/css/all.css');*/

/*ensure you set the url path to reference the directory containing the font files*/

/* Including one css file into other =================================================== */
/**** Print / Mobile Style / FONTS =================================================== */
@import "printstyle.css" print; /* Import the "printstyle.css" style sheet ONLY if the media is print */
@import "mobstyle.css" screen and (max-width: 768px); /* Import the "mobstyle.css" style sheet ONLY if the media is screen and the viewport is maximum 768 pixels */
/*@import "icomoon.css"; /* Using a string */

/**** Ultimate =================================================== */
@import "article-custom.css"; /* Using a string */
@import "login-custom.css"; /* Using a string */
@import "tooltip-custom.css"; /* Using a string */
@import "weblinks-custom.css"; /* Using a string */
/*@import "offcanvas-custom.css"; /* Using a string */
/*@import "megamenu-custom.css"; /* Using a string */
/*@import "scrolbar-custom.css"; /* Using a string */
/*@import "responsive-custom.css"; /* Using a string */

/**** Default =================================================== */
/*@import "default.css"; /* Using a string */

/**** VirtueMart =================================================== */
@import "virtuemart-custom.css"; /* Using a string */
@import "vm-bs4-common-custom.css"; /* Using a string */
@import "vm-ltr-common-custom.css"; /* Using a string */
@import "vm-ltr-reviews-custom.css"; /* Using a string */
@import "vm-ltr-site-custom.css"; /* Using a string */
@import "vm-panels-custom.css"; /* Using a string */
/*@import "checkout-custom.css"; /* Using a string */
@import "vmsite-custom.css"; /* Using a string */
@import "vmsite_rtl-custom.css"; /* Using a string *


/**** K2 =================================================== */
/*@import "k2-custom.css"; /* Using a string */

/**** jDownloads =================================================== */
/*@import "jdownloads-buttons-custom.css"; /* Using a string */
/*@import "jdownloads-custom.css"; /* Using a string */
/*@import "jdownloads-fe-custom.css"; /* Using a string */
/*@import "jdownloads-fe-rtl-custom.css"; /* Using a string */
/*@import "jdownloads-w3-custom"; /* Using a string */

/**** Fonts =================================================== */
/*@import "fa-v4-shims.css"; /* Using a string */
/*@import "font-awesome.css"; /* Using a string */
/*@import "font-awesome.min.css"; /* Using a string */
/*@import "font-awesome-5-15.css"; /* Using a string */
@import url('../css/icomoon.css');
@import url('../css/icon-font.min.css');

/**** Customization =================================================== */
/*@import url("http://cloud.schumm.nl/portal/ultimate/templates/atfactory/k2-custom.css"); /* Using a url 
@import url("fineprint.css") print;
@import url("bluish.css") speech;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen;
@import url('landscape.css') screen and (orientation:landscape);*/
/**** END *****/

/**** CSS-INDEX 
/**********************************************************************
/* HIDDEN ITEMS
/* MENU HEADER
/* SEARCH RIGHT INLINE 
/* TWITTER FEEDS 
/* BUTTONS
/* BREADCRUMS 
/* PAGE TITLE 
/* YELLOW LINE UNDER TITLE 
/* MEGA-MENU 
/* CUSTOM RESPONSIVE
/* STATISTIC
/* INTRODUCTION
/* PROMOD
/* SERVICES
/* RECENTE PROJECTEN
/* FACTS-CONTENT
/* GENERAL
/* MENU BAR
/* SLIDER / UNIT SLIDER
/* BANNER
/* TESTIMONIAL
/* NEWSFLASH FRONTPAGE
/* TEKST 
/* SEARCH RESULTS 
/* PAGE NAV
/* SEARCH FILTERS  
/* COALA SOCIAL SHARE  
/* TAG CLOUD 
/* MODULE TITLE BOX / SHADE 
/* CONTACT FORM 
/* OFF-CANVAS MENU ACTIVE
/* TRANSLATION BANNER
/* PORTFOLIO ITEMS 
/* NEWSFEEDS
/**** END ****/


/**** HIDDEN ITEMS =================================================== */
#mod-finder-searchform166 > label {display: none;}
#mod-finder-searchform128 > label {display: none;}
#mod-rscontact-submit-btn-146 > span.icon {display:none}
#sp-component > div > div.blog > ul > li > a {display: none;}
#sp-component > div > div.blog > ul {display: none;}
#sp-component > div > div.blog > div.category-desc.clearfix {display: none;}
#sp-component > div > div.article-details > div.article-ratings-social-share.d-flex.justify-content-end{display: none;}
#sp-right > div > div.sp-module.hidden-xs > div > div > div > small > a > span{display: none}
/*#system-message-container {display: none;}*/
#sp-component > div > div.loginform-group > div > div > form > div:nth-child(2) > div > div > span {display: none;}
.jd_footer {display: none;}
.article-social-share {display: none;}
.offcanvas-menu > .p-3 > div.logo {display: none !important; visibility: hidden;}
.related-article-list-container {display: none;}

/**** END *****/

#sppb-addon-1613907781932 .sppb-nav-custom li {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
  font-family: 'Sintony', sans-serif !important; 
}

/**** ACCORDION ****/

.sppb-panel-title {
  font-size: 24px;
  color: #FFB900;
}

/**** MENU HEADER ****/
#sp-header.header-sticky {
  color: rgba(255, 255, 255, 0.0);
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  animation: spFadeInDown 3s;
}
#sp-header {
  background: rgba(0, 0, 0, 0.0);
  color: rgba(0, 0, 0, 0.0);
  height: 65px;
  width: 100%;
  position: relative;
  z-index: 99;
  box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.1) !important;
  animation: spFadeIn 3s;
}
.burger-icon > span {
  background-color: rgba(44, 62, 80,1.0);
}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: rgba(44, 62, 80,1.0);
}
.sp-page-title {
  background: #ffffff;
}

/**** MENU HEADER IMAGE ****/
.menu-link-class> img {
  /*-webkit-filter: grayscale(100%);
  filter: grayscale(100%);*/
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.menu-link-class> img:hover {
  /*-webkit-filter: grayscale(0);
  filter: none;*/
}


/**** SEARCH RIGHT INLINE *****/
#mod-finder-searchform128 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#mod-finder-searchform128 > button {
  margin-right: 5px;
  margin-top: 0px;
  line-height: 20px;
}
.form-search .finder label {
  display: block;
}
.form-search .finder .input-medium {
  width: 100%;
  border-radius: 3px;
}
.finder .word input {
  display: inline-block;
}
.finder .search-results.list-striped li {
  padding: 20px 0;
}
/**** END *****/

/**** LAST ARTICLE MOD RIGHT *****/
.sp-module-content .latestnews > li > a > span {
  font-size: 65%;
  color: #2C3E50;
  text-transform: lowercase!important;
}
.sp-module-content ::before {
  margin-top: 5px;

}

/**** END *****/


/**** LAST ARTICLE MOD RIGHT *****/
#sp-left > div > div > div > div > h1 {
  font-size: 35px;
  text-align: center;
  font-weight: 700;
}
/**** END *****/


/**** TWITTER FEEDS *****/
.timeline-Tweet-text {
  font-family: 'Sintony', sans-serif !important; 
  font-size: 13px !important;
}
/**** END *****/

/**** BUTTON *****/
.article-list .article .readmore a {
  color: rgba(242, 80, 34, 1) !important;
  font-size: 1.1em;
  padding: 8px 20px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 15px;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(255, 255, 255, 0);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  animation-name: fadeInImage;
  animation-duration: .4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
  filter: none;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
    color: rgba(0, 163, 239, 1);
    background: #f6f6f6;
    border: 1px solid #f0f0f0;
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    box-shadow: 15px 15px 20px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 15px 15px 20px rgb(0 0 0 / 20%);
    -moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.2);
    transition: all .15s ease-in-out;
}

#form-login-secretkey > div > div.input-group-append > button{
  margin-top: 0px!important;
  padding: 0px 0px!important;
}

#form-login-secretkey > div > div.input-group-append > button {
   margin-top: 0px !important;
   margin-right: 0px !important;
   padding: 5px 10px;
   color: #495057;
}
#form-login-secretkey > div > div.input-group-append > button:hover {
   margin-top: 0px !important;
   margin-right: 0px !important;
   padding: 5px 10px !important;
   color: rgba(242, 80, 34, 1);
}
.ext-load-more {
   /*padding: 5px 15px;
   background-color: #2da0ce;
   color: #fff;
   border-radius: 3px;
   text-decoration: none;
   border: 1px solid transparent;*/
   color: rgba(242, 80, 34, 1);
   font-size: 14px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   font-weight: 300;
   width: 100%;
   margin-top: 0px;
   margin-right: 0px;
   padding: 8px 20px;
   background-color: rgba(255, 255, 255, 0.8)!important;
   border: 0px solid #f0f0f0;
}

#com-form-login-remember > input.default,
#pop-print,
button, 
a.readmore,
.ext-load-more,
.sppb-btn-primary, 
.btn-go-back,
.btn-outline-secondary.btn-sm, 
.btn-primary, 
.btn.btn-primary,
.btn-success,
.btn,
.btn-primary,
.btn-go-back
.vm-button-correct,
.vm-button-correct:link,
.vm-button-correct:visited
{
   background-color: #fbfbfb !important;
   border: 1px solid #f0f0f0 !important;;
   color: rgba(242, 80, 34, 1) !important;
   font-size: 14px !important;;
   letter-spacing: 1.5px !important;;
   text-transform: uppercase !important;;
   font-weight: 300 !important;;
   margin-top: 0px !important;;
   margin-left: 0px !important;;
   margin-right: 0px !important;;
   padding: 5px 15px 5px 15px !important;;
}


#com-form-login-remember > input.default:hover,
#pop-print:hover,
button:hover, 
a.readmore:hover,
.ext-load-more:hover,
.sppb-btn-primary:hover,
.btn-go-back:hover, 
.btn-outline-secondary.btn-sm:hover, 
.btn-primary:hover, 
.btn.btn-primary:hover,
.btn-success:hover, 
.btn:hover, 
.btn-primary:hover, 
.btn-go-back:hover
{
   color: rgba(0, 163, 239, 1);
   background: #f6f6f6 !important;
   border: 1px solid #f0f0f0;
   -moz-transform: scale(1.0);
   -webkit-transform: scale(1.0);
   -o-transform: scale(1.0);
   transform: scale(1.0);
   -ms-transform: scale(1.0);
   box-shadow: 6px 5px 15px rgba(0,0, 0, 0.1);
   -webkit-box-shadow: 6px 5px 15px rgba(0,0, 0, 0.2);
   -moz-box-shadow: 6px 5px 15px rgba(0,0, 0, 0.2);
   transition: all .15s ease-in-out;
   animation-name: fadeInImage;
   animation-duration: .4s;
   animation-fill-mode: forwards;
   animation-timing-function: ease-in;
   filter: none;
}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
   border: 1px solid #f0f0f0;
   box-shadow: 0 0 0 0;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle 
{
   color: #7FBA00;
   background: #f6f6f6;
   border: 1px solid #f0f0f0;
   box-shadow: 0 0 0 0;
}
.btn-success.focus, .btn-success:focus,
.btn-secondary.focus, .btn-secondary:focus {
   color: #7FBA00;
   background: #f6f6f6;
   border: 1px solid #f0f0f0;
   box-shadow: 0 0 0 0;
}
.tags > li a {
   display: block;
   font-size: 0.775rem;
   padding: 0.06rem 0.30rem 0.06rem 0.30rem;
   border: 1px solid rgba(0, 0, 0, .06);
   border-radius: 3px;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
a:hover, a:focus, a:active {
   color: rgba(127, 186, 0, 1)
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
   color: #7FBA00;
   background-color: #f6f6f6;
   border-color: #f0f0f0;
}
.tags {
   border: 1px #f0f0f0;
   list-style: none;
   padding: 0;
   margin: 1rem 0 1rem 0;
   display: block;
}
.tags > li a:hover {
   background: #fbfbfb;
   color: #7FBA00;
}
.search .btn-toolbar {
   margin-bottom: 20px;
   margin-top: 20px;
}
/**** END *****/


/**** LOGIN FORM ******/
#sp-component > div > div.loginform-group > div > div > div > div > a:nth-child(3){
  background-color: #00A3EF;
  color: #fbfbfb;
}
#sp-component > div > div.loginform-group > div > div > div > div > a:nth-child(3):hover{
  background-color: #fbfbfb;
  color: #7FBA00;
}
#sp-component > div > div.loginform-group > div > div > div > div > a:nth-child(1) {
  margin-top: 10px;
}
#sp-component > div > div.loginform-group > div > div > form > div:nth-child(5) > button {
  padding-top: 5px;
  padding-bottom: 5px;
}
/**** END *****/

/**** BREADCRUMS ****/
.float-left {
    float: left!important;
    color: rgba(255, 255, 255, 1)!important;
}
.sp-page-title .breadcrumb > span, 
.sp-page-title .breadcrumb > li, 
.sp-page-title .breadcrumb > li + li:before, 
.sp-page-title .breadcrumb > li > a:hover {
   color: rgba(255, 255, 255, 1); 
   font-family: 'Sintony', sans-serif !important; 
   font-size: 16px;
   font-weight: 400;
}
.sp-page-title .breadcrumb {
   background: none;
   padding: 0;
   margin: 10px 0 0 0;
}
.sp-page-title .breadcrumb > .active {
   color: rgba(255, 255, 255, 0.8);
   -webkit-animation: glow 1s ease-in-out infinite alternate;
   -moz-animation: glow 1s ease-in-out infinite alternate;
   animation: glow 1s ease-in-out infinite alternate;
}
/*glow*/
@keyframes glow {
  from {
    transform: rotate(0deg);
      /*text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #B6FF00 , 0 0 40px #F25022 , 0 0 50px #F25022 , 0 0 60px #4122f2 , 0 0 70px #eeeceb ;*/
      text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
    }
  to {
    transform: rotate(-5deg);
      /*text-shadow: 0 0 20px #fff, 0 0 30px #FFB900, 0 0 40px #FFB900, 0 0 50px #FFB900, 0 0 60px #FFB900, 0 0 70px #FFB900, 0 0 80px #ebeae8;*/
      text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF
    }  
  }  

/*glow for webkit*/
@-webkit-keyframes glow {
  from {
    transform: rotate(0deg);
      /*text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #B6FF00 , 0 0 40px #F25022 , 0 0 50px #F25022 , 0 0 60px #4122f2 , 0 0 70px #eeeceb ;*/
      text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
    }
  to {
    transform: rotate(-5deg);
      /*text-shadow: 0 0 20px #fff, 0 0 30px #FFB900, 0 0 40px #FFB900, 0 0 50px #FFB900, 0 0 60px #FFB900, 0 0 70px #FFB900, 0 0 80px #ebeae8;*/
      text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF
    }  
  }     
/*glow for mozilla*/
@-moz-keyframes glow {
  from {
    transform: rotate(0deg);
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
    }
  to {
    transform: rotate(-5deg);
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF
  }  
}

.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a {
   color: rgba(255, 185, 0, 1);
}
/**** END *****/

/**** TITLE *****/
#sp-title {
  /*height: 100px !important;*/
  min-height: 0px;
}

.sp-page-title {
   background-position: center center !important;
   padding: 100px 0 40px 0 !important;;
   background-repeat: no-repeat!important;;
   background-position: 50% 50%;
   background-size: cover!important;;
   background-attachment: fixed!important;;
}
.sp-page-title h2, .sp-page-title h3 {
   margin: 0;
   padding: 0;
   color: #fff;
}
.sp-page-title h2, .sp-page-title .sp-page-title-heading {
   padding: 0px 0px 30px 0px;
   font-family: 'Rajdhani'!important;
   font-size: 60pt !important;
   font-weight: 700;
   font-style: normal;
   text-align: center;
   text-transform: uppercase;
   text-shadow: 1px 1px 0 #595959, 
   -1px -1px 0 #595959, 
   1px -1px 0 #595959, 
   -1px 1px 0 #595959, 
   10px 10px 10px rgba(128, 128, 128, 0.7);
   /*text-shadow: 15px 15px 20px rgba(0,0, 0, 0.7);*/
   /*text-shadow: 2px 2px #000000;*/
   /*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
   color:  rgba(255, 255, 255, 1);
   /*color:  rgba(255, 234, 189, 0.7);*/
   line-height: 1;
   /*-webkit-animation: glow 2s ease-in-out infinite alternate;
   -moz-animation: glow 2s ease-in-out infinite alternate;
   animation: glow 2s ease-in-out infinite alternate;
   }
   @-webkit-keyframes glow {
     from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #F25022 , 0 0 40px #F25022 , 0 0 50px #F25022 , 0 0 60px #F25022 , 0 0 70px #F25022 ;
     }
     to {
        text-shadow: 0 0 20px #fff, 0 0 30px #FFB900, 0 0 40px #FFB900, 0 0 50px #FFB900, 0 0 60px #FFB900, 0 0 70px #FFB900, 0 0 80px #FFB900;
    }*/
}
.sp-page-title h3, .sp-page-title .sp-page-title-sub-heading {
   font-family: 'Gruppo'!important;
   font-size: 20pt !important;
   font-weight: 300;
   line-height: 1;
   margin-top: 10px;
   margin-bottom: 50px;
   text-align: center;
} 
/**** END *****/

/**** YELLOW LINE UNDER TITLE ****
.sppb-addon-title, .sp-module-title,
#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title {
   padding: 0px 0 10px 0;
   text-transform: uppercase;
   border-bottom: 3px solid rgba(242, 80, 34, 1);
   font-weight: 500;
   color: rgba(255, 255, 255,1.0);
}
**** END *****/

/**** MEGA-MENU ****/
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li:hover > a {
    background: url(../images/hover-menu.png) no-repeat bottom center;
}
.sp-megamenu-parent >li.sp-has-child>a:after {
    /*font-family: "FontAwesome\ 5 free";*/
    content: " \f107";
}
.sp-megamenu-parent .sp-mega-group {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sp-megamenu-parent .sp-mega-group > li > a,
.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
   font-family: 'Sintony', sans-serif !important; 
   color:#2C3E50;
   display: block;
   text-transform: uppercase;
   font-size: 16px!important;;
   font-weight: 400;
   margin-bottom: 10px;
   padding: 4px 4px;
   line-height: 1;
   border: 1px solid #f3f3f3;
   background-color: rgba(240, 240, 240, 1);
   /* box-shadow: 1px 1px rgba(0, 0, 0, 0.7); */
   border-radius: 3px;
   -moz-transform: scale(1.0);
   -webkit-transform: scale(1.0);
   -o-transform: scale(1.0);
   transform: scale(1.0);
   -ms-transform: scale(1.0);
   -webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.5);
   -moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.1);
   box-shadow: 10px 10px 10px rgba(0,0, 0, 0.1);
}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
  font-family: 'Sintony', sans-serif !important; 
  font-size: 14px;
  font-weight: 600;
  /* margin: 0 0 15px; */
  margin-bottom: 5px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #f25022;
  transform: scale(1.1);
  text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.8);
  transition: color 400ms, transform 400ms, text-shadow 400ms;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:active {
  color: rgba(127, 186, 0, 1);
  transform: scale(1.1);
  text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.8);
  transition: color 400ms, transform 400ms, text-shadow 400ms;
}
#item-147 .li .sp-mega-group-child .sp-dropdown-items{
  font-size: 24px;
}  
.sp-megamenu-parent {
  font-family: 'Sintony', sans-serif !important; 
  color: #00A3EF;
  text-transform: uppercase;
  list-style: none;
  padding: 0;
  margin: 0 -15px;
  z-index: 99;
  display: block;
  float: right;
  position: relative;
}
.sp-megamenu-parent > li {
  display: inline-block;
  position: relative;
  padding: 0;
}
.sp-megamenu-parent > li.menu-justify {
  position: static;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  color: #00A3EF;
  display: inline-block;
  padding: 0 15px;
  line-height: 73px;
  font-size: 14px;
  margin: 0;
}
.sp-megamenu-parent > li.sp-has-child > a:after, .sp-megamenu-parent > li.sp-has-child > span:after {
  font-family: 'FontAwesome';
  content: " \f107";
}
.sp-megamenu-parent > li.active > a {
  font-weight: 500;
}
.sp-megamenu-parent > li .sp-menu-badge {
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  font-size: 10px;
  letter-spacing: 1px;
  display: inline-block;
  text-transform: uppercase;
  background: #d60000;
  color: #fff;
  border-radius: 3px;
}
.sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-right {
  margin-left: 5px;
}
.sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-left {
  margin-right: 5px;
}
.sp-megamenu-parent .sp-module {
  padding: 10px;
}
.sp-megamenu-parent .sp-mega-group {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-mega-group > li > a {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
  list-style: none;
  padding: 0;
  margin: 0;
}
  .sp-megamenu-parent .sp-dropdown {
  margin: 0;
  position: absolute;
  z-index: 10;
  display: none;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  margin-top: 5px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 20px;
  background: rgba(255, 255, 255, 1);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .row:not(:first-child) {
  margin-top: 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
  /*font-family: 'Font Awesome\ 5 Free';*/
  content: " \f107";
  float: right;
}
.sp-megamenu-parent .sp-dropdown.sp-menu-center {
  margin-left: 45px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  top: 100%;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
  left: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
  left: auto;
  right: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
  right: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
  top: 0;
  left: 100%;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  display: block;
  padding: 0;
  position: relative;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-size: 16px!important;
  line-height: 1;
  display: block;
  padding: 6px!important;
  cursor: pointer;
  /*margin-left: 20px;*/
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge).sp-group-title {
  text-transform: uppercase;
  font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown .sp-module {
  padding: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
  font-size: 16px;
  margin: 0 0 15px;
  text-transform: uppercase;
  font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews {
  margin: 0;
  text-transform: capitalize;
  text-align: left;
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li :not(.last-child) {
  font-family: 'Sintony', sans-serif !important; 
  color: #00A3EF;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  margin: 0 0 0 0!important;
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li :hover {
  color: #f25022;
  transform: scale(1.1);
  text-shadow: 10px 10px 10px rgb(0 0 0 / 80%);
  transition: color 400ms, transform 400ms, text-shadow 400ms;
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a {
  font-size: 14px;
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a span {
  display:none;
  opacity: 0.8;
}
.sp-megamenu-parent .sp-dropdown-mega > .row {
  margin-top: 30px;
}
.sp-megamenu-parent .sp-dropdown-mega > .row:first-child {
  margin-top: 0;
}
.sp-megamenu-parent .sp-has-child:hover > .sp-dropdown {
  display: block;
}
.sp-megamenu-parent.menu-animation-fade .sp-has-child:hover > .sp-dropdown {
  animation: spFadeIn 600ms;
}
.sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover > .sp-dropdown {
  animation: spFadeInUp 400ms ease-in;
}
.sp-megamenu-parent.menu-animation-fade-down .sp-has-child:hover > .sp-dropdown {
  animation: spFadeInDown 400ms ease-in;
}
.sp-megamenu-parent.menu-animation-zoom .sp-has-child:hover > .sp-dropdown {
  animation: spZoomIn 300ms;
}
.sp-megamenu-parent.menu-animation-rotate .sp-has-child:hover > .sp-dropdown {
  animation: spRotateIn 300ms;
}
.sp-megamenu-parent.menu-animation-pulse .sp-has-child:hover > .sp-dropdown {
  animation: spPulse 300ms;
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a {
  font-size: 14px;
  /*text-transform: capitalize!important;*/
}
/**** END *****/

/**** CUSTOM RESPONSIVE ****/
#sp-bottom3, #sp-bottom4 {
  
  /*width: 50%!important;*/
  display: flex;
  align-items: center;
  justify-content: flex-end;
} 


@media (min-width: 980px) and (max-width: 1199px) {
  .sp-megamenu-parent > li > a {
      letter-spacing: 0!important;
      padding: 0 6px!important;
      font-size: 12px!important;
  }
  #at-k2-blog div.k2ItemsBlock ul li {
      width: 23%!important;
  }
  .at-services-item strong {
      margin-left: 0!important;
      font-size: 10px!important;
  }
  .at-facts-item h1 {
      font-size: 30px!important;
  }
  .at-facts-item-2, 
  .at-facts-item-4 {
      position: static!important;
  }
  .at-contact-img ul li {
      margin: 10px!important;
  }
  #at-team .sppb-col-sm-3 {
      width: 50%!important;
  }
  #sp-bottom3 {
      clear: left!important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #at-k2-blog div.k2ItemsBlock ul li {
      width: 23%!important;
  }
  .sp-megamenu-parent > li > a {
      font-size: 10px!important;
      letter-spacing: 0!important;
      padding: 0 7px!important;
  }
  #sp-logo img {
      width: 100%;
  }
  .at-services-item strong {
      margin-left: 0!important;
      font-size: 10px!important;
  }
  #at-slider .tp-caption a {
    margin:0px;
      /*padding: 37px 30px!important;*/
  }
  .at-facts-item h1 {
      font-size: 30px!important;
  }
  .at-facts-item-2, 
  .at-facts-item-4 {
      position: static!important;
  }
  .at-contact-img ul li {
      margin: 10px!important;
  }
  #at-team .sppb-col-sm-3 {
      width: 50%!important;
  }
  #sp-bottom3 {
      clear: left!important;
  }
  #at-promod .sppb-row>div {
      width: 100%!important;
  }
}
@media (max-width: 767px) {
  #at-k2-blog div.k2ItemsBlock ul li {
      width: 100%!important;
  }
  #sp-footer2 {
      text-align: left!important;
  }
  .sp-contact-info {
      float: left!important;
  }
  .sticky-wrapper.is-sticky {
      position: relative!important;
  }
  #sp-menu {
      position: absolute!important;
      right: 0;
      top: 35px;
  }
  #offcanvas-toggler {
      line-height: 0!important;
  }
  #offcanvas-toggler > i {
      margin: 0;
  }
  .sub-clients img {
      display: inline!important;
  }
  .at-get-quote-left p {
      font-size: 16px!important;
  }
  #at-team-bottom {
      padding-bottom: 30px!important;
  }
  .k2ItemsBlock li {
      width: 100%!important;
  }
  .at-contact-first-item {
      margin: 20px 0;
  }
  #at-contact-second .control-group {
      width: 100%!important;
  }
  .at-team-item {
      margin: 20 auto!important;
  }
  .at-contact-img ul li {
      margin: 10px!important;
  }
  .at-contact-img {
      padding-bottom: 50px!important;
  }
  #at-contact-second .sppb-col-sm-6:nth-child(1) {
      padding-left: 5px!important;
      padding-right: 5px!important;
  }
  .at-facts-item-2 {
      position: static!important;
      margin-bottom: 150px!important;
  }
  .at-facts-item-3 {
      margin-top: 150px!important;
  }
  .at-facts-item-4 {
      position: static!important;
  }
  .at-feature-img {
      display: none;
  }
  #at-contact-second {
      padding-left: 10px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .at-team-member-social {
      width: 70%!important;
  }
}
@media (max-width: 480px) {
  .sp-simpleportfolio .sp-simpleportfolio-fiater > ul > li {
      margin: 5px!important;
  }
  #sp-quickcontact-form input {
      width: 100%!important;
  }
  #sp-quickcontact-form input:nth-child(6) {
      margin: 12px 0!important;
  }
}
/**** END *****/

/**** STATISTIC ****/
.at-statistic .sppb-title-heading,
.at-statistic p {
   color: #fff;
}
.at-statistic-sub h1 {
   font-size: 60px;
}
.at-statistic-sub h1,
.at-statistic-sub h3 {
   color: #fff;
}
/**** END *****/

/**** INTRODUCTION ****/
#at-introduction h1 {
  font-family:'Gruppo', sans-serif !important; 
  color:#2C3E50;
  font-style: normal;
  font-size: 2.65em!important;
  font-weight: 600 !important;
}
#at-introduction .sppb-title-subheading {
  font-size: 1.6em!important;
  color:#60646D;
  text-align: center;
  font-style: italic;
  /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Roboto,Ubuntu,Noto,Arial,sans-serif;*/
  font-family: 'Munito', sans-serif;
  font-weight: 300!important; 
  margin-bottom: 2.5em !important;  
}
.at-introduction-item {
  border-bottom: 0px solid #e4e4e4;
  padding-bottom: 1.2em;
  -webkit-transition: 0.7s ease-in-out;
  -moz-transition: 0.7s ease-in-out;
  -ms-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
}
.at-introduction-item:hover {
  cursor: pointer;
  border-bottom: 0px solid #F25022;
}
.at-introduction-item span {
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  display: inline-block !important;
  height: 90px !important;
  line-height: 90px !important;
  margin-bottom: 20px;
  width: 90px !important;
  -webkit-transition: 0.7s ease-in-out;
  -moz-transition: 0.7s ease-in-out;
  -ms-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
}
.at-introduction-item:hover span {
  cursor: pointer;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  transition: 0.7s ease-in-out;
  transform: rotateY(360deg)
}
.at-introduction-item h4 {
  font-family: 'Gruppo', sans-serif !important;
  color: #2C3E50;
  text-align: center;
  font-style: normal;
  font-size: 1.65em!important;
  font-weight: 600!important;
  margin-bottom: 10px!important;
  -webkit-transition: 0.7s ease-in-out;
  -moz-transition: 0.7s ease-in-out;
  -ms-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out; 
}
.at-introduction-item p {
  font-family: 'Sintony', sans-serif;
  font-size: 1.13em;
  font-weight: 300;
  text-align: center;
  color: #60646D;
}
.at-introduction-item .sppb-section-title h3 {
  text-transform: uppercase;
  text-align: center;
  font-family: 'Gruppo', sans-serif !important;
  font-size: 1.65em;
  font-weight: 600!important;
  margin-top: 0;
  line-height: 36px;
  margin-bottom: 15px;
  border: 0;
  background: url(../images/border-title.png) no-repeat bottom center;
  padding-bottom: 30px;
  letter-spacing: 1.5px;
}
/**** END *****/

/**** PROMOD *****/
.at-promod-img img {
  width: 100%
}
.at-promod-content h4 {
  font-family: 'Gruppo', sans-serif !important;
  font-style: normal;
  font-size: 1.9em!important;
  font-weight: 600!important;
  margin: 20px 0!important;
  color:#2C3E50;
}
.at-promod-content p {
  font-family: 'Sintony', sans-serif !important; 
  font-size: 1.15em;
  font-weight: 300;
  text-align: justify;
  text-justify: inter-character;
  font-style: normal;
  margin-bottom: 50px;
  color: #60646D;
}
.at-promod-content-button {
  color: rgba(242, 80, 34, 1) !important;    
  font-size: 0.8em;;
  padding: 8px 20px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 15px;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(255, 255, 255, 0);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  animation-name: fadeInImage;
  animation-duration: .4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
  filter: none;
}
.at-promod-content-button:hover{
  color: rgba(0, 163, 239, 1);
  background: #f6f6f6;
  border: 1px solid #f0f0f0;
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  -ms-transform: scale(1.0);
  box-shadow: 6px 5px 15px rgba(0,0, 0, 0.1);
  -webkit-box-shadow: 6px 5px 15px rgba(0,0, 0, 0.2);
  -moz-box-shadow: 6px 5px 15px rgba(0,0, 0, 0.2);
  transition: all .15s ease-in-out;
}
/**** END *****/

/**** SERVICES ****/
#at-services .sppb-col-sm-4 {
  padding: 0!important;
  border-right: 3px solid #8e8e8e;
}
#at-services .sppb-column-addons {
  background: #f0f0f0;
}
#at-services .sppb-column-addons:hover {
  background: #e8e8e8!important;
  -webkit-transition: 0.7s ease-in-out;
  -moz-transition: 0.7s ease-in-out;
  -ms-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
  cursor: pointer;
}
.at-services-item  {
  padding: 40px 30px;
  margin: 0!important;
}
.at-services-item h1 {
  font-family: 'Gruppo', sans-serif !important;
  color:#2C3E50;
  text-align: center;
  margin-bottom: 20px!important;
  text-transform: uppercase;
  font-style: normal;
  font-size: 1.65em;
  font-weight: 600!important;
}
.at-services-item:hover {
  margin: 0;
  /*background: #e7e7e7!important;*/
}
.at-services-item p {
  font-family: 'Sintony', sans-serif !important;
  font-size: 1.1em;
  font-weight: 300;
  text-align: center;
  font-style: normal;
  /*margin-bottom: 50px;*/
  text-align: justify;
  text-justify: inter-character;
}
.at-services-item li {
  font-family: 'Sintony', sans-serif !important; 
  font-size: 0.9em;
  text-transform: uppercase;
}
.at-services-item .at-promod-content-button {
  border-color: #8e8e8e;
}
#sppb-addon-1495698920 > div > div {
  font-family: 'Sintony', sans-serif !important; 
  font-size: 1.1em;
  font-weight: 300;
  text-align: justify;
  text-justify: inter-character;
}
#sppb-addon-1495698920 > div > div > ul > li::before {
  color: rgba(127, 186, 0, 0.8);
  content: "\f00c";
  font-family: 'Font Awesome\ 5 Free'!important;
  font-size: 1.1em;
  font-weight: 600;
  margin-right: 5px;
}
/**** END *****/

/**** RECENTE PROJECTEN ****/
#at-recente-projecten h3 {
  font-family:'Gruppo', sans-serif !important; 
  color:#2C3E50;
  font-style: normal;
  font-size: 2.4em!important;
  font-weight: 600 !important;
}
#at-recente-projecten .sppb-title-subheading {
  /*font-size: 1.2em!important;*/
  color:#60646D;
  text-align: center;
  font-style: italic;
  /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Roboto,Ubuntu,Noto,Arial,sans-serif;*/
  font-family: 'Sintony', sans-serif !important; 
  font-weight: 300!important;
  padding: 20px 0 0 0;    
}
/**** END *****/

/**** FACTS-CONTENT ****/
.at-facts-item p {
  color: #e4e4e4;
}
.at-facts-item h5 {
  color: #fff;
  margin: 30px 0 10px!important;
}
.at-facts-item h1 {
  color: #fff;
  font-size: 60px;
  font-style: italic;
}
.at-facts-content {
  position: relative;
  min-height: 250px;
}
.at-facts-item-2 {
  left: 70px;
  top: 130px;
  width: 100%;
  position: absolute;
}
.at-facts-item-4 {
  right: 70px;
  top: 130px;
  width: 100%;
  position: absolute;
}
.at-facts-img-boder-1 {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}
.at-facts-img-boder-2 {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 250px;
  height: 250px;
  margin: 25px auto;
}
#at-facts {
  position: relative;
}
.at-facts-img img {
  height: 550px;
  position: absolute;
  top: -96px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/**** END *****/

/**** GENERAL ****/
html {
  font-size: 14px;
}
body {
  font-family: 'Sintony', sans-serif !important; 
  font-size: 1.25em;
}
.logo-image {
  height: 70px !important;
}
.sppb-section-title h3 {
  text-transform: uppercase;
  text-align: center;
  font-family: 'Gruppo', sans-serif !important;
  font-size: 1.65em;
  font-weight: 600!important;
  margin-top: 0;
  line-height: 36px;
  margin-bottom: 15px;
  border: 0;
  background: url(../images/border-title.png) no-repeat bottom center;
  padding-bottom: 30px;
  letter-spacing: 1.5px;
}
.sppb-section-title h2 {
  color: #333;
  font-size: 30px;
  font-weight: 300;
  padding-bottom: 20px;
}
.sppb-section-title p {
  font-size: 13px;
  color: #000;
}
.at-button {
  padding: 10px 20px;
  border: 2px solid #e1e1e1;
  color: #3f3f3f;
  text-transform: uppercase;
}
#sp-home-slide .at-button {
  background: none!important;
  box-shadow: none!important;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#sp-home-slide .at-button:hover {
  background: #fff!important;
  color: #fff!important;
  border-color: #fff!important;
  box-shadow: none!important;
}
.at-button:hover {
  color: #fff;
}
.tp-caption {
  margin: 0;
  /*padding: 40px!important;*/
}
h4 {
  font-family: 'Gruppo', sans-serif !important; 
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300!important;
  text-transform: uppercase;
  margin-bottom: 30px!important;
}
h5 {
  font-family: 'Gruppo', sans-serif !important; 
  color: #6f6f6f;
  font-style: italic;
  margin: 0 0 40px!important;
}
.sppb-title-subheading, h6 {
  font-style: italic;
  font-family: 'Gruppo', sans-serif !important; 
  color: rgb(75, 75, 75)!important;
}
.sppb-title-subheading {
  font-size: 1.6em!important;
  text-align: center;
  font-style: italic;
  font-family: 'Gruppo', sans-serif !important; 
  font-weight: 300!important;    
}
.template-options {
  z-index: 9999!important;
}
/**** END *****/

/**** MENU BAR ****/
#sp-header-sticky-wrapper {
  position: relative;
  z-index: 999;
}
.sticky-wrapper.is-sticky #sp-header {
  background: none repeat scroll 0 0 #ffffff !important;
  opacity: 0.9;
}
/**** END *****/

/**** SLIDER / UNIT SLIDER ****/
#sp-main-body .home-page #at-slider {
  margin-top: -90px;
}
#at-slider .tp-button,
#at-slider .at-button:hover {
  background: none!important;
  box-shadow: none!important;
}
#at-slider .at-button:hover {
   color: #fff!important;
}
.explode {
  width:200vw;
  animation:letter_explode 1s 5s forwards;
}
/**** END *****/

/**** BANNER ****/
.at-banner-content .sppb-addon-title {
  font-size: 14px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.at-banner-content h2 {
  background: url(../images/border-title.png) no-repeat bottom center;
  padding-bottom: 20px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.at-banner-content ul {
  padding-left: 0;
  padding-top: 20px;
}
.at-banner-content ul li {
  display: inline-block;
  padding: 0 10px;
}
/**** END ****/

/**** TESTIMONIAL ****/
#sppb-addon-1577355857819 .sppb-media-content {
  padding: 50px 0px 50px 50px!important;
}

.at-testimonial-item {
  margin: 40px 0 40px 13%;
  border: 1px solid #f3f3f3;
  padding: 20px 30px 20px 60px;
  position: relative;
  background-color: #fbfbfb;
}
.at-testimonial-item img {
  border-radius: 50%;
  position: absolute;
  left: -70px;
  top: 45px;
}
.at-testimonial-text {
  margin-left: 20px;
}
.at-testimonial-item p {
  padding-bottom: 10px;
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  line-height: 30px;
}
.at-testimonial-item h1 {
  font-family: 'Gruppo', sans-serif !important;
  margin: 30px 0 0!important;
  font-weight: 600!important;
  font-size: 1.6em;
  text-transform: uppercase;
  color:#2C3E50;
}
.at-testimonial-item h2 {
  text-transform: inherit;
  font-size: 12px;
}
/**** END ****/

/**** NEWSFLASH FRONTPAGE ****/
#at-last-blog h3 {
  font-family: 'Gruppo', sans-serif !important;
  font-style: normal;
  font-size: 2.4em!important;
  font-weight: 600!important;
  margin: 20px 0!important;
  color:#2C3E50;
}
#at-last-blog p {
  /*font-size: 1.2em!important;*/
  color:#60646D;
  text-align: center;
  font-style: italic;
  /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Roboto,Ubuntu,Noto,Arial,sans-serif;*/
  font-family: 'Sintony', sans-serif !important; 
  font-weight: 300!important; 
}
.at-last-blog .newsflash-horiz li{
  width: 30%; 
  padding: 10px;
  -moz-box-sizing: border-box;
  box-sizing: content-box;
  display: inline-block;
  margin-left: 1.76678445229682%;
  min-height: 30px;
  vertical-align: text-bottom;
}
.newsflash-horiz {
  display: flex;
  align-items: flex-end;
}

/*span.description { display: block; padding-left: 42px;}*/
.newsflah-title h1 a {
  color:#2C3E50;
}

.project-img .hover {
  display:block;
  background:transparent;
  padding:8px;
  border:1px solid #cccccc;
  box-shadow:5px 5px 5px #999999; 
}  
.newsflash-horiz li {
  width: 30%; 
  padding: 10px !important;
  box-sizing: content-box;
  -moz-box-sizing: border-box!important;;
  display: inline-block;
  min-height: 30px;
  vertical-align: text-bottom;
}
.newsflash-horiz h1 {
  display: inline-block;
  min-height: 30px;
  vertical-align: text-bottom;
}
.newsflash-horiz figure {
  width: 100%; 
  margin: 0 0 20px 0!important;
}
.newsflash-horiz img {
  margin: 0;
}
.newsflash-horiz .readmore {
  color: rgba(242, 80, 34, 1);
  font-size: 14px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 300;
  width: 100%;
  margin-top: 0px;
  margin-right: 0px;
  padding: 8px 20px;
  background-color: rgba(255, 255, 255, 0.8)!important;
  border: 0px solid #f0f0f0;
} 

.newsflash-horiz .readmore:hover {
    color: rgba(0, 163, 239, 1);
    background: #f6f6f6;
    border: 1px solid #f0f0f0;
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    box-shadow: 6px 5px 15px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 6px 5px 15px rgb(0 0 0 / 20%);
    -moz-box-shadow: 6px 5px 15px rgba(0,0, 0, 0.2);
    transition: all .15s ease-in-out;
    border-radius: 4px;
}



/**** END ****/

/**** SEARCH RESULTS ****/
dd {
  margin-left:5px;
}
.form-inline {
   display: inline-block !important;
   align-items: baseline;
}
.js-finder-search-query{
   margin-right: 15px;
   /*margin-top: 15px;*/
   /*padding: 18px 10px 19px 10px;*/
}
ul#finder-filter-select-dates li.filter-date select.filter-date-operator {
  margin-right: 10px;
  margin-bottom: 10px;
}

#search-result-empty > h2{
   margin-top: 15px;
   margin-bottom: 15px;
}
#search-results > ul > li > h4{
  font-family: 'Munito', sans-serif !important;
  font-size: 20px;
  font-weight: 600!important;
  font-style: normal;
  color:#2bb673;
}
/**** END ****/

/**** PAGE NAV****/
.pager > li a {
  color: rgba(242, 80, 34, 1);
  font-size: 14px;
  border-radius: 3px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 15px;    
  padding: 8px 20px;
  background-color: #fbfbfb;
  border: 1px solid #f0f0f0;
}
.pager > li a:hover {
  color: rgba(0, 163, 239, 1);
  background: #f3f3f3;
  border: 1px solid #f3f3f3;
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  -ms-transform: scale(1.0);
  box-shadow: 15px 15px 20px rgba(0,0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.2);
  -moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.2);
  transition: all .15s ease-in-out;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fbfbfb;
  background-color: #00A3EF;
  border-color: #f3f3f3;
}
.pagination-wrapper {
  background: #fbfbfb;
  border: 1px solid #f3f3f3;
  padding: 1.5em 1.5em 0em 1.5em;
  border-radius: 3px;
}
/*a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: #ffffff;
  background: #2bb673;
  border-color: #2bb673;
}*/

/**** END *****/


/**** SEARCH FILTERS  ******/
#finder-search{
  background-color: rgba(240, 240, 240, 0.267);
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 0.25rem;
}
.finder .search-results.list-striped li {
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 0.25rem;
  margin-bottom: 10px;
  padding: 19px;
}
.filters>.input-group>.form-control
{
  background-color: rgba(240, 240, 240, 0.267);
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 0.25rem;
  margin-top: 15px;
}
/**** END *****/

/**** COALA SOCIAL SHARE  ******/
.cw-social-mod-icons-cws-circle.fadein a:hover {
  opacity: 0;
  filter: alpha(opacity=70);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.7);
  -moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.3);
  box-shadow: 15px 15px 20px rgba(0,0, 0, 0.3);
}
.article-social-share .social-share-icon ul li a {
  border: 1px solid #ededed;
  font-size: 1rem;
  border-radius: 50%;
  height: 34px;
  line-height: 34px;
  text-align: center;
  width: 34px;
  display: inline-block;
  -webkit-transition: 0.7s ease-in-out;
  -moz-transition: 0.7s ease-in-out;
  -ms-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
}
.article-social-share .social-share-icon ul li a:hover, 
.article-social-share .social-share-icon ul li a:focus {
  background: rgba(0, 163, 239, 1);
  color: rgba(236, 240, 241,1.0); 
  animation-name: fadeInImage;
  animation-duration: .4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
  filter: none;
}
/* FACEBOOK rgba(24, 119, 242, 1) */
/* TWITTER rgba(29, 161, 242, 1) */
/* LINKEDIN rgba(10, 102, 194, 1) */
/**** END *****/

/**** TAG CLOUD ****/
.tagscloud .tag-name, .tag-name {
  font-size: 1.57142857142857em;
  display: inline-block;
  padding: 5px 10px;
  background: #808080;
  color: #fff;
  border-radius: 4px;
  margin: 2px 0;
}
/**** END *****/

/**** MODULE TITLE BOX / SHADE *****/
#sp-right .sp-module .sp-module-title {
  margin: 0 0 20px;
  padding-bottom: 5px;
  padding-top: 5px;
  padding: 5px;
  /*font-family: 'Source Sans Pro', sans-serif;*/
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase!important;
  line-height: 1;
  text-align: left;
  border: 1px solid #f3f3f3;
  background-color: rgba(240, 240, 240, 0.267);
  box-shadow: 1px 1px #ffffff;
}
#sp-right .sp-module ul > li > a {
  color: #7FBA00;
  margin: 10px 0 5px 0;
  padding-bottom: 50px;
  padding-top:5px;
  padding: 0px;
  /*font-family: 'Source Sans Pro', sans-serif;*/
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  text-transform: uppercase!important;
  line-height: 1;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  box-shadow: 1px 1px #ffffff;
}
#sp-left .sp-module ul > li > a:hover, 
#sp-right .sp-module ul > li > a:hover{
  color: #F25022;
}

#sp-right .sp-module {
  margin-top: 50px;
  border: 1px solid #f3f3f3;
  padding: 15px;
  border-radius: 3px;
}
#sp-right .sp-module:hover {
  background: #ffffff;
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  -ms-transform: scale(1.0);
  -webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.5);
  -moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.1);
  box-shadow: 15px 15px 20px rgba(0,0, 0, 0.1);
  /*box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);*/
  transition: box-shadow 400ms, transform 400ms, text-shadow 400ms;
}
#sp-left .sp-module {
  margin-top: 50px;
  border: 0px solid #f3f3f3;
  padding: 0 30px 0 30px;
}
#sp-component > div > div.loginform-group > div > div {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66%;
      flex: 0 0 66%;
      max-width: 66%;
}
/**** END *****/


/**** CONTACT FORM ****/
/*    TEXTAREA */ 
#mod-rscontact-message-146.mod-rscontact-width-auto
{
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
textarea#mod-rscontact-message-146.mod-rscontact-width-auto:focus {
  outline: none;
}

#mod-rscontact-submit-btn-146 {
  padding-top: 5px;
  padding-bottom: 5px;
}
/**** END *****/

/**** TRANSLATION BANNER ****/
#google_translate_element2 {display:none!important;}
#selected_lang_name {float: none;}
.switcher {
  font-family: 'Sintony', sans-serif !important; 
  font-size: 10pt;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  width: 250px !important;
  line-height: 17px;
}
.switcher a {
  text-decoration: none;
  display: block;
  font-size: 10pt;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.switcher a img {
  vertical-align: middle;
  display: inline;
  border: 0;
  padding: 0;
  margin: 0;
  opacity: 0.8;
}
.switcher a:hover img {
  opacity: 1;
}
.switcher .selected {
  background: #fbfbfb url(/portal/ultimate/modules/mod_gtranslate/tmpl/lang/switcher.png) repeat-x;
  position: relative;
  z-index: 9999;
}
.switcher .selected a {
  border: 1px solid #f3f3f3;
  background: url(/portal/ultimate/modules/mod_gtranslate/tmpl/lang/arrow_down.png) 248px center no-repeat;
  color: #2C3E50 !important;
  padding: 3px 5px;
  width: 238px !important;
}
.switcher .selected a.open {
  background-image: url(/portal/ultimate/modules/mod_gtranslate/tmpl/lang/arrow_up.png);
}
.switcher .selected a:hover {
  background: #fbfbfb url(/portal/ultimate/modules/mod_gtranslate/tmpl/lang/arrow_down.png) 248px center no-repeat;
}
.switcher .option {
  position: relative;
  z-index: 9998;
  border-left: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  background-color: #fbfbfb;
  display: none;
  width: 250px !important;
  max-height: 198px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.switcher .option a {
  color: #2C3E50 !important;
  padding: 3px 5px;
}
.switcher .option a:hover {
  background: #f6f6f6 !important;
}
.switcher .option a.selected {
  background: #fbfbfb !important;
}
.switcher .option::-webkit-scrollbar {
  width:10px;
}
.switcher .option::-webkit-scrollbar-thumb {
  border-radius: 3px !important;
  box-shadow: 15px 15px 20px rgba(0,0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: #fbfbfb !important;
}
.l_name {
  float: none !important;
  border: 1px solid #f3f3f3 !important;
  background: url(/portal/ultimate/modules/mod_gtranslate/tmpl/lang/arrow_down.png) 300px center no-repeat;
  color: #2C3E50 !important;
  padding: 3px 5px;
  width: 300px; 
}  
/**** END *****/

/**** FORM SPACING****/
input[id="search-searchword"]:not(.form-control), 
input[type="text"]:not(.form-control), 
input[type="email"]:not(.form-control), 
input[type="url"]:not(.form-control), 
input[type="date"]:not(.form-control), 
input[type="password"]:not(.form-control), 
input[type="search"]:not(.form-control), 
input[type="tel"]:not(.form-control), 
input[type="number"]:not(.form-control), 
select:not(.form-control) {
  margin: 5px 0 5px 0;
}
/**** FORM SPACING****/

/**** END *****/

/**** FORM HEADER ****/
#adminForm > fieldset > legend,
#sp-component > div > h1,
#sp-component > div > h2 {
  font-size: 25px;
  margin: 15px 0 15px 0;
  color:#2C3E50;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 10px 10px 10px;
}

.form-check-input {
    margin-top: 0.4rem;
}
fieldset {
  margin: 5px 0;
}
/**** END *****/

/**** CATEGORY / ARVHIVE RIGHT ****/
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
  display: flex;
}
#sp-right > div > div.sp-module.category.span1 > div > ul > li::before {
  color: #2C3E50;
  content: "\2d";
  font-family: 'IcoMoon'!important;
  font-size: 16px;
  font-weight: 300;
  margin-right: 10px;
}
#sp-right > div > div.sp-module.archive > div > ul > li::before{
  color: #2C3E50;
  content: "\43";
  font-family: 'IcoMoon'!important;
  font-size: 16px;
  font-weight: 300;
  margin-right: 10px;
}

/**** END *****/

/**** PORTFOLIO ITEMS =================================================== */
.page-header h2 {
  display: inline-block;
  margin: 5px 0;
  color: #F25022 ;
  font-size: 30px;
  font-weight: 300;
}
#project-wrapper h1{
  color: #00A3EF ;
  font-size: 30px;
  font-weight: 300;
}
#template-2 > h2  {
  color: #7FBA00 ;
  font-size: 25px;
  font-weight: 300;
}
.projects-wrapper .project-img .project-img-extra h4 {
  font-family: 'Nunito', sans-serif !important;
  color: #2C3E50 ;
  font-size: 20px;
  font-weight: 600 !important;
}
#projects-wrapper h5 a {
  font-family: 'Nunito', sans-serif !important;
  font-size: 16px;
  color: #2C3E50 ;
}
.projects-filter > a:hover {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(0, 163, 239, 1) !important;
  text-decoration: none;
  border: solid 0px #F25022 ;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 16px;
}
.projects-filter > a {
  color: rgba(0, 163, 239, 1);
  text-decoration: none;
  border: solid 0px rgba(127, 186, 0, 0);;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 16px;
}

/**** END ****/

#adminForm .form-inline {
  display: inline-block !important;
}
#adminForm > fieldset > div{
  text-transform: uppercase !important;
}

/**** NEWSFEEDS ****/

.redirect-ltr h2{
  display: block;
  line-height: 1;
  font-size: 1.5em;
  color: #F25022;
  font-weight: 600 !important;
  padding: 5px;
  border: 1px solid #f3f3f3;
  border-radius: 3px;
  background-color: rgba(240, 240, 240, 0.267);
  box-shadow: 1px 1px #ffffff;
  text-transform: uppercase !important;
}

.feed-description { display:none; }

.newsfeed > ol > li > h3, 
.newsfeed > ol {
  color: #7FBA00;
  font-size: 1.25em;
}
.newsfeed .lead {
  color: #2C3E50;
}
/**** END ****/

h2.error-message {
  font-family: 'Gruppo', sans-serif !important;
  color: #FFB900 ;
  font-size: 35px !important;
  background-color: rgba(240, 240, 240, 0.267);
  text-transform: uppercase !important;
  border-radius: 3px;
  border: 1px solid #f0f0f0;
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  -ms-transform: scale(1.0);
  box-shadow: 15px 15px 20px rgb(0 0 0 / 10%);
  -webkit-box-shadow: 15px 15px 20px rgb(0 0 0 / 20%);
  -moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.2);
  transition: all .15s ease-in-out;

}