@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300 italic,400italic,600,600italic,700,700italic,800,800 italic|Droid+Sans:400,700|PT+Sans:400,400italic,700,700italic|Lato:400,100,100 italic,300,300italic,400italic,700,700italic,900,900italic|Oswald:400,300,700| Droid+Serif:400,400italic,700,700italic|Roboto:400,100,100italic,300,300italic,400 italic,500,500italic,700,700italic,900,900italic|Lora:400,400italic,700,700 italic|Libre+Baskerville:400,400italic,700|Josefin+Slab:400,100,100i talic,300,300italic,400italic,600,600italic,700,700italic|Arvo:400,400 italic,700,700italic|Ubuntu:400,300,300italic,400italic,500,500italic,700,700 italic|Raleway:400,100,200,300,500,600,700,800,900|Source+Sans+Pro:400,200,200 italic,300,300italic,400italic,600,600italic,700,700italic,900,900 italic|Lobster|PT+Serif:400,400italic,700,700italic|Old+Standard+TT:400,400 italic,700|Gravitas+One|Merriweather:400,300,300italic,400italic,700,700italic,900,900italic);
/* font-family: 'Bruno Ace SC', cursive;
 font-family: 'Encode Sans', sans-serif;
 font-family: 'Lato', sans-serif;
 font-family: 'Oxygen', sans-serif;
 font-family: 'Poppins', sans-serif;
 font-family: 'Open Sans', sans-serif;
 font-family: 'Droid Sans', sans-serif;
 font-family: 'PT Sans', sans-serif;
 font-family: 'Lato', sans-serif;
 font-family: 'Poppins', sans-serif;
 font-family: 'Droid Serif', serif;
 font-family: 'Poppins', sans-serif;
 font-family: 'Lora', serif;
 font-family: 'Libre Baskerville', serif;
 font-family: 'Josefin Slab', serif;
 font-family: 'Arvo', serif;
 font-family: 'Ubuntu', sans-serif;
 font-family: 'Raleway', sans-serif;
 font-family: 'Source Sans Pro', sans-serif;
 font-family: 'Lobster', cursive;
 font-family: 'PT Serif', serif;
 font-family: 'Old Standard TT', serif;
 font-family: 'Gravitas One', cursive;
 font-family: 'Merriweather', serif;
 ( font-family: 'Open Sans', sans-serif;
 ***** font-family: 'Droid Sans', sans-serif;
 ***** font-family: 'PT Sans', sans-serif;
 ***** font-family: 'Lato', sans-serif;
 ***** font-family: 'Poppins', sans-serif;
 ***** font-family: 'Source Sans Pro', sans-serif;
 ***** font-family: 'Poppins', sans-serif;
 ***** font-family: 'Raleway', sans-serif;
 ***** font-family: 'Lobster', cursive;
 ) */
 .carousel-fade .carousel-inner .item {
     opacity: 0;
     transition-property: opacity;
     overflow:hidden;
}
 .item.active img {
     transition: transform 5000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
     transform: scale(1.05, 1.05);
}
 .carousel-fade .carousel-inner .active {
     opacity: 1;
}
 .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
     left: 0;
     opacity: 0;
     z-index: 1;
}
 .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
     opacity: 1;
}
 .carousel-fade .carousel-control {
     z-index: 2;
}
/* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." now override the 3.3 new styles for modern browsers & apply opacity */
 @media all and (transform-3d), (-webkit-transform-3d) {
     .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
         opacity: 0;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
         opacity: 0;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 nav {
     display: block;
     background: white;
     padding-top: 40px;
}
 .menu {
     display: block;
}
 .menu li {
     display: inline-block;
     position: relative;
     z-index: 100;
}
 .menu li:first-child {
     margin-left: 0;
}
 .menu li a {
     font-weight: normal;
     text-decoration: none;
     padding: 5px 8px;
     display: block;
     color: #000;
     transition: all 0.2s ease-in-out 0s;
}
 .menu li a:hover, .menu li:hover>a {
     color: #81c408;
     background: #fff;
}
 .menu ul {
     visibility: hidden;
     opacity: 0;
     margin: 0;
     padding: 0;
     width: 170px;
     position: absolute;
     left: 0px;
     background: #fff;
     z-index: 99;
     transform: translate(0, 20px);
     transition: all 0.2s ease-out;
}
 .menu ul:after {
     bottom: 100%;
     left: 20%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(255, 255, 255, 0);
     border-bottom-color: #fff;
     border-width: 6px;
     margin-left: -6px;
}
 .menu ul li {
     display: block;
     float: none;
     background: none;
     margin: 0;
     padding: 0;
}
 .menu ul li a {
     font-size: 12px;
     font-weight: normal;
     display: block;
     color: #000;
     background: #fff;
     line-height: 16px;
}
 .menu ul li a:hover, .menu ul li:hover>a {
     background: #fff;
     color: #81c408;
}
 .menu li:hover>ul {
     visibility: visible;
     opacity: 1;
     transform: translate(0, 0);
}
 .menu ul ul {
     left: 169px;
     top: 0px;
     visibility: hidden;
     opacity: 0;
     transform: translate(20px, 20px);
     transition: all 0.2s ease-out;
}
 .menu ul ul:after {
     left: -6px;
     top: 10%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(255, 255, 255, 0);
     border-right-color: #fff;
     border-width: 6px;
     margin-top: -6px;
}
 .menu li>ul ul:hover {
     visibility: visible;
     opacity: 1;
     transform: translate(0, 0);
}
 .responsive-menu {
     display: none;
     width: 100%;
     padding: 5px 15px;
     background: #fff;
     color: #000;
     text-transform: uppercase;
     font-weight: 600;
     margin-bottom: 5px;
}
 .responsive-menu:hover {
     background: #fff;
     color: #81c408;
     text-decoration: none;
}
 a.homer {
    border: 1px solid #0095e5;
}
 @media (min-width: 768px) and (max-width: 979px) {
     .mainWrap {
         width: 768px;
    }
     .menu ul {
         top: 37px;
    }
     .menu li a {
         font-size: 12px;
    }
     a.active {
         background: #E95546;
         color:red;
    }
}
 @media (max-width: 767px) {

     .mainWrap {
         width: auto;
         padding: 50px 20px;
    }
     .menu {
         display: none;
    }
     .responsive-menu {
         display: block;
    }
     nav {
         margin: 0;
         background: none;
    }
     .menu li {
         display: block;
         margin: 0;
    }
     .menu li a {
         background: #fff;
         color: #000;
    }
     .menu li a:hover, .menu li:hover>a {
         background: #81c408 !important;
         color: #fff !important;

    }
     .menu ul {
         visibility: hidden;
         opacity: 0;
         top: 0;
         left: 0;
         width: 100%;
         transform: initial;
    }
     .menu li:hover>ul {
         visibility: visible;
         opacity: 1;
         position: relative;
         transform: initial;
    }
     .menu ul ul {
         left: 0;
         transform: initial;
    }
     .menu li>ul ul:hover {
         transform: initial;
    }
}
 .dropdown-menu > li.kopie > a {
     padding-left:5px;
}
 .dropdown-submenu {
     position:relative;
}
 .dropdown-submenu>.dropdown-menu {
     top:0;
    left:100%;
     margin-top:-6px;
    margin-left:-1px;
     -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
 .dropdown-submenu > a:after {
     border-color: transparent transparent transparent #333;
     border-style: solid;
     border-width: 5px 0 5px 5px;
     content: " ";
     display: block;
     float: right;
     height: 0;
     margin-right: -10px;
     margin-top: 5px;
     width: 0;
}
 .dropdown-submenu:hover>a:after {
     border-left-color:#555;
}
 .dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
     text-decoration: none;
}

    }
 @media (max-width: 767px) {
     .navbar-nav {
         display: inline;
    }
     .navbar-default .navbar-brand {
         display: inline;
    }
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #fff;
    }
     .navbar-default .navbar-nav .dropdown-menu > li > a {
         color: red;
         background-color: #ccc;
         border-radius: 4px;
         margin-top: 2px;
    }
     .navbar-default .navbar-nav .open .dropdown-menu > li > a {
         color: #000;
    }
     .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
         background-color: #ccc;
    }
     .navbar-nav .open .dropdown-menu {
         border-bottom: 1px solid white;
         border-radius: 0;
    }
     .dropdown-menu {
         padding-left: 10px;
    }
     .dropdown-menu .dropdown-menu {
         padding-left: 20px;
    }
     .dropdown-menu .dropdown-menu .dropdown-menu {
         padding-left: 30px;
    }
     li.dropdown.open {
         border: 0px solid red;
    }
}
 .act {
     color:#81c408 !important;
}
 @media (min-width: 768px) {
     ul.nav li:hover > ul.dropdown-menu {
         display: block;
    }
     #navbar {
         text-align: center;
    }
}
 .panel-default > .panel-heading {
     background-color: white;
}
 .panel-group .panel {
     margin-bottom: 20px;
}
 .back-to-top {
     cursor: pointer;
     position: fixed;
     bottom: 20px;
     right: 20px;
     display:none;
     opacity: 0.7;
}
 .nopad {
     padding: 0px;
     margin: 0px;
}
 .navbar-nav > li > a {
     padding: 10px 12px;
     font-size: 14px;
     color: #000;
}
 .row {
     margin: 0px;
     padding: 0px;
}
 body, html {
     color: #333;
     background-color: #fff;
     
     font-size: 16px;
     line-height: 26px;
     font-family: 'Poppins', sans-serif;
}
 p {
     color: #333;
    /* //background-color: #fff;
     //font-family: 'Encode Sans', sans-serif;
     font-family: 'Open Sans', sans-serif;
     font-family: 'Exo', sans-serif;*/
    /* font-family: 'PT Sans', sans-serif;
     font-family: 'Droid Sans', sans-serif;
     font-family: 'Lato', sans-serif;
    */
     font-size: 14px;
     line-height: 24px;
     padding: 0px;
     padding-bottom: 10px;
     margin: 0px;
     font-weight: 400;
}
/*index page start*/
 h1 {
    font-family: 'Poppins', sans-serif;
   
     font-size: 50px;
     text-align: left;
     font-weight: 500;
     text-transform: none;
}
 .ih-item.square.effect7 .info h3 {
     color: #0d8cd4;
}
 .ih-item.square {
     margin: 0 auto;
     width: auto;
     border: 3px solid #fff;
}
 .ih-item.circle {
     margin: 0 auto;
}
 .ih-item.circle.effect1 .spinner {
     width: 230px;
     height: 230px;
     border: 6px solid #000000;
     border-right-color: #0095e5;
     border-bottom-color: #0095e5;
     //border-radius: 50%;
     -webkit-transition: all 0.8s ease-in-out;
     -moz-transition: all 0.8s ease-in-out;
     transition: all 0.8s ease-in-out 
}
 .ih-item.circle.effect1 .info h3 {
     color: #fff;
     text-transform: none;
     position: relative;
     letter-spacing: 1px;
     font-size: 15px;
     padding: 85px 0 0 0;
     height: 110px;
}
 .ih-item.circle .img::before {
     box-shadow: inset 0 0 0 2px #0095e5;
     padding: 10px;
}
 .ih-item.circle.effect20 .info .info-back {
     background-color: #0095e5;
}
 .ih-item.circle.effect20 .info h3 {
     color: #fff;
     text-transform: uppercase;
     position: relative;
     letter-spacing: 0px;
     font-size: 16px;
     margin: 0 20px;
     padding: 55px 0 0 0;
     height: 110px;
     text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
     padding-top: 90px;
}
/* footer social icons */
 ul.social-network {
     list-style: none;
     display: inline;
     margin-left: 0 !important;
     padding: 0;
}
 ul.social-network li {
     display: inline;
     margin: 0 3px;
}
/* footer social icons */
 .social-network a.icoRss:hover {
     background-color: #F56505;
}
 .social-network a.icoFacebook:hover {
     background-color: #3B5998;
}
 .social-network a.icoTwitter:hover {
     background-color: #33ccff;
}
 .social-network a.icoGoogle:hover {
     background-color: #BD3518;
}
 .social-network a.icoVimeo:hover {
     background-color: #0590B8;
}
 .social-network a.icoLinkedin:hover {
     background-color: #007bb7;
}
 .social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
     color: #fff;
}
 a.socialIcon:hover, .socialHoverClass {
     color: #44BCDD;
}
 .social-circle li a {
     display: inline-block;
     position: relative;
     margin: 0 auto 0 auto;
     //-moz-border-radius:50%;
     //-webkit-border-radius:50%;
     //border-radius:50%;
     text-align: center;
     width: 25px;
     height: 25px;
     font-size: 13px;
}
 .social-circle li i {
     margin: 0;
     line-height: 20px;
     text-align: center;
}
 .social-circle li a:hover i, .triggeredHover {
     -moz-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     -ms--transform: rotate(360deg);
     transform: rotate(360deg);
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -o-transition: all 0.2s;
     -ms-transition: all 0.2s;
     transition: all 0.2s;
}
 .social-circle i {
     color: #fff;
     -webkit-transition: all 0.8s;
     -moz-transition: all 0.8s;
     -o-transition: all 0.8s;
     -ms-transition: all 0.8s;
     transition: all 0.8s;
}
 .social-circle a {
     background-color: transparent;
     color: white;
}
 #main {
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 #topbar {
     width: 100%;
     height: auto;
     margin: 0 auto;
     background-color: #132901;
     padding: 10px 0px;
     padding-bottom: 0px;
}
 #topbarmid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     color: white;
     font-size: 16px;
     font-weight: normal;
}
 #topbarmid p a {
     text-decoration: none;
     color: white;
     background-color: transparent;
     padding-bottom: 0px;
}
 #topbarmid p a:hover {
     text-decoration: none;
     color: white;
     background-color: transparent;
}
 #topbarmid a {
     text-decoration: none;
     color: white;
     background-color: transparent;
     padding-bottom: 0px;
     font-size: 14px;
     font-weight: normal;
}
 #topbarmid a:hover {
     text-decoration: none;
     color: white;
     background-color: transparent;
     font-size: 14px;
     font-weight: normal;
}
 #topbarmid i {
     color: #81c408;
     margin-right: 5px;
}
 #header {
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 #headermid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #headermid img {
     margin: 10px 0px;
}
 #banner {
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 #bannermid {
     max-width: 100%;
     height: auto;
     margin: 0 auto;
     padding-bottom: 22px;
}
 .bluebtn {
     background-color: #0E2332;
     padding: 15px 35px;
     color: white;
}
 .orangebtn {
     background-color: #FF7900;
     padding: 15px 35px;
     color: white;
}
 .orangetext {
     color: #FF7900 !important;
}
 #about {
     width: 100%;
     height: auto;
     margin: 0 auto;
     padding: 50px 0px;
     background-color: #FFF;
}
 #aboutmid {
     max-width: 100%;
     height: auto;
     margin: 0 auto;
}
 #aboutmid img {
     //margin: 50px 0px;
     padding-bottom: 0px;
     //border: 1px solid black;
     //width: 300px;
     margin-bottom: 10px;
}
 #aboutmid h2 {
     font-weight: bold;
     padding-top: 0px;
     color: #000;
     font-size: 60px;
     line-height: 60px;
     font-weight: 600;
     //font-family: 'Poppins', sans-serif;
}
 #aboutmid h2 b {
     font-size: 50px;
     font-weight: 600;
}
 #aboutmid h3 {
     color: #0095e5;
     margin-top: 0px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
}
 #aboutmid p {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
     color: #333;
}
 #aboutmid a {
     
     color: #81c408;
}
 #aboutmid a:hover {
     
     color: #81c408 !important;
}
 #aboutmid h4 {
     
     color: #000 !important;
     font-weight: 500;
     padding: 10px 0px;
     padding-bottom: 0px;
}
 #aboutmid .topimg {
     background-image: url(../images/about-bg.jpg);
     background-repeat: no-repeat;
     position: relative;
     min-height: 250px;
}
 #aboutmid .topimg h1{
     font-size: 36px;
     color: white;
     text-align: center;
     padding: 50px 0px;
     position: absolute;
     left: 13%;
}
 #casepage {
     width: 100%;
     height: auto;
     margin: 0 auto;
     padding: 50px 0px;
     background-color: #fff;
}
 #casepagemid {
     max-width: 100%;
     height: auto;
     margin: 0 auto;
}
 #casepagemid img {
     margin: 50px 0px;
     padding-bottom: 0px;
     //border: 1px solid black;
     //width: 300px;
     margin-bottom: 10px;
     margin-top: 10px;
     margin:0 auto;
}
 #casepagemid h2 {
     font-size: 30px;
     font-weight: 700;
     color: #FF7900;
     margin: 0;
     margin-bottom: 0px;
     margin-bottom: 40px;
}
 #casepagemid .description {
     font-size: 16px;
     text-align: center;
     color: #777;
     margin-bottom: 25px;
     text-align: center;
     text-transform: none;
}
 #casepagemid h3 {
     color: #0095e5;
     margin-top: 0px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
}
 #casepagemid p {
     font-size: 16px;
     font-weight: 400;
     color: #525f7f;
     line-height: 26px;
     margin: 0;
}
 #casepagemid ul {
     list-style: none;
}
 #casepagemid ul li {
     margin-bottom: 50px;
}
 #casepagemid ul li:before {
     content: '\f058';
     font-family: 'FontAwesome';
     float: left;
     margin-left: -1em;
     color: #FF7900;
     font-size: 20px;
}
 #casepagemid .last {
     margin-bottom: 0px;
}
 #casepagemid h4 {
     text-align: center;
     font-weight: bold;
     color: #000;
}
 #caseimg .topimg {
     background-image: url(../images/case-study-bg.jpg);
     background-repeat: no-repeat;
     position: relative;
     min-height: 250px;
     background-size: cover;
}
 #caseimg .topimg h1{
     font-size: 36px;
     color: white;
     text-align: center;
     padding: 50px 0px;
     position: absolute;
     left: 13%;
}
 #services {
     width: 100%;
     height: auto;
     margin: 0 auto;
     //background-color: #0095e5;
     margin-top: 50px;
     padding-bottom: 30px;
}
 #servicesmid {
     max-width: 100%;
     height: auto;
     margin: 0 auto;
}
 #servicesmid h2 {
     color: white;
     font-size: 50px;
     text-align: center;
     padding: 50px 0px;
     font-weight: bold;
     padding-bottom: 30px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
}
 #servicesmid p {
     background-color: transparent;
     color: 000;
     padding-bottom: 30px;
     text-align: center;
     padding: 20px 20px;
}
 #servicesmid h3 {
     font-weight: bold;
     color: #000;
     font-family: 'Poppins', sans-serif;
     font-weight: bold;
     text-align: center;
     font-size: 20px;
     margin: 0px;
     padding: 0px;
}
 #ben {
     width: 100%;
     height: auto;
     margin: 0 auto;
     //background-color: #0095e5;
     margin-top: 50px;
     padding-bottom: 30px;
     background-image: url(../images/why-bg.jpg);
     background-repeat: repeat;
}
 #benmid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #benmid h2 {
     color: white;
     font-size: 50px;
     text-align: center;
     padding: 50px 0px;
     font-weight: bold;
     padding-bottom: 30px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
}
 #benmid p {
     background-color: transparent;
     color: white;
     padding-bottom: 30px;
}
 #infra {
     width: 100%;
     height: auto;
     margin: 0 auto;
     padding-bottom: 50px;
}
 #inframid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #inframid h2 {
     color: #0095e5;
     font-size: 50px;
     text-align: center;
     padding: 50px 0px;
     font-weight: bold;
     padding-bottom: 30px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
}
 #inframid img {
     margin-bottom: 20px;
     border: 2px solid gray;
}
 #inframid h3 {
     font-weight: 500;
     color: #0d8cd4;
     font-size: 20px;
     line-height: 30px;
     font-family: 'Poppins', sans-serif;
     font-family: 'Poppins', sans-serif;
    /* font-family: 'Open Sans', sans-serif;
     font-family: 'Droid Sans', sans-serif;
     font-family: 'PT Sans', sans-serif;
     font-family: 'Lato', sans-serif;
     font-family: 'Poppins', sans-serif;
     font-family: 'Source Sans Pro', sans-serif;
     font-family: 'Raleway', sans-serif;
    */
}
 #book-appointment {
     width: 100%;
     height: 440px;
     margin: 0 auto;
     //background-color: #0095e5;
     padding: 105px 0px;
     background-image: url(../images/book-appointment.jpg);
     background-size: cover;
     border-radius: none;
     margin-top: 200px;
}
 #book-appointmentmid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #book-appointmentmid h2 {
     color: white;
     font-size: 36px;
     font-weight: bold;
}
 #book-appointmentmid h3 {
     color: white;
     font-size: 20px;
}
 .img-up img {
     margin-top: -600px;
     width:500px;
     z-index: -1;
}
 #three-sixty {
     width: 100%;
     height: auto;
     padding: 30px 0px;
}
 #three-sixtymid {
     max-width: 100%;
     height: auto;
     margin: 0 auto;
}
 #three-sixtymid h1 {
     color: #000;
     font-size: 36px;
     font-weight: 500;
     text-align: center;
     font-family: 'Poppins', sans-serif;
     margin-bottom: 40px;
}
 #three-sixtymid p {
     color: #fff;
     text-align: left;
}
 #three-sixtymid h4 {
     color: #fff;
     text-align: left;
}
 #three-sixtymid i{
     font-size: 60px;
}
 #three-sixtymid h3 {
     color: #000;
     font-size: 20px;
     font-weight: 600;
}
 #three-sixtymid a {
        color: #81c408 !important;;
    padding: 5px 0px;
    text-align: center;
}
 #three-sixtymid a:hover {
    color: #81c408 !important;
}
 #three-sixtymid i {
        color: #81c408 !important;;
    padding: 5px 0px;
    font-size: 16px;
}
 #three-sixtymid img {
     //border: 1px solid #999;
     //border-radius: 50%;
     margin: 20px 0px;
}
 .contact-form {
     margin-top: 15px;
}
 .contact-form .textarea {
     min-height: 220px;
     resize: none;
}
 .form-control {
     box-shadow: none;
     border-color: gray;
     height: 49px;
}
 .form-control:focus {
     box-shadow: none;
     border-color: #0095e5;
}
 .form-control-feedback {
     line-height: 50px;
}
 .main-btn {
     background: #00b09c;
     border-color: #00b09c;
     color: #fff;
}
 .main-btn:hover {
     background: #00a491;
     color: #fff;
}
 .form-control-feedback {
     line-height: 50px;
     top: 0px;
}
 #contact {
    /* width: 100%;
     height: auto;
     margin: 0 auto;
     padding: 50px 0px;*/
}
 #contactmid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #containermid h2 {
     color: #0095e5;
     font-size: 50px;
     text-align: center;
     padding: 50px 0px;
     font-weight: bold;
     padding-bottom: 0px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
}
 .info-back h3 span {
     text-align: center;
     font-size: 14px;
     color: #fff;
     margin-top: 20px;
}
 .ih-item a {
     color: #fff;
}
 #footer {
     width: 100%;
     height: auto;
     margin: 0 auto;
     background-color: #353535;
     //background-image: url(../images/footer-bg.jpg);
     //background-repeat: repeat;
}
 #footermid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     background-color: #353535;
     padding-top: 20px;
}
 #footermid i {
     color: #0095e5;
     padding: 4px;
     //background-color: #0095e5;
     font-size: 20px;
}
 #footermid h2 {
     color: white;
     font-size: 17px;
     text-align: left;
     line-height: 30px;
     margin-top: 50px;
     margin-bottom: 50px;
}
 #footermid h2 b {
     color: white;
     font-size: 30px;
     text-align: left;
     line-height: 30px;
}
 #footermid i {
     color: #0095e5;
     padding: 4px;
     //background-color: #0095e5;
     font-size: 20px;
}
 #footermid h2 {
     color: white;
     font-size: 17px;
     text-align: left;
     line-height: 30px;
     margin-top: 35px;
     margin-bottom: 35px;
}
 #footermid h2 b {
     color: white;
     font-size: 30px;
     text-align: left;
     line-height: 30px;
}
 @media screen and (min-width: 320px) and (max-width: 600px) {
     #footermid h2 {
         color: white;
         font-size: 15px;
         text-align: left;
         line-height: 30px;
         margin-top: 40px;
         margin-bottom: 40px;
         padding: 10px;
         //background-color: #1aa4f4;
         opacity: 0.8;
         border-radius: 5px;
    }
     #servicesmid h2 {
         color: white;
         font-size: 30px;
         text-align: center;
         padding: 30px 0px;
         font-weight: bold;
         padding-bottom: 20px;
    }
     #contactmid h2 {
         color: #0095e5;
         font-size: 30px;
         text-align: center;
         padding: 30px 0px;
         font-weight: bold;
         padding-bottom: 20px;
    }
     #footermid h2 b {
         color: white;
         font-size: 16px;
         text-align: left;
         line-height: 30px;
    }
     .footer-img img {
         display: none;
    }
}
 @media screen and (min-width: 601px) and (max-width: 767px) {
     #footermid h2 {
         color: white;
         font-size: 16px;
         text-align: center;
         line-height: 30px;
         margin-top: 40px;
         margin-bottom: 40px;
         padding: 10px;
         //background-color: #1aa4f4;
         opacity: 0.8;
         border-radius: 5px;
         //margin-left: 50%;
    }
     #footermid h2 b {
         color: white;
         font-size: 20px;
         text-align: left;
         line-height: 30px;
    }
     .footer-img img {
         display: none;
    }
}
 .footer-img {
     margin: 0 auto;
}
 .footer-img img {
     margin-bottom: -365px;
     background-color: transparent;
}
 #footerlast {
     width: 100%;
     height: auto;
     margin: 0 auto;
     background-color: #fff;
     padding: 10px 0px;
     padding-top: 15px;
}
 #footerlastmid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     background-color: #fff;
}
 #footerlastmid p {
     color: #000;
     font-size: 13px;
}
 #footerlastmid a {
     color: #81c408;
}
 #footerlastmid a:hover {
     color: #000;
}
 #footerlastmid .copy {
     text-align: left;
}
 #footerlastmid .designed {
     text-align: right;
}
 .destacados {
     padding: 20px 0;
     text-align: center;
}
 .destacados > div > div {
     padding: 10px;
     border: 1px solid transparent;
     border-radius: 4px;
     transition: 0.2s;
}
 .destacados > div:hover > div {
     margin-top: -10px;
     border: 1px solid rgb(200, 200, 200);
     box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
     background: rgba(200, 200, 200, 0.1);
     transition: 0.5s;
}
 .content {
     padding-top: 30px;
}
/* Heading */
 .heading h3 {
     font-size: 40px;
     font-weight: 500;
     margin: 0 0 20px;
     color: #444;
}
 .heading p {
     font-size: 16px;
     font-weight: 300;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     color: #8693a7;
}
/* Team Members */
 .team-members {
     width: 100%;
     cursor: pointer;
     overflow: hidden;
     position: relative;
     margin-bottom: 35px;
}
 .team-members .team-avatar {
     position: relative;
}
 .team-members .team-avatar:after {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: " ";
     position: absolute;
     background: rgba(129, 129, 129, 0.1);
     transition-duration: 300ms;
     transition-property: all;
     transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
 .team-members .team-avatar img {
     display: block;
     margin: 0 auto;
     text-align: center;
}
 .team-members .team-desc {
     left: auto;
     bottom: 0;
     width: 100%;
     padding: 0 20px;
     position: absolute;
     opacity: 0;
     color: #fff;
     -webkit-transform: translate3d(0, 10%, 0);
     transform: translate3d(0, 10%, 0);
     -webkit-transition: opacity 0.3s;
     -moz-transition: opacity 0.3s;
     -ms-transition: opacity 0.3s;
     -o-transition: opacity 0.3s;
     transition: opacity 0.3s;
}
 .team-members .team-desc h4 {
     font-size: 22px;
     font-weight: 600;
     margin: 0 0 10px;
     color: #fff;
}
 .team-members .team-desc span {
     display: block;
     font-size: 13px;
     font-weight: 600;
     text-transform: uppercase;
     color: #fff;
}
 .team-members:hover .team-avatar:after {
     background: rgba(47, 60, 72, 0.5);
     transition-duration: 300ms;
     transition-property: all;
     transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
 .team-members:hover .team-desc {
     -webkit-transform: translate3d(0, -5%, 0);
     transform: translate3d(0, -5%, 0);
     -webkit-transform: translate3d(0, -10%, 0);
     transform: translate3d(0, -10%, 0);
}
 .team-members:hover .team-desc {
     opacity: 1;
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
     -ms-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .centered-form {
     margin-top: 60px;
}
 .centered-form .panel {
     background: rgba(255, 255, 255, 0.8);
     box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px;
}
/*index page end*/
/*about page start*/
 #gallerypage {
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 #gallerypagemid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #gallerypagemid h1 {
     font-weight: bold;
     padding: 40px 0px;
     color: #0095e5;
     font-size: 36px;
     line-height: 40px;
     text-transform: none;
}
/*about page start*/
 #aboutpage {
     width: 100%;
     height: auto;
     margin: 0 auto;
     padding: 50px 0px;
     background-color: #fff;
}
 #aboutpagemid {
     //max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #aboutpagemid img {
     width: auto;
     border-radius: 0px;
}
 #aboutpagemid h1 {
     font-weight: 500;
     padding: 15px 0px;
     padding-bottom: 35px;
     color: #000;
     font-size: 36px;
     line-height: 40px;
     text-transform: none;
     text-align: center;
}
 #aboutpagemid h4 {
    
     font-size:20px;
     color: #222222;
     font-weight: 600;
     padding-top: 10px;
}
 #aboutpagemid h3 {
     color: #81c408;
     margin-top: 0px;
     font-size: 20px;
     font-weight: 600;
     margin-top: 30px;
}
 #aboutpagemid ul {
    margin-left: 20px;
}
 #aboutpagemid ul li {
   list-style: circle;
   line-height: 26px;
}
 #aboutpagemid ul li b {
    font-weight: 600;
    color: #000;
}
 #aboutpagemid .feature-content h4 {
     color: #333;
     margin-top: 20px;

}
 #aboutpagemid h5 {
     color: #0095e5;
     margin-top: 10px;
     font-size: 15px;
}
 #aboutpagemid h5 span {
     color: #555;
     margin-top: 0px;
     font-size: 12px;
}
 #aboutpagemid p {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: left;
     padding-bottom: 0px;
}
 #aboutpagemid ul {
    
}
 #aboutpagemid ul li {
   
   margin-bottom: 20px;
   font-size: 14px;
}
 #aboutimg .topimg {
     background-image: url(../images/about-bg.jpg);
     background-repeat: no-repeat;
     position: relative;
     min-height: 250px;
     background-size: cover;
}
 #aboutimg .topimg h1{
     font-size: 36px;
     color: white;
     text-align: center;
     padding: 50px 0px;
     position: absolute;
     left: 13%;
}
/*about page end*/
/*about page start*/
 #faqpage {
     width: 100%;
     height: auto;
     margin: 0 auto;
     padding: 50px 0px;
     background-color: #fff;
}
 #faqpagemid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #faqpagemid img {
     margin: 50px 0px;
     padding-bottom: 0px;
     //border: 1px solid black;
     width: 500px;
     float: left;
}
 #faqpagemid h1 {
     color: #0095e5;
     font-size: 36px;
     font-weight: bold;
     line-height: 40px;
     padding: 35px 0;
     text-transform: none;
}
 #faqpagemid h2 {
     font-size: 30px;
     font-weight: 700;
     color: #FF7900;
     margin: 0;
     margin-bottom: 0px;
     margin-bottom: 40px;
}
 #faqpagemid .description {
     font-size: 16px;
     text-align: center;
     color: #777;
     margin-bottom: 25px;
     text-align: center;
     text-transform: none;
}
 #faqpagemid h3 {
     color: #0095e5;
     margin-top: 0px;
}
 #faqpagemid p {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
}
 #faqpagemid ul {
     list-style: square;
}
 #faqpagemid ul li {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
}
 #faqimg .topimg {
     background-image: url(../images/faq-bg.jpg);
     background-repeat: no-repeat;
     position: relative;
     min-height: 250px;
     background-size: cover;
}
 #faqimg .topimg h1{
     font-size: 36px;
     color: white;
     text-align: center;
     padding: 50px 0px;
     position: absolute;
     left: 13%;
}
/*about page end*/
 #newspage {
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 #newspagemid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #newspagemid img {
     margin: 50px 0px;
     padding-bottom: 0px;
     margin-bottom: 20px;
     border: 1px solid #9d9999;
}
 #newspagemid h1 {
     color: #0095e5;
     font-size: 36px;
     font-weight: bold;
     line-height: 40px;
     padding: 35px 0;
     text-transform: none;
}
 #newspagemid h3 {
     color: #0095e5;
     margin-top: 0px;
}
 #newspagemid p {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
}
 #newspagemid ul {
     list-style: square;
}
 #newspagemid ul li {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
}
 #news {
     width: 100%;
     height: auto;
     margin: 0 auto;
     padding: 100px 0px;
}
 #newsmid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #newsmid .orangetext{
     text-align: center;
}
 #newsmid .heading p{
     text-align: center !important;
}
 #newsmid img {
     margin: 50px 0px;
     padding-bottom: 0px;
     margin-bottom: 20px;
     border: 1px solid #9d9999;
}
 #newsmid h1 {
     color: #000;
     font-size: 36px;
     font-weight: bold;
     line-height: 40px;
     padding: 35px 0;
     padding-top: 10px;
     text-transform: none;
     text-align: center;
}
 #newsmid h3 {
     color: #000;
     margin-top: 0px;
     font-weight: 600;
}
 #newsmid h5 {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: center !important;
     font-size: 16px;
     font-weight: normal;
     line-height: 26px;
     color: #333;
}
 #newsmid p {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: left;
     font-size: 16px;
     color: #333;
}
 #newsmid p span{
     color: gray;
}
 #newsmid ul {
     list-style: square;
}
 #newsmid ul li {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
}
 #treatmentpage {
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 #treatmentpagemid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #treatmentpagemid img {
     margin: 50px 0px;
     padding-bottom: 0px;
     
}
 #treatmentpagemid h1 {
     color: #0095e5;
     font-size: 36px;
     font-weight: bold;
     line-height: 40px;
     padding-top: 15px;
     padding: 35px 0;
     text-transform: none;
}
 #treatmentpagemid h3 {
     color: #0095e5;
     margin-top: 0px;
}
 #treatmentpagemid h2 {
     color: #0095e5;
     font-size: 20px;
}
 #treatmentpagemid p {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
}
 #treatmentpagemid ul {
     list-style: square;
}
 #treatmentpagemid ul li {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
}
 #equipmentpage {
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 #equipmentpagemid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #equipmentpagemid img {
     //margin: 50px 0px;
     padding-bottom: 0px;
     //border: 1px solid black;
     //width: 200px;
}
 #equipmentpagemid h1 {
     color: #0095e5;
     font-size: 36px;
     font-weight: bold;
     line-height: 40px;
     padding: 35px 0;
     text-transform: none;
}
 #equipmentpagemid h3 {
     color: #0070a0;
     margin-top: 0px;
     font-size: 16px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     line-height: 26px;
}
 #equipmentpagemid h2 {
     font-weight: bold;
     color: #0070a0;
     margin-: 20px 0px;
     font-size: 20px;
     font-family: 'Poppins', sans-serif;
}
 #equipmentpagemid p {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
     color: #555;
     font-family: 'Open Sans Condensed', sans-serif;
}
 #equipmentpagemid ul {
     list-style: square;
}
 #equipmentpagemid ul li {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
}
 #sp-servicepage {
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 #sp-servicepagemid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #sp-servicepagemid img {
     margin: 50px 0px;
     padding-bottom: 0px;
     //border: 1px solid black;
     width: 200px;
}
 #sp-servicepagemid h2 {
     font-weight: bold;
     padding-top: 35px;
     color: #0095e5;
     font-size: 36px;
     line-height: 40px;
}
 #sp-servicepagemid h3 {
     color: #0095e5;
     margin-top: 0px;
}
 #sp-servicepagemid p {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
}
 #sp-servicepagemid ul {
     list-style: square;
}
 #sp-servicepagemid ul li {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: left;
}
 #sp-servicepagemid h1 {
     color: #0095e5;
     font-size: 36px;
     font-weight: bold;
     line-height: 40px;
     padding: 35px 0;
     text-transform: none;
}
 #enquirypage {
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 #enquirypagemid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #enquirypagemid h1 {
     font-weight: bold;
     padding: 35px 0px;
     color: #0095e5;
     font-size: 36px;
     line-height: 40px;
     text-transform: none;
}
/*about page start*/
 #downloadpage {
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 #downloadpagemid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #downloadpagemid img {
     margin: 50px 0px;
     padding-bottom: 0px;
     //border: 1px solid black;
     width: auto;
     margin-bottom: 5px;
}
 #downloadpagemid h2 {
     color: #000;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     margin-top: 0;
     font-size: 20px;
}
 #downloadpagemid h3 {
     color: #0070a0;
     margin-top: 0px;
     font-size: 16px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
}
 #downloadpagemid h4 {
     color: gray;
     margin-top: 0px;
     font-size: 16px;
     font-family: 'Poppins', sans-serif;
     font-weight: 300;
     line-height: 24px;
}
 #downloadpagemid p {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
}
 #downloadpagemid b {
     color: #0070a0;
     font-family: 'Poppins', sans-serif;
     font-size: 16px;
     font-weight: 400;
     margin-top: 0;
}
 #downloadpagemid ul {
     list-style: square;
     margin-left: -25px;
}
 #downloadpagemid ul li {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: left;
     color: #555;
     font-family: 'Poppins', sans-serif;
}
 #downloadpagemid h1 {
     color: #0095e5;
     font-size: 36px;
     font-weight: bold;
     line-height: 40px;
     padding: 35px 0;
     text-transform: none;
}
/*about page end*/
 #treatpage {
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 #treatpagemid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #treatpagemid img {
     padding-bottom: 0px;
     border: 2px solid gray;
     width: auto;
     margin-right: 20px;
}
 #treatpagemid img:hover {
     border: 4px solid #0095e5;
}
 #treatpagemid h2 {
     color: #000;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     margin-top: 0;
     font-size: 20px;
}
 #treatpagemid h3 {
     color: #0070a0;
     margin-top: 0px;
     font-size: 16px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
}
 #treatpagemid h4 {
     color: #333;
     margin-top: 0px;
     font-size: 20px;
     font-family: 'Poppins', sans-serif;
     font-weight: 300;
     line-height: 24px;
}
 #treatpagemid a {
     color: #0095e5;
}
 #treatpagemid a:hover {
     color: #0095e5;
}
 #treatpagemid p {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
}
 #treatpagemid b {
     color: #0070a0;
     font-family: 'Poppins', sans-serif;
     font-size: 16px;
     font-weight: 400;
     margin-top: 0;
}
 #treatpagemid ul {
     list-style: square;
     margin-left: -25px;
}
 #treatpagemid ul li {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: left;
     color: #555;
     font-family: 'Poppins', sans-serif;
}
 #treatpagemid h1 {
     color: #0095e5;
     font-size: 36px;
     font-weight: bold;
     line-height: 40px;
     padding: 35px 0;
     text-transform: none;
}
/*about page end*/
 #ficilitiespage {
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 #ficilitiespagemid {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
}
 #ficilitiespagemid img {
     margin: 50px 0px;
     padding-bottom: 0px;
     //border: 1px solid black;
     width: 200px;
}
 #ficilitiespagemid h2 {
     font-weight: bold;
     padding-top: 35px;
     color: #0095e5;
     font-size: 36px;
     line-height: 40px;
}
 #ficilitiespagemid h3 {
     color: #0095e5;
     margin-top: 0px;
}
 #ficilitiespagemid p {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: justify;
}
 #ficilitiespagemid b {
     font-size: 14px;
}
 #ficilitiespagemid ul {
     list-style: square;
}
 #ficilitiespagemid ul li {
     max-width: 1170px;
     height: auto;
     margin: 0 auto;
     text-align: left;
}
 #ficilitiespagemid h1 {
     color: #0095e5;
     font-size: 36px;
     font-weight: bold;
     line-height: 40px;
     padding: 35px 0;
     text-transform: none;
}
 .carousel-indicators li {
     background-color: #333;
}
 .carousel-indicators .active {
     background-color: #0095e5;
}
 .carousel-caption {
     left: 20%;
     padding-bottom: 30px;
     right: 40%;
     top: 30%;
}
 .navbar-default {
     background-color: white;
     border: none;
}
 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
     background-color: white;
}
 hr {
     margin: 5px 0px;
}
 .img-thumbnail {
     background-color: transparent;
     border: none;
     padding: 20px;
}
 .card {
     background: #fff;
     border-radius: 4px;
     display: inline-block;
     //height: 300px;
     margin: 1rem;
     position: relative;
     //width: 300px;
}
 .card-3 {
     box-shadow: 0 2px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
/*bs custom end*/
/**********************************************************************************************************/
/* slider */
 .carousel-indicators .active {
     background-color: #2980b9;
}
 .carousel-inner img {
     width: 100%;
     //max-height: 500px 
}
 .carousel-control {
     width: 0;
}
 .carousel-control.left, .carousel-control.right {
     opacity: 1;
     filter: alpha(opacity=100);
     background-image: none;
     background-repeat: no-repeat;
     text-shadow: none;
}
 .carousel-control.left span {
     padding: 15px;
}
 .carousel-control.right span {
     padding: 15px;
}
 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
     position: absolute;
     top: 45%;
     z-index: 5;
     display: inline-block;
}
 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
     left: 0;
}
 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
     right: 0;
}
 .carousel-control.left span, .carousel-control.right span {
     background-color: #000;
}
 .carousel-control.left span:hover, .carousel-control.right span:hover {
     opacity: .7;
     filter: alpha(opacity=70);
}
/* Carousel Header Styles */
 .header-text {
     position: absolute;
     top: 20%;
     left: 15%;
     right: auto;
     width: 50%;
     color: #fff;
}
 .header-text h2 {
     font-size: 60px;
     color: #0095e5;
     font-weight: bold;
}
 @media screen and (min-width: 320px) and (max-width: 600px) {
     .header-text h2 {
         font-size: 20px;
         color: #0095e5;
         font-weight: bold;
    }
     .header-text {
         left: 5%;
    }
}
 .header-text h2 span {
     //background-color: #2980b9;
     padding: 5px;
}
 .header-text h3 span {
     //background-color: #000;
     padding: 5px;
     color: #333;
     font-size: 20px;
}
 .btn-min-block {
     min-width: 170px;
     line-height: 26px;
}
 .btn-theme {
     color: #fff;
     background-color: #0095e5;
     ;
     border: 2px solid #fff;
     margin-right: 15px;
}
 .btn-theme:hover {
     color: #000;
     background-color: #fff;
     border-color: #fff;
}
/*menu*/
 .dropdown-submenu {
     position: relative;
}
 .dropdown-submenu>.dropdown-menu {
     top: 0;
     left: 100%;
     margin-top: -6px;
     margin-left: -1px;
     -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px;
     border-radius: 0 6px 6px 6px;
}
 .dropdown-submenu:hover>.dropdown-menu {
     display: block;
}
 .dropdown-submenu>a:after {
     display: block;
     content: " ";
     float: right;
     width: 0;
     height: 0;
     border-color: transparent;
     border-style: solid;
     border-width: 5px 0 5px 5px;
     border-left-color: #ccc;
     margin-top: 5px;
     margin-right: -10px;
}
 .dropdown-submenu:hover>a:after {
     border-left-color: #fff;
}
 .dropdown-submenu.pull-left {
     float: none;
}
 .dropdown-submenu.pull-left>.dropdown-menu {
     left: -100%;
     margin-left: 10px;
     -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
     border-radius: 6px 0 6px 6px;
}
/*menu end*/
 .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #fff;
     border-color: #ddd #ddd transparent;
     border-image: none;
     border-style: solid;
     border-width: 1px;
     color: #0095e5;
     cursor: default;
     font-weight: bold;
}
 #abouthd {
     width: 100%;
     height: 100px;
     margin: 0 auto;
     padding-top: 40px;
}
 #abouthdtxt {
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     font-size: 20px;
     color: #505050;
     line-height: 100px;
     text-align: center;
}
 #abouttxt {
     width: 100%;
     height: auto;
     margin: 0 auto;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     font-size: 14px;
     line-height: 18px;
     color: #505050;
     padding-left: 10px;
     padding-right: 10px;
}
 .nopad {
     padding: 0px;
}
 .about-section {
     padding-bottom: 0px;
     padding-top: 0px;
}
 .site-title {
     padding: 2em 0;
}
 .site-title h3 {
     font-size: 3.5em;
     color: #14B9D5;
     font-family: 'Poppins', sans-serif;
     font-weight: 700;
}
 .site-title p {
     font-size: 1.1em;
     color: #333333;
     line-height: 1.8em;
     margin-top: 0.5em;
}
 .about-inner-column h4 {
     font-size: 2.5em;
     color: #FFD001;
     font-family: 'Poppins', sans-serif;
}
 .about-inner-column p {
     font-size: 16px;
     color: #333;
     line-height: 1.8em;
     margin: 1em 0 0;
}
 .about-inner-column ul {
     margin: 20px 0px;
}
 .about-inner-column ul li {
     text-align: left;
     list-style-type: circle;
     margin-left: 20px;
     margin-bottom: 10px;
}
 .about-inner-column ul li a {
     color: #333333;
     font-size: 1.1em;
     padding-left: .3em;
}
 .about-right {
     position: relative;
}
 .about-right img {
     width: 100%;
}
 .about-inner-column .orangetext {
     margin: 0px !important;
}
 .readmore {
    font-family: 'Poppins', sans-serif;
     font-weight: 400;
     font-size: 14px;
     line-height: 18px;
     float: right;
     color: #b96e01;
}
 #gray {
     width: 100%;
     height: 400px;
     position: relative;
     background-color: #F1F3F0;
}
 #graymid {
}
 #graymid h3 {
     text-align: center;
     margin-top: 30%;
     font-family: 'Poppins', sans-serif;
     font-size: 30px;
}
 #graymid h1 {
     margin-top: 0%;
     font-size: 36px;
     text-align: center;
}
 #graymid .container img {
     position: absolute;
     margin-top: 52%;
     right: 0%;
}
 #video {
     width: 100%;
     background-color: #FFF;
     padding: 50px 0px;
     min-height: 400px;
}
 #videomid {
}
 #videomid h3 {
     text-align: center;
     margin-top: 30%;
}
 #videomid h1 {
     margin-top: 0%;
     font-size: 36px;
     text-align: center;
}
 #videomid p {
     text-align: center;
     padding-top: 100px;
     font-size: 20px;
     line-height: 28px;
}
 #video a {
     text-align: center !important;
     padding-top: 50px;
     font-size: 20px;
     color: #3ca27a;
}
/* General Demo Style */
 .clr {
     clear: both;
     padding: 0;
     height: 0;
     margin: 0;
}
 .main {
     width: 100%;
     height: auto;
     margin: 0 auto;
     position: relative;
}
 .codrops-top {
     line-height: 24px;
     font-size: 11px;
     background: #fff;
     background: rgba(255, 255, 255, 0.6);
     text-transform: uppercase;
     z-index: 9999;
     position: relative;
     box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.1);
}
 .codrops-top a {
     padding: 0px 10px;
     letter-spacing: 1px;
     color: #333;
     display: inline-block;
}
 .codrops-top a:hover {
     background: rgba(255, 255, 255, 0.3);
}
 .codrops-top span.right {
     float: right;
}
 .codrops-top span.right a {
     float: left;
     display: block;
}
/* Demo Buttons Style */
 .codrops-demos {
     text-align: center;
     display: block;
     line-height: 30px;
     padding: 5px 0px;
}
 .codrops-demos a {
     display: inline-block;
     font-style: italic;
     margin: 0px 4px;
     padding: 0px 6px;
     color: #aaa;
     line-height: 20px;
     font-size: 13px;
     text-shadow: 1px 1px 1px #fff;
     border: 1px solid #fff;
     background: #ffffff;
    /* Old browsers */
     background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* Opera 11.10+ */
     background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* IE10+ */
     background: linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* W3C */
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
 .codrops-demos a:hover {
     color: #333;
     background: #fff;
}
 .codrops-demos a:active {
     background: #fff;
}
 .codrops-demos a.current-demo, .codrops-demos a.current-demo:hover {
     background: #f0f0f0;
     border-color: #d9d9d9;
     color: #aaa;
     box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6', GradientType=0);
    /* IE6-9 */
}
 .support-note span {
     color: #ac375d;
     font-size: 16px;
     display: none;
     font-weight: bold;
     text-align: center;
     padding: 5px 0;
}
 .no-cssanimations .support-note span.no-cssanimations, .no-csstransforms .support-note span.no-csstransforms, .no-csstransforms3d .support-note span.no-csstransforms3d, .no-csstransitions .support-note span.no-csstransitions {
     display: block;
}
 .ch-grid {
    /*margin: 10px;
    */
     padding: 0;
     list-style: none;
     display: block;
     text-align: center;
     width: 100%;
}
 .ch-grid:after, .ch-item:before {
     content: '';
     display: table;
}
 .ch-grid:after {
     clear: both;
}
 .ch-grid li {
     width: 30%;
     height: 30%;
     min-width: 300px;
     min-height: 380px;
     display: inline-block;
     margin: 10px;
}
 .ch-item {
     width: 180px;
     height: 180px;
     border-radius: 50%;
     position: relative;
     cursor: default;
     box-shadow: inset 0 0 0 0 rgba(200, 95, 66, 0.4), inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1);
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .ch-img-1 {
     background-image: url(../images/1.jpg);
     margin-left: 25%;
}
 .ch-img-2 {
     background-image: url(../images/2.jpg);
     margin-left: 25%;
}
 .ch-img-3 {
     background-image: url(../images/3.jpg);
     margin-left: 25%;
}
 .ch-info {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     opacity: 0;
     padding-left: 0px;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -o-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-backface-visibility: hidden;
    /*for a smooth font */
}
 .ch-info h3 {
     text-align: center;
     color: #fff;
     text-transform: capitalize;
     position: relative;
     letter-spacing: 1px;
     font-size: 30px;
     margin: 8 17px;
     padding: 50px 0 0 0;
     height: 100px;
    font-family: 'Poppins', sans-serif;
     text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
}
 .ch-info p {
     color: #fff;
     padding: 10px 5px;
     font-style: italic;
     margin: 0 20px;
     font-size: 12px;
     border-top: 1px solid rgba(255, 255, 255, 0.5);
}
 .ch-info p a {
     display: block;
     color: #fff;
     color: rgba(255, 255, 255, 0.7);
     font-style: normal;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 9px;
     letter-spacing: 1px;
     padding-top: 4px;
     font-family: 'Poppins', sans-serif;
}
 .ch-info p a:hover {
     color: #fff222;
     color: rgba(255, 242, 34, 0.8);
}
 .ch-item:hover {
    /*box-shadow: inset 0 0 0 110px rgba(200,95,6, 0.7), inset 0 0 0 16px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
     */
}
 .ch-item:hover .ch-info {
     opacity: 1;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 #boxtxt {
     width: 100%;
     height: auto;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     font-size: 14px;
     color: #505050;
     line-height: 20px;
     text-align: justify;
     padding-top: 10px;
}
 <!--End Product Box---> <!-----------Gallery------------------> <!-----------End Gallery----------------> <!--Team---> .meet-the-team-holder {
     text-align: center;
     width: 90%;
     margin: 0 auto 20px;
}
 .meet-the-team-title {
     text-align: center;
}
 .meet-the-team-image {
     width: 205px;
     height: 205px;
     margin: 0 auto;
     border: 3px dashed #999;
     border-radius: 100%;
}
 .meet-the-team-image img {
     width: auto;
     height: auto;
     border-radius: 100%;
     display: block;
     margin: 0 auto;
}
 .meet-the-team-name {
     margin-top: 15px;
}
 .meet-the-team-name p {
     color: #0070a0;
     margin-top: 0px;
     font-size: 20px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     text-align: center;
}
 .meet-the-team-work {
     margin-top: 10px;
}
 .meet-the-team-work p {
     text-transform: uppercase;
}
 .meet-the-team-description {
     position: relative;
}
 .read-more-about-me {
     color: #1b1f24;
     text-decoration: none;
}
 .read-more-about-me-active .about-me-indicators-button {
     background-color: #7d7d7d;
}
 .read-more-about-me-active, .read-more-about-me:hover {
     color: #7d7d7d;
     text-decoration: none;
}
 .read-more-about-me-arrow {
     position: relative;
     width: 20px;
     height: 13px;
     background-image: url("../images/read-more-about-me-arrow-1.png");
     -webkit-background-size: 20px 13px;
     background-size: 20px 13px;
     background-repeat: no-repeat;
     display: block;
     margin: 10px auto;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .about-me-info-holder {
     padding-right: 0;
}
 .about-me-info {
     margin-top: 100px;
     position: relative;
}
 .section-about-me {
     display: none;
}
 .active-tab {
     display: block;
}
 .about-me-media .fa-linkedin-square, .about-me-media .fa-twitter-square {
     font-size: 24px;
     color: #fdb913;
     margin-right: 10px;
}
 .about-me-media .fa-envelope {
     font-size: 20px;
     color: #fdb913;
     margin-right: 10px;
}
 .about-me-media a {
     color: #7d7d7d;
     text-decoration: none;
}
 .about-me-arrow-top {
     width: 59px;
     height: 38px;
     position: absolute;
     top: -36px;
     right: 10px;
     background-image: url("../images/about-me-arrow-top.png");
     -webkit-background-size: 59px 38px;
     background-size: 59px 38px;
}
 .about-me-arrow-bottom {
     width: 15px;
     height: 60px;
     position: absolute;
     top: 200px;
     left: 10px;
     background-image: url("../images/about-me-arrow-bottom.png");
     -webkit-background-size: 15px 60px;
     background-size: 15px 60px;
}
 .about-me-image-holder {
     padding-left: 50px;
}
 .about-me-image {
     margin-top: 50px;
     width: 200px;
     height: 200px;
     border-radius: 50%;
}
 .about-me-image img {
     width: 200px;
     height: 200px;
     border-radius: 50%;
     border: 3px solid #c7c8c8;
     padding: 5px;
}
 .about-me-article {
     position: relative;
     right: 0;
}
 .about-me-article-title {
     text-align: right;
}
 .about-me-article-description {
     margin-top: 20px;
     margin-bottom: 20px;
     text-align: right;
     line-height: 30px;
     color: #2e2e2e;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     font-size: 14px;
}
 .about-me-article-description p:nth-of-type(1) {
     font-size: 18px;
}
 .about-me-name p {
     font-family: 'Poppins', sans-serif;
     font-size: 20px;
     font-weight: bold;
     color: #1b1f24;
}
 .about-me-work p {
     text-transform: uppercase;
}
 .about-me-indicators {
     width: 150px;
     margin: 0 auto;
}
 .about-me-indicators-button {
     background-color: #ccc;
     height: 10px;
     width: 10px;
     border-radius: 50%;
     float: left;
     margin: 10px;
}
 .section-gray {
     background-color: #eee;
     margin-top: 0;
     padding-top: 30px;
     padding-bottom: 30px;
}
 .border-left {
     height: 2px;
     background-color: #ccc;
     margin: 0 auto;
     margin-top: 5px;
     margin-bottom: 10px;
     width: 100%;
}
 .border-left span {
     height: 100%;
     width: 20%;
     display: block;
     background-color: #fdb913;
}
 .border-right {
     height: 2px;
     background-color: #ccc;
     margin: 0 auto;
     margin-top: 5px;
     margin-bottom: 10px;
     width: 100%;
}
 .border-right span {
     height: 100%;
     float: right;
     width: 20%;
     display: block;
     background-color: #fdb913;
}
 .mehd {
     color: #1b1f24;
     font-family: 'Poppins', sans-serif;
     font-weight: 100;
     font-size: 30px;
     margin-top: 50px;
     margin-bottom: 10px;
}
/*Register form*/
 .register{
     background: #fff;
     margin-top: -200px;
     padding: 3%;
     box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
     z-index: 999;
     position: relative;
     padding-top: 0%;
     margin-bottom: 100px;
}
 .register-left{
     text-align: center;
     color: #fff;
     margin-top: 0px;
     background-color: red;
}
 .register-left input{
     border: none;
     border-radius: 1.5rem;
     padding: 2%;
     width: 60%;
     background: #f8f9fa;
     font-weight: bold;
     color: #383d41;
     //margin-top: 30%;
     margin-bottom: 3%;
     cursor: pointer;
}
 .register-right{
     background: green !important;
     margin-top: 0px;
}
 .register-left img{
     margin-top: 15%;
     margin-bottom: 5%;
     width: 25%;
     -webkit-animation: mover 2s infinite alternate;
     animation: mover 1s infinite alternate;
}
 @-webkit-keyframes mover {
     0% {
         transform: translateY(0);
    }
     100% {
         transform: translateY(-20px);
    }
}
 @keyframes mover {
     0% {
         transform: translateY(0);
    }
     100% {
         transform: translateY(-20px);
    }
}
 .register-left p{
     font-weight: lighter;
     padding: 12%;
     margin-top: -9%;
     text-align: center !important;
}
 .register .register-form{
     margin-top: -100px;
}
/*Footer*/
 .bg-grey {
     background: #fff;
}
 .logo-footer {
     margin-bottom: 40px;
}
 #footer {
     color: #fff;
}
 footer {
     color: #fff;
}
 footer p {
     margin-top: 20px;
}
 footer p, a {
     color: #fff;
     font-size: 16px;
     font-family: 'Poppins', sans-serif;
}
 footer h6 {
     font-family: 'Poppins', sans-serif;
     margin-bottom: 40px;
     position: relative;
}
 footer h6:after {
     position: absolute;
     content: "";
     background: #fff;
     width: 12%;
     height: 1px;
     left: 0;
     bottom: -20px;
}
 .btn-footer {
     color: #000;
     text-decoration: none;
     border: 1px solid;
     border-radius: 43px;
     font-size: 13px;
     padding: 7px 30px;
     line-height: 47px;
}
 .btn-footer:hover {
     text-decoration: none;
}
 .form-footer input[type="text"] {
     border: none;
     border-radius: 16px 0 0 16px;
     outline: none;
     padding-left: 10px;
}
 ::placeholder {
     font-size: 10px;
     padding-left: 10px;
     font-style: italic;
}
 .form-footer input[type="button"] {
     border: none;
     background:#232323;
     margin-left: -5px;
     color: #fff;
     outline: none;
     border-radius: 0 16px 16px 0;
     padding: 2px 12px;
}
 .social .fa {
     color: grey;
     font-size: 22px;
     padding: 10px 15px;
     background: #3c3c3c;
}
 footer ul li {
     list-style: none;
     display: block;
}
 footer ul {
     margin-left: 10px;
     margin-top: 35px;
}
 footer ul li a{
     text-decoration: none;
     color: #fff;
     text-decoration:none;
}
  footer ul li a:hover{
     text-decoration: none;
     color: #fff;
     text-decoration:none;
}
 .logo-part {
     border-right: 1px solid grey;
     height: 100%;
}
/*Clients slider slick*/
 .register h3 i{
     color: #FF7900 !important;
     font-size: 30px;
}
 .register h3 a{
     color: #333 !important;
     font-size: 20px;
}
 footer {
     padding-bottom: 50px;
     padding-top: 50px;
}
/*Home*/
 .slider .owl-nav.disabled + .owl-dots {
     margin-top: -50px;
     z-index: 9999;
     position: relative;
}
 .slider .owl-dots .owl-dot.active span {
     background-color: #81c408;
}
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background-color: #81c408;
}
 .owl-theme .owl-dots .owl-dot span {
     background-color: #fff;
}
 .slider .one {
     width: 100%;
     height: 70vh;
     background-color: #000;
     background-image: url(../images/slider-bg.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     z-index: -999;
}
.slider .one .container {
     //background-color: green;
     height: 70vh;
     position: relative;
     padding: 0px;
}
 .slider .one .container .leaf {
     position: absolute;
     top: 22%;
     left: 0%;
     /*animation:bounceInLeft ease 1s;*/
}
 .slider .one .container h1 {
     color: #fff;
     font-size: 5vh;
     position: absolute;
     top: 28%;
     font-family: 'Poppins', sans-serif;
     /*animation:bounceInLeft ease 3s;*/
     text-shadow: 1px 1px 2px #000000;
      font-weight: 500;
     line-height: 50px;
}
 .slider .one .container h2 {

     font-size: 8vh;
     position: absolute;
     top: 38%;
     //left: 13%;
     color: #83c410;
     animation:bounceInLeft ease 4s;
     font-weight: bold;
}
 .slider .one .container p {
     color: #555;
     font-size: 20px;
     position: absolute;
     top: 25%;
     //left: 13%;
     animation:bounceInLeft ease 2s;
}
 .slider .one .container .banbutton {
     position: absolute;
     top: 70%;
     //left: 13%;
     animation:fadeIn ease 1s;
     background-repeat: no-repeat;
}
 .slider .one .container .banbutton button{
     margin-right: 10px;
}
 .slider .one .container img{
     width: 40vw;
     right: 0%;
     bottom: 0%;
     float: right;
      /*animation:bounceInRight ease 5s;*/
}
 .slider .two {
     width: 100%;
     height: 70vh;
     //background-color: #000;
     background-image: url(../images/slider-bg2.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
.slider .two .container {
     //background-color: green;
     height: 70vh;
     position: relative;
     padding: 0px;
}
 .slider .two .container .leaf {
     position: absolute;
     top: 22%;
     left: 0%;
    /* animation:bounceInLeft ease 1s;
     animation-delay:4.5s;*/
}
 .slider .two .container h1 {
     color: #fff;
     font-size: 5vh;
     position: absolute;
     top: 28%;
     //left: 13%;
     font-family: 'Poppins', sans-serif;
    /* animation:bounceInLeft ease 3s;
     animation-delay: 4.5s;*/
     text-shadow: 1px 1px 2px #000000;
     font-weight: 500;
     line-height: 70px;
}
 .slider .two .container h2 {

     font-size: 8vh;
     position: absolute;
     top: 38%;
     //left: 13%;
     color: #83c410;
     animation:bounceInLeft ease 4s;
     animation-delay: 4.5s;
     font-weight: bold;
     font-family: 'Poppins', sans-serif;
}
 .slider .two .container p {
     color: #555;
     font-size: 20px;
     position: absolute;
     top: 25%;
     //left: 13%;
     animation:bounceInLeft ease 2s;
     animation-delay: 4.5s;
}
 .slider .two .container .banbutton {
     position: absolute;
     top: 70%;
     //left: 13%;
     animation:fadeIn ease 1s;
     background-repeat: no-repeat;
}
 .slider .two .container .banbutton button{
     margin-right: 10px;
}
 .slider .two .container img{
     width: 40vw;
     right: 0%;
     bottom: 0%;
     float: right;
      /*animation:bounceInRight ease 5s;
     animation-delay: 4.5s;*/
}
 .slider .three {
     width: 100%;
     height: 70vh;
     //background-color: #000;
     background-image: url(../images/slider-bg3.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
.slider .three .container {
     //background-color: green;
     height: 70vh;
     position: relative;
     padding: 0px;
}
 .slider .three .container .leaf {
     position: absolute;
     top: 22%;
     left: 0%;
     /*animation:bounceInLeft ease 1s;
     animation-delay:9s;*/
}
 .slider .three .container h1 {
     color: #fff;
     font-size: 5vh;
     position: absolute;
     top: 28%;
     //left: 13%;
     font-family: 'Poppins', sans-serif;
    /* animation:bounceInLeft ease 3s;
     animation-delay: 9s;*/
     text-shadow: 1px 1px 2px #000000;
      font-weight: 500;
     line-height: 50px;
}
 .slider .three .container h2 {

     font-size: 8vh;
     position: absolute;
     top: 38%;
     //left: 13%;
     color: #83c410;
     animation:bounceInLeft ease 4s;
     animation-delay: 9s;
     font-weight: bold;
}
 .slider .three .container p {
     color: #555;
     font-size: 20px;
     position: absolute;
     top: 25%;
     //left: 13%;
     animation:bounceInLeft ease 2s;
     animation-delay: 9s;
}
 .slider .three .container .banbutton {
     position: absolute;
     top: 70%;
     //left: 13%;
     animation:fadeIn ease 1s;
     background-repeat: no-repeat;
}
 .slider .three .container .banbutton button{
     margin-right: 10px;
}
 .slider .three .container img{
     width: 40vw;
     right: 0%;
     bottom: 0%;
     float: right;
     /* animation:bounceInRight ease 5s;
     animation-delay: 9s;*/
}
 .slider .four {
     width: 100%;
     height: 70vh;
     //background-color: #000;
     background-image: url(../images/slider-bg4.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
.slider .four .container {
     //background-color: green;
     height: 70vh;
     position: relative;
     padding: 0px;
}
 .slider .four .container .leaf {
     position: absolute;
     top: 22%;
     left: 0%;
    /* animation:bounceInLeft ease 1s;
     animation-delay:13.5s;*/
}
 .slider .four .container h1 {
    color: #fff;
     font-size: 5vh;
     position: absolute;
     top: 28%;
     font-family: 'Poppins', sans-serif;
    /* animation:bounceInLeft ease 3s;*/
     text-shadow: 1px 1px 2px #000000;
      font-weight: 500;
     line-height: 50px;
}
 .slider .four .container h2 {

     font-size: 8vh;
     position: absolute;
     top: 38%;
     //left: 13%;
     color: #83c410;
     animation:bounceInLeft ease 4s;
     animation-delay:13.5s;
     font-weight: 500;
}
 .slider .four .container p {
     color: #555;
     font-size: 20px;
     position: absolute;
     top: 25%;
     //left: 13%;
     animation:bounceInLeft ease 2s;
     animation-delay:13.5s;
}
 .slider .four .container .banbutton {
     position: absolute;
     top: 70%;
     //left: 13%;
     animation:fadeIn ease 1s;
     background-repeat: no-repeat;
}
 .slider .four .container .banbutton button{
     margin-right: 10px;
}
 .slider .four .container img{
     width: 40vw;
     right: 0%;
     bottom: 0%;
     float: right;
      animation:bounceInRight ease 5s;
    animation-delay:13.5s;
}
 .slider .five {
     width: 100%;
     height: 70vh;
     //background-color: #000;
     background-image: url(../images/slider-bg.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
 .slider .five .container {
     //background-color: green;
     height: 70vh;
     position: relative;
     padding: 0px;
}
 .slider .five .container .leaf {
     position: absolute;
     top: 14%;
     left: 0%;
}
.slider .five .container h2 {

     font-size: 8vh;
     position: absolute;
     top: 38%;
     //left: 13%;
     color: #83c410;
     animation:bounceInLeft ease 4s;
     animation-delay: 4.5s;
     font-weight: bold;
}
 .slider .five .container h1 {
     color: #0e2332;
     font-size: 8vh;
     position: absolute;
     top: 28%;
     //left: 13%;
     //font-family: 'Bruno Ace SC', cursive;
}
 .slider .five .container h1 span {
     color: #83c410;
}
 .slider .five .container p {
     color: #555;
     font-size: 20px;
     position: absolute;
     top: 25%;
     //left: 13%;
}
 .slider .five .container .banbutton {
     position: absolute;
     top: 70%;
     //left: 13%;
     animation:fadeIn ease 1s;
     background-repeat: no-repeat;
}
 .slider .five .container .banbutton button{
     margin-right: 10px;
}
 .slider .five .container img{
     width: 40vw;
     right: 0%;
     bottom: 0%;
     float: right;
}
/**/
 .client {
     padding: 50px 0px;
}
 .client .item {
     width: 100%;
    /*height: 200px;
    */
    /*background-color: red;
     border-top-left-radius: 50%;
     border-bottom-right-radius: 50%;
    */
}
 .client .item h4{
     text-align: center;
     color: white;
     font-weight: bold;
     padding-top: 20px;
}
/*.client .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
     position: absolute;
     font-size: 30px;
     color: red;
}
 .client .owl-carousel .owl-nav button.owl-prev {
     position: absolute;
     left: -30px;
     top: 90px;
}
 .client .owl-carousel .owl-nav button.owl-next {
     position: absolute;
     right: -30px;
     top: 90px;
}
*/
 .testimonial .owl-dots .owl-dot.active span {
     background-color: red;
}
 #testi {
     background-color: #fff;
     padding: 50px 0px;
     margin-top: -30%;
     padding-top: 40%;
}
 #testi {
     background-color: #fff;
     padding: 50px 0px;
     margin-top: -30%;
     padding-top: 40%;
}
 #testi img{
     width: 100%;
}
 .testimonial {
     padding: 50px 0px;
}
 .testimonial .item {
     width: 100%;
     text-align: center !important;
}
 .testimonial .item img{
     width: 100%;
     border-radius: 50%;
     border:5px solid #f5f5f5;
}
 .testimonial .item h4{
     text-align: center;
     color: white;
     font-weight: bold;
     padding-top: 20px;
}
 .testimonial .owl-item.active p {
     font-size: 18px;
     text-align: center;
     color: #000;
     padding-left: 0px;
     left: 0%;
     padding: 0px !important;
     margin-left: 0%;
}
 .testimonial .owl-item.active h3 {
     text-align: center;
     color: #000;
}
/* .testimonial .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
     position: absolute;
     font-size: 30px;
     color: red;
}
 .testimonial .owl-carousel .owl-nav button.owl-prev {
     position: absolute;
     left: -30px;
     top: 90px;
}
 .testimonial .owl-carousel .owl-nav button.owl-next {
     position: absolute;
     right: -30px;
     top: 90px;
}
*/
 .testimonial .owl-theme .owl-nav {
}
 .spacer30 {
     margin: 600px 0;
}
 #go {
     float: right;
     width: 50px;
}
 #searchItem {
     float: left;
     width: 200px;
}
 .input-group {
     width: 260px;
}
 .searchid {
     font-size:16px;
     color: white;
     background-color: #FF7900;
     padding: 15px;
     border-radius: 50%;
     float: right;
     margin-top: -55px;
}
 iframe {
     border: none;
     filter: gray;
    /* IE6-9 */
     -webkit-filter: grayscale(99%);
    /* Chrome 19+ & Safari 6+ */
     -webkit-backface-visibility: hidden;
    /* Fix for transition flickering */
}
/*contactpage*/
 #contactpage {
     padding: 50px 0px;
     background-color: #fff;
}
 #contactpagemid {
     padding: 0px 0px;
     background-color: #fff;
}
 #contactpagemid a {
     color: #fff;
}
 #contactpagemid a:hover {
     color: #fff !important;
}
 #contactimg .topimg {
     background-image: url(../images/contact-bg.jpg);
     background-repeat: no-repeat;
     position: relative;
     min-height: 250px;
     background-size: cover;
}
 #contactimg .topimg h1{
     font-size: 36px;
     color: white;
     text-align: center;
     padding: 50px 0px;
     position: absolute;
     left: 13%;
}
 .contact {
     padding-bottom: 0px;
}
 .contact .heading {
     margin-bottom: 50px;
}
 .contact .heading h2 {
     font-size: 30px;
     font-weight: 700;
     color: #FF7900;
     margin: 0;
     margin-bottom: 40px;
}
 .contact .heading h2 span {
     color: #7035cf;
     font-weight: 300;
}
 .contact .heading p {
     font-size: 14px;
     font-weight: 400;
     color: #525f7f;
     line-height: 26px;
     margin: 0;
}
 .contact .main {
     background: #ffffff;
     box-shadow: 1px 1px 20px 0 rgba(0,0,0,0.08);
}
 .contact .main h3 {
     font-size: 20px;
     font-weight: 500;
     color: #4a545e;
     margin: 0;
     margin-bottom: 20px;
}
 .contact .form-control {
     padding: 25px;
     font-size: 13px;
     margin-bottom: 10px;
     background: #f8f8f9;
     border: 0;
     border-radius: 5px;
}
 .contact button.btn {
     padding: 10px;
     border-radius: 5px;
     font-size: 15px;
     background: #FF7900;
     color: #ffffff;
}
 .contact .main .left {
     padding: 40px 60px;
}
 .contact .main .right {
     background:#FF7900;
     background-size: cover;
     padding: 40px;
     color: #ffffff;
     height: 100%;
}
 .contact .main .right h4 {
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 30px;
}
 .contact .main .right .info {
     margin-bottom: 35px;
}
 .contact .main .right .info i {
     font-size: 25px;
     color: #ffffff;
}
 .contact .main .right .info span {
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     margin-left: 15px;
}
 .contact .main .right .social a {
     text-decoration: none;
     font-size: 30px;
     color: #ffffff;
     margin-right: 20px;
}
/*Faq*/
 .faq-section {
     background: #fdfdfd;
     min-height: 100vh;
     padding: 10vh 0 0;
}
 .faq-title h2 {
     position: relative;
     margin-bottom: 45px;
     display: inline-block;
     font-weight: 600;
     line-height: 1;
}
 .faq-title h2::before {
     content: "";
     position: absolute;
     left: 50%;
     width: 60px;
     height: 2px;
     background: #E91E63;
     bottom: -25px;
     margin-left: -30px;
}
 .faq-title p {
     padding: 0 190px;
     margin-bottom: 10px;
}
 .faq {
     background: #FFFFFF;
     box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
     border-radius: 4px;
}
 .faq .card {
     border: none;
     background: none;
     border-bottom: 1px dashed #CEE1F8;
}
 .faq .card .card-header {
     padding: 0px;
     border: none;
     background: none;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}
 .faq .card .card-header:hover {
     background: rgba(233, 30, 99, 0.1);
     padding-left: 10px;
}
 .faq .card .card-header .faq-title {
     width: 100%;
     text-align: left;
     padding: 0px;
     padding-left: 30px;
     padding-right: 30px;
     font-weight: 400;
     font-size: 15px;
     letter-spacing: 1px;
     color: #3B566E;
     text-decoration: none !important;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     cursor: pointer;
     padding-top: 20px;
     padding-bottom: 20px;
}
 .faq .card .card-header .faq-title .badge {
     display: inline-block;
     width: 20px;
     height: 20px;
     line-height: 14px;
     float: left;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     border-radius: 100px;
     text-align: center;
     background: #E91E63;
     color: #fff;
     font-size: 12px;
     margin-right: 20px;
}
 .faq .card .card-body {
     padding: 30px;
     padding-left: 35px;
     padding-bottom: 16px;
     font-weight: 400;
     font-size: 16px;
     color: #6F8BA4;
     line-height: 28px;
     letter-spacing: 1px;
     border-top: 1px solid #F3F8FF;
}
 .faq .card .card-body p {
     margin-bottom: 14px;
}
 @media (max-width: 991px) {
     .faq {
         margin-bottom: 30px;
    }
     .faq .card .card-header .faq-title {
         line-height: 26px;
         margin-top: 10px;
    }
}
 h1, h2, h3, h4, h5, h6 {
}
 a, a:hover, a:focus, a:active {
     text-decoration: none;
     outline: none;
}
 a, a:active, a:focus {
     color: #fff;
     text-decoration: none;
     transition-timing-function: ease-in-out;
     -ms-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
     -webkit-transition-timing-function: ease-in-out;
     -o-transition-timing-function: ease-in-out;
     transition-duration: .2s;
     -ms-transition-duration: .2s;
     -moz-transition-duration: .2s;
     -webkit-transition-duration: .2s;
     -o-transition-duration: .2s;
}
 ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 section {
     padding: 0px 0;
    /* min-height: 100vh;
    */
}
 #aboutpage .heading h2 {
     font-size: 30px;
     font-weight: 700;
     color: #FF7900;
     margin: 0;
     margin-bottom: 120px;
}
 .sec-title{
     position:relative;
     z-index: 1;
     margin-bottom:60px;
}
 .sec-title .title{
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 24px;
     color: #FF7900;
     font-weight: 500;
     margin-bottom: 15px;
}
 .sec-title h3{
     position: relative;
     display: block;
     font-size:40px;
     line-height: 1.28em;
     color: #222222;
     font-weight: 600;
     padding-bottom:18px;
}
 .sec-title h3:before{
     position:absolute;
     content:'';
     left:0px;
     bottom:0px;
     width:50px;
     height:3px;
     background-color:#d1d2d6;
}
 .sec-title .text{
     position: relative;
     font-size: 16px;
     line-height: 26px;
     color: #848484;
     font-weight: 400;
     margin-top: 35px;
}
 .sec-title.light h2{
     color: #ffffff;
}
 .sec-title.text-center h2:before{
     left:50%;
     margin-left: -25px;
}
 .list-style-one{
     position:relative;
}
 .list-style-one li{
     position:relative;
     font-size:16px;
     line-height:26px;
     color: #222222;
     font-weight:400;
     padding-left:35px;
     margin-bottom: 12px;
}
 .list-style-one li:before {
     content: "\f058";
     position: absolute;
     left: 0;
     top: 0px;
     display: block;
     font-size: 18px;
     padding: 0px;
     color: #ff2222;
     font-weight: 600;
     -moz-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     line-height: 1.6;
     font-family: "Font Awesome 5 Free";
}
 .list-style-one li a:hover{
     color: #44bce2;
}
 .btn-style-one{
     position: relative;
     display: inline-block;
     font-size: 17px;
     line-height: 30px;
     color: #ffffff;
     padding: 10px 30px;
     font-weight: 600;
     overflow: hidden;
     letter-spacing: 0.02em;
     background-color: #FF7900;
}
 .btn-style-one:hover{
     background-color: #000;
     color: #ffffff;
}
 #aboutpage .about-section{
     position: relative;
     //padding: 120px 0 70px;
}
 #aboutpage .about-section .sec-title{
     margin-bottom: 45px;
}
 #aboutpage .about-section .content-column{
     position: relative;
     margin-bottom: 0px;
}
 #aboutpage .about-section .content-column .inner-column{
     position: relative;
     padding-left: 30px;
}
 #aboutpage .about-section .text{
     margin-bottom: 20px;
     font-size: 16px;
     line-height: 26px;
     color: #848484;
     font-weight: 400;
     text-align: justify;
}
 #aboutpage .about-section .list-style-one{
     margin-bottom: 45px;
}
 #aboutpage .about-section .btn-box{
     position: relative;
}
 #aboutpage .about-section .btn-box a{
     padding: 15px 50px;
}
 #aboutpage .about-section .image-column{
     position: relative;
}
 #aboutpage .about-section .image-column .text-layer{
     position: absolute;
     right: -110px;
     top: 50%;
     font-size: 325px;
     line-height: 1em;
     color: #ffffff;
     margin-top: -175px;
     font-weight: 500;
}
 #aboutpage .about-section .image-column .inner-column{
     position: relative;
     padding-left: 80px;
     padding-bottom: 0px;
}
 #aboutpage .about-section .image-column .inner-column .author-desc{
     position: absolute;
     bottom: 16px;
     z-index: 1;
     background: orange;
     padding: 10px 15px;
     left: 96px;
     width: calc(100% - 152px);
     border-radius: 50px;
}
 #aboutpage .about-section .image-column .inner-column .author-desc h2{
     font-size: 21px;
     letter-spacing: 1px;
     text-align: center;
     color: #fff;
     margin: 0;
}
 #aboutpage .about-section .image-column .inner-column .author-desc span{
     font-size: 16px;
     letter-spacing: 6px;
     text-align: center;
     color: #fff;
     display: block;
     font-weight: 400;
}
 #aboutpage .about-section .image-column .inner-column:before{
     content: '';
     position: absolute;
     width: calc(50% + 80px);
     height: calc(100% + 160px);
     top: -80px;
     left: -3px;
     background: transparent;
     z-index: 0;
     border: 24px solid #FF7900;
}
 #aboutpage .about-section .image-column .image-1{
     position: relative;
}
 #aboutpage .about-section .image-column .image-2{
     position: absolute;
     left: 0;
     bottom: 0;
}
 #aboutpage .about-section .image-column .image-2 img, #aboutpage .about-section .image-column .image-1 img{
     box-shadow: 0 30px 50px rgba(8,13,62,.15);
     border-radius: 46px;
}
 #aboutpage .about-section .image-column .video-link{
     position: absolute;
     left: 70px;
     top: 170px;
}
 #aboutpage .about-section .image-column .video-link .link{
     position: relative;
     display: block;
     font-size: 22px;
     color: #191e34;
     font-weight: 400;
     text-align: center;
     height: 100px;
     width: 100px;
     line-height: 100px;
     background-color: #ffffff;
     border-radius: 50%;
     box-shadow: 0 30px 50px rgba(8,13,62,.15);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
}
 #aboutpage .about-section .image-column .video-link .link:hover{
     background-color: #191e34;
     color: #fff;
}
 #back-to-top {
     cursor: pointer;
     position: fixed;
     bottom: 10px;
     right: 20px;
     display:none;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     text-align: center;
     line-height: 30px;
     background:#81c408;
     border:none;
     color: white;
}
 #back-to-top:hover {
     color: white;
     background: #000;
     border:none;
}
 #back-to-top .fa {
     color: white;
     margin-top: 10px;
}
 .align-center {
}
 @media screen and (min-width: 320px) and (max-width: 767px) {

.slider .one .container .leaf {
    display: none;
}
.slider .two .container .leaf {
    display: none;
}
.slider .three .container .leaf {
    display: none;
}
.slider .four .container .leaf {
    display: none;
}
    .slider .one {
     width: 100%;
     height: 40vh;
     background-color: #000;
     background-image: url(../images/one.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     z-index: -999;
}
 .slider .two {
     width: 100%;
     height: 40vh;
     background-color: #000;
     background-image: url(../images/two.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     z-index: -999;
}
 .slider .three {
     width: 100%;
     height: 40vh;
     background-color: #000;
     background-image: url(../images/three.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     z-index: -999;
}
 .slider .four {
     width: 100%;
     height: 40vh;
     background-color: #000;
     background-image: url(../images/four.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     z-index: -999;
}

     .slider .one .container h1 {
         color: #fff;
         font-size: 3vh;
         position: absolute;
         top: 22%;
         left: 7%;
         line-height: 20px;
         display: none;
    }
     .slider .one .container h2 {
        
         top: 30%;
         left: 7%;
    }
    .slider .two .container h2 {
        
         top: 30%;
         left: 7%;
    }
    .slider .three .container h2 {
        
         top: 30%;
         left: 7%;
    }
    .slider .four .container h2 {
        
         top: 30%;
         left: 7%;
    }
    .slider .five .container h2 {
        
         top: 30%;
         left: 7%;
    }
     .slider .one .container p {
         color: #777;
         font-size: 16px;
         position: absolute;
         top: 52%;
         left: 7%;
    }
     .slider .two .container h1 {
         color: #fff;
         font-size: 4vh;
         position: absolute;
         top: 22%;
         left: 7%;
         line-height: 30px;
         display: none;
    }
     .slider .two .container p {
         color: #777;
         font-size: 16px;
         position: absolute;
         top: 20%;
         left: 7%;
    }
     .slider .three .container h1 {
         color: #fff;
         font-size: 4vh;
         position: absolute;
         top: 22%;
         left: 7%;
         line-height: 30px;
         display: none;
    }
     .slider .three .container p {
         color: #777;
         font-size: 16px;
         position: absolute;
         top: 52%;
         left: 7%;
    }
     .slider .four .container h1 {
         color: #fff;
         font-size: 4vh;
         position: absolute;
         top: 22%;
         left: 7%;
         line-height: 30px;
         display: none;
    }
     .slider .four .container p {
         color: #777;
         font-size: 16px;
         position: absolute;
         top: 52%;
         left: 7%;
    }
     .slider .five .container h1 {
         color: #0e2332;
         font-size: 5vh;
         position: absolute;
         top: 22%;
         left: 7%;
    }
     .slider .five .container p {
         color: #777;
         font-size: 16px;
         position: absolute;
         top: 52%;
         left: 7%;
    }
     .slider .one .container .im {
        position: absolute;
         width: 35vh;
         right: 13%;
         top: 50% !important;
    }
     .slider .one .container .im img {
         width: 35vh;
         right: 13%;
         top: 50% !important;
    }
     .slider .one .container img {
         width: 35vh;
         right: 13%;
         bottom: 50% !important;
    }
     .slider .two .container .im {
        position: absolute;
         width: 35vh;
         right: 13%;
         top: 50% !important;
    }
     .slider .two .container .im img {
         width: 35vh;
         right: 13%;
         top: 50% !important;
    }
     .slider .two .container img {
         width: 35vh;
         right: 13%;
    }
     .slider .three .container .im {
        position: absolute;
         width: 35vh;
         right: 13%;
         top: 50% !important;
    }
     .slider .three .container .im img {
         width: 35vh;
         right: 13%;
         top: 50% !important;
    }
     .slider .three .container img {
         width: 35vh;
         right: 13%;
    }
    .slider .four .container .im {
        position: absolute;
         width: 35vh;
         right: 13%;
         top: 50% !important;
    }
      .slider .four .container .im img {
         width: 35vh;
         right: 13%;
         top: 50% !important;
    }
     .slider .four .container img {
         width: 35vh;
         right: 13%;
    }

     .slider .four .container img {
         width: 35vh;
         right: 13%;
    }
    .slider .five .container .im {
        position: absolute;
         width: 35vh;
         right: 13%;
         top: 50% !important;
    }
       .slider .five .container .im img {
         width: 35vh;
         right: 13%;
         top: 50% !important;
    }
     .slider .five .container img {
         width: 35vh;
         right: 13%;
    }
     .slider .five .container img {
         width: 35vh;
         right: 13%;
    }
     .slider .one .container .leaf {
         left:7% !important;
         top:10%;
    }
     .slider .two .container .leaf {
         left:7% !important;
         top:10%;
    }
     .slider .three .container .leaf {
         left:7% !important;
         top:10%;
    }
     .slider .four .container .leaf {
         left:7% !important;
         top:10%;
    }
     .slider .five .container .leaf {
         left:7% !important;
         top:10%;
    }
     .slider .one .container p {
         font-size: 3vh;
         top:20%;
    }
     .slider .two .container p {
         font-size: 3vh;
         top:20%;
    }
     .slider .three .container p {
         font-size: 3vh;
         top:20%;
    }
     .slider .four .container p {
         font-size: 3vh;
         top:20%;
    }
     .slider .five .container p {
         font-size: 3vh;
         top:20%;
    }
     .slider .one .container .banbutton {
         left: 13%;
    }
     .slider .two .container .banbutton {
         left: 13%;
    }
     .slider .three .container .banbutton {
         left: 13%;
    }
     .slider .four .container .banbutton {
         left: 13%;
    }
     .slider .five .container .banbutton {
         left: 13%;
    }
     .bluebtn {
         padding: 10px 15px;
         font-size: 12px;
    }
     .orangebtn {
         padding: 10px 15px;
         font-size: 12px;
    }
     .slider .owl-nav.disabled + .owl-dots {
         margin-top: -40px;
    }
     .align-center {
         text-align: center !important;
    }
     #headermid img {
         margin-left: 13%;
    }
     .overtext {
         display: none;
    }
     .register .register-form {
         margin-top: 50px;
    }
}
 @media screen and (min-width: 1900px) and (max-width: 2400px) {
     #aboutimg .topimg h1 {
         left: 20% !important;
    }
     #productimg .topimg h1 {
         left: 20% !important;
    }
     #faqimg .topimg h1 {
         left: 20% !important;
    }
     #caseimg .topimg h1 {
         left: 20% !important;
    }
     #contactimg .topimg h1 {
         left: 20% !important;
    }
     .slider .one .container h1 {
         font-size: 7vh;
    }
     .slider .two .container h1 {
         font-size: 7vh;
    }
     .slider .three .container h1 {
         font-size: 7vh;
    }
     .slider .four .container h1 {
         font-size: 7vh;
    }
     .slider .five .container h1 {
         font-size: 7vh;
    }
     #book-appointment {
         height: 640px;
    }
     .img-up img {
         margin-top: -725px;
    }
     #testi {
         padding-top: 35%;
    }
     .mart{
         margin-top: -100px;
    }
}
 .socials-link {
     margin-top: 50px;
}
 .socials-link li {
     display: inline-block;
     margin: 0 15px;
}
 .socials-link a {
     display: block;
     width: 50px;
     height: 50px;
     border: 1px solid #fff;
     line-height: 50px;
     text-align: center;
     font-size: 20px;
     border-radius: 50%;
     position: relative;
     color: #fff;
     transition: all .25s;
     margin-bottom: 10px;
     background-color: #81c408;
}
 .socials-link .fa {
     background-color: transparent;
}
 .socials-link i {
     position: relative;
     z-index: 1;
}
 .socials-link a:before, a:after {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     transform-origin: 50% 50%;
     transform: scale(0);
     border-radius: 50%;
     z-index: -1;
     transition: all .25s;
}
 .socials-link a.active:before, a.active:after {
     transition: all .25s;
}
 .socials-link a.active:before, a:hover:before {
     background: #fff;
     transform: scale(1.1);
}
 .socials-link a.active:after {
     background: #fff;
     z-index: -2;
     transform: scale(100);
}

 .banbutton a{
     color: white !important;
}
 .banbutton a:hover{
     color: white !important;
}
 .search{
     position: absolute;
     top:50%;
     left:50%;
     transform: translate(-50% , -50%);
     background:#fff ;
     height: 40px;
     border-radius: 40px;
     padding: 10px;
     margin-top: 50px;
}
 .search input{
     border: 1px solid #777;
     background:transparent;
     border-radius: 20px;
     width: 180px;
     color: #777;
}
 .search-txt{
     color: #777;
     color: #777;
     font-family: 'Poppins', sans-serif;
}
 .search:hover > .search-txt{
     width: 180px;
     padding: 0 20px;
     color: #777;
     font-family: 'Poppins', sans-serif;
}
 .search:hover > .search-btn{
     background:#81c408;
}
 .search-btn{
     color: #fff;
     float: right;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background:#81c408;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top:-36px;
     margin-right: 7px;
}
 .search-txt{
     border: none;
     background: none;
     outline: none;
     float: left;
     padding-left: 20px;
     color:wheat ;
     font-size: 16px;
     transition: ease-in 0.4s;
     line-height: 40px;
     width: 110px;
     font-family: 'Poppins', sans-serif;
}
 .fas fa-search{
     font-weight: 200;
     font-size: 40px;
}
 #footer {
     background-image: url(../images/footer-bg.jpg);
     background-repeat: no-repeat;
     background-size:100% 100%;
     min-height: 400px;
}
 #footer h1{
     text-align: center;
     font-size: 36px;
     font-weight: 500;
     text-align: center;
     padding-bottom: 50px;
}
 #enquiry{
     width: 100%;
}
 #enquirymid{
     max-width: 100%;
     padding: 50px 0px;
}
 #enquirymid h1{
     text-align: center;
     font-size: 36px;
     font-weight: 500;
     text-align: center;
     padding-bottom: 20px;
}
 #enquirymid p{
     text-align: center;
     font-weight: normal;
     font-size: 16px;
     line-height: 26px;
     padding-bottom: 50px;
}
 #enquirymid .btnDark{
     padding: 15px;
     background: #132901;
     color: #fff;
     font-weight: 600;
     cursor: pointer;
     border: none;
     margin-top: 50px;
     margin-right: 10px;
}
 #enquirymid .btnLight{
     padding: 15px;
     background: #81c408;
     color: #fff;
     font-weight: 600;
     cursor: pointer;
     border: none;
     width: 100px;
     text-align: center;
     margin-top: 50px;
}
 #enquirymid input{
     border:1px solid #DEDEDE;
     border-radius: 0px;
     margin-bottom: 0px;
}
 #enquirymid textarea{
     border:1px solid #DEDEDE;
     border-radius: 0px;
}
 .row.heading h2 {
     color: #fff;
     font-size: 52.52px;
     line-height: 95px;
     font-weight: 400;
     text-align: center;
     margin: 0 0 40px;
     padding-bottom: 20px;
     text-transform: uppercase;
}
 ul{
     margin:0;
     padding:0;
     list-style:none;
}
 .heading.heading-icon {
     display: block;
}
 .padding-lg {
     display: block;
     padding-top: 90px;
     padding-bottom: 60px;
}
 .practice-area.padding-lg {
     padding-bottom: 55px;
     padding-top: 55px;
}
 .practice-area .inner{
     border:1px solid #999999;
     text-align:center;
     margin-bottom:28px;
     padding:40px 25px;
}
 .our-webcoderskull .cnt-block:hover {
     box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
     border: 0;
}
 .practice-area .inner h3{
     color:#3c3c3c;
     font-size:24px;
     font-weight:500;
     font-family: 'Poppins', sans-serif;
     padding: 10px 0;
}
 .practice-area .inner p{
     font-size:14px;
     line-height:22px;
     font-weight:400;
}
 .practice-area .inner img{
     display:inline-block;
}
 .our-webcoderskull{
     // background: url("http://www.webcoderskull.com/img/right-sider-banner.png") no-repeat center top / cover;
}
 .our-webcoderskull .cnt-block{
     float:left;
     width:100%;
     background:#fff;
     padding:30px 20px;
     text-align:center;
     //border:2px solid #d5d5d5;
     margin: 0 0 28px;
}
 .our-webcoderskull .cnt-block figure{
     width:148px;
     height:148px;
     border-radius:100%;
     display:inline-block;
     margin-bottom: 15px;
}
 .our-webcoderskull .cnt-block img{
     width:148px;
     height:148px;
     border-radius:100%;
     border:4px solid #000;
}
 .our-webcoderskull .cnt-block h3{
     color:#81c408;
     font-size:20px;
     font-weight:500;
     padding:6px 0;
     text-transform:uppercase;
}
 .our-webcoderskull .cnt-block h3 a{
     text-decoration:none;
     color:#81c408;
}
 .our-webcoderskull .cnt-block h3 a:hover{
     color:#337ab7 !important;
}

 .our-webcoderskull .cnt-block h4{
     text-decoration:none;
     color:#2a2a2a;
     font-size: 12px;
     line-height: 22px;
     font-weight: bold;

}

 .our-webcoderskull .cnt-block p{
     color:#2a2a2a;
     font-size:13px;
     line-height:20px;
     font-weight:400;
}
 .our-webcoderskull .cnt-block .follow-us{
     margin:20px 0 0;
}
 .our-webcoderskull .cnt-block .follow-us li{
     display:inline-block;
     width:auto;
     margin:0 3px;
     width: 40px;
     height: 40px;
     background-color: #102c00;
     border-radius: 20px;
     font-size:24px;
     color:#fff !important;
}
 .our-webcoderskull .cnt-block .follow-us li:hover{
     display:inline-block;
     width:auto;
     margin:0 3px;
     width: 40px;
     height: 40px;
     background-color: #81c408;
     border-radius: 20px;
     font-size:24px;
     color:#fff !important;
}
 .our-webcoderskull .cnt-block .follow-us li .fa{
     color:#fff !important;
     margin-top: 12px;
}
 .our-webcoderskull .cnt-block .follow-us li .fa:hover{
     //color:#025a8e;
}
 #team {
     width: 100%;
     background-color: #f5f5f5;
     padding-bottom: 0px;
}
 #teammid {
     max-width: 100%;
}
 #teammid h1 {
     font-weight: 600;
     padding: 15px 0px;
     color: #000;
     font-size: 36px;
     line-height: 40px;
     text-transform: none;
     text-align: left;
     font-family: 'Poppins', sans-serif;
}

 #teammid .btnLight{
     padding: 15px;
     background: #81c408;
     color: #fff;
     font-weight: 600;
     cursor: pointer;
     border: none;
     width: 100px;
     text-align: center;
     margin-top: 30px;
}
 #teammid .read a{
     color: #81c408;
     padding: 5px 0px;
}
 #teammid .read a:hover{
     color: #81c408 !important;
}


 #treatmentpage {
     width: 100%;
     background-color: #fff;
     padding-bottom: 50px;
}
 #treatmentpagemid {
     max-width: 100%;
}
 #treatmentpagemid h1 {
     font-weight: 500;
     padding: 35px 0px;
     padding-top: 15px;
     color: #000;
     font-size: 36px;
     line-height: 40px;
     text-transform: none;
     text-align: center;
}
 #treatmentpagemid h4 {
    
     font-size:16px;
     color: #222222;
     font-weight: 600;
     padding-top: 10px;
     line-height: 26px;
}
 #treatmentpagemid h3 {
     color: #81c408;
     margin-top: 0px;
     font-size: 20px;
     font-weight: bold;
     margin-top: 30px;
}
 #treatmentpagemid ul {
    margin-left: 20px;
}
 #treatmentpagemid ul li {
   list-style: circle;
   line-height: 26px;
   margin-bottom: 20px;
   font-size: 14px;
}
 #treatmentpagemid ul li b {
    font-weight: 600;
    color: #000;
}


 #teampage {
     width: 100%;
     background-color: #fff;
     padding-bottom: 50px;
     padding-top:50px;
}
 #teampagemid {
     max-width: 100%;
}
 #teampagemid h1 {
     font-weight: 500;
     padding: 15px 0px;
     padding-bottom: 35px;
     color: #000;
     font-size: 36px;
     line-height: 40px;
     text-transform: none;
     text-align: center;
}
 #teampagemid h4 {
    
     font-size:16px;
     color: #222222;
     font-weight: 500;
     padding-top: 10px;
     line-height: 26px;
}
 #teampagemid h3 {
     color: #fff;
     margin-top: 0px;
     font-size: 20px;
     font-weight: bold;
     margin-top: 0px;
     background: #132901;
padding: 15px;
width: 280px;
border-radius: 15px;

}
 #teampagemid ul {
    margin-left: 20px;
}
 #teampagemid ul li {
   list-style: circle;
   line-height: 40px;
}
 #teampagemid ul li b {
    font-weight: bold;
    color: #000;
}





 #counter {
     width: 100%;
     background-image: url(../images/counter-bg.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     padding-bottom: 50px;
     margin-bottom: 50px;
}
 #countermid {
     max-width: 100%;
}
 #countermid h1{
     font-size: 36px;
     color: #333;
     text-align: center;
}
 #countermid img{
     margin-top: 50px;
     padding-bottom: 0px;
     border:5px solid #fff;
}


 #countermid a {
    color: #81c408 !important;
    padding-right: 20px;
    text-align: center;
    margin-top: 30px;
    }
 #countermid a .fa {
    color: #81c408 !important;
   
    }

 #media {
     width: 100%;
     padding-bottom: 50px;
     margin-bottom: 50px;
     background-color: white;
}
#mediamid {
     max-width: 100%;
}
#mediamid h1{
     font-size: 36px;
     color: #333;
     text-align: center;
     font-weight: 500;
}
#mediamid img{
     margin-top: 50px;
     padding-bottom: 0px;
     border:5px solid #fff;
}



.nobor {
    border: none !important;
}

 #countermid .circle{
     width: 200px;
     height: 200px;
     text-align: center;
     background-color: #647b4b;
     color: white;
     border-radius: 50%;
     vertical-align: center;
     position: relative;
}
 #countermid .circle h2{
     font-size: 50px;
     font-weight: bold;
     top: 60px;
     position: absolute;
     left: 20%;
}
 .box-image {
     position: relative;
}
 .box-image img {
     width: 100%;
}
 .box-image h2 {
     font-size: 30px;
     color: white;
}
 .box-image-text {
     position: absolute;
     left:20%;
     top: 30%;
     background-color: transparent;
     color: white;
     padding-left: 20px;
     padding-right: 20px;
}
 #nature {
     background-image: url(../images/Ayurveda-Social-nature-bg.jpg);
     background-repeat: no-repeat;
     background-size: 100%;
}
 #nature .green {
     background-color: #132902;
     min-height: 500px;
     color: #fff;
     padding-bottom: 30px;
     position: relative;
     padding: 40px;
}
 #nature .green p {
     color: #fff;
     position: absolute;
     top: 50%;
}
 #nature .green h3 {
     color: #fff;
     position: absolute;
     top: 25%;
     font-size: 20px;
}
 #nature .green h1 {
     color: #fff;
     position: absolute;
     top: 33%;
     line-height: 50px;
     font-size: 50px;
}
 #nature .green a {
     background-color: #fff;
     padding: 5px 10px;
     color: #000;
     position: absolute;
     top: 65%;
}
 #blog {
     background-image: url(../images/blog-bg.jpg);
     background-repeat: no-repeat;
     background-size: 100%;
     min-height: 500px;
     position: relative;
}
 #blogmid {
     min-height: 500px;
     color: #fff;
     padding-bottom: 30px;
}
 #blogmid p {
     color: #fff;
}
 #blogmid a {
     background-color: #81c408;
     padding: 15px;
     color: #fff !important;
     position: absolute;
     top: 75%;
     right:10%;
     font-size: 20px;
     border-radius: 5px;
     animation: ease 1s;
}
 #blogmid a:hover {
     background-color: #fff;
     padding: 15px;
     color: #000 !important;
}
 .heading{
     text-align: center;
     font-size: 36px;
     font-weight: 500;
     text-align: center;
     padding-bottom: 50px;
     font-family: 'Poppins', sans-serif;
}
 #disease {
     width: 100%;
     height: auto;
     padding: 50px 0px;
     padding-bottom: 70px;
}
 #diseasemid {
     width: 100%;
     height: auto;
}
#diseasemid p {
     color: #333;
    font-size: 18px;
    line-height: 30px;
    padding: 0px;
    padding-bottom: 10px;
    margin: 0px;
    font-weight: 400;
}

#diseasemid .panel-body p {
   color: #333;
    font-size: 14px !important;
    line-height: 24px;
    padding: 0px;
    padding-bottom: 10px;
    margin: 0px;
    font-weight: 400;
}
   
 #diseasemid h3{
     text-align: center;
     font-size: 16px;
     line-height: 20px;
     margin-bottom: 20px;
}
 #diseasemid h1{
        color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center !important;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 40px;
}
#carousel h1{
        color: #000;
    font-size: 36px;
    font-weight: 500;
    text-align: center !important;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 40px;
}
#carousel h4{
        color: #000;
    font-size: 18px;
    font-weight: 500;
    text-align: center !important;
    font-family: 'Poppins', sans-serif;
}
 #diseasemid a{
     padding: 15px;
     text-align: left;
     font-size: 18px;
     background-color: #132902;
     color: white;
}
 /*#diseasemid a:hover{
    
    
     color: white !important;
}*/
 #diseasemid img {
     max-width: 100px;
     height: auto;
     margin:0 auto;
}
 .nopad {
     padding: 0px;
}
 .employee-p, .customer-p, .design-p, .order-p {
     padding: 20px 0px;
     font-weight: bold;
     padding-bottom: 5px;
}
 .leaf {
     width: 75px !important;
     float: left !important;
}
 .testimonial .item {
     width: 100%;
     height: auto;
     background-color: #fff;
}
 .testimonial .item:hover {
     background-color: #fff;
}
 .testimonial .item h4{
     text-align: center;
     color: white;
     font-weight: bold;
     padding-top: 20px;
}
 #testi h4{
     color: #81c408;
     font-size: 16px;
     margin: 0px;
     padding: 0px;
}
 #testi h3{
     color: #000;
     font-size: 25px;
     margin: 0px;
     padding: 0px;
     padding-top: 10px;
}
 .testimonial .owl-nav {
     position: absolute;
     right: 0%;
     top: -50px;
     background-color: transparent;
     z-index: 99999;
     width: auto;
}
 .testimonial .owl-next span{
     padding: 2px 18px 2px 18px;
     font-size: 40px;
     font-weight: bold;
     background-color: #7fc50d;
     border-radius: 50%;
     color: white;
}
 .testimonial .owl-prev span{
     padding: 2px 18px 2px 18px;
     font-size: 40px;
     font-weight: bold;
     background-color: #7fc50d;
     border-radius: 50%;
     color: white;
}
 .testimonial .owl-nav.disabled, .testimonial .owl-dots.disabled {
     display: block !important;
     background-color: transparent;
}
 .counter {
     //background-color: #eaecf0;
     text-align: center;
}
 .employees,.customer,.design,.order {
     margin-top: 70px;
     margin-bottom: 70px;
}
 .counter-count {
     font-size: 72px;
     font-weight: bold;
     background-color: #fff;
     border-radius: 50%;
     position: relative;
     color: #000;
     text-align: center;
     line-height: 200px;
     width: 200px;
     height: 200px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     display: inline-block;
}
 .counter-count:hover {
     background-color: #132902;
     color: #fff;
}
 .counter-count-act {
     background-color: #132902;
     color: #fff;
}
 .employee-p,.customer-p,.order-p,.design-p {
     font-size: 24px;
     color: #000000;
     line-height: 34px;
}
 .border-bl {
     width: 150px;
     height: 2px;
     background-color: #000;
     margin: 0 auto;
     margin-bottom: 20px;
}
.owl-carousel .owl-nav button.owl-prev:hover {
 background-color: transparent;
}
.owl-carousel .owl-nav button.owl-next:hover {
 background-color: transparent;
}
 .email {
        text-align: left;
    }
     .phone {
        text-align: right;
    }
@media screen and (min-width: 320px) and (max-width: 767px) { 

#testi h3 {
    font-size: 20px;
}
.testimonial .owl-prev span {
    font-size: 25px;
    padding: 8px 18px 8px 18px;
}
.testimonial .owl-next span {
    font-size: 25px;
    padding: 8px 18px 8px 18px;
}
#nature .green {
    background-size: cover;
    min-height:300px;
}
#nature {
    background-size: cover;
}
#nature .green h3 {
    top: 16%;
}
#nature .green h1 {
    top: 27%;
    font-size: 45px;
}
#nature .green p {
    top: 53%;
}
#nature .green a {
    top: 75%;
}
#aboutmid img {
    width: 100px;
}
#videomid p {
    padding-top: 50px;
}
#graymid .container img {
    width: 100px;
    margin-top: 15%;
}
.box-image-text {
    left: 10%;
    top: 10%;
}
#three-sixtymid h4 {
    font-size: 16px;
}
#three-sixtymid h1 {
    margin-top: 10px;
}
#disease {
    padding: 0px 0px;
    padding-bottom: 50px;
}
#teammid .btnLight {
    margin-bottom: 30px;
}
#blog {
    background-size: cover;
    min-height: 300px;
}
#blogmid {
    min-height: 300px;
}
#footerlastmid .copy {
  text-align: center;
}
#footerlastmid .designed {
  text-align: center;
}
.left-tw {
    margin-left: 0px;
}
.bot-ft {
    margin-bottom: 50px;
}
#testi {
    margin-top: -25%;
   }
    .testimonial {
        padding-bottom: 0px;
    }
    #videomid p {
        font-size: 18px;
    }
    .email {
        text-align: center;
    }
     .phone {
        text-align: center;
    }
    .responsive-menu {
        background-color: #f5f5f5;
        margin-bottom: 15px;
    }
    nav {
        padding-top: 0px;
    }
    .menu li a {
        border-bottom: 1px solid #E5E5E5;
    }
    .lt {
        border-bottom: none !important;
        margin-bottom: 20px;
    }
}


/** {
    margin:0;
    padding:0;
    text-decoration:none
}

body {
    background:#555
}

header {
    position:relative;
    width:100%;
    background:#333
}

.logo {
    position:relative;
    z-index:123;
    padding:10px;
    font:18px verdana;
    color:#6DDB07;
    float:left;
    width:15%
}

.logo a {
    color:#6DDB07
}

nav {
    position:relative;
    width:980px;
    margin:0 auto
}*/

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {
    border:0;
    list-style:none;
    line-height:1;
    display:block;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    z-index: 99999;
}

#cssmenu:after,#cssmenu > ul:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}

#cssmenu #head-mobile {
    display:none
}

#cssmenu {
    font-family: 'Poppins', sans-serif;
    background:#fff;
    position: absolute;
    z-index: 99999;
}

#cssmenu > ul > li {
    float:left
}

#cssmenu > ul > li > a {
    padding:17px;
    font-size:12px;
    letter-spacing:1px;
    text-decoration:none;
    color:#ddd;
    font-weight:700
}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a {
    color:#fff
}

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {
    background:#448D00!important;
    -webkit-transition:background .3s ease;
    -ms-transition:background .3s ease;
    transition:background .3s ease
}

#cssmenu > ul > li.has-sub > a {
    padding-right:30px
}

#cssmenu > ul > li.has-sub > a:after {
    position:absolute;
    top:22px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    background:#ddd;
    content:''
}

#cssmenu > ul > li.has-sub > a:before {
    position:absolute;
    top:19px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    background:#ddd;
    content:'';
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease
}

#cssmenu > ul > li.has-sub:hover > a:before {
    top:23px;
    height:0
}

#cssmenu ul ul {
    position:absolute;
    left:-9999px
}

#cssmenu ul ul li {
    height:0;
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    background:#333;
    transition:all .25s ease
}

#cssmenu ul ul li:hover {
}

#cssmenu li:hover > ul {
    left:auto
}

#cssmenu li:hover > ul > li {
    height:35px
}

#cssmenu ul ul ul {
    margin-left:100%;
    top:0
}

#cssmenu ul ul li a {
    border-bottom:1px solid rgba(150,150,150,0.15);
    padding:11px 15px;
    width:170px;
    font-size:12px;
    text-decoration:none;
    color:#ddd;
    font-weight:400
}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {
    border-bottom:0
}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {
    color:#fff
}

#cssmenu ul ul li.has-sub > a:after {
    position:absolute;
    top:16px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    background:#ddd;
    content:''
}

#cssmenu ul ul li.has-sub > a:before {
    position:absolute;
    top:13px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    background:#ddd;
    content:'';
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease
}

#cssmenu ul ul > li.has-sub:hover > a:before {
    top:17px;
    height:0
}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
    background:#363636
}

#cssmenu ul ul ul li.active a {
    border-left:1px solid #333
}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a {
    border-top:1px solid #333
}

@media screen and (max-width:700px) {
.logo {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:46px;
    text-align:center;
    padding:10px 0 0;
    float:none
}

.logo2 {
    display:none
}

nav {
    width:100%
}

#cssmenu {
    width:100%
}

#cssmenu ul {
    width:100%;
    display:none
}

#cssmenu ul li {
    width:100%;
    border-top:1px solid #444
}

#cssmenu ul li:hover {
    background:#363636
}

#cssmenu ul ul li,#cssmenu li:hover > ul > li {
    height:auto
}

#cssmenu ul li a,#cssmenu ul ul li a {
    width:100%;
    border-bottom:0
}

#cssmenu > ul > li {
    float:none
}

#cssmenu ul ul li a {
    padding-left:25px
}

#cssmenu ul ul li {
    background:#333!important
}

#cssmenu ul ul li:hover {
    background:#363636!important
}

#cssmenu ul ul ul li a {
    padding-left:35px
}

#cssmenu ul ul li a {
    color:#ddd;
    background:none
}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {
    color:#fff
}

#cssmenu ul ul,#cssmenu ul ul ul {
    position:relative;
    left:0;
    width:100%;
    margin:0;
    text-align:left
}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {
    display:none
}

#cssmenu #head-mobile {
    display:block;
    padding:23px;
    color:#ddd;
    font-size:12px;
    font-weight:700
}

.button {
    width:55px;
    height:46px;
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    z-index:12399994
}

.button:after {
    position:absolute;
    top:22px;
    right:20px;
    display:block;
    height:4px;
    width:20px;
    border-top:2px solid #ddd;
    border-bottom:2px solid #ddd;
    content:''
}

.button:before {
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    position:absolute;
    top:16px;
    right:20px;
    display:block;
    height:2px;
    width:20px;
    background:#ddd;
    content:''
}

.button.menu-opened:after {
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    top:23px;
    border:0;
    height:2px;
    width:19px;
    background:#fff;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}

.button.menu-opened:before {
    top:23px;
    background:#fff;
    width:19px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}

#cssmenu .submenu-button {
    position:absolute;
    z-index:99;
    right:0;
    top:0;
    display:block;
    border-left:1px solid #444;
    height:46px;
    width:46px;
    cursor:pointer
}

#cssmenu .submenu-button.submenu-opened {
    background:#262626
}

#cssmenu ul ul .submenu-button {
    height:34px;
    width:34px
}

#cssmenu .submenu-button:after {
    position:absolute;
    top:22px;
    right:19px;
    width:8px;
    height:2px;
    display:block;
    background:#ddd;
    content:''
}

#cssmenu ul ul .submenu-button:after {
    top:15px;
    right:13px
}

#cssmenu .submenu-button.submenu-opened:after {
    background:#fff
}

#cssmenu .submenu-button:before {
    position:absolute;
    top:19px;
    right:22px;
    display:block;
    width:2px;
    height:8px;
    background:#ddd;
    content:''
}

#cssmenu ul ul .submenu-button:before {
    top:12px;
    right:16px
}

#cssmenu .submenu-button.submenu-opened:before {
    display:none
}

#cssmenu ul ul ul li.active a {
    border-left:none
}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {
    border-top:none
}
}
.owl-carousel {
    z-index: 0;
}

.nav>li>a:focus, .nav>li>a:hover {

    background-color: white;
    border-bottom: 1px solid #81c408;
    color:#81c408 !important; 
}
.dropdown-menu>li>a {
    background-color:#81c408;
    color: white;
    padding: 10px 20px;
    font-size: 14px; 

}
.dropdown-menu>li>a:hover {
    background-color:#132901;
    color: white !important;

}

.dropdown-menu {
    padding: 0px;
}
 @media (min-width: 320px) and (max-width: 767px) {
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    background-color:#fff;
}
.navbar-toggle {
    background-color: #132901;
padding: 15px 10px;
color: white;
border-radius: 23px;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
.search {
    display: none;
}
/* #diseasemid img {
    float: left !important;
    margin-left: 0px;
    margin-bottom: 30px;
}
 #diseasemid img {
    width: 80px !important;
    margin-right: 20px;
}
#diseasemid h3 {
    text-align: left;
    margin-top: -0px;
    margin-left: 10px;
    font-size: 16px;
}*/
 #accordion .panel-title a {
    font-size: 13px !important;
}
.navbar {
    margin-bottom: 0px;
}
#teampagemid h3 { 
 margin-top: 20px;
}
}
 @media screen and (min-width: 320px) and (max-width: 400px){
.slider .one, .slider .two, .slider .three, .slider .four {
     width: 100%;
     height: 50vh !important;
 }

}
/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/


section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f5f5f5;
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #132901;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
     height: 20vh;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}

.template_faq {
    background: #edf3fe none repeat scroll 0 0;
}
.panel-group {
    background: #fff none repeat scroll 0 0;
   /* border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 30px;*/
}
#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}
#accordion .panel-title a {
    background: #81c408 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 20px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: #ffb900 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 55px;
    left: -20px;
    line-height: 55px;
    position: absolute;
    text-align: center;
    top: -5px;
    transition: all 0.3s ease 0s;
    width: 55px;
}
#accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    content: "";
}
#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
#accordion .panel-body p {
    border-left: 1px dashed #8c8c8c;
    padding-left: 25px;
}

 @media (min-width: 300px) and (max-width: 768px) {

#fade-quote-carousel blockquote {

     height: 65vh;
    }

}