body {
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
    min-height: 100%;
    position: relative;
    padding-bottom: 1px !important;
}
html {
    height: 100%;
}

.text-muted {
    color: #777;
}

.icon-image {
   
   margin-top: 12px;
}

.text-primary {
    color: #6FB832;
}

p {
    font-size: 13px;
    line-height: 1.75;
    font-family: 'Open Sans', sans-serif;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    text-decoration: none;
}

a {
    color: #ffffff;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #fe7701;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    
    font-weight: 700;
}



.img-centered {
    margin: 0 auto;
}

.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}

.btn-primary {
    border-color: #6FB832;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background-color: #6FB832;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #6FB832;
    color: #fff;
    background-color: #6FB832;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #6FB832;
    background-color: #6FB832;
}

.btn-primary .badge {
    color: #6FB832;
    background-color: #fff;
}

.btn-xl {
    padding: 10px 40px;
    border-color: #6FB832;
    border-radius: 30px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #6FB832;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:focus,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #6FB832;
    color: #fff;
    background-color: #6FB832;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #6FB832;
    background-color: #6FB832;
}

.btn-xl .badge {
    color: #6FB832;
    background-color: #fff;
}

.navbar-default {
    border-color: transparent;
    background-color: #222;
}

.navbar-default .navbar-brand {
    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
    color: #6FB832;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #fec503;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: #6FB832;
    background-color: #6FB832;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #6FB832;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 8px 0;
    font-size: 13px;
    transition: all 0.3s;
}
.navbar-default .nav li a i {
    margin-right: 5px;
}
.navbar-left li a {
    margin-right: 20px;
}
.navbar-right li a {
    margin-left: 20px;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #6fb832;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #6fb832;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #6fb832;
}

@media(min-width:768px) {
    .navbar-default {
        padding: 0px 0;
        border: 0;
        background-color: #2c3e50;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
        margin-bottom: 0px !important;
        border-radius: 0px !important;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 0;
        background-color: #222;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

.page-header {
    padding-top: 2px;
    padding-bottom: 2px; 
    background-attachment: scroll;
	background:red;
    /*background-image: url(../img/header-title-bg.jpg);*/
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
    text-align: center;
    margin: 0;
}
.page-header h2 {
    line-height: 50px;
    color: #fff;
    margin: 0;
}

section {
    padding: 45px 0;
}

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

@media(min-width:768px) {
    section {
        padding: 25px 0; 
    }
}

.service-heading {
    margin: 15px 0;
    text-transform: none;
}

footer {
    padding: 15px 0 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(51, 51, 51, 0.05);
}
footer a {
    display: inline-block;
}
footer a img {
    height: 40px;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

::-moz-selection {
    text-shadow: none;
    background: rgba(111, 184, 50, 0.5);
}

::selection {
    text-shadow: none;
    background: rgba(111, 184, 50, 0.5);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #6FB832;
}

.headStrip {
    background: #fff;
    margin: 0;
    padding: 8px 0;
    box-shadow: 0 2px 5px rgba(0,0,0,.26);
}
.headStrip a {
    display: inline-block;
    outline: none;
    text-decoration: none;
}
.headStrip a:hover,
.headStrip a:focus,
.headStrip a:visited,
.headStrip a:active {
    outline: none;
    border:none;
    text-decoration: none;
}
.headStrip a img {
    display: block;
    height: 60px;
}

.headStrip h3 {
    margin: 0;
    line-height: 50px;
    font-size: 20px;
    font-weight: 600;
}
.headStrip h3 span {
    color: #6FB832;
    font-weight: 800;
}

.clearfix {
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0px;
}

.copyright-footer {
    background: #2c3e50;;
    margin-top: 15px;
}
.copyright-footer p {
    color: #fff;
    margin: 0;
    line-height: 30px;
    opacity: 0.7;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}
.copyright-footer p.text-left {
    float: left;
}
.copyright-footer p.text-right {
    float: right;
}
.copyright-footer p.text-right i {
    margin-right: 5px;
    margin-left: 15px;
}
.copyright-footer p a {
    color: inherit;
}
.Welcome-text {
    font-size: 16px;
    text-align: justify;
}
ul {
    display: block;
    list-style-type: none;
    margin: 0 0 30px;
    padding: 0;
}
.slider-main {
    position: relative;
    width: 100%;
    background-color: #04202e;
}
.banner-content {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    padding-top: 5%;
}
.banner-content .text-slider {
    width: 41.66666667%;
    margin-left: 58.33333333%;
    position: relative;
    /*min-height: 1px;*/
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}
.banner-content h3 {
    margin: 0;
    color: #fff;
    font-size: 34px;
}
.banner-content h3 span {
    text-transform: none;
}
.slider-main .blockquote {
    position: relative;
    margin-top: 30px;
    color: #fff;
    padding-top: 30px;
}
.slider-main .blockquote:before {
    position: absolute;
    content: '';
    background: url(../img/quote-icon.png);
    background-repeat: no-repeat;
    background-size: 50px;
    width: 50px;
    height: 50px;
    opacity: 0.3;
    top: 0;
    left: -40px;
}
.slider-main .blockquote .auth_img {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: relative;
    float: left;
    margin-left: 5px;
}
.slider-main .blockquote .auth_img:after {
    position: absolute;
    content: '';
    width: 90px;
    height: 90px;
    border: 1px solid rgba(255, 255, 255, 0.39);
    left: -5px;
    top: -5px;
}
.slider-main .blockquote p {
    float: right;
    width: calc(100% - 100px);
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 5px 20px 5px 0;
}
.slider-main .blockquote .auth_img img {
    width: 100%;
}
.slider-main .blockquote .author:before {
    width: 50px;
    top: -10px;
    position: absolute;
    content: '';
    height: 1px;
    background: #6fb832;
}
.slider-main .blockquote .author {
    color: #fff;
    position: relative;
    margin-top: 25px;
}
.slider-main .blockquote .author h4 {
    text-transform: none;
    font-weight: 500;
    margin: 0;
    font-size: 16px;
}
.slider-main .blockquote .author h5 {
    opacity: 0.4;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 1px;
    margin: 3px 0;
}
.slider-main .owl-nav {
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.owl-prev, 
.owl-next {
    font-size: 0px;
    width: 40px;
    height: 40px;
    background: rgba(4, 32, 46, 0.8);
    float: left;
    margin: 0 5px;
    border: 1px solid rgba(111, 184, 50, 0.5);
    position: relative;
    transition: all 0.3s;
}
.owl-prev:hover, 
.owl-next:hover {
    background: rgba(4, 32, 46, 1);
    border: 1px solid rgb(111, 184, 50);
}
.owl-prev:after, 
.owl-next:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 10px;
}
.owl-prev:after {
    background-image: url(../img/left-arrow.png);
}
.owl-next:after {
    background-image: url(../img/right-arrow.png);
}

.app-block {
    display: block;
    outline: none;
    color: #fff;
    padding: 25px;
    height: 120px;
    /*margin-bottom: 30px;*/
    border-radius: 8px;
    transition: all 0.3s;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.app-block:hover {
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
.app-block .overlay{
			position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
	
	width:100%;
	border-radius: 8px;
  opacity: 0;
  transition: .5s ease;
		}
		.app-block:hover .overlay {
  opacity: 1;
}
.app-block .app-icon {
    width: 90px;
    margin: 0 auto;
    display: block;
}
.app-block .app-icon img {
    max-width: 100%;
}
.app-block h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}
.app-block h3 span {
    text-transform: none;
}


#aligarh{
	background: #F6931E;
}
#allahabad {
	background: #ac2044;
}
#azamgarh {
	background: #F04C40;
}
#bareilly {
	background: #505050;
}
#chitrakoot {
	background: #2b83e0;
}
#gonda{
	background: #97c32e;
}
#amethi{
	background: #002875;
}
#faizabad{
	background: #183883;
}
#gorakhpur{
	background: #d0186c;
}
#etawah{
	background: #672a2a;
}
#hardoi{
	background: #04202e;
}
#bulandshahr{
	background: #df612c;
}
.app-block:hover,
.app-block:focus,
.app-block:active,
.app-block:visited {
    color: #fff;
	
}

.workshop-block {
    display: block;
    margin-bottom: 15px;
}
.workshop-block a {
    display: block;
    outline: none;
    color: #333;
    transition: all 0.3s;
}
.workshop-block a span {
    display: block;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    /* box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.2); */
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.workshop-block a span img {
    display: block;
    max-width: 100%;
}
.workshop-block a h4 {
    text-transform: none;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 20px;
    transition: all 0.3s;
}
.workshop-block a h4:hover {
    color: #6FB832;
}
.workshop-block .worshop-meta {
    display: block;
}
.workshop-block .worshop-meta span.date {
    display: inline-block;
    width: 50%;
    float: left;
    font-weight: 600;
    line-height: 35px;
}
.workshop-block .worshop-meta span.date img{
    width: 16px;
    margin-right: 8px;
    float: left;
    margin-top: 9px;
}
.workshop-block .worshop-meta .workshop-btn {
    display: block;
    float: right;
    background: #6FB832;
    color: #fff;
    line-height: 35px;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 20px;
    border-radius: 30px;
    letter-spacing: 1px;
}
.workshop-block .worshop-meta .workshop-btn:hover {
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2);
}


.cta-download {position: fixed; bottom:0; width: 100%;
    background: #151515;
    padding: 0px 35px;
    border-radius: 0px;
}
.cta-download h3.cta-header {
    position: relative;
    margin: 0;
    color: #fff;
    font-weight: 300;
    text-transform: none;
    line-height: 55px;
    float: left;
}
.cta-download h3.cta-header:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #041f2e;
    z-index: 99;
}
.cta-download .cta-intro {
    overflow: hidden;
}
.cta-download .cta-intro p {
    width: 90%;
    color: #fff;
    font-size: 14px;
    float: left;
}
.cta-download .cta-intro a.cta-btn {
    float: right;
    background: #6fb832;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 25px;
    letter-spacing: 1px;
    line-height: 45px;
    border-radius: 30px;
    margin-top: 5px;
}

.contact-block {
    position: relative;
    padding-left: 80px;
}
.contact-block i {
    position: absolute;
    font-size: 42px;
    color: #6fb832;
    left: 20px;
}
.contact-block h3 {
    text-transform: none;
    font-weight: 700;
    color: #fe7701;
    font-size: 18px;
}
.contact-block p {
    color: #333;
    font-size: 14px;
}


@media(max-width:768px) {
    body {
        padding-bottom: 0 !important;
    }
    .headStrip {
        padding: 5px 0;
    }
    .headStrip a img {
        height: 35px;
    }
    .headStrip h3 {
        font-size: 14px;
        line-height: 25px;
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        padding-top: 5px;
    }
    section {
        padding: 30px 0;
    }
    section h2.section-heading {
        font-weight: 600;
    }
    .slider-main .item, 
    .banner-content, 
    .text-slider {
        /*min-height: calc(100% + 110px);*/
        min-height: 245px;
    }
    .banner-content {
        padding-top: 0;
    }
    .banner-content .text-slider {
        padding: 0;
        padding-top: 25px;
        margin-left: 0;
        width: 100%;   
        position: relative;
    }

    .banner-content h3 {
        font-size: 14px;
        margin-top: 5px;
        text-transform: none;
        font-weight: 500;
        line-height: 18px;
        padding-left: 52%;
    }
    .slider-main .blockquote {
        position: absolute;
        width: 100%;
        padding-top: 0px;
        margin-top: 0;
        left: 0;
        bottom: 10px;
        z-index: 99;
    }
    .slider-main .blockquote:before {
        left: -10px;
        top: -10px;
        background-size: 15px;
    }
    .slider-main .blockquote .auth_img {
        width: 50px;
        height: 50px;
    }
    .slider-main .blockquote .auth_img:after {
        width: 60px;
        height: 60px;
    }
    .slider-main .blockquote p {
        width: calc(100% - 70px);
        font-size: 12px;
        line-height: 17px;
        padding: 0;
    }
    .slider-main .blockquote .author h4 {
        font-size: 14px;
    }
    .slider-main .blockquote .author h5 {
        opacity: 0.6;
        font-weight: 500;
    }
    .slider-main .owl-nav {
        right: 15px;
        left: initial;
        bottom: 15px;
    }
    .owl-prev, .owl-next {
        width: 25px;
        height: 25px;
        margin: 0 0 0 8px;
    }
    .owl-prev:after, .owl-next:after {
        background-size: 12px;
        background-position: 5px;
    }

    .app-block {
        height: 80px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 15px;
    }
    .app-block .app-icon {
        width: 75px;
        margin: 0 15px 0 0;
        display: block;
        float: left;
    }
    .app-block h3 {
        text-align: left;
        margin-top: 5px;
        width: 140px;
        line-height: 17px;
        font-size: 14px;
    }

    .workshop-block {
        margin-bottom: 30px;
    }
    .workshop-block a h4 {
        font-size: 14px;
        line-height: 17px;
    }
    .workshop-block .worshop-meta span.date {
        font-size: 12px;
    }
    .cta-download {
        padding: 20px;
        text-align: center;
    }
    .cta-download h3.cta-header {
        line-height: 22px;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 25px;
        float: none;
    }
    .cta-download h3.cta-header:after {
        left: 50%;
        -ms-transform: translate(-25px, 0); /* IE 9 */
        -webkit-transform: translate(-25px, 0); /* Safari */
        transform: translate(-25px, 0);
        bottom: -10px;
        background: #6fb832;
    }
    .cta-download .cta-intro {
        text-align: center;
    }
    .cta-download .cta-intro p {
        width: 100%;
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 15px;
        font-weight: 500;
    }
    .cta-download .cta-intro a.cta-btn {
        float: inherit;
        margin: 0 auto;
        display: inline-block;
    }

    .contact-block-section {
        padding-top: 0;
    }
    .contact-block {
        padding-left: 25px;
    }
    .contact-block i {
        left: 0;
        font-size: 16px;
    }
    .contact-block h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .contact-block p {
        font-size: 12px;
    }

    footer {
        position: initial;

    }
    footer a img {
        max-width: 100%;
        height: 25px;
    }
    .copyright-footer {
        overflow: hidden;
        padding: 5px 0;
    }
    .copyright-footer p {
        float: none;
        width: 100%;
        text-align: center;
        line-height: 17px;
        
        font-size: 10px;
    }
    
}
.state-box {
    background: #69ad2f;
    display: block;
    padding: 0;
    height: 190px;
    text-align: center;
    border-radius: 8px;
    transition: all 0.3s;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}
.state-box:hover {
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
.state-box span {
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 0;
}
.state-box span img {
    display: block;
    margin: 0px auto;
    height: 110px;
}
.state-box h3 {
    color: #fff;
    text-transform: none;
    font-weight: 500;
    text-align: center;
    line-height: 22px;
    font-size: 16px;
    margin: 0;
}
.amcharts-main-div a {
    font-size: 0px !important;
    opacity: 0;
}
.amcharts-main-div .amcharts-zoom-control {
    display: none !important;
    opacity: 0;
}
.card {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 25px 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  border-radius: 6px;
  color: rgba(0,0,0, 0.87);
  background: #fff;
}
.card .card-height-indicator {
  margin-top: 100%;
}
.card.row-space .header {
  padding: 15px 20px 0;
}
.card .map {
  height: 280px;
  border-radius: 6px;
  margin-top: 15px;
}
.card .map.map-big {
  height: 420px;
}
.card .card-title {
  margin-top: 0;
  margin-bottom: 3px;
}
.card .card-title:not(.card-calendar .card-title) {
  margin-top: 0;
  margin-bottom: 5px;
}
.card .card-image {
  height: 60%;
  position: relative;
  overflow: hidden;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -30px;
  border-radius: 6px;
  z-index: 3;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card .card-image img {
  width: 100%;
 /* height: 100%;*/
  border-radius: 6px;
  pointer-events: none;
}
.card .card-image .card-title {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  font-size: 1.3em;
  text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
}
.card .category:not([class*="text-"]) {
  color: #999999;
  font-size: 14px;
}
.card .card-content {
  padding: 15px 20px;
  position: relative;
}
.card .card-content .category {
  margin-bottom: 0;
}
.card .card-actions {
  position: absolute;
  z-index: 1;
  top: -50px;
  width: calc(100% - 30px);
  left: 17px;
  right: 17px;
  text-align: center;
}
.card .card-actions .btn {
  padding-left: 0px;
  padding-right: 12px;
}
.card .card-actions .fix-broken-card {
  position: absolute;
  top: -65px;
}
.card .card-header {
  padding: 15px 20px 0;
  z-index: 3;
}
.card .card-header .category {
  margin-bottom: 0;
}
.card .card-header.card-header-text {
  display: inline-block;
}
.card .card-header.card-header-text:after {
  content: "";
  display: table;
}
.card .card-header.card-header-icon {
  float: left;
}
.card .card-header.card-header-icon i {
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 33px;
}
.card .card-header.card-header-tabs .nav-tabs {
  background: transparent;
  padding: 0;
}
.card .card-header.card-header-tabs .nav-tabs-title {
  float: left;
  padding: 10px 10px 10px 0;
  line-height: 24px;
}
.card .card-header.card-header-icon + .card-content .card-title {
  padding-bottom: 15px;
}
.card .social-line {
  margin-top: 15px;
  text-align: center;
  padding: 0;
}
.card .social-line .btn {
  color: #FFFFFF;
  margin-left: 5px;
  margin-right: 5px;
}
.card [data-background-color] {
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  margin: -20px 15px 0;
  border-radius: 30px;
  padding: 15px;
  background-color: #999999;
  position: relative;
}
.card [data-background-color] .card-title {
  color: #FFFFFF;
}
.card [data-background-color] .category {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.62);
}
.card [data-background-color] .ct-label {
  color: rgba(255, 255, 255, 0.7);
}
.card [data-background-color] .ct-grid {
  stroke: rgba(255, 255, 255, 0.2);
}
.card [data-background-color] .ct-series-a .ct-point,
.card [data-background-color] .ct-series-a .ct-line,
.card [data-background-color] .ct-series-a .ct-bar,
.card [data-background-color] .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.8);
}
.card [data-background-color] .ct-series-a .ct-slice-pie,
.card [data-background-color] .ct-series-a .ct-area {
  fill: rgba(255, 255, 255, 0.4);
}
.card .chart-title {
  position: absolute;
  top: 25px;
  width: 100%;
  text-align: center;
}
.card .chart-title h3 {
  margin: 0;
  color: #FFFFFF;
}
.card .chart-title h6 {
  margin: 0;
  color: rgba(255, 255, 255, 0.4);
}
.card .ct-chart ~ .card-footer i:nth-child(1n+2) {
  width: 18px;
  text-align: center;
}
.card .card-footer {
  margin: 0 20px 10px;
  padding-top: 10px;
  border-top: 1px solid #eeeeee;
}
.card .card-footer .form-group {
  margin: 5px 0 0;
}
.card .card-footer .content {
  display: block;
}
.card .card-footer div {
  display: inline-block;
}
.card .card-footer .author {
  color: #999999;
}
.card .card-footer .stats {
  line-height: 22px;
  color: #999999;
  font-size: 12px;
}
.card .card-footer .stats .material-icons {
  position: relative;
  top: 4px;
  font-size: 16px;
}
.card .card-footer .stats .category {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.card .card-footer h4 {
  margin: 5px 0;
}
.card .card-footer .btn {
  margin-top: 5px;
  margin-bottom: 5px;
}
.card .card-footer h6 {
  color: #999999;
}
.card form .card-footer {
  border: none;
}
.card img {
  width: 100%;
 /* height: auto;*/
 height:200px;
}
.card .category .material-icons {
  position: relative;
  top: 6px;
  line-height: 0;
}
.card .category-social .fa {
  font-size: 24px;
  position: relative;
  margin-top: -4px;
  top: 2px;
  margin-right: 5px;
}
.card .author .avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 5px;
}
.card .author a {
  color: #3C4858;
  text-decoration: none;
}
.card .author a .ripple-container {
  display: none;
}
.card .table {
  margin-bottom: 0;
}
.card .table tr:first-child td {
  border-top: none;
}
.card .nav-pills,
.card .tab-content {
  margin-top: 20px;
}
.card [data-background-color="purple"] {
  background: linear-gradient(60deg, #ab47bc, #8e24aa);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}
.card [data-icon-bg-color="purple"] i {
  color: #9c27b0;
}
.card [data-background-color="blue"] {
  background: linear-gradient(60deg, #26c6da, #00acc1);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}
.card [data-icon-bg-color="blue"] i {
  color: #00bcd4;
}
.card [data-background-color="green"] {
  background: linear-gradient(60deg, #66bb6a, #43a047);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.card [data-icon-bg-color="green"] i {
  color: #4caf50;
}
.card [data-background-color="orange"] {
  background: linear-gradient(60deg, #ffa726, #fb8c00);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.card [data-icon-bg-color="orange"] i {
  color: #ff9800;
}
.card [data-background-color="red"] {
  background: linear-gradient(60deg, #ef5350, #e53935);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}
.card [data-icon-bg-color="red"] i {
  color: #f44336;
}
.card [data-background-color="rose"] {
  background: linear-gradient(60deg, #ec407a, #d81b60);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}
.card [data-icon-bg-color="rose"] i {
  color: #e91e63;
}

.card [data-background-color="andhra"] {
  background: linear-gradient(60deg, #698bf0, #698bf0);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.card [data-background-color="arunachal"] {
  background: linear-gradient(60deg, #f7921e, #f7921e);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.card [data-background-color="assam"] {
  background: linear-gradient(60deg, #2aa9dc, #2aa9dc);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.card [data-background-color="bihar"] {
  background: linear-gradient(60deg, #6d85cd, #6d85cd);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.card [data-background-color="chattisgarh"] {
  background: linear-gradient(60deg, #ea1b21, #ea1b21);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.card [data-background-color="gujarat"] {
  background: linear-gradient(60deg, #a16cb5, #a16cb5);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.card [data-background-color="haryana"] {
  background: linear-gradient(60deg, #de5487, #de5487);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.card [data-background-color="himachal"] {
  background: linear-gradient(60deg, #9c66b3, #9c66b3);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}



.card [data-header-animation="true"] {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
}
.card:hover [data-header-animation="true"] {
  -webkit-transform: translate3d(0, -50px, 0);
  -moz-transform: translate3d(0, -50px, 0);
  -o-transform: translate3d(0, -50px, 0);
  -ms-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}
.card [data-background-color] {
  color: #000;
}
.card [data-background-color] a {
  color: #FFFFFF;
}

.card-chart .card-header {
  padding: 0;
  min-height: 160px;
}
.card-chart .card-header + .content h4 {
  margin-top: 0;
}

.card-calendar .card-content {
  padding: 0;
}

.card-stats .card-title {
  margin: 0;
}
.card-stats .card-header {
 /* float: left;*/
  text-align: center;
	height: 171px;
}
.card-stats .card-header i {
  font-size: 44px;
  line-height: 56px;
  width: 56px;
  height: 56px;
}
.card-stats .card-content {
  text-align: center;
  padding-top: 10px;
}

.card-plain {
  background: transparent;
  box-shadow: none;
}
.card-plain .card-header {
  margin-left: 0;
  margin-right: 0;
}
.card-plain .card-header-icon {
  margin-right: 15px;
}
.card-plain .content {
  padding-left: 5px;
  padding-right: 5px;
}
.card-plain .card-image {
  margin: 0;
  border-radius: 3px;
}
.card-plain .card-image img {
  border-radius: 3px;
}

.card-raised {
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.iframe-container {
  margin: 0 -20px 0;
}
.iframe-container iframe {
  width: 100%;
  height: 500px;
  border: 0;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card-profile,
.card-testimonial {
  margin-top: 30px;
  text-align: center;
}
.card-profile .btn-just-icon.btn-raised,
.card-testimonial .btn-just-icon.btn-raised {
  margin-left: 6px;
  margin-right: 6px;
}
.card-profile .card-avatar,
.card-testimonial .card-avatar {
  max-width: 130px;
  max-height: 130px;
  margin: -50px auto 0;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card-profile .card-avatar + .card-content,
.card-testimonial .card-avatar + .card-content {
  margin-top: 15px;
}
.card-profile.card-plain .card-avatar,
.card-testimonial.card-plain .card-avatar {
  margin-top: 0;
}

.card-testimonial {
  margin-bottom: 65px;
}
.card-testimonial .card-avatar {
  max-width: 100px;
  max-height: 100px;
}
.card-testimonial .footer {
  margin-top: 0;
}
.card-testimonial .footer .card-avatar {
  margin-top: 10px;
  margin-bottom: -50px;
}
.card-testimonial .card-description {
  font-style: italic;
}
.card-testimonial .card-description + .card-title {
  margin-top: 30px;
}
.card-testimonial .icon {
  margin-top: 30px;
}
.card-testimonial .icon .material-icons {
  font-size: 40px;
}

.card-pricing {
  text-align: center;
}
.card-pricing .card-title {
  margin-top: 30px;
}
.card-pricing .content {
  padding: 15px !important;
}
.card-pricing .icon {
  padding: 10px 0 0px;
  color: #999999;
}
.card-pricing .icon i {
  font-size: 55px;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
  width: 130px;
  line-height: 130px;
  height: 130px;
}
.card-pricing .icon.icon-primary {
  color: #9c27b0;
}
.card-pricing .icon.icon-info {
  color: #00bcd4;
}
.card-pricing .icon.icon-success {
  color: #4caf50;
}
.card-pricing .icon.icon-warning {
  color: #ff9800;
}
.card-pricing .icon.icon-danger {
  color: #f44336;
}
.card-pricing .icon.icon-rose {
  color: #e91e63;
}
.card-pricing h1 small {
  font-size: 18px;
}
.card-pricing h1 small:first-child {
  position: relative;
  top: -17px;
  font-size: 26px;
}
.card-pricing ul {
  list-style: none;
  padding: 0;
  max-width: 240px;
  margin: 10px auto;
}
.card-pricing ul li {
  color: #999999;
  text-align: center;
  padding: 12px 0;
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.card-pricing ul li:last-child {
  border: 0;
}
.card-pricing ul li b {
  color: #3C4858;
}
.card-pricing ul li i {
  top: 6px;
  position: relative;
}
.card-pricing.card-background ul li,
.card-pricing [class*="content-"] ul li {
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.3);
}
.card-pricing.card-background ul li b,
.card-pricing [class*="content-"] ul li b {
  color: #FFFFFF;
}
.card-pricing.card-background [class*="text-"],
.card-pricing [class*="content-"] [class*="text-"] {
  color: #FFFFFF;
}
.card-pricing.card-background:after {
  background-color: rgba(0, 0, 0, 0.7);
}

.card-background {
  background-position: center center;
  background-size: cover;
  text-align: center;
}
.card-background .content {
  position: relative;
  z-index: 2;
  min-height: 280px;
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 440px;
  margin: 0 auto;
}
.card-background .category,
.card-background .card-description,
.card-background small {
  color: rgba(255, 255, 255, 0.7);
}
.card-background .card-title {
  color: #FFFFFF;
  margin-top: 10px;
}
.card-background:not(.card-pricing) .btn {
  margin-bottom: 0;
}
.card-background:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.56);
  border-radius: 6px;
}

.card-product {
  margin-top: 30px;
}
.card-product .btn-simple.btn-just-icon {
  padding: 0;
}
.card-product .footer {
  margin-top: 5px;
}
.card-product .footer .stats .material-icons {
  margin-top: 4px;
  top: 0;
}
.card-product .footer .price h4 {
  margin-bottom: 0;
}
.card-product .card-title,
.card-product .category,
.card-product .card-description {
  text-align: center;
}

.card-login .card-title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 700;
}
.card-login .text-divider {
  margin-top: 30px;
  margin-bottom: 0px;
  text-align: center;
}
.card-login .card-content {
  padding: 0px 30px 0px 10px;
}
.card-login .checkbox {
  margin-top: 20px;
}
.card-login .checkbox label {
  margin-left: 17px;
}
.card-login .checkbox .checkbox-material {
  padding-right: 12px;
}
.card-login .social-line {
  margin-top: 15px;
  text-align: center;
  padding: 0;
}
.card-login .social-line .btn {
  color: #FFFFFF;
  margin-left: 5px;
  margin-right: 5px;
}