@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300%20italic,400italic,600,600italic,700,700italic,800,800%20italic|Droid+Sans:400,700|PT+Sans:400,400italic,700,700italic|Lato:400,100,100%20italic,300,300italic,400italic,700,700italic,900,900italic|Oswald:400,300,700|%20Droid+Serif:400,400italic,700,700italic|Roboto:400,100,100italic,300,300italic,400%20italic,500,500italic,700,700italic,900,900italic|Lora:400,400italic,700,700%20italic|Libre+Baskerville:400,400italic,700|Josefin+Slab:400,100,100i%20talic,300,300italic,400italic,600,600italic,700,700italic|Arvo:400,400%20italic,700,700italic|Ubuntu:400,300,300italic,400italic,500,500italic,700,700%20italic|Raleway:400,100,200,300,500,600,700,800,900|Source+Sans+Pro:400,200,200%20italic,300,300italic,400italic,600,600italic,700,700italic,900,900%20italic|Lobster|PT+Serif:400,400italic,700,700italic|Old+Standard+TT:400,400%20italic,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;
 ) */
 #header {
    margin-bottom: 0px;
}
 #footer {
    padding: 50px 0px;
 }
 .gray {
    background-color: #D9DADA;
    min-height: 530px;

}

.gray .inbox {
    margin: 50px;
}
 @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

.panel-title>a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f055";
    padding-right: 5px;
}

.panel-title>a.collapsed:before {
    float: right !important;
    content: "\f056";
}

.panel-title>a:hover,
.panel-title>a:active,
.panel-title>a:focus {
    text-decoration: none;
}

.about-us-container {
    width: 100%;
    max-width 100%;
    height: auto;

}

.col-xs-12 {}

.half-left img {
    width: 100%;
    height: 100%;
    max-width 100%;
}

.half-right img {
    width: 100%;
    max-width 100%;
    height: 100%;
}

/*.row {
   height: 758px;

}*/

.container-fluid {}

@media (min-width: 481px) {

    .half-left,
    .half-right {
        overflow: hidden;
        padding: 0;
        position: responsive;
    }

    .half-left>.about-us-container,
    .half-right>.about-us-container {
        position: absolute;
        top: 0;
    }

    .half-left>.about-us-container {
        right: 0;
    }

    .half-right>.about-us-container {
        left: 0;
    }
}



 #dealership {
    width: 100%;
    margin-bottom: 50px;
    margin-top: 50px;
}

 #dealership {
    max-width: 100%;
}

 #dealership h1 {
    font-size: 36px;
    color: #000;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 20px;
}
 #dealership p {
   
}
 #counter {
    width: 100%;
    /*background-image: url(../images/counter-bg.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;*/
    background-color: #E95821;
    padding-bottom: 50px;
    margin-bottom: 50px;
    margin-top: 50px;
    padding-top: 50px;
}

#countermid {
    max-width: 100%;
}

#countermid h1 {
    font-size: 36px;
    color: #fff;
    text-align: center;
}

#countermid h3 {
    font-size: 24px;
    color: #fff;
    text-align: left;
}

#countermid p {

    color: #fff;
    text-align: justify;
}

#countermid .heading-sub {

    color: #fff;
    text-align: center;
}

#countermid img {
    margin-top: 50px;
    padding-bottom: 0px;
    border: 5px solid #fff;
}


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

#countermid a .fa {
    color: #fff !important;

}


#counterbox {
    width: 100%;
    /*background-image: url(../images/counter-bg.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;*/
    background-color: transparent;
    padding-bottom: 50px;
    margin-bottom: 50px;
    margin-top: 50px;
    color: #000;
}

#counterboxmid {
    max-width: 100%;
}

#counterboxmid h1 {
    
    color: #000;
    text-align: center;
}

#counterboxmid h3 {
    font-size: 24px;
    color: #000;
    text-align: left;
}

#counterboxmid p {

    color: #000;
    text-align: justify;
}
#counterboxmid .counter {

    margin-top: 0px;
    padding-top: 0px;
}

#counterboxmid .heading-sub {

    color: #000;
    text-align: center;
}

#counterboxmid img {
    margin-top: 50px;
    padding-bottom: 0px;
    border: 5px solid #fff;
}


#counterboxmid a {
    color: #E95821 !important;
    padding-right: 20px;
    text-align: center;
    margin-top: 30px;
}

#counterboxmid a .fa {
    color: #E95821 !important;

}
 #band {
    width: 100%;
    padding: 100px 0px;
    background-color: #353166;
}

#band h2 {
    color: white;
}
section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f5f5f5;
}
.padding-lg {
    display: block;
    padding-top: 90px;
    padding-bottom: 60px;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    overflow: hidden;
}
.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;
}
.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: 10px;
}

.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: #fff;
}

.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: 16px;
    line-height: 26px;
    padding: 0px;
    padding-bottom: 10px;
    margin: 0px;
    font-weight: 400;
    color: #333;
}

/*index page start*/
h1 {
    font-family: 'Poppins', sans-serif;

    text-align: left;
    font-weight: 500;
    text-transform: none;
}
#solution h1 {
    font-size: 36px;
    margin-top: 0px;
}
#solution .owl-carousel {

   margin-top: 50px;

}

#solution .owl-carousel .owl-item img {

    width: auto;

}

.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: #000;
    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: #fff;
    margin-right: 5px;
}

#header {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#headermid {
    max-width: 1170px;
    height: auto;
    margin: 0 auto;
}

#headermid img {
    margin: 15px 0px;

}

#banner {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: -20px;
}

#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: 70px 0px;
    background-color: #FFF;
    padding-bottom: 0px;
}

#aboutmid {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
#aboutmid h1 {
   text-align: center;
   margin-bottom: 30px;
}

#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: #353166;
    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: #353166;
}

#aboutmid a:hover {

    color: #353166 !important;
}

#aboutmid h4 {

    color: #000 !important;
    font-weight: 500;
    padding: 10px 0px;
    padding-bottom: 0px;
}

#aboutmid .topimg {
    background-image: url(../images/about-bg.html);
    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.html);
    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.html);
    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.html);
    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;
}

#footer img {
    width: 220px !important;
}

@media screen and (min-width: 320px) and (max-width: 600px) {


     .email {
        margin-bottom: 0px;
    }

    #topbar {
        padding-bottom: 10px;
    }
    #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: #E95821;
    //padding: 10px 0px;
    padding-top: 10px;
    margin-top: -8px;
}

#footerlastmid {
    max-width: 1170px;
    height: auto;
    margin: 0 auto;
    background-color: #E95821;
}

#footerlastmid p {
    color: #fff;
    font-size: 13px;
}

#footerlastmid a {
    color: #fff;
}

#footerlastmid a:hover {
    color: #fff;
}

#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: 18px;
    color: #E95821;
    font-weight: 500;
    padding-top: 10px;
}

#aboutpagemid h3 {
    color: #000;
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0px;
    margin-top: 30px;
}
#aboutpagemid p {

    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px !important;
}
#aboutpagemid ul {
    margin-left: 15px;
}

#aboutpagemid ul li {
    list-style: disc;
    line-height: 22px;
}

#aboutpagemid ul li b {
    font-weight: 600;
    color: #000;
}

#aboutpagemid .feature-content h4 {
    color: #333;
    margin-top: 20px;

}
#aboutpage a{
    color: #000;
}
#aboutpage a:hover{
    color: #000;
}

#aboutpagemid h5 {
    color: #000;
    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 .up{
   margin-top: 0px !important;
}
#aboutpagemid ul {}

#aboutpagemid ul li {

    margin-bottom: 20px;
    font-size: 18px;
}

#aboutimg .topimg {
    background-image: url(../images/about-bg.html);
    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.html);
    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.html);
    margin-left: 25%;
}

.ch-img-2 {
    background-image: url(../images/2.html);
    margin-left: 25%;
}

.ch-img-3 {
    background-image: url(../images/3.html);
    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.html");
    -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.html");
    -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.html");
    -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: #000;
}

footer {
    color: #000;
}

footer p {
    margin-top: 20px;
}

footer a {
    color: #000;

}

footer p,
a {
    color: #333;
    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: #000;
    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: #000;
    text-decoration: none;
}

footer ul li a:hover {
    text-decoration: none;
    color: #000;
    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% !important;
    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: 8vh;
    position: absolute;
    top: 38%;
    font-family: 'Poppins', sans-serif;
    /*animation:bounceInLeft ease 3s;*/
    text-shadow: 1px 1px 2px #000000;
    font-weight: 500;
    line-height: 50px;
}

.slider .one .container h3 {

    font-size: 5vh;
    position: absolute;
    top: 25%;
    //left: 13%;
    color: #fff;
    animation: bounceInLeft ease 4s;
    font-weight: bold;
    display: none;
}

.slider .one .container p {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 55%;
    //left: 13%;
    animation: bounceInLeft ease 2s;
}

.slider .one .container a {
     color: #fff;
    background-color: #E95821;
    font-size: 20px;
    position: absolute;
    top: 75%;
    padding: 7px 15px;
    //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% !important;
    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: 8vh;
    position: absolute;
    top: 38%;
    font-family: 'Poppins', sans-serif;
    /*animation:bounceInLeft ease 3s;*/
    text-shadow: 1px 1px 2px #000000;
    font-weight: 500;
    line-height: 50px;
}

.slider .two .container h3 {

    font-size: 5vh;
    position: absolute;
    top: 25%;
    //left: 13%;
    color: #fff;
    animation: bounceInLeft ease 4s;
    font-weight: bold;
    display: none;
}

.slider .two .container p {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 55%;
    //left: 13%;
    animation: bounceInLeft ease 2s;
}

.slider .two .container a {
    color: #fff;
    background-color: #E95821;
    font-size: 20px;
    position: absolute;
    top: 75%;
    padding: 7px 15px;
    //left: 13%;
    animation: bounceInLeft ease 2s;
}

.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% !important;
    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: 8vh;
    position: absolute;
    top: 38%;
    font-family: 'Poppins', sans-serif;
    /*animation:bounceInLeft ease 3s;*/
    text-shadow: 1px 1px 2px #000000;
    font-weight: 500;
    line-height: 50px;
    left: 0%;
}

.slider .three .container h3 {

    font-size: 5vh;
    position: absolute;
    top: 25%;
    left: 6%;
    color: #fff;
    animation: bounceInLeft ease 4s;
    font-weight: bold;
    display: none;
}

.slider .three .container p {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 55%;
    //left: 13%;
    animation: bounceInLeft ease 2s;
}

.slider .three .container a {
    color: #fff;
    background-color: #E95821;
    font-size: 20px;
    position: absolute;
    top: 75%;
    padding: 7px 15px;
    //left: 13%;
    animation: bounceInLeft ease 2s;
}

.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% !important;
    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: 8vh;
    position: absolute;
    top: 38%;
    font-family: 'Poppins', sans-serif;
    /*animation:bounceInLeft ease 3s;*/
    text-shadow: 1px 1px 2px #000000;
    font-weight: 500;
    line-height: 50px;
}

.slider .four .container h3 {

    font-size: 5vh;
    position: absolute;
    top: 25%;
    //left: 13%;
    color: #fff;
    animation: bounceInLeft ease 4s;
    font-weight: bold;
    display: none;
}

.slider .four .container p {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 55%;
    //left: 13%;
    animation: bounceInLeft ease 2s;
}

.slider .four .container a {
    color: #fff;
    background-color: #E95821;
    font-size: 20px;
    position: absolute;
    top: 75%;
    padding: 7px 15px;
    //left: 13%;
    animation: bounceInLeft ease 2s;
}

.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% !important;
    height: 70vh;
    //background-color: #000;
    background-image: url(../images/slider-bg5.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: 22%;
    left: 0%;
    /* animation:bounceInLeft ease 1s;
     animation-delay:13.5s;*/
}

.slider .five .container h1 {
    color: #fff;
    font-size: 8vh;
    position: absolute;
    top: 38%;
    font-family: 'Poppins', sans-serif;
    /*animation:bounceInLeft ease 3s;*/
    text-shadow: 1px 1px 2px #000000;
    font-weight: 500;
    line-height: 50px;
}

.slider .five .container h3 {

    font-size: 5vh;
    position: absolute;
    top: 25%;
    //left: 13%;
    color: #fff;
    animation: bounceInLeft ease 4s;
    font-weight: bold;
    display: none;
}

.slider .five .container p {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 55%;
    //left: 13%;
    animation: bounceInLeft ease 2s;
}

.slider .five .container a {
    color: #fff;
    background-color: #E95821;
    font-size: 20px;
    position: absolute;
    top: 75%;
    padding: 7px 15px;
    //left: 13%;
    animation: bounceInLeft ease 2s;
}

.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;
    animation: bounceInRight ease 5s;
    animation-delay: 13.5s;
}

/**/
.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 {
   
}

/*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: #E95821;
    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) {

    .social-link {
        //z-index: 99990;
    }

    #banner {
        margin-top: 10px;
    }

    #banner {
        margin-top: 10px;
    }

    .half-left {
        margin-bottom: -50px !important;
    }
     .half-right .inbox h3{
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .half-right .gray {

        margin-top: -50px;

    }
    h1 {
        font-size: 28px;
    }

    #accordion {
        margin-top: 20px;
    }
     #accordion .panel-body {
        font-size: 12px;
     }
    #countermid h1 {
        font-size: 28px;
    }

    .padding-lg {
        padding-bottom: 0px;
    }

    #about {
        padding: 30px 0px;
    }
    #band {
        padding: 30px 0px;
    }

    section {
         padding: 30px 0px;
    }
     #band h2{
        font-size: 22px;
        font-weight: bold;
    }

    .padding-lg {
        padding-top: 30px;
    }

    .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% !important;
        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% !important;
        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% !important;
        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% !important;
        height: 40vh;
        background-color: #000;
        background-image: url(../images/four.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: -999;
    }
    .slider .five {
        width: 100% !important;
        height: 40vh;
        background-color: #000;
        background-image: url(../images/five.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: -999;
    }

    .slider .one .container h1 {
       color: #fff;
        font-size: 4vh;
        position: absolute;
        top: 10%;
        left: 7%;
        line-height: 30px;
        //display: none;
    }
.slider .one .container a {
    left: 7%;
    font-size: 12px;
    top: 28%;
}
.slider .two .container a {
    left: 7%;
    font-size: 12px;
    top: 28%;
}
.slider .three .container a {
    left: 7%;
    font-size: 12px;
    top: 28%;
}
.slider .four .container a {
    left: 7%;
    font-size: 12px;
    top: 28%;
}
.slider .five .container a {
    left: 7%;
    font-size: 12px;
    top: 28%;
}
    .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: 10%;
        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: 10%;
        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: 10%;
        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: #fff;
        font-size: 4vh;
        position: absolute;
        top: 10%;
        left: 7%;
        line-height: 30px;
        //display: none;
    }

    .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%;
        display: none;
    }

    .slider .two .container p {
        font-size: 3vh;
        top: 20%;
        display: none;
    }

    .slider .three .container p {
        font-size: 3vh;
        top: 20%;
        display: none;
    }

    .slider .four .container p {
        font-size: 3vh;
        top: 20%;
        display: none;
    }

    .slider .five .container p {
        font-size: 3vh;
        top: 20%;
        display: none;
    }

    .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%;
        max-width: 260px;
        margin-left: 20px;
        margin-bottom: 0px;
    }

     #headermid h3 {
       font-size: 16px;
    }

.navbar {
    margin-top: -60px;
}
 #header {
    margin-bottom: 10px;
}
     .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: #E95821;
}

.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-color: white;
    color: #000;
}

#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: 7px 15px;
    background: #E95821;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    border: none;
    margin-top: 50px;
    margin-right: 10px;
}

#enquirymid .btnLight {
    padding: 7px 15px;
    background: gray;
    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;
}



.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: 100%;
    height: auto;

}

.our-webcoderskull .cnt-block h3 {
    //color: #81c408;
    font-size: 20px;
    font-weight: 500;
    padding: 6px 0;
    text-transform: uppercase;
    width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
    background: #E95821;
}

.our-webcoderskull .cnt-block h3 a {
    text-decoration: none;
    color: #fff;

}

.our-webcoderskull .cnt-block h3 a:hover {
    color: #fff !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: 16px;
    line-height: 26px;
    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: #353166;
    padding: 5px 0px;
}

#teammid .read a:hover {
    color: #E95821 !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;
}




#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;
}

.heading {
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 50px;
    font-family: 'Poppins', sans-serif;
}

#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;
    padding-top: 30px;
}

.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;
    color: white;
    font-size: 14px;
}

.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: 100%;
    }

    #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 #000;
    color: #000 !important;
}

.dropdown-menu>li>a {
    background-color: #E95821;
    color: white;
    padding: 10px 20px;
    font-size: 14px;

}

.dropdown-menu>li>a:hover {
    background-color: #000;
    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: #E95821;
        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: -10px;
        background-color: lightgrey;
        margin-top: 20px;
    }

    #teampagemid h3 {
        margin-top: 20px;
    }
}

@media screen and (min-width: 320px) and (max-width: 500px) {

    .slider .one,
    .slider .two,
    .slider .three,
    .slider .four, .slider .five {
        width: 100% !important;
        height: 40vh !important;
    }

}

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




.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: #353166 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;
}

/*Error End*/
@media (min-width: 300px) and (max-width: 768px) {

    #fade-quote-carousel blockquote {

        height: 65vh;
    }

}

/*.navbar {
    margin-bottom: -1px !important;
}*/

.social-link .fa {
    padding: 10px;
    font-size: 15px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}

.social-link .fa:hover {
    background-color: transparent !!important;
}
.social-link li a .fa {
    background-color: transparent !important;
    color: white.;
}
.social-link li a:hover .fa {
    background-color: transparent !important;
    color: white.;
}
.social-link .fa-facebook {
    background: #3B5998;
    color: white;
}

.social-link .fa-twitter {
    background: #55ACEE;
    color: white;
}

.social-link .fa-google {
    background: #dd4b39;
    color: white;
}

.social-link .fa-linkedin {
    background: #007bb5;
    color: white;
}

.social-link .fa-youtube {
    background: #bb0000;
    color: white;
}
.social-link .fa-whatsapp {
    background: green;
    color: white;
}
.social-link .fa-instagram {
    background: #125688;
    color: white;
}

.social-link a{
    color: #fff !important;
}
.social-link a:hover{
    color: #fff !important;
}

.subscribe-area {
    background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);
}

.pb-50 {
    padding-bottom: 50px;
}

.pt-70 {
    padding-top: 70px;
}

.mb-15 {
    margin-bottom: 15px;
}

.subscribe-text span {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 5px;
}

.subscribe-text h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 6px;
}
/*Error End*/



.subscribe-wrapper {
    overflow: hidden;
}

.mb-15 {
    margin-bottom: 15px;
}

.subscribe-form {}

.subscribe2-wrapper .subscribe-form input {
    background: none;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    height: 57px;
    margin-right: 17px;
    padding-left: 35px;
    width: 70%;
    cursor: pointer;
}

.subscribe2-wrapper .subscribe-form button {
    background: #ffff;
    border: none;
    border-radius: 30px;
    color: #4b5d73;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    padding: 18px 46px;
    transition: all 0.3s ease 0s;
}

.subscribe2-wrapper .subscribe-form button i {
    font-size: 18px;
    padding-left: 5px;
}



#client {
    width: 100%;
    background-image: url(../images/client-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: red;
    padding-bottom: 50px;
    margin-bottom: 50px;
    margin-top: 50px;
    color: #fff;
}

#client h1 {
    text-align: center;
    padding-top: 50px;
}

#client p {
    text-align: center;
    color: #fff;
}

#client .owl-carousel .owl-item img {
    width: 100px;
}
#client .sec-heading {
padding-bottom: 50px;

}

#client .owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    font-size: 50px;
    margin-top: 20px;
}

#client .owl-carousel .owl-nav button.owl-next {
   position: absolute;
   right: -30px;
   margin-top: -60px;
}

#client .owl-carousel .owl-nav button.owl-prev {
   position: absolute;
   left: -30px;
   margin-top: -60px;
}




/* .container-fluid{
  height:100px;
}
.about-us-container{
    height:100px;

} */


.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    font-size: 50px;
}

.navbar-collapse.collapse {
    background-color: #E95821 !important;
}

#solution .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    right: 20px;
    top: -80px;
}

#solution .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 0;
    top: -100px;
}
#about-bg {
     width: 100%;
    background-image: url(../images/ab.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
    background-color: #E95821;
    padding: 100px 0px;
    margin-top: -20px;
}

#about-bg h1{
    text-align: center;
    color: white;
}

@media (max-width: 767px) {

#about-bg {
    
    padding: 50px 0px;
    margin-top: 10px;
}

#about-bg h1{
    text-align: center;
    color: white;
}

}