/* ---------- File Name: style.css ---------------------------------------------------------------------*/


/* ----------- import Fonts ---------------------------------------------------------------------*/
/* titillium-web-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/titillium-web-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/titillium-web-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/titillium-web-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/titillium-web-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/titillium-web-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/titillium-web-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/titillium-web-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/titillium-web-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/titillium-web-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/titillium-web-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/titillium-web-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/titillium-web-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/titillium-web-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/titillium-web-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/titillium-web-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/titillium-web-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/titillium-web-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/titillium-web-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/titillium-web-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/titillium-web-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/titillium-web-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/titillium-web-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}




/* ---------- import Files ---------------------------------------------------------------------

*/


/* ---------- PreHeader belgium ------------ */

.be-header .be-header-inner {padding: 10px 15px; z-index: 999; position: relative; font-family:'Titillium Web' Arial, Verdana, sans-serif;}
#be-header .be-header-inner ul.language-switcher-locale-url {float: left; margin: 0; padding: 0;}
#be-header .be-header-inner ul.language-switcher-locale-url li {display: inline-block;}
#be-header .be-header-inner ul.language-switcher-locale-url li a {padding: 2px 4px 2px 4px; text-decoration: none; color: #666; font-size: 11px; border-radius: 3px 3px 3px 3px;}
#be-header .be-header-inner ul.language-switcher-locale-url li a:hover {background-color: #666;color: #fff;}
#be-header .be-header-inner ul.language-switcher-locale-url li a.active {background-color: #4b5155;color: #fff;}
#be-header .be-header-inner ul.language-switcher-locale-url li .locale-untranslated {padding: 4px; font-size: 11px;color: #4b5155;text-decoration: line-through;}
#be-header .be-header-inner ul.language-switcher-locale-url li .locale-untranslated:hover{background-color: #fff; color: #4b5155;}
#be-header .be-header-inner .block-kanselarij {float: right;width: 50%;text-align: right;color: #333;font-size: 11px;}
#be-header .be-header-inner .block-kanselarij a {color: #666;}
#be-header .be-header-inner .block-kanselarij img { width: 22px; margin-left: 5px;display: inline;}
#be-header.with-line .be-header-inner {width: 100%;  padding:0;}
.row.be-header-inner{margin-right: 0px !important; margin-left: Opx !important;}


/* ---------- skeleton ---------------------------------------------------------------------*/


* {
     box-sizing: border-box !important;
}

html {
     scroll-behavior: smooth;
}

body {
     color: #666666;

     font-family: 'Titillium', 'Titillium Web', Arial, sans-serif;
     font-size: 16px;
     line-height: 1.4rem;
     font-weight: normal;

}

a {
     color: #0000;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {

     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0

}

h1 {
     font-size: 4rem;
     font-family: 'Titillium', 'Titillium Web', Arial, sans-serif; font-weight: 300;
}

h2 {
     font-size: 3.5rem;
     font-family: 'Titillium', 'Titillium Web', Arial, sans-serif; font-weight: 300;

}

h3 {
     font-size: 1.2rem;
     font-family: 'Titillium', 'Titillium Web', Arial, sans-serif; font-weight: 700;
}

h4, .h4 {
     font-size: 2rem;
     font-family: 'Titillium', 'Titillium Web', Arial, sans-serif; font-weight: 300;
     line-height:1.8rem ;
}

h5, h4.sm {
    font-size: 1.2rem;
     font-family: 'Titillium', 'Titillium Web', Arial, sans-serif; font-weight: 300;
     line-height:1.4rem ;
}

h6 {
     font-size: 13px
}

*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {
list-style: square;


}
ul  {padding-left: 1rem;}

p {
     margin: 0px;
     font-weight: 400;
     font-size: 16px;
     /*line-height: 1.25rem;*/

}

a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
}
p strong{font-weight: 600; color: #000;}
p a {
    color: #000;
    background: rgba(249,223,88,0.5);
    border-bottom: #000000 solid 1px;
    font-weight: 400;

}

p a:hover {

     color: #000;
     border-bottom: rgba(147,55,208,0.5) solid 1px;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     background: rgba(147,55,208,0.5);

}

a,
.btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

img {
     max-width: 100%;
     height: auto;
}
img.half {
     max-width: 65%;
     height: auto;
     margin: 0 auto;
     display: block;
}
img.first{padding-top: 120px}
img.desat {
     filter: grayscale(100%);}
.submenu > a:hover{filter: grayscale(50%);}

 :focus {
     outline: 0;
}
h1 span.sm{font-size: 80% !important; font-weight: 700; line-height: -25%}
.btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}

.lead {
     font-size: 18px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
}

.form-control:focus {
     border-color: #ffffff !important;
     box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
     border: none !important;
}

.badge {
     font-weight: 500;
}

blockquote {
     margin: 20px 0 20px;
     padding: 30px;
}

button {
     border: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
}

.full {
     float: left;
     width: 100%;
}

.layout_padding {
     padding-top: 90px;
     padding-bottom: 90px;
}

.layout_padding_2 {
     padding-top: 75px;
     padding-bottom: 75px;
}

.light_silver {
     background: #f9f9f9;
}

.theme_bg {
     background: #38c8a8;
}

.margin_top_30 {
     margin-top: 30px !important;
}

.full {
     width: 100%;
     float: left;
     margin: 0;
     padding: 0;
}


/**-- heading section --**/


/*---------------------------- preloader area ----------------------------*/

.main-layout {
     background: url('../images/_young/bgd01.png') top left;
     background-repeat: no-repeat;
}

.loader_bg {
     position: fixed;
     z-index: 9999999;
     background: #fff;
     width: 100%;
     height: 100%;
}

.loader {
     height: 100%;
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: flex;
     justify-content: center;
     align-items: center;
}

.loader img {
     width: 40px;
}


/*-- navigation--*/

.navigation.navbar {
    top: 30%;
/*     position: fixed;
    
    width: 100%;
    z-index: 1029;*/
}
.fixed-top{
    position: fixed;
    top: initial;
    right: 0;
    left: initial;
    z-index: 1030;}

.navigation.navbar-dark .navbar-nav .nav-link, .stickyLasche {
     padding: 6px 12px;
     font-weight: bold;
     color: #000;
     font-size: 16px;
     line-height: 20px;
     text-transform: uppercase;

}
li.nav-item img{width: 30px; height: auto;}
.navbar-nav li, .stickyLasche li{list-style: none;}
li.nav-item {background-color: #f9df58; border-radius: 20px;margin-bottom: 5px;margin-right: 20px;}
li.nav-item:hover {background-color: rgba(253,175,24,0.5); border-radius: 20px;margin-bottom: 5px;margin-right: 20px;}

.navigation.navbar-dark .navbar-nav .nav-link:focus,
.navigation.navbar-dark .navbar-nav .nav-link:hover {
     color: #000;
}

.navigation.navbar-dark .navbar-nav .active>.nav-link,
.navigation.navbar-dark .navbar-nav .nav-link.active,
.navigation.navbar-dark .navbar-nav .nav-link.show,
.navigation.navbar-dark .navbar-nav .show>.nav-link {
     color: #fdd430;
}

.aural {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0 none;
}
/*-- header area --*/


/* ---------- top banner area ---------------------------------------------------------------------*/


/* ---------- layout new css ---------------------------------------------------------------------*/

.head_top {

}

.header {
     width: 100%;
     background: transparent;


}
.num {
    font-size: 3em;
    padding: 30px 50px 20px 50px;
    background: url(../images/_young/bgd-chiffre.svg) no-repeat;
    background-size: 100% 100%;
    text-align: left;
    width: fit-content;
    color: #000000;
    width: 120px;
}

.logo a {
     font-size: 40px;
     font-weight: bold;
     text-transform: uppercase;
     color: #fff;
     line-height: 40px;
}


span.blue, .blue, .blue strong{color: #0058B6;}
/*p.blue {line-height: 45px}*/
.blue.strong {font-weight: 700; margin: 0.25rem 0}
.info {

     padding-top: 15px;
     margin-top: 10px;
     margin-right: 20px;
     margin-left: 20px;

}
.info.left{
     background: url('../images/_young/fin-sm-arrow-left.svg') no-repeat;
     background-size: 25px;
     padding-left: 30px;
     background-position: top left;
}
.info.leftbot{
     background: url('../images/_young/fin-sm-arrow-leftbot.svg') no-repeat;
     background-size: 35px;
     padding-left: 40px;
     padding-top: 5px;
     background-position: top left;
}
.info.right{
     background: url('../images/_young/fin-sm-arrow-right.svg') no-repeat;
     background-size: 25px;
     padding-right: 30px;
     background-position: top right;
}
.info.topleft{
     background: url('../images/_young/fin-sm-arrow-topleft.svg') no-repeat;
     background-size: 35px;
     padding-top: 40px;
     background-position: top center;
}

.info.topright{
     background: url('../images/_young/fin-sm-arrow-topright.svg') no-repeat;
     background-size: 35px;
     padding-top: 40px;
     background-position: top center;
}
.box .topright{
   position: relative;
   top: -40px;
   padding-top: 40px;
     background: url('../images/_young/fin-sm-arrow-topright.svg') no-repeat;
     background-size: 35px;
     background-position: top center;
}
.box .topleft{
   position: relative;
   top: -40px;
   padding-top: 40px;
     background: url('../images/_young/fin-sm-arrow-topleft.svg') no-repeat;
     background-size: 35px;
     background-position: top center;
}
.info-black {

     padding-top: 10px;
     margin-top: 10px;
     margin-right: 20px;
     margin-left: 20px;

}
.info p{/*line-height: 1.1em;*/}
span.yellow{color: #ffdf43;}
.text-bg {
     text-align: center;
     width: 100%;
     padding: 100px 0 60px 0px;
     background: url('../images/_young/bgd-title.png') ;
     background-repeat: no-repeat;
     background-size: 100% 100% ;
}
.text-bg.sm h1 {
    font-size: 40px;
    line-height: 38px;
}
.text-bg.sm  {
     text-align: center;
     width: 100%;
     padding: 20px 0 20px 0px;
     background: url('../images/_young/bgd-titre-sm.png') ;
     background-repeat: no-repeat;
     background-size: 100% 100% ;
}
.bgd-titre-yellow {
     text-align: center;
     width: 100%;
     padding: 30px 0 30px 0px;
     background: url('../images/_young/bgd-title-yellow.png') ;
     background-repeat: no-repeat;
     background-size: 100% 100% ;
}
h2.bgd-titre-yellow  {
     font-size: 1.75rem;
    font-family: 'Titillium', 'Titillium Web', Arial, sans-serif;
    font-weight: 300;
    line-height: 1.4rem;
    margin-top: 20px;
}
h2.bgd-titre-yellow strong  {
    font-weight: 500;
}
h2.bgd-titre-yellow .sm {
     font-size: 1rem;

}
p.bgd-white {
	background-color: #ffffff;
	padding: 5px
}
.bgd-content-blue {
     width: 100%;
/*     padding: 50% 25%;
padding-top: 30px;*/
     background: url('../images/_young/bgd-content-blue.png') ;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: 50% 50%;
     text-align: center;
}
.bgd-content-blue02 {
     width: 100%;
     padding: 40px 50px 40px 50px;
     background: url('../images/_young/bgd-content-blue02.png') ;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: 50% 50%;
}
.bgd-content-blue03 {
     width: 100%;
     padding: 40px 50px 40px 50px;
     background: url('../images/_young/bgd-content-blue03.png') ;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: 50% 50%;
}
.bgd-content-blue.big, .bgd-content-blue02.big{min-height: 180px;padding: 50px 30px 50px 30px;}
.bgd-content-blue03{min-height: 230px;padding: 50px 30px 0px 30px;}
.bgd-content-blue.md, .bgd-content-blue02.md{padding: 2rem 0}
.bgd-content-blue p, .bgd-content-blue02 p, .bgd-content-blue03 p{ /*line-height: 1.1em;*/ }

.bgd-content-blue a{
     color: #0058B6;
     background: rgba(249,223,88,.75);
     line-height: 1.25rem;
     padding: 0.25rem 0rem;
/*     text-decoration: none !important;*/
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     border-bottom: #0058B6 solid 1px;
    font-weight: 400;
}
.bgd-content-blue a:hover{
     border-bottom: rgba(147,55,208,0.5) solid 1px;
    outline: none !important;
    color: #000000;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: rgba(147,55,208,0.5);
}

#section02{
     background: url('../images/_young/bgd02.png') top right;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     margin-top: -120px;

}
#section03{
     background: url('../images/_young/bgd03.png') top left;
     background-repeat: no-repeat;
     background-size: 100% 100%;
      margin-top: -120px;
}
#section04{
     background: url('../images/_young/bgd04.png') bottom right;
     background-repeat: no-repeat;
     background-size: 100% 100%;
    margin-top: -159px;
}
#section05{
     background: url('../images/_young/bgd05.png') top left;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     margin-top: -159px;

}
#section06{
     background: url('../images/_young/bgd06.png') bottom right;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     margin-top: -220px;

}
#section00::after{
     content:'' ;
     background: url('../images/_young/section00-arrow.png') bottom right;
     background-repeat: no-repeat;

}

 .hidden-xs{visibility: visible; }

/**-- arrow section --**/
/*.fin-arrow01{
     position: absolute;
    top: 270px;
     left: 0%;
    width: 250px;
    height: 112px;
   
    background: url('../images/_young/section00-arrow.png') no-repeat;
    background-size: 100% 100%;
}*/
.fin-arrow01{
     position: absolute;
    top: 150px;
     left: 20px;
    width: 250px;
    height: 112px;
    background: url('../images/_young/section00-arrow.png') no-repeat;
    background-size: 100% 100%;
}
.fin-arrow02{
    position: relative;
    top: 0px;
    right: 400px;
    width:387px;
    height: 190px;
    background: url('../images/_young/section01-arrow.png') no-repeat;
    background-size: 100% 100%;
}
.fin-arrow03 {
      position: relative;
    top: 32px;
    left: 269px;
    width: 225px;
    height: 158px;
    background: url(../images/_young/section03-arrow.png) no-repeat;
    background-size: 100% 100%;
}
.fin-arrow04{
       position: relative;
    margin-top: -15px;
    float: left;
    width: 343px;
    height: 156px;
    background: url('../images/_young/section01-arrow.png') no-repeat;
    background-size: 100% 100%;
}
.fin-arrow05 {
     position: relative;
    top: -5px;
    left: 95px;
    width: 225px;
    height: 158px;
    background: url(../images/_young/section05-arrow.png) no-repeat;
    background-size: 100% 100%;
}
.fin-arrow06 {
    position: relative;
    top: 20px;
    left: 11px;
    width: 400px;
    height: 138px;
    background: url(../images/_young/section06-arrow.png) no-repeat;
    background-size: 100% 100%;
}
.fin-arrow07 {
position: relative;
    top: -19px;
    left: 314px;
    width: 212px;
    height: 220px;
    background: url(../images/_young/section07-arrow.png) no-repeat;
    background-size: 100% 100%;
}
.fin-arrow08 {
position: relative;
    top: -19px;
    left: 249px;
    width: 212px;
    height: 220px;
    background: url(../images/_young/section08-arrow.png) no-repeat;
    background-size: 100% 100%;
}
.mgt-138{margin-top: -138px;}



.text-bg h1 {
    color: #000;
    font-size: 56px;
    line-height: 48px;
    font-weight: 400;
}

.text-bg span {
    font-weight: 300;
}

.text-bg a {
     font-size: 17px;
     /*background-color: #fff;
     color: #e30424;
     padding: 13px 0px;*/
     width: 100%;
     max-width: 190px;
     text-align: center;
     display: inline-block;
     transition: ease-in all 0.5s;
     border-radius: 10px;
}

.text-bg a:hover {
    /* background-color: #000;
     color: #fff;*/
     transition: ease-in all 0.5s;
     border-radius: 26px;
}

.text-img {
    /* padding-top: 100px;*/
}

.text-img figure {
     margin: 0px;
}

.text-img figure img {
     width: 100%;
}

.titlepage {
     padding-bottom: 20px;
}

.d_flex {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}
.copyright {
     padding: 5px 0px;
     background: rgba(0,0,0,0.2);
     margin-top: 50px;
     position: relative;

}


.copyright p {
     color: #fff;
     font-size: 14px;
     line-height: 18px;
     text-align: center;
}

.copyright a {
     color: #fff;
}

.copyright a:hover {
     color: #23262d;
}
.box{ border:1px solid #03AED8 ; border-radius: 8px; padding: 15px; font-size: 0.9rem;}
.box p{}
.ico{width: 40px; height: auto;float: left; margin-right: 10px; margin-bottom: 10px;}
.ico-sm{width: 25px; height: auto;float: left; margin-right: 10px; margin-bottom: 10px;}

/** toTop **/
#toTop{
    z-index: 999;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  display: none;
  background:rgba(0,0,0,0.3);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #000;
    padding: 10px 10px 10px 12px;
    border: none;

}
#toTop:hover{background:rgba(253,175,24,0.8);}
#toTop .fa {margin-right: 5px;}


/** end footer **/
footer{margin-top: -50px; }
/* ---------- Fin-Footer ------------ */

.bgfooter{ }
footer a{text-decoration: none;}
footer.footer {position: relative; bottom: 0;width: 100%;background-color: #f3e4fc;}
footer{padding:15px 0; display: block;}
footer .right{text-align: right; }
footer ul.first-level li{font-size: 0.9rem }
footer ul.sub-level li{font-size: 0.85rem }
footer ul{margin: 0; padding: 0; }
footer li{list-style: none; color:#353535;}
footer li a{ color:#353535; text-decoration: none;}
footer .footer-bot{text-transform: uppercase; font-size: 10px; border-top: solid 1px #b1b4b6; padding-top: 20px; padding-bottom:25px; margin-top: 25px; color: #111111}
footer .footer-bot li img{margin-top: -5px; margin-right:0; }
footer .footer-bot li{margin-right: 0px; padding: 0; }
footer .footer-bot li a{color: #353535; display: inline-block;margin-left: 10px;}
footer .footer-bot li a:hover{color: #000000; }
footer .footer-bot li{display: inline-block;}
footer .footer-top{text-transform: uppercase; font-size: 14px;  padding-top: 20px; }

/*footer .footer-top .rs li {display: inline-block; background:rgba(255,255,255,1);  padding: 5px; margin-right: 2px; width: 42px; height: 42px; }*/
/*footer .footer-top .rs li{display: inline-block; width: 42px;height: 42px;line-height: 42px;text-indent: -9999px;text-align: center;text-decoration: none;margin: 0;padding: 0;position: relative;background: #f8f8f8;}
footer .footer-top .rs li a:before{content: ''; display: block; font-family: 'FontAwesome'; font-size: 18px; font-weight: normal; line-height: 42px; text-indent: 0; text-rendering: auto; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
*/footer .footer-top .rs li {background: #f8f8f8; color:#a1a4a6;}
footer .footer-top .rs h5{font-size: 18px}

footer .footer-top .rs li.facebook:before{ content:'\f09a'; font-family: 'FontAwesome'; font-size: 18px;}
footer .footer-top .rs li.twitter:before { content:'\f099'; font-family: 'FontAwesome';font-size: 18px;  }
footer .footer-top .rs li.youtube:before{ content:'\f16a'; font-family: 'FontAwesome'; font-size: 18px; ;}
footer .footer-top .rs li.linkedin:before{ content:'\f0e1'; font-family: 'FontAwesome'; font-size: 18px; }
footer .footer-top .rs li:hover{color:#fff!important; }
footer .footer-top .rs li a:hover{color:#fff!important; }
footer .footer-top .rs li a:before:hover{color:#fff!important; }
footer .footer-top .rs li.facebook:hover {color:white !important; background: #3c5a95; cursor: pointer;  }
footer .footer-top .rs li.twitter:hover {color:white !important; background: #00acee; cursor: pointer;  }
footer .footer-top .rs li.youtube:hover {color:white !important; background: #c4302b;  cursor: pointer;}
footer .footer-top .rs li.linkedin:hover {color:white !important; background: #017fb2; cursor: pointer; }
footer .footer-top .rs li.facebook:before:hover {color:white !important;cursor: pointer;  }
footer .footer-top .rs li.twitter:before:hover {color:white !important;cursor: pointer;  }
footer .footer-top .rs li.youtube:before:hover {color:white !important;cursor: pointer; }
footer .footer-top .rs li.linkedin:before:hover {color:white !important; cursor: pointer;}

.link-item {
    font-size: 0;
    background: #f8f8f8;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
}
.link-item a{
    position:relative;
/*     background: red; */
    top:-42px;
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
}

footer ul.first-level {text-transform: uppercase; margin-top:10px; font-weight: bold;}
footer li ul.sub-level li{text-transform: none!important; margin-left:10px; font-weight: normal;  }
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;}
.nopadding{padding-left: 0; padding-right:0;}
.space{padding-left: 0; padding-right:0;}
.badge{}
.mgt5px{margin-top: 5px}
.mgr5px{margin-right: 5px}
.mgl5px{margin-left: 5px}

.pdt30px{padding-top:30px}
.mgb15px{margin-bottom: 15px;}
.mgr7px{margin-right:7px;}