
/************* NAVBAR ************/

.fno-flex-right {
    display:flex!important;
/*    justify-content: right; */
/*    width: 100%; */
    position: relative;
    left: 100%;
    transform: translateX(-100%);
}
.fno-navbar {
 /*   background: mediumblue; */
    padding: 2px;
}

.fno-vertical-navbar {
    position: fixed;
    top: 50px;
    background: rgba(0,0,255,0.3);
    z-index: 1100;
}

.fno-navbar-text {
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: white;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

@media (max-width: 768px) {
    .fno-navbar-text {
        font-size: 0.8rem;
    }
}

.fno-navbar-text:hover {
    color: navy; 
/*    background: rgba(10,10,10,0.1); */
}
.fno-navbar-text.selected {
    color: navy; 
/*    background: rgba(10,10,10,0.1); */
    border-bottom: 3px solid navy; 
}

.navbar-brand {
    border-bottom: 2px solid transparent;
}

.flagship {
    margin: 5px;
    border: none;
  }

/************* HEADER ************/

.fno-help-title {
    color:white; /* mediumblue;*/
    font-weight: bold;
    font-size: 2.5rem;
    text-shadow: 1px 1px 1px  black , -1px -1px 1px  black , 1px -1px 1px  black , -1px 1px 1px  black;

    position: relative;
    width:100%;
    top: 90%;
    transform: translateY(-100%);
}

@media (max-width: 768px) {
    .fno-help-title {
        font-size: 2rem;
    }
}

.fno-header {
    padding-top: 100px;
    height: 80vh;
    min-height:400px;
}

.fno-header-title {
    color:white; /* mediumblue;*/
    font-weight: bold;
    font-size: 2.5rem;
 /*   text-shadow: 1px 1px 1px  black , -1px -1px 1px  black , 1px -1px 1px  black , -1px 1px 1px  black; */
    text-shadow: 1px 1px 30px  grey , -1px -1px 30px  grey , 1px -1px 30px  grey , -1px 1px 30px  grey;

  /*  padding-top:6rem; */
  /*  margin-bottom:0; */
  /*  min-height: 20rem; */
    position: relative;
    width:100%;
    top: 50%;
    transform: translateY(-100%);
}

@media (max-width: 768px) {
    .fno-header-title {
        font-size: 2rem;
    }
}

.fno-header-subtitle {
    color:grey;
    font-weight: bold;
    font-size: 2rem;
    text-shadow: 1px 1px 1px  white;
    min-height: 10rem ;
    padding-bottom: 2.5rem;
    margin:0;
}
.fno-header-text {
    font-size: 1.5rem;
    text-shadow: 1px 1px 1px  white;
    color: #a81300;
    text-decoration: none;
    min-height: 12rem ;          
}

/************* DIVIDERS ************/

.fno-divider {
    max-width: 5rem;
    border-width: 0.1rem;
    border-color: grey;
  /*  margin:  5rem auto; */
    border: none;
    height: 5rem;
  }

  @media (max-width: 768px) {
    .fno-divider{
        height:6rem;
    }
}
/*************  CARDS ************/

body {
    background: white;  /* TESTWHITE   lightblue;*/
    font-family: Arial,sans-serif,'Segoe UI Emoji'; /*'Lato', sans-serif; */
	font-weight : 500;
	font-size: 1rem;
}

.fno-hr {
	margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 10px solid rgba(0, 0, 0, .5);
	size:10px;
	width: 50%
}

  .fno-link {
    text-decoration: none;
  }
  
  .fno-link:hover {
    text-decoration: none;
    cursor: pointer;
  }

  .fno-bottomlink {
    color: white;
  }

  .fno-bottomlink:hover {
    color: blue;
    font-weight:bolder;
  }


 .fno-bold {
     font-weight: bold;
 }


  .fno-card-text {
/*    color: grey; */
    font-weight: bold;
    padding-bottom: 1rem;
    color: navy;
  }
  
  .fno-card-text:hover {
    color: #a813FF;
  }
  
.fno-paragraph {
    margin-left:10%;
    width: 80%;
    white-space: pre-wrap;
    font-weight: 400;
    font-size: 1rem;
  }

.fno-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fno-col-20 {
    flex: 0 0 20%;
    max-width: 20%;
}
.fno-col-33 {
    flex: 0 0 33%;
    max-width: 33%;
}

.fno-accordion {
/***    padding:10px;  ***/
}


@media (min-width : 1280px) {
    .fno-accordion {
        padding-top:40px;
    }
}
.fno-no-border {
    border: none;
}

.fno-padding-bottom {
    padding-bottom: 10px;
}

.fno-faq-question {
    font-weight:bold;
}

.fno-faq-question:focus{
    box-shadow:none;
}


.fno-colmultiple {
    margin: 30px auto auto auto;
}
.fno-col {
/*    margin: 20px auto auto auto; */
/***    padding-left:40px;   ***//	
}
.fno-col-text {
    margin: 40px auto auto auto;
    padding-left: 40px;
    padding-right: 10px;
}

.fno-col-text-full {
    padding-left: 40px;
    padding-right: 10px;
    position: relative;
    bottom: -100%;
    transform: translateY(-100%);
}
.fno-col-img {
    padding-left: 0px;
    padding-right: 0px;
/*    max-height:400px;*/
}
.fno-img {
    height:100%;
	margin: auto;
}
.fno-col-center {
    margin: auto 0px;
}

.fno-img-shadow {
    box-shadow: 10px 5px 5px grey;
    border-radius: 3px;
}
/*
@media (max-width: 768px) {
    .fno-col-img{
        height:200px;
    }
}
*/
.fno-card-img {
    max-width: 100%!important;
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.fno-card-img-full {
    width: 100%!important;
    height: 100%!important;
    display: block;
	/*padding : 5%;*/
	max-height: 400px;
}
.fno-card-img-fixed {
    display: block;
}

@media (max-width: 768px) {
    .fno-card-img{
        max-height: 100%!important;
    }
}

.fno-fit {
    object-fit:contain;
}

.fno-cover {
    object-fit: cover;
}

.text-to-right {
    text-align: right;
}


.fno-background-interop {
    background: url("../img/ga301/interop.png");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    color:black;
}

.fno-background-noninvasif {
    background: url("../img/ga301/cockpit.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    color:white;
}

.fno-background-noinstall {
    background:   url("../img/ga301/noinstall2.jpg");   /*   url("../img/ga301/noinstall.png");    url("../img/neuronabord.jpg");   */
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    color:white;
}

.fno-video {
    max-width: 100%;
    background:white;  /* TESTWHITE   lightblue; */
    border: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.fno-news {
    line-height: 1.5;
    font-weight: bold;
    font-size:1.7rem;
}
@media (max-width : 768px) {
    .fno-news {
        font-size:1.2rem;
    }
}

.fno-top {
    position:absolute;
    width:100%;
    top:0px;
    background: rgba(0,0,255,0.4);
}
.fno-logo {
    position: absolute;
    left:10px;
    z-index: 1100;
}
@media (max-width : 768px) {
    .fno-cover {
        object-fit: contain;
    }
}

@media (min-width : 1280px) {
    .fno-card-h {
        line-height: 1.5;
        font-weight: bold;
        font-size:2.5rem;
		text-align : center;
    }
	
	.fno-card-subtitle {
		line-height: 1.2;
		font-weight: bold;
		font-size:2rem;
	}
}
@media (min-width: 1000px) and (max-width: 1280px) {
    .fno-card-h {
        line-height: 1.5;
        font-weight: bold;
        font-size:2.0rem;
		text-align : center;
    }
		
	.fno-card-subtitle {
		line-height: 1.2;
		font-weight: bold;
		font-size:1.8rem;
	}

}

@media (min-width: 768px) and (max-width: 1000px) {
    .fno-card-h {
        line-height: 1.5;
        font-weight: bold;
        font-size:2.0rem;
		text-align : center;
    }
	
	.fno-card-subtitle {
		line-height: 1.2;
		font-weight: bold;
		font-size:1.8rem;
	}
}

@media (max-width : 768px) {
    .fno-card-h {
        line-height: 1.5;
        font-weight: bold;
        font-size:1.7rem;
		text-align : center;
    }
	
	.fno-card-subtitle {
		line-height: 1.2;
		font-weight: bold;
		font-size:1.5rem;
	}
}

.fno-until-md-only{
    display: none;
}
@media (max-width: 768px) {
    .fno-until-md-only{
        display:flex;

    }
}
.fno-above-md-only{
    display: flex;
}
@media (max-width: 768px) {
    .fno-above-md-only{
        display:none;
    }
}

.fno-until-lg-only{
    display: none;
}
@media (max-width: 1000px) {
    .fno-until-lg-only{
        display:flex;
    }
}
.fno-above-lg-only{
    display: flex;
}
@media (max-width: 1000px) {
    .fno-above-lg-only{
        display:none;
    }
}

.fno-popup {
    text-align: left;
    z-index : 10;
    background: lightgrey;
    border-radius: 50px;
    position: absolute;
    box-shadow: 10px 5px 5px grey;
    transform: translate(-20px,-60%);
}

.fno-popup-large {
    text-align: left;
    z-index : 10;
    background: lightgrey;
    border-radius: 50px;
    position: absolute;
    box-shadow: 10px 5px 5px grey;
    transform: translate(-45vw,-60%);
    width: 80vw;
}
@media (max-width: 768px) {
    .fno-popup-large{
        transform: translate(-20px,-60%);
        width:90%;
    }
}

.fno-container {
    /*width: 100%!important;*/
    padding:6vh 2%;
    margin:0 20px 0 20px;
    /*
    min-height: 70vh;
    margin-top: 10%;
    */
}

@media (max-width : 768px) {
    .fno-container {
        padding:5vh 2px;
        margin:0 2px 0 2px;
    }
}

.fno-container-small {
    width: 100%!important;
    padding:10vh 2%;
  /*  margin-top: 10%; */
}

.fno-container-full {
    width: 100%!important;
    margin:0vh 0px;
    height:85vh;
    text-shadow: 1px 1px 30px  grey , -1px -1px 30px  grey , 1px -1px 30px  grey , -1px 1px 30px  grey;
}
.fno-container-testimonial {
    width: 100%!important;
    padding:15px;
    background-color: beige;
}
.fno-container-bottom {
    width: 100%!important;
    color: white;
    padding: 20px 0px 10px 0px;

}
stronger {
    font-weight: bolder;
  }
  
.bottombar-title {
    font-size:1.2rem;
    font-weight: bold;
    padding-bottom:10px;
}
/************* SIZES ************/

.h20lines {
    max-width: 100%;
    max-height: 20rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.h30lines {
    max-width: 100%;
    max-height: 30rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.w80 {
    width: 80%; 
}

.w50 {
    width: 50%; 
    margin: auto;
  }
.w20 {
    width: 20%; 
  }
  
.fno-col-margin-bottom{
    margin-bottom: 40px;
}
/************* POSITIONS ************/

.fno-div-center-vertical {
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.fno-div-center-hv {
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
}

.fno-center-text {
    text-align: center;
	width : 100%
}

.fno-text {
	line-height : 2rem;
	font-weight : 600;
	font-size: 1.1rem;
}
@media (max-width : 768px) {
    .fno-text {
        line-height : 1.5rem;
        font-weight : 500;
        font-size: 1rem;
    }
}


.fno-text-right {
    text-align: right;
}

.fno-center-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.fno-removed {
    display:none !important;
}
.fno-right{
    float: right;
}

.fno-margin {
    margin:5%;
}
.fno-margin-left-10{
    margin-left:10%;
}

.fno-higher {
    position:relative;
    transform: translateY(-100%);
}

.semitransparent-background {
    background: rgba(255,255,255,0.3);
}

.white-background {
	border-radius : 40px;
    background: white;
}

.yellow-background {
    color: blank;
    font-weight: 700;
    background: yellow;
}
.green-background {
    color: white;
    font-weight: 700;
    background: green;
}

.orange-background {
    color: black;
    font-weight: 700;
    background: orange;
}

.red-background {
    color: white;
    font-weight: 700;
    background: red;
}

.grey-background {
    color: white;
    font-weight: 700;
    background: dimgrey;
}

.beige-background {
    background: beige;
}

.whitesmoke-background {
    background-color: whitesmoke;
}

.blue-background {
    background-color: steelblue;
	border-radius : 40px;
	color : whitesmoke;
}

.darkgrey-background {
	background-color :  #156082;
}

.slider-background {
    background-color: #EFEFEF;
	border-radius : 40px;
}
.white-text {
		color : white;
}

.cyan-background {
    color: black;
	border-radius : 40px;
    background: cyan;
}

/************* HOME ************/
#homeHeader {
    background:  url("../img/bg-header-flyingneurons.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

#mainpageheaderimage {
    background-image:   url("../img/mainpage/mainpageheader.png");
    background-position: center; /*left bottom;*/
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover; /*100%;*/
	min-height:200px;

}


#mainHeader {
    width: 100%!important;

    background:   #156082 ;/* grey; /* url("../img/mainpage/flying.png"); */
    /*background-image:   url("../img/mainpage/mainpageHeader.png");  */
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 50%;
	min-height:200px;

	
	color: white;
}
	

@media (max-width: 768px) {
	#mainHeader {
		padding:6vh 2% 0 2%;
	}
}

@media (min-width: 768px) {
	#mainHeader {
		padding:14vh 2% 0 2%;
	}
}

@media (max-width: 676px) {

	.colHeaderLarge {
		display : none;
	}
	.colHeaderSmall {
		display : block;
	}
}

@media (min-width: 676px) {

	.colHeaderLarge {
		display : block;
	}
	.colHeaderSmall {
		display : none;
	}
}


@media (min-width: 992px) {

	.h850 {
		min-height : 850px;
	}

	.button-bottom {
		position : absolute;
		bottom : 50px;
		right : 50px;
	}
}
@media (max-width: 992px) {

	.button-bottom {
		margin : 20px;
	}
}
.mainpagecard  {
	background-color: white;
	padding: 10px 0;
    border-radius: 10px;
	margin: 10px;
	
}

.mainpagecardheader {
    margin: 0 10%;
    border-radius: 10px;
	min-height : 100px;
	position: relative;
}

.fno-img-inline {
	vertical-align : text-bottom!important;
}
.page {
    min-height: 800px;
/*    padding-bottom:8rem; */
 /*   background: linear-gradient(to bottom, rgba(210,210,255,0.7), rgba(255,255,255,0.7) ), url("../img/mountains.jpg");   */
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    overflow: hidden;
    background-color: whitesmoke;
}

.help-page {
    min-height: 40vh;
    padding-bottom:8rem;
    background: white; /* linear-gradient(to bottom, rgba(210,210,255,0.7), rgba(255,255,255,0.7) ), url("../img/mountains.jpg");*/
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

#serviceSectionOld {
    background:  linear-gradient(steelblue, white);
    width : 70%;
    border-radius: 50px;
}

.pastilles {
    float: right;
}

.pastilleimg {
    margin-top: -20px;
    width:100px;
}
/************* SOLUTION/GA ************/

#gaHeaderSN {
    background:  url("../img/SN/SNCockpitflightHeader.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
@media (max-width: 768px) {
    #gaHeaderSN {
        background:  url("../img/SN/SNCockpitflightHeader.png"); /*  url("../img/ga/ulmheaderV3md.png"); */
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
        height:60vh;
    }
}



#gaHeader {
    background:  url("../img/ga/gaheaderV304.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
@media (max-width: 768px) {
    #gaHeader {
        background:  url("../img/ga/gaheaderV304.png"); /*  url("../img/ga/ulmheaderV3md.png"); */
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
        height:60vh;
    }
}

#systemCard {
    padding-top: 2rem ;
    padding-bottom: 2rem ;
    background:  url("../img/bg-header-flyingneurons.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
/************* PRODUIT/NEURON ************/
/*
#neuronHeader {
    background:  url("../img/neurone-product-bgd.png");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: contain;
}
*/
#neuronHeader {
    background:   no-repeat center/contain   url("../img/neurone-product-bgd.png")  scroll ,
    no-repeat center/cover   url("../img/neurone-product-bgd-lower.png")  scroll  ;
}

/************* PRODUIT/NEUROVIEW ************/
/*
#neuroviewHeader {
    background:  url("../img/neuroview-product-bgd.png");
    background-position: center top 40px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: contain;
    min-height: 450px;
}
*/
#neuroviewHeader {
    background:   no-repeat center/contain   url("../img/neuroview-product-bgd.png")  scroll ,
    no-repeat center/cover   url("../img/neuroview-product-bgd-lower.png")  scroll  ;
}
/************* PRODUIT/NEUROCENTER ************/

#neurocenterHeader {
    background:  url("../img/neurocenter-bgd.png");
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover; /*  auto 100%;   */
}


/************* PRODUIT/NEUROADSB ************/

#neuroADSBHeader {
    background:   no-repeat center/contain   url("../img/neuroADSB/neuroADSB-product-bgd.png")  scroll ,
    no-repeat center/cover   url("../img/neurone-product-bgd-lower.png")  scroll  ;
}

/************* PRODUIT/TRANSPONDER CABLE ************/

#transponderCableHeader {
    background:   no-repeat center/contain   url("../img/transponderCable/cable-product-bgd.png")  scroll ,
    no-repeat center/cover   url("../img/neurone-product-bgd-lower.png")  scroll  ;
}



/************* SOLUTION/AIRPORT ************/

#airportHeader {
    /* background:  url("../img/aerodrome-header.jpg"); */
    background:  url("../img/aerodrome.png");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

/************* SOLUTION/CITY ************/

#cityHeader {
    background:  url("../img/solutionCity.png");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

/************* SOLUTION/HELICOPTER ************/
#helicopterHeader {
    background:  url("../img/helicopter-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

/************* SOLUTION/UAV ************/
#ladHeader {
    background:  url("../img/ladHeader.jpg");
    background-position: center; /* center top 40px; */
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
/*    max-width: 1100px; */
}

/************* SOLUTION/UAV ************/
#uavHeader {
    background: url("../img/drone-header.png");    /*  url("../img/drone-route.jpg");  */
    background-position: top; /* center top 40px; */
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
/*    max-width: 1100px; */
}

/************* SOLUTION/AEROMODEL ************/
#aeromodelHeader
{
    background:  url("../img/minineurone-header-V4.png");
    background-position: center; /* center top 40px; */
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
/************* SUPPORT/FAQ ************/

#faqHeader {
    background:  url("../img/absolutvision-82TpEld0_e4-unsplash.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    height:40vh;
}

/************* SUPPORT/HELP ************/

#helpHeader {
    background:  url("../img/javier-allegue-barros-C7B-ExXpOIE-unsplash.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    max-height:40vh;
}

/************* SUPPORT/MANUEL ************/

#manuelHeader {
    background:  url("../img/syd-wachs-slItfWbhijc-unsplash.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    max-height:40vh;
}

.fno-table {
	border: 2px solid grey !important;
}
/************* EN CONSTRUCTION ************/

#header{
    background:  url("../img/bg-header-flyingneurons.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.table-header {
    padding: .25rem;
    color: #495057;
    background-color: #e9ecef;
    font-weight: 700;
}

.table-row {
    padding: .75rem;
    color: #495057;
    font-weight: 400;
    background-color: #e9ecef88;
    border-top: 1px solid  #9ea2a6 ;/* #dee2e6; */
}
.col-header {
    font-weight: 700;
    border-right: 1px solid #9ea2a6 ;/* #dee2e6; */
}

.video-youtube {
width:100%;
max-height:33vh;
}

.card-body-testimonial {
 padding: 0;
 font-size:0.9rem;
}

.focuspointer:hover {
	cursor: pointer;
}

.cfgframe {
    position: relative;
    min-height : 17rem;
    line-height: 2rem;
    /*font-weight: 600;*/
    font-size: 1.1rem;
}
@media (max-width: 768px) {
    .cfgframe {
        position: relative;
        min-height : 17rem;
        line-height: 1.5rem;
        /*font-weight: 600;*/
        font-size: 1rem;
    }
}

.cfglabel {
    margin : 0;
    /*
    margin: auto 5px auto auto  ;
    text-align: right;
    */
}

.cfglabelleft {

    margin: auto 5px auto auto  ;
    text-align: right;
    
}

.cfgformcheck-div {
    padding-left: 10%;
    display: grid;
    grid-template-columns: 1.2rem auto; /*0rem; /*  1.5rem auto;  */
    gap: 0.5em;
}
.cfgformcheck-input {
    /*margin: auto auto auto 25px  ;*/
}

.cfgformcheck {
    display: grid;
    grid-template-columns: 95% 5%;  /*20% 78%; /*60% 38%;*/
    grid-gap: 1px;
    padding: 3px;
    margin: 10px auto;
}

.cfgdroplist {
    width : 12rem;
}
.cfgformchoice {
    display: grid;
    grid-template-columns: 40% 58%;
    grid-gap: 1px;
    padding: 3px;
    margin: 20px auto;
}

.cfgcenterbtn {
    margin: 30px  0px;
    position: absolute;
    left:50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 2rem;
    font-weight: 600;
    font-size: 1.1rem;
    width:12rem;
  }

  .cfgbtnarea {
    margin: 0;
    position: absolute;
    bottom: 5px;
    right:10%;
  }
  
  .cfgbtn {
    margin: 10px;
    line-height: 2rem;
    font-weight: 600;
    font-size: 1.1rem;
  }
  
.cfg-container {
    width: 100%!important;
    padding:1rem 2rem;
    /*
    min-height: 70vh;
    margin-top: 10%;
    */
}


  .sliderbtnarea {
    margin: 0;
    position: absolute;
    bottom: 10px;
    left: 50%;
	transform:translateX(-50%);
	z-index: 3;
  }