/*------------------------ Nestec 2022 design - Background designs  ------------------------*/

.wrapper {
  display: flex;  
  flex-flow: row wrap;
  text-align:justify;
}

.wrapper > * {
  padding: 10px;
  flex: 1 100%;
}

.main {
  align-self: center;
}

.aside-1 {
  align-self: center;
}

.aside-2 {
  align-self: center;
}
@media all and (min-width: 600px) {
  .aside { flex: 1 auto; }
}

@media all and (min-width: 800px) {
  .main    { flex: 4 0px; }
  .aside-1 { order: 1; } 
  .main    { order: 2; }
  .aside-2 { order: 3; }
  .footer  { order: 4; }
}

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.flex-item{
  width: 200px;
  height: auto;
  margin-top: 10px; 
  line-height: 25px;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
  transition: 0.3s;
}

.flex-item-stand{
  width: 100px;
  height: auto;
  margin-top: 10px; 
  line-height: 25px;
}

.ul-wrapper{
    width: max-content; 
    max-width: 100%; 
    margin-left:auto; 
    margin-right:auto; 
    padding-left:5%;
}

.form-wrapper{
    width: max-content; 
    max-width: 130%; 
    margin-left:auto; 
    margin-right:auto; 
}

.bcg{
	color:white;
	background-image:url("https://www.altaro.com/images/hero-bg.png");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
}

.bcgxop{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/xopero/backup_background.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgwasabi{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/Wasabi/cloud_backup.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgblue{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/Blueshift/Blueshift_bckg.png");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}


.bcgswtc{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/solarwinds/swtakecontrol.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
 	justify-content: center;
	background-size:cover;
}

.bcghalopsa{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/hpsav12.png");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcg-nes{
	color:white;
	background-image: url('/mar/images/xopero/Backup_wallpaper.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
       width:100%;
}

.bcgoneclick{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/oneclick/oneclick-gr.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgswma{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/solarwinds/mabckg.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgany{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/Anydesk/any_bckg.png");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgswnc{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/solarwinds/ncentral.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgkeep{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/keepnet/keep-bckg.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgcove{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/N-able/bckg.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgsenha{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/Senhasegura/zero_trust.jpeg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgblack{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/Blackfog/black_banner.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgnesemail{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/nestec_emailsec_banner.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgdns{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/N-able/dnsfilter.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcg-dom{
	color:white;
	background-image: url('/mar/images/Domotz/background-space.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
        width:100%;
}
.bcgswbackup{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/solarwinds/swbackup.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgedr{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/N-able/edr_bck.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgmdr{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/N-able/mdr_bcg.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcg-altPB{
	color:white;
	background-image: url('https://www.altaro.com/images/hero-bg34.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
}

.bcg-alt{
	color:white;
	background-image: url('https://nestec.at/mar/images/Altaro/altaro-sign.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
}

.bcg-altmsp{
	color:white;
	background-image: url('https://nestec.at/mar/images/Altaro/hero-bg18.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
}

.bcgliongard{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/liongard/product-bkgd.png");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgdemolion{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/liongard/liondemoBcg.svg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgmspm{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/solarwinds/solarwinds-mspmanager.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}

.bcgpassportal{
	color:white;
	background-image:url("https://www.nestec.at/mar/images/solarwinds/passportalbcg.jpg");
	background-repeat:no-repeat;
	display: flex;  
        flex-flow: row wrap;
        text-align:center;
	justify-content: center;
	background-size:cover;
}


/*------------------------ Nestec 2022 design - Photos & video control  ------------------------*/


.picmic, .picmin, .picmin2, .picsmall, .picmedium, .piclarge, .piclarge2, .piclarge3{
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.picmic{
	max-width:100px;
	padding:15px;
}
.picmin{
	max-width:100px;
}
.picmin2{
	max-width:150px;
}

.picsmall{
	max-width:200px;
}
.picmedium{
	max-width:250px;
}
.piclarge{
	width:100%;
        max-width:300px;
}

.piclarge2{
        width:100%;
        max-width:400px
}
.piclarge3{
        width:100%;
        max-width:600px
}

.videoWrapper {
       position: relative;
       width: 100%;
       height: 0;
       padding-top: 56.25%;
}
.videoWrapper iframe {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
}
.publisher{
      display: inline-block;
}

/*------------------------ Nestec 2022 design - Lists / Buttons  ------------------------*/

.prod-list{
    list-style-type: none;
	text-align:center;
}

.prod-item{
	border: rgb(221,221,221) 1px solid; 
	height: auto; 
	min-width: 180px;
        width:180px;	
	padding: 10px; 
	display: inline-block;
	box-shadow: rgb(221, 221, 221) 0px 0px 5px;
	margin:1%;
        text-align:center;
}

.newslettbtn{
border-radius: 0 5px 5px 0;
}

#frmnewsletterFormMain{
display:flex;
}

.prod-item-orange{
	height: auto; 
	width: 150px; 
	padding: 5px; 
	margin: 5px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	background-color: #f16028;
	color:white;
	border: #f16028 2px solid; 
	border-radius: 8px;
}

#liongard li::before {
  content: "\2022";
  color: #c47515;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.prod-item-nable{
	height: auto; 
	width: 150px; 
	padding: 5px; 
	margin: 5px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	background-color: #c046ff;
	border: #c046ff 2px solid; 
	border-radius: 8px;
}

.Textlink{
    margin-top: -28px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-left: 25px;
    color: #2f618f;
}
.headline{
 position: relative;
 display: inline;
 margin-left: -15px;
 font-size: 30px;
 line-height: 40px;
 padding: 5px 0 15px 0;
 color: #333;
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
 font-family: inherit;
 margin-block-start: 0.83em;
 margin-block-end: 0.83em;
 -webkit-text-size-adjust: 100%;
}


/*-------------------------------- Roar Timeline CSS ------------------------------------------------*/


.timeline{
  position: relative;
}

.timeline li{
  list-style: none;
  float: left;
  width: 20%;
  position: relative;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
}

ul:nth-child(1){
  color: #525252;
}

.timeline li:before{
  content: "";
  width: 8px;
  height: 8px;
  border: 2px solid #4caf50;
  border-radius: 50%;
  display: block;
  text-align: center;
  line-height: 50px;
  margin: 0 auto 10px auto;
  background: #ffffff;
  color: #000;
  transition: all ease-in-out .3s;
  cursor: pointer;
}

.timeline li:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #4caf50;
  top: 6px;
  left: -50%;
  z-index: -999;
  transition: all ease-in-out .3s;
}

.timeline li:first-child:after{
  content: none;
}
.timeline li.active{
  color: #C47515;
}

.timeline li.active:before{
  background: #C47515;
  color: #F1F1F1;
  border: 2px solid #C47515;
}

.timeline li.active + li:after{
  background: #4caf50;
}