/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 0px;
}
footer {
  padding: 30px 0;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
 
 a:link.ABC1, a:visited.ABC1 {
    display: inline;
    color: #ffffff;
    background-color: #334D68;
    text-align: left;
    padding:0 0 0 0;

    text-decoration: none;
    
}

 
 
 
 
 .pos3 {
    position: relative;
    left: 55px;
    bottom: 0px;
    max-width: 70%;
    color: black;
    padding: 10 10 50px 10;
    background: #0066cc;
	font-size: 14px;
    text-decoration: underline;
    font-size: 16px;

}

 
 
 
.pos2 {
    position: relative;
    left: 55px;
    bottom: 0px;
    max-width: 70%;
    color: black;
    padding: 10 10 50px 10;
    background: #0066cc;
	font-size: 14px;
    text-decoration: underline;
    font-size: 16px;

}
 
p.center {
    text-align: center;
    color: black;
    font-size: 14px;
    padding: 0 10 25px 10;
    position: relative;
    bottom: 0px;
     border-color: black;
}
 

 .pos_dn {
    position: relative;
    left: 25px;
    top: 10px;
    padding: 5 5 5px 5;
	font-size: 14px;
  
}
 

 
 .btnbox {
 Display: None;
 }
 

.arrow-acc {
width:15px; 
height:50px; /*background:url('../../images/arrow.png') no-repeat;*/ 
float:right 
}

.accordionButton {
width:200px; 
font-family:'Roboto', sans-serif; 
padding:25 10 25px; 
height:40px; 
float:left; /*margin:0 0 2px 0; _float: none; */

/*.accordionContent {
width:95%;
/*236 float: left;*/ 
padding:10 5px; 
border:1px solid #000000; 
margin:0 0 2px 0; 
background: #225577;
  }
  
a:link.picturepage, a:visited.picturepage {
    display: inline;
    background-color: #225577; /*rgb(51, 77, 104);*/ 
    padding: 10 10 10 10px;
    color: White;
 }
  

a:link.special, a:visited.special {
    display: block;
    color: #ffffff;
    background-color: #00aacc;
    text-align: left;
    padding: 10 10 10 10px;
    position: relative;
    top: 0px;
 
}
/*
 */

a:link, a:visited {
    display: inline;
    color: #ffffff;
    background-color: #386993;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;

    text-decoration: none;
    
}

a:link.lnk2, a:visited.lnk2 {
    display: block;
    color: #ffffff;
    background-color: #225577;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;

    text-decoration: none;
    
}





a:hover, a:active {
    background-color: #0066cc;
    color: #ffffff;
}  
/*

 */

.maincontent {
margin-left: 35px;
padding-left: 15px;
width: 100%;
font-size: 16;
}

  
 .hdrtext {
 	font-size: 30px;
 	background-color: #334D68; 
 	color: white;
 	padding-left: 15;

 	}
 
   .menubox {
 /*    width: 15%/*730*/;
  float: left;
  margin-left: 0px;*/
      z-index: 1;
  }
 
   .Adboxtop {
   Display: flex;
   flex-wrap: nowrap;
   }

  .text2 {
  	font-size: 24px;
  	padding-left: 0;

  	}

  .text3 {
  	font-size: 26px;
  	padding-left: 15;

  	}


 
 
@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
   
 .text2 {
  	font-size: 18px;
  	}

.text3 {
  	font-size: 26px;
  	
  	}


  .hdrtext {
  	font-size: 16px;
  	padding-left: 15;
  	}

   .Adboxright {
   Display: none;
   }

   .Adboxleft {
   Display: none;
   }

.maincontent {
/*margin-left: 0px;
z-index: 0;
width: 100%;*/
}

    .Adboxtop {
   Display: none;
   }
  .menubox {
  Display: none;
  }
  
  .btnbox {
 Display: inline;
 }
}

   .Blue {
   color: blue;
   }
     
   .pos_fixed {
    position: fixed;
    top: 0px;
    left: 0px;
     z-index: 2;
}

.pos_fixed2 {
    position: fixed;
    top: 0px;
    left: 125px;
     z-index: 2;
}