:root{
	
--AtDark: #2a2443;
--AtLight: #B50BA8;

--AtGold: #c3996b;
--AtGoldLight: #e3b98b;

--AtGreen:#005f51;
--AtGreenDark: #08402f; /* 8, 64,47 */
--AtGreenLight: #48806f;
	

--AtBlack:#111;
--AtGrey:#335;
--AtWhite:#efefef;

--AtRed:#cd0020;
}

/* 'Fraunces'@200,400, Oswald@300,500 font-family: 'Fraunces', serif;*/


body {
font-family: 'IBM Plex Serif', serif;
color:#333; font-size:14pt; font-weight:300;
padding-top:0;margin:0;color:var(--AtGrey); background-color:var(--AtDark);
}

.cardWrap{display:block;float:left;width:100%;border-radius:1rem;max-width:100%;overflow:hidden;transition:.7s filter ease;margin-top:1.5rem;border:none;}
.cardWrap:hover{-webkit-filter: grayscale(0%);filter: grayscale(0%);
transition:.7s filter ease;border:none;}
.cardPhotoWrap{display:block;float:left;height:auto;max-width:100%;border:none;}
.cardImg{display:block;float:left;height:auto;max-width:100%;overflow:hidden;border:none;}
.cardTitle{display:block;float:left;width:100%;background-color:#cfcfcf;padding:1rem 0.3rem;text-align:center;border-top:2px solid var(--VmPink);border:none;}
.cardWrap h3{color:#222;font-size:20pt;font-family:Arial;font-weight:700;border:none;}

.lineWrap{display:block;float:left;width:100%;}

.mainFoto{
	/*
	top: 100px;
    position: fixed;
    left:2rem;
    
    */
    position:relative;
    z-index:1500;
    display: inline-block;
    vertical-align: middle;
    top: -25px;
    left: 50%;
    transform: translate(-50%,0);
}

.cardWrap {
    display: block;
    float: left;
    width: 100%;
    border-radius: 5px;
    max-width: 100%;
    overflow: hidden;
    transition: .7s filter ease;
    
    width:25%;
    max-width: 250px;
    min-width:200px;
    left: 10%;
    z-index: 1;
}

.cardPhotoWrap {
    border-radius: 50%;
    border-image-slice: 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cardPhotoWrap img {
    width: 100%;
    height: auto;
    border: 9px solid var(--AtGold);
    border-radius: 50%;
}

.infoVideo{width:100%; padding:1rem 2rem; background-color:#efefef;}

.wrapVidep{width:100%;max-width:100%;}
.wrapVideo video{max-width:100%;height:auto;}

b{color:#c00;}


strong {font-weight:100;color:#111;}
.article strong{ font-weight:500}
#topBlack{background-color:#111;border-bottom:1px solid #ccc;color:#efefef;font-size:13pt;font-weight:bold;padding:10px 0;}
#topBlack:hover{background-color:#002;} 
#topLink:link, #topLink:active, #topLink:visited{color:#efefef;font-size:13pt;font-weight:bold;text-decoration:none;}
#topLink:hover{color:#fff;font-size:13pt;font-weight:bold;text-decoration:none;}

.nav{background-color:#fff;}

.nav-link {
    font-weight:600; font-size:10pt; color:#222;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.dropdown-toggle {
    white-space: nowrap;
}





.article{
	position:relative;
	background-color:rgba(255,255,255,1); color:var(--AtGrey);font-size:14pt;padding:2rem;line-height:24pt;
/* border-right:0px solid var(--AtGreenDark); */
background-repeat:no-repeat; background-size:200px;
border-bottom: 16px solid var(--AtGold);
}

.article h2{color:var(--AtRed);font-size:24pt; font-family: 'IBM Plex Serif', serif;}
.article h1{color:var(--AtRed);font-size:26pt; font-family: 'IBM Plex Serif', serif;}
.article .LIBtn {
	position:absolute;
	margin:0 auto;
	font-size: 9pt;
    font-weight: 200;
    color: #fff;
    background-color: #cf3f00;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 0px;
    text-align: center;
    padding: 10px 25px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    bottom:-25px;
    left: 50%;
    transform: translate(-50%,0);
    }


.fotoMic{display:block;float:left;max-width:300px;height:auto;margin:1rem; padding:.5rem; border:1px solid rgba(0,0,0,0.2);}
.fotoFull{display:block;float:left;max-width:100%;height:auto;margin:1rem; margin-left:0; margin-right:0; padding:.5rem; border:1px solid rgba(0,0,0,0.2);}


#quickbar{display:block;float:left;position:fixed;bottom:10px;left:0px;z-index:11001;width:100%;padding:0px;text-align:center;color:#000; font-weight:900;background-color:transparent;}
#quickbar a, #quickbar a:link, #quickbar a:visited, #quickbar a:hover {text-decoration:none; color: #000;}
#quickbar .row, .qbut{padding:0px;margin:0px;line-height:45px;font-size:9pt;}



#quickbar {
    display: block;
    float: left;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 11001;
    width: 100%;
    padding: 0px;
    text-align: center;
    color: #000;
    background-color: transparent;
}

#quickbar .qbtn {
    display: block;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    margin: 0px 5px;
    font-size: 9pt;
    background-color: #22aa22;
    padding: 5px 0px;
    border-top: 3px solid #090;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 50%);
    border-right: 1px solid #090;
    border-left: 1px solid #cdcdcd;
}

#quickbar a:link, #quickbar a:visited {
    background-color: #fc0;
    color: #fff;
}


h1{font-family: 'Fraunces', serif;color:#222;font-size:26pt;font-weight:400;}
h2{font-family: 'Fraunces', serif;color:var(--AtDark);font-size:20pt;font-weight:400;}
h3{color:#efefef;font-size:16pt;}

.form-group {margin-bottom:3px;}

.article a:link, .article a:visited{text-decoration:none; border-bottom: 1px dashed #c00;color:var(--AtDark);}
.article a:hover{ border-bottom: 1px dashed #f36;}

main h1{font-family: 'Fraunces', serif;color:#222;font-size:26pt;font-weight:400;}
main h2{font-family: 'Fraunces', serif;color:var(--AtDark);font-size:20pt;font-weight:400;}
main h3{color:#efefef;font-size:16pt;}
main p{color:#111;font-size:14pt; font-family: 'Fraunces', serif;font-weight:200;}
main .mainContentTop{padding:1.5rem;margin-top:1.5rem;}

.carousel h1{
	background-color:rgba(0,0,0,0.4);
	position:relative;
	padding:20px;
    color: #fff; /* var(--AtGold); */
    font-family: 'Fraunces', serif;
    font-weight:100;
    font-size: 30pt;
    top:30%;
    width:80%;
    border-bottom:1px solid #efefef;
    }
.carousel h2{
	background-color:rgba(0,0,0,0.4);
	position:relative;
	padding:20px;
    color: #fff;
    font-family: 'Fraunces', serif;
    font-weight:100;
    font-size: 20pt;
    top:30%;
    width:80%;
    border-bottom:1px solid #efefef;
    }
video{ margin-bottom:30px;}
.carousel p{ 
	display:block;
	position:relative;
	padding:20px;
    color: #fff;
    font-family: 'Fraunces', serif;
    font-weight:100;
    font-size: 14pt;
    text-shadow:0px 0px 2px rgba(0,0,0,1);
    top:30%;
    width:80%;}

.carousel .btn{
	position:absolute;margin:0 auto;
	bottom:2rem;
	min-width:200px;
	left:3rem;
	background-color:rgba(255,255,255,0.8);
	color:var(--AtGrey);
	border:0px double #fff;
	outline: 5px double rgba(255,255,255,.9); 
	outline-offset: 5px;
	border-radius:0;
	font-size:16pt;
	font-weight:100;
	padding:1rem;
}

.navBrandImg{-webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,1));
  filter: drop-shadow(0px 0px 10px rgba(0,0,0,1));
  top:0px;};



p, body{color:#222;font-size:12pt;}

#upload-photo {
   opacity: 0;
   position: absolute;
   z-index: -1;
}

.maskBig{
	display:block;float:left;
	 width:100%;height:auto; 
  
	-webkit-mask-image: url('bg1000T.svg');
  mask-image: url('bg1000T.svg');
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  
  /*
  -webkit-mask-size: 200px 200px;
  mask-size: 1000px 1000px;*/
  
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  
  -webkit-mask-origin: border-box;
  mask-origin: border-box;
  
  
}

#mainForm{
	display:block;margin:0 auto; background-color:rgba(255,255,255,0.8);
	border:1px solid #fff;
	margin-top:2px;border-radius:4px;text-align:center;width:100%;
	padding:1.5rem 1rem;
}

#mainForm h2{font-family: Arial;color:var(--AtDark);font-size:20pt;font-weight:600;}

.footer-LISaaS {
    color: #efefef;
    line-height: 200%;
}

footer h2{color:var(--AtGold);}

.LIBtn{
	font-size: 9pt;
    font-weight: 200;
    color: #fff;
    background-color: #cf3f00;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 0px;
    text-align: center;
    padding: 10px 25px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;

    }
.clear{ width:100%; display:block; float:left;}
.LIBtn:hover {color:#fff;background-color:#c63600;}

.martorWrap{
	display:block;margin:0 auto;width:80px;height:80px;
	border:2px solid var(--AtDark);overflow:hidden;position:relative;
	background-color:#efefef;
	border-radius:50%;
}


.overNav{
background-color:var(--AtBlack);
text-align: right;
font-size:9pt;
font-weight:200;
text-align:right;
padding:12px;
}

.overNavRow {
    margin-left: 0;
    margin-right: 0;
}

.upload-photo-label{background-color:#fc0;width:100%;padding:8px;margin-top:4px;text-align:center;display:block;float:left;min-width:280px;min-width:330px;}

.mainForm input[type='text'] {padding:2px 10px;border-radius:0px;width:100%;
border:1px solid #777;;border-left:4px solid #fc0;
margin:4px 0px;font-size:16pt;
border-radius:0px 0px 10px 0px;
background-color:#ffffff;transition:.4s background-color ease;}

.mainForm input[type='text']:hover {
border:1px solid #11be00;border-left:4px solid #159100;
background-color:#d8f0ff;transition:.4s background-color ease;}

.mainForm textarea {padding:2px 10px;border-radius:0px;width:100%;border:1px solid var(--AtDark);border-left:4px solid #fc0;margin:5px 0px;font-size:11pt;}

.mainForm input[type='submit'] {width:100%;font-size:16pt;border:1px solid var(--AtDark);}

footer h4{font-size:12pt;color:#cfcfff;
margin-bottom: 18px;
    margin-top: 0px;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;}
    
footer h4::after {
    border-bottom: 3px solid #fff;
    bottom: 0;
    left: 0px;
    content: " ";
    margin-left: 0px;
    position: absolute;
    width: 30pt;
}

footer a:link,footer a:visited{color:#efefef;line-height:25pt;text-decoration:none;}
 
.col-lg-4{ float:left;} 
 
 
 .navbar-light .navbar-nav .nav-link {color:var(--AtLight);}
 .nav{z-index:11000;}

.nav-link {
    font-weight:400; font-size:12pt; 
    color:var(--AtGold);
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}



.dropdown-toggle, .dropdown-toggle.show {
	color:var(--AtWhite);
    white-space: nowrap;
    
}

#navbarSupportedContent > ul > li > ul {
	border-right:3px solid var(--AtGold);
	border-radius: 0px;
	}

.show{color:#fc0;}

.nav-link:focus {color:var(--AtWhite);}
.nav-link:hover {color:var(--AtLight);}

.navbar{
backdrop-filter: blur(12px);
top: 0;
left: 0;
width: 100%;;
background-color: var(--AtGreen);
border: no-border;
margin-bottom: 0px;
border-radius: 0px 0px 0px 0px; 
font-size:11pt;
border-top: 3px solid var(--AtGold);
box-shadow:0px 0px 20px rgba(0,0,0,.4);
}

.navbar-toggler{border: 1px solid var(--AtDark);margin-right:8px; border-radius:3px;}

li.nav-item,li.nav-item>a:link, li.nav-item>a:visited{
	font-weight:bold;
border-right:1px solid var(--AtGold);
font-size:10pt;
}


.navbar-nav .nav-link.show {color: var(--AtGold);}
.dropdown-item:hover {background-color: var(--AtGold); transition:background-color .2s ease;}

li.nav-item>a:hover{color:var(--AtGold);}



.footer-LISaaS a:link, .footer-LISaaS a:visited {color:var(--AtWhite);}
.footer-LISaaS a:hover {color: var(--AtGold);}





.areas, .areas:link, .areas:visited {
display:block;float:left;width:100%;
color:#000;background-color:#efefef; 
font-size:8pt;
padding:.4rem 0;
margin:10px; display:block; float:left; text-decoration:none;
padding-left:10px;
border-left:3px solid var(--LgOrange); 
}
.areas::before{content:"⦿ ";}



.brands, .brands:link, .brands:visited {
display:block;float:left;width:100%;
color:#000;background-color:#efefef; 
font-size:8pt;
padding:.4rem 0;
margin:10px; display:block; float:left; text-decoration:none;
padding-left:10px;
border-left:3px solid var(--AtLight); 
}
.brands::before{content:"⦿ ";}

#navbarSupportedContent > ul > li > ul{ border-radius:2px;background-color:rgba(255,255,255,.9);
box-shadow:0px 0px 10px rgba(0,0,0,.5);
transition:background-color .4s ease;}

/* -------------- logicindustry -------------*/
 .logicindustry, .logicindustry:visited, .logicindustry:active {background-color:#221d36;font-size:9pt; padding:3px 10px;border:1px solid #fff;color:#efefef;width:100%;display:block;float:left;text-align:center;text-decoration:none;margin:5px 0px;transition:background-color .4s ease;margin:15px 0px;}
 .logicindustry:hover{color:#000;border:1px solid #fff;transition:background-color .4s ease;background-color:#c00;} 

/*

font-family: 'Gabarito', Arial; 100,600
brandBlue:#121999; 
lightBlue:#00c5ff

*/




@media only screen and (max-width: 991px) {
  #navbarSupportedContent {
    padding-top:70px;
  }
}