body {
  font-family: 'Lora', sans-serif;
  background:#eaedf2;
  color:#666;
}
a{
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  text-decoration:none;
}
strong{
color: #4eb395;
}
#myHeader img {
  width: 100%;
  border-radius: 10px;
}
.switch-panel {
  display: block;
  position: fixed;
  right: 0px;
  top: 91px;
  width: 50px;
  height: 100px;
  box-shadow: 0 0 6px rgba(0,0,0,.25);
  background: #fff;
  z-index: 99999;
}
.switch-panel a img{
margin: 12px auto;
}

.top_text.fixed {
display: block;
font-size: 35px;
font-weight: 800;
font-family: playfair display;
letter-spacing: 1px;
color: #fff;
}
.top_text {
display: none;
}

.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
background: #696969;
}
.content-info a{
color:#5a94be
}
.content-info a:hover{
color:#000;
}
a img { 
  border:0;
}
section img{
display:block;
max-width:100%;
height:auto;
margin:15px 0 15px 0;
}
.btn{
display:inline-block;
background:#fff;
letter-spacing: 1px;
font-weight: 600;
}
header{
padding:15px 0;
background:#c9e2e8;
z-index: 99999;
}
#nav {
height: 30em;
line-height: 2em;
overflow: scroll;
overflow-x: hidden;
}
nav {
  border-top: 5px solid #4eb395;
}
li {
border-top: 1px solid #ccc;
}
ul ul {
text-indent: 1em;
}
ul ul ul {
  text-indent: 2em;
}
.slogan{
color:#fff;
font-weight:400;
font-size:20px;
line-height:34px;
text-align: center;
}
.slogan h1 {
font-size: 35px;
font-weight: 800;
font-family: playfair display;
letter-spacing: 1px;
width: 60%;
}
section .container{
  background:#fff;
}
.content-wrap{
padding:50px 0
}
.menu-box ul{
margin:0;
padding:0;
}
.center {
text-align: center;
color: #fff;
}
.menu-box li{
display:block;
box-shadow: 0 5px 5px 2px #eee;
border: none;
}
.menu-box li a {
  display: block;
  padding: 13px 20px;
  color: #000000;
  text-decoration: none;
}
.menu-box li a:hover, .menu-box li a.current {
background: #4e9fb3; 
color: #fff;
font-family: 'Lora', serif;
}
.menu-box li:last-child a{
border-bottom:0;
}
.section-txt{
padding-bottom:15px;
margin-bottom:30px;
border-bottom:5px double #dcdcdc;
}
.section-txt:last-child{
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}
.content-info h3{
font-size: 35px;
font-weight: 600;
color: #3a928b;
margin: 0 0 15px 0;
font-family: 'Crimson text';
letter-spacing: 1px;
font-style: italic;
}
.content-info p{
color:#666;
line-height:24px;
font-size:18px;
font-weight:500;
font-family: 'Lora', sans-serif;

}
.content-info ul{
margin:0 0 14px 0;
}
.content-info ul li{
line-height:30px;
font-size:16px;
font-weight:400;
}

.content-info iframe {
  width: 100%!important;
  height: 350px;
  border: 0!important;
}

.footer-area{
margin-top:50px;
padding:60px 0;
background:#222;
font-size:16px;
line-height:24px;
color:#fff;
font-weight:400;
}

.footer-area a{
color:#999;
}
.footer-area a:hover{
color:#eee
}
footer{
background:#111;
padding:20px 0;
font-weight:400;
font-size:12px;
}
/*new css*/
.slogan.banner-full-height{
  position: relative;
  height: 375px;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow: hidden;
}
.slogan:before {
  position: absolute;
  content: ' ';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(0,0,0,0.7);
}
a.btn.hd-btn {
  background: #3a928b;
  color: #ffffff;
  font-weight: 600;
  border: 2px solid #fff;
}
div#logo {
  background: #4e9fb3;
  border-radius: 5px;
}
ul.feature-list {
--icon-space: 1.3em;
list-style: none;
padding: 0;
}

ul.feature-list li {
padding-left: var(--icon-space);
line-height: 35px;
}

ul.feature-list li:before {
content: "\f1d8"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
width: var(--icon-space);
color: #36726d;
}
ul.instal-list p {
  font-size: 15px;
}
ul.instal-list li {
  list-style: square;
  color: #36726d;
}
.hd-icon {
  font-family: 'FontAwesome';
  font-size: 25px;
  color: #6ca0c5;
}
ul.folder-list {
  list-style: inside;
}
ul.menu-list li {
  border: none;
  list-style: circle;
}
p.hd-btn {
  font-size: 22px;
  color: black;
}
p.star-point i {
  font-size: 15px;
}
/*sidebar*/
.menu-box {
width: 30%;
}
.menu-box.stickIt {
position: fixed;
top: 13% !important;
width: 22% !important;
}
div#myMenu {
float: left;
width: 98%;
height: 100%;
}
.sidebar-scroll::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}

.sidebar-scroll::-webkit-scrollbar
{
width: 5px;
background-color: #39B7CD;
}

.sidebar-scroll::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #4eb395;
}
/*button*/
.head-btn a{
color: #fff;
font-weight: 700;
  border: 3px solid #4e9fb3;
  background-image: -webkit-linear-gradient(30deg, #4e9fb3 50%, transparent 50%);
  background-image: linear-gradient(30deg, #4e9fb3 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}
.head-btn a:hover {
background-position: 100%;
color: #4e9fb3;
}
@media only screen and (max-width: 575px) {
.menu-box.stickIt {
  position: static;
  width: 100% !important;
}
.sticky{
  position: unset;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.menu-box.stickIt {
  position: static;
  width: 100% !important;
}
.sticky{
  position: unset;
}
}
@media only screen  and (max-width: 991px) {
.menu-box.stickIt {
  position: unset;
  width: 100% !important;
}
.sticky{
  position: unset;
}
#logo {
 text-align: center;
  width: 100%;
  margin: 0px auto;
}
}

@media only screen and (max-width: 991px) {
.slogan.banner-full-height{
  height: 200px;
}
.md-class{
    display: none;
  }
}

@media only screen and (max-width: 767px){
.slogan h1 {
  font-size: 20px;
  width: 100%;
}
.header-bg {
  margin-top: 60px;
}
.content-wrap {
  padding: 30px 0;
}
.slogan{
  text-align:center;
  line-height:22px;
  margin-bottom:15px;
}
#logo {
 text-align: center;
  width: 60%;
  margin: 10px auto;
}
#logo img{
  margin:0 auto;
}
.btn{
  display:block;
  margin:0 auto;
}
aside{
  width:100%;
  float:none;
  padding:0 15px;
  margin-bottom:30px;
}
.content-info {
  padding-right: 15px;
  padding-left: 15px;
}
.content-info p, .content-info ul li{
  font-size:14px;
  line-height:22px;
}
.content-info h3 {
  font-size: 20px;
}
.footer-area {
  margin-top: 30px;
  padding: 50px 0;
  font-size:14px;
}
}

@media only screen and (max-width: 767px){
  .head-btn a {
    margin-top: 8px;
  }
}