/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

a.na:link {
	color:#336699;
	font-size:.8rem;
}
a.na:visited {
	color:#336699;
}
a.na:hover {
	background:#ccffff;
	border-bottom: 1px solid #336699;
}
.section {
  position: relative;
  width: 100%;
  /* margin: var(--cnvs-section-margin) 0; */
  /* padding: var(--cnvs-section-padding) 0; */
  /* background-color: var(--cnvs-section-bg); */
  overflow: hidden;
}
.credits {
margin: auto;
width: 50%;
padding: 1px;
display: flex;
justify-content: center;
font-size: 9px;
}
/* Links */
.link {
position: relative;
cursor: pointer;
white-space: nowrap;
color: #336699;
font-size: .7rem;
font-family: 'Roboto', sans-serif;
}
.link::before, .link::after {
position: absolute;
width: 100%;
height: 1px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.link::before {
content: '';/* show by default */
}
/* Links 1 */
.link-1::before {
height: 2px;
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.link-1:hover::before {
height: 2px;
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
}
.read {
margin-top: -24px;
position: relative;
padding-bottom: 12px;
padding-right: 15px;
font-size: 12px;
}
.card-box {
border: 1px solid #999;
padding: 20px;
/* box-shadow: 0px 0px 10px 0px #c5c5c5;*/
margin-bottom: 30px;
float: left;
border-radius: 10px;
}
.card-box .card-thumbnail {
max-height: 200px;
overflow: hidden;
border-radius: 10px;
transition: 1s;
}
.card-box .card-thumbnail:hover {
transform: scale(1.2);
}
.card-title h1 a {
font-size: 34px;
margin-top: 25px;
text-decoration: none;
color: #336699;
}
.description {
font-size: 12px;
padding-top: 19px;
}
.footer-text {
color: #000;
font-size: 12px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}

.result-wrapper{
    border:solid #ccc 1px;
    border-radius: 0 0 5px 5px;
   position:absolute;
    width: 325px;
    top:38px;
	background-color:white;
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
	
z-index:100;
}


.result-wrapper > ul {
    margin:0; 
    padding:0;
    list-style-type:none;
	
}
.result-wrapper > ul > li > a{
    display:block;
    padding:5px 10px;
    color:#444;
	border-bottom: 1px solid #d2d0d0;
	
}



.result-wrapper > ul > li > a:hover{
border-bottom: 1px solid #336699;
    /*font-weight:bold;
	color:#336699;*/
}





.result-wrapper1{
    border:solid #ccc 1px;
    border-radius: 0 0 5px 5px;
    position:absolute;
    width:250px;
   margin-top: -20px;
	background-color:white;
    max-height: 380px;
    overflow-y: auto;
	/*margin-left: 58px;*/
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
z-index:100;
 box-shadow:     0      5px      5px       #ccc;
}


 .appsandspecs_heading 
{
font-family: 'Lato', sans-serif;

	font-weight: bold;
	
	font-size: 1em;
	text-decoration: underline;	
	}
	
	.appsandspecsul 
{
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-size: .8em;
	/*padding-bottom: 15px;*/
	
	}

.appsandspecs_more 
{
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-size: 1em;
	padding-bottom: 15px;
	list-style-type: none;
	}

.result-wrapper1 > ul {
    margin:0; 
    padding:0;
    list-style-type:none;
	
}
.result-wrapper1 > ul > li > a{
    display:block;
    padding:5px 10px;
    color:#444;
	border-bottom: 1px solid #d2d0d0;
	
}

.text-center-contact {
  text-align: center !important;
  padding-bottom: 12px;
}

.result-wrapper > ul > li > a:hover{
border-bottom: 1px solid #336699;
    /*font-weight:bold;
	color:#336699;*/
}


.result-wrapper2{
    border:solid #ccc 1px;
    border-radius: 0 0 5px 5px;
   position:absolute;
 width: 100%;
    top: 220px;
	background-color:white;
    max-height: 400px;
    overflow-y: auto;
	/*margin-left: 58px;*/
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
z-index:100;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

.result-wrapper2 > ul {
    margin:0; 
    padding:0;
    list-style-type:none;
	
}
.result-wrapper2 > ul > li > a{
    display:block;
    padding:5px 10px;
    color:#444;
	border-bottom: 1px solid #d2d0d0;
	
}




h4.pq{font-family:'MicrogrammaD-MediExte', sans-serif;margin-left:5px;color:#336699;}
.gagebiltfont{color:#333;line-height:.5;font-family:'MicrogrammaD-MediExte', sans-serif; font-size: .9rem;}
.gagebiltfont1{color:#333;line-height:.5;font-family:'MicrogrammaD-MediExte.ttf', sans-serif;}
.gagebilt{color:#333;font-weight:normal;font-style:normal;font-family:'MicrogrammaD-MediExte', sans-serif;}
.gagebilt14{font-family:'MicrogrammaD-MediExte', sans-serif;color:#777;font-size:14px;}
.gagebilt1{color:#777;font-size:12px;}

h1.pq{font-family:'MicrogrammaD-MediExte', sans-serif;margin-left:0px;color:#336699;}

.gagebiltfont{color:#333;line-height:.5;font-family:'MicrogrammaD-MediExte', sans-serif; font-size: .9rem;}
.gagebiltfont1{color:#333;line-height:.5;font-family:'MicrogrammaD-MediExte.ttf', sans-serif;}
.gagebilt{color:#333;font-weight:normal;font-style:normal;font-family:'MicrogrammaD-MediExte', sans-serif;}
.gagebilt14{font-family:'MicrogrammaD-MediExte', sans-serif;color:#777;font-size:14px;}
.gagebilt1{color:#777;font-size:12px;}


.card-title h1 a {
font-size: 34px;
margin-top: 25px;
text-decoration: none;
color: #336699;
}
.smallerGBFont {
font-family:'MicrogrammaD-MediExte', sans-serif;
  font-size: 26px;
  margin-bottom: 10px;
  color:#336699;
}
.smallerGBFont2 {
font-family:'MicrogrammaD-MediExte', sans-serif;
  font-size: 32px;
  margin-bottom: 10px;
  color:#336699;
  border-bottom: thin solid #336699;
}

h4 span{
font-family:'MicrogrammaD-MediExte', sans-serif;
  font-size:1em;
}
h1 span{
font-family:'MicrogrammaD-MediExte', sans-serif;
  font-size:7em;
   color:#fff;
    color:#336699;
}


.whitelargegb{
font-family:'MicrogrammaD-MediExte', sans-serif;
  font-size:3em;
  color:#ffffff;
}

.whitelargegb2{
font-family:'MicrogrammaD-MediExte', sans-serif;
  font-size:2em;
  color:#fffff;
}


.smallerGBFontwhite {
font-family:'MicrogrammaD-MediExte', sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
  color:#fff
}


.blacksearch {

  color: #000000;
  font-weight: var(--cnvs-primary-menu-font-weight);
  font-size: 16px;
  font-family: var(--cnvs-primary-menu-font);
 
}


.largerGBFontwhite {
font-family:'MicrogrammaD-MediExte', sans-serif;
  font-size: 30px;
  margin-bottom: 0px;
  color:#fff
}
.largerGBFont {
font-family:'MicrogrammaD-MediExte', sans-serif;
  font-size: 30px;
  margin-bottom: 0px;
  color:#fff
}
.largerGBFontBlue {
font-family:'MicrogrammaD-MediExte', sans-serif;
  font-size: 26px;
  margin-bottom: 10px;
  color:#336699;
  font-weight: var(--cnvs-headings-font-weight);
}
.largerGBFontblack {
font-family:'MicrogrammaD-MediExte', sans-serif;
  font-size: 30px;
  margin-bottom: 0px;
  color:#336699;
}