a.readmore{display:inline-block; padding:00px 40px; margin:auto; width:auto; max-width:200px; border-radius:200px; font-size:26px; color:#FFF; text-align:center; text-shadow:0px 1px 1px #000}
a.green{ background-color:#75cf44}
a.blue{ background-color:#52b3d3}
a.readmore:hover{ text-shadow:none}
.gallerydiv{ width:100%; max-width:1100px; margin:auto; }
.gallerydiv ul{ list-style:none;}
.gallerydiv ul li{ background-image:none}
.bgwelcomerow{background:#FFF url(../img/welcome.jpg); background-size:cover; background-position: center !important;}
.row-colored{background-color:#007790; color:#FFF;}
.row-white{ background-color:#FFF}
.mycontainer{width:100%; max-width:1100px; height:auto; margin:auto;}
.myp{font-size:16px; line-height:35px; text-align:justify}
h1.myh1{font-size:40px; color:#003366; text-align:left }
h1.myh1 img{ margin-right:10px; margin-left:0px; width:inherit }
@media (max-width:768px){
.opc{ width:100%; height:100%; background-color:#000; top:0; position:absolute; z-index:9; opacity:0.85; visibility:hidden}
.opcvisible{ visibility:visible}
p.myp{font-size:14px;  line-height:32px}
h1.myh1{text-align:center; font-weight:normal; font-size:36px}
h1.myh1 img{ height:30px}
}



.budgetdiv{width:100%; max-width:1100px; height:auto; margin:auto;}
.budgetdiv .budleftdiv{ width:49.95%; height:auto; float:left;}
.budgetdiv .budrightdiv{width:49.95%; height:auto; float:right}
.budgetdiv table{ margin:auto}
.budgettable{ width:100%; border:1px solid #606060; border-bottom:none; border-left:none; text-transform:capitalize}
.budgettable tr.oddrow{ background-color:#D4F0F6}
.budgettable tr.evenrow{ background-color:#A2E9F8; }
.budgettable tr.hnbrow{ background-color:#007790; color:#FFF; text-transform:uppercase;  font-weight:bold}
.budgettable tr.rowafterblank td{border-top:1px solid #606060}
.budgettable tr.hnbrow td{ border-left-color:#FFF; font-size:16px;}
.budgettable tr.blankrow{ background:#f0f0f0}
.budgettable tr.blankrow td{ border-bottom: 1px solid #f0f0f0}
.budgettable tr td{ padding:0px 10px; height:50px; vertical-align:middle; border:1px solid #606060; border-top:none; border-right:none; margin:0px; font-size:16px }
@media (max-width: 767px){
.budgetdiv .budleftdiv, .budgetdiv .budrightdiv{ width:90%; margin:auto; float:none; margin-bottom:50px}
.budgettable tr.blankrow td{ height:0; border-bottom:none}
.budgetdiv table tr td{ font-size:15px}
.budgettable tr.hnbrow td{ font-size:15px;}
.budgettable tr.rowafterblank td{border-top:none}
}

.sidecontainer{width:70%; height:auto; float:right; margin-bottom:20px;}
.sidecontainer img{ width:100%; margin:10px 0px;}
.sidebardiv{width:27%; height:auto; position: sticky; top:80px; float:left;}
@media (max-width: 767px){.sidecontainer{ width:94%; float:none; margin:auto; margin-bottom:20px;}
.sidebardiv{ width:90%; float:none; position:inherit; margin:auto; max-width:350px;}
}
.sidebardiv h2{
    padding: 20px 0px; width:100%;
    font-size: 17px;
    font-weight: normal;
    background-color:#DE873A;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    border: 0px solid #c9c9c9; border-bottom:1px solid #fff;
    line-height: 20px;
    transition: all 0.2s ease-in-out;
    margin: 0 auto;
    float: none;
    display: inline-block; text-transform: uppercase; text-shadow:0px 1px 2px #000;
}

.sidebardiv ul{ border:1px solid #DE873A; border-right:none; border-bottom:none} 
.sidebardiv ul li{
    list-style: none; background:none; padding:0px;
}
.sidebardiv ul li a{
    padding: 20px 20px; text-transform: uppercase; 
    font-size: 15px; font-weight: normal; background-color: #F8DDA1; color: #252525; display:block;
    width: auto;
    border:1px solid #DE873A; border-top:none; border-left:30px solid #DE873A;
    line-height: 20px; text-align:left;
    transition: all 0.4s ease-in-out;
}

.sidebardiv ul li a:hover, .sidebardiv ul li a.active{
    background-color: #DE873A; border-left-color:#F8DDA1;
	color:#FFF;
    text-decoration: none;
}


.homemarquee{ width:85%; max-width:1090px; height:auto; margin:auto; border:5px solid #FFF; background-color:#FFF;}
.homemarquee img{ height:180px; }
.homemarquee marquee{ }

.certdiv{width:100%; max-width:1000px; height:auto; margin:auto}
.certdiv .certitem{ width:28.65%; margin:10px 1%;  padding:1%; height:auto; background-color:#FF9999; float:left; border:1px solid #DDD;  border-radius:20px 20px 4px 4px; }
.certdiv .certitem2{width:45%; margin:10px 1%;  padding:1%; height:auto; background-color:#FF9999; float:left; border:1px solid #DDD;  border-radius:4px 4px 4px 4px; }

.certdiv .bgc1{ background-color:#D9EDF7; border-color:#A7CEE1;}
.certdiv .bgc1 span{color:#31708F}
.certdiv .bgc2{ background-color:#F2DEDE; border-color:#DCB3B3; color:#A94442}
.certdiv .bgc2 span{color:#A94442}
.certdiv .bgc3{ background-color:#DFF0D8; border-color:#A7D494; color:#3C763D}
.certdiv .bgc3 span{color:#3C763D}
.certdiv  img{ width:100%; margin-top:00px;}
.certdiv  span{ display:block; width:100%; text-align:center; font-size:20px; margin:10px 0px;}
@media (max-width: 767px){.certdiv .certitem{ width:82%; padding:12px; float:none; margin:auto; margin-bottom:20px; max-width:450px}
.certdiv .certitem2{ width:auto; padding:2%; float:none; margin:auto; margin:20px 5px; max-width:450px}
}

.certdiv:after{content:""; display:block; clear:both;}
.cleaner{width:100%; height:0px; clear:both;}
.bgcolorfirst{ background-color:#FF9966}
#banneroutwrap{width:100%; border-bottom:2px solid #007790; direction:ltr}
#bannerwrap{width:100%; height:auto; max-width:1100px; margin:auto; background-colorx:#125415}
#bannerwrap #bannerdiv{width:63%; height:auto; padding:5px 0px;  float:left; background-colorx:grey;}
#logodiv{width:0%; max-width:150px; height:auto; float:left; margin-right:1%; background-colorx:#FF9900; }
#bannername{width:99%;  height:auto; float:left; background-colorx:#FF9900; }
#langdiv{width:35%; height:auto; padding:5px 0px; float:right; background-colorx:grey; margin-right:10px; }
#headinfodiv{width:100%; text-align:right; line-height:30px; font-size:15px; 
height:auto; min-height:40px; margin-bottom:2px; background-colorx:#0099FF; }
#langbox{ text-align:right; width:100%; height:auto; font-weight:bold; background-colorx:#0099FF; } 
#langbox a{ display:block; background-color:#F2DEDE; color:#A94442; float:right; width:30.5%; margin-left:2%; line-height:40px; padding:0px; text-align:center; border:1px solid #EBAEAD; border-radius:3px;}
#langbox a:hover{ background-color:#D9EDF7; border-color:#A7CEE1; color:#31708F}
@media ( max-width: 767px ) {
#bannerwrap{margin-top:50px; padding:0px; padding-top:8px;}
#bannerwrap #bannerdiv{ width:100%; float:none; max-width:500px; margin:auto}
#langdiv{ width:100%; float:none; max-width:500px; margin:auto}
#headinfodiv{ text-align:center; height:auto; font-size:12px; border-top:1px solid #7ECDDE; border-bottom:1px solid #7ECDDE; min-height:0px; }
#langbox{ padding:5px 0px; text-align:center;}
#langbox a{ margin:0px 1%; width:30.50%; font-size:15px; font-weight:normal; float:none; display:inline-block; line-height:30px;}
}


a { text-decoration: none; }

.mymenucontainer {
  margin: auto;
  width: 100%; background-color:#007790; border-bottom:1px solid #FFF; 
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 0px; z-index:999999999;   transition: top 0.3s linear;
}
.mymenubarholder{width:100%; max-width:1100px; margin:auto}
.mynavigation {
  display: block; 
}

.mynavigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}

.mynavigation li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  font-size: 17px;
  color: #def1f0;
}

.mynavigation li a {
  padding: 15px 20px;
  font-size: 17px;
  color: #def1f0; color:#FFF; text-shadow:0px 0px 2px #000;
  display: inline-block;
  outline: 0;
  font-weight: 400; text-transform:capitalize;
}

.mynavigation li:hover ul.dropdown { display: block; }

.mynavigation li ul.dropdown {
  position: absolute;
  display: none;
  width: 200px;
  background: #00A3D3;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding-top: 0; z-index:99999999;
}

.mynavigation li ul.dropdown li {
  display: block;
  list-style-type: none;
}

.mynavigation li ul.dropdown li a {
  padding: 10px;
  font-size: 15px;
  color: #fff;
  display: block;
  border-bottom: 1px solid #007790;
  font-weight: 400;
}

.mynavigation li ul.dropdown li:last-child a { border-bottom: none; }

.mynavigation li:hover a {
  background: #00A3D3;
  color: #fff !important;
}
.mynavigation li a.active {
  background: #00A3D3;
  color: #fff !important;
}

.mynavigation li:first-child:hover a { border-radius: 0px 0 0 0px; }

.mynavigation li ul.dropdown li:hover a { background: #058BB3; }

.mynavigation li ul.dropdown li:first-child:hover a { border-radius: 0; }

.mynavigation li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #FFF;
  position: relative;
  top: 12px;
  right: -8px;
  content: '';
}
 @media only screen and (max-width:767px) {

.mynavigation {
  background: #00A3D3;
  width: 200px;
  height: 100%;
  display: block;
  position: fixed;
  left: -200px;
  top: 0px;
  transition: left 0.3s linear;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index:10;
}

.mynavigation.visible {
  left: 0px;
  transition: left 0.3s linear;
}

.nav_bg {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 42px;
  margin: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #007790;
  padding: 12px 0 0 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); z-index:11;
}

.nav_bar {
  display: inline-block;
  vertical-align: middle;
  height: 26px;
  cursor: pointer;
  margin: 0; border:2px solid #FFF; border-radius:5px;
}

.nav_bar span {
  height: 2px;
  background: #fff;
  margin: 5px;
  display: block;
  width: 20px;
}

.nav_bar span:nth-child(2) { width: 20px; }

.nav_bar span:nth-child(3) { width: 20px; }

.mynavigation ul { padding-top: 50px; }

.mynavigation li { display: block; }

.mynavigation li a {
  display: block;
  color: #FFF;
  font-weight: 500; border-bottom:1px solid #007790;
}

.mynavigation li:first-child:hover a { border-radius: 0; }

.mynavigation li ul.dropdown { position: relative; }

.mynavigation li ul.dropdown li a {
  background: #095C6D !important;
  border-bottom: none;
  color: #fff !important;
}

.mynavigation li:hover a, .mynavigation li a.active {
  background: #007790;
  color: #fff !important;
  
}
.mynavigation li a.active{border-bottom-color:#00a3d3}

.mynavigation li ul.dropdown li:hover a {
  background: #00a3d3 !important;
  color: #fff !important;
}

.mynavigation li ul.dropdown li a { padding: 10px 10px 10px 30px; }

.mynavigation li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  border-top: 5px solid #505050;
  position: absolute;
  top: 20px;
  right: 10px;
}

.opacity {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; 
}
}
 @media only screen and (max-width:1199px) {

.mymenucontainer { width: 100%; }
}



.sticky {
  position: fixed;
  top: 0;
  width: 100%;  padding:3px 0px;  box-shadow: 0 0px 5px 1px #333; z-index:9;

}
.contentmy{ background-color:#FF0000}

.sticky + .contentmy {
  padding-top: 60px;
}



/*======================================
    PARALLAX LIKE / STATS SECTION STYLES
=========================================*/

.parallax-like {
    background: url(../img/stats.jpg) no-repeat center center; /* DEFINE IMAGE PATH CAREFULLY*/
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    background-attachment: fixed;
}

    .parallax-like .overlay {
        min-height: 200px;
        background: rgba(35, 133, 161,0.9);
        font-size: 20px;
        padding-bottom: 60px;
        padding-top: 60px;
    }
	.parallax-like .overlay h1{ font-size:40px;}