@import url("https://fonts.googleapis.com/css?family=Oswald");

.location_tabbing{
    overflow-x: hidden;
}


.bg_light {
    position: relative;
    font-family: "Oswald", sans-serif;
   background: #3f51b55c;
    color: #fff;
    font-size: 20px;
}

.grid {
    list-style: none;
    margin-left: -40px;
}

.gc {
    box-sizing: border-box;
    display: inline-block;
    margin-right: -0.25em;
    min-height: 33rem;
    padding-left: 40px;
    vertical-align: top;
}

.gc--1-of-3 {
    width: 33.33333%;
}

.gc--2-of-3 {
    width: 66.66666%;
}

.naccs {
    position: relative;
    max-width: 100%;
    min-height: 30rem;
    padding: 2rem;
}

.naccs .menu div {
    padding: 55px 20px 55px 40px;
    margin-bottom: 10px;
    color: #303F9F;
    background: #e9e9ff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    font-weight: 700;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.naccs .menu div:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.naccs .menu div span.light {
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    background-color: #303F9F;
    border-radius: 100%;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.naccs .menu div.active span.light {
    background-color: #fff;
    left: 0;
    height: 100%;
    width: 3px;
    /*top: 0;*/
    border-radius: 0;
}

.naccs .menu div.active {
    color: #fff;
    padding: 55px 20px 55px 20px;
    background: #1815e6;
}

ul.nacc {
    position: relative;
    height: 0px;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ul.nacc li {
    opacity: 0;
    transform: translateX(50px);
    position: absolute;
    list-style: none;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ul.nacc li.active {
    transition-delay: 0.3s;
    z-index: 2;
    opacity: 1;
    transform: translateX(0px);
}

ul.nacc li p {
    margin: 0;
}





        div#training {
            /*padding-top: 13.5rem;*/
        }
        div#about_us {
            padding-top: 13rem;
        }
        
        .state_box i {
            font-size: 6rem;
            margin-bottom: 0.7rem;
            color: red;
        }

        .new-font{
            font-size:2rem;
            font-weight:bold;
            text-align:left;
            float:none;
            display:block;
            //width:100%;
        }
        .new-font span{
            font-weight:bold;
            padding-right:10px;
        }
        .c_gov_bg{
            /*background:url(assets/images/bignew.jpg) no-repeat;*/
            background-size:cover;
            background-position:top center;
            display:flex;
            align-items:center;
            justify-content:center;
        }
        .acc_text{text-align:left;}
        .acc_text p{font-size:16px; margin-bottom:1px;}
        .acc_text ul{ padding-left:25px; font-size:14px; margin-bottom:15px;}
        .acc_text li{}
        .acc_text h5{color:#000; font-size:22px; font-weight:bold; padding:10px 0px;}
        
        #myVideo {
              position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                min-width: 100%;
                min-height: 100%;
                opacity: 0.3;
            }
            
        .indian_flag{
            position: relative;
            padding-top: 14rem;
        }
        
        div#accordion .card {
            background: transparent;
        }
        
        .while{
           position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
             width: 15%;
            /*animation: rotate-animation 10s infinite linear;*/
        }
        
        .while img{
            animation: rotate-animation 10s infinite linear;
        }
        
        @keyframes rotate-animation {
        	0% {
        		transform: rotate(0deg);
          }
          50% {
        		transform: rotate(180deg);
        	}
        	100% {
        		transform: rotate(360deg);
        	}
        }

    
    
    
    .tab_head {
            position: relative;
            padding: 3rem 1rem;
            background: #fff;
            border-radius: 5px;
            box-shadow: 2px 2px 6px rgb(0 0 0 / 50%);
            margin: 2rem 0;
            min-height: 8rem;
        }
        
        .current .tab_head {
            background: #ededed;
        }
        
        .tab_head i{
            position: absolute;
            width: 4rem;
            height: 4rem;
            top: 50%;
            left: 1rem;
            transform: translateY(-50%);
        }
        
        .tab_head h3 {
            padding-left: 5rem;
            font-size: 1.5rem;
            margin: 0 0;
        }
        .tab-content{
			display: none;
			background: #ededed;
			padding: 15px;
		}

		.tab-content.current{
			display: inherit;
		}
		.proper_map {
            text-align: center;
            padding: 0.5rem;
            background: #1815e66b;
            color: #fff;
            border-radius: 5px;
            min-height: 9rem;
            margin: 1rem 0;
            border: 2px solid transparent;
		}
        
        .proper_map i{
            display: inline-block;
            width: 3rem;
        }
        
        button.btn.btn-info {
            width: 100%;
            margin-bottom: 1rem;
            font-size: 1.5rem;
        }
        
        
        
        
        .hide {
  visibility: hidden;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) scale(0.8) !important;
  -moz-transform: translateX(-50%) translateY(-50%) scale(0.8) !important;
  -o-transform: translateX(-50%) translateY(-50%) scale(0.8) !important;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) !important;
}

.close {
    position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    height: 51px;
    font-size: 0;
    cursor: pointer;
    opacity: 1;
}

.close:before, .close:after {
  content: '';
    position: absolute;
    background: #fff;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    left: 14px;
    right: 14px;
    top: 30px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -webkit-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
}

.close:after {
     -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #1d1ae7;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 600px;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.09), 0px 11px 12px 7px rgba(0, 0, 0, 0.02);
    -moz-transition: all 120ms;
    -webkit-transition: all 120ms;
    -o-transition: all 120ms;
    transition: all 120ms;
    z-index: 99;
  padding: 25px;
  color: #fff;
}

@media screen and (max-width: 1000px) {
  .popup {
    width: 80%;
  }
}

.popup-header {
  text-transform: uppercase;
  font-size: 18px;
}

.popup-body {
  padding: 25px 0;
}

.button {
  padding: 10px 15px;
  border: 1px solid #F5F5F5;
  text-transform: uppercase;
  box-shadow: 1px 2px 3px #F5F5F5;
  color: #5E5E5E;
  cursor: pointer;
  transition: all 120ms ease-in;
  outline:none;
}

.button:hover {
  box-shadow: 1px 3px 5px #E9E9E9;
  transform: translateY(-1px);
}

.button:active, .button:visited {
  transform: translateY(1px);
  outline:none;
  box-shadow: 1px 2px 3px #F5F5F5;
}

a.toggle:hover .proper_map{
    border-color: #fff;
    cursor: pointer;
}


@media screen and (max-width: 1000px){
        
        .while{
            top: 10%;
        }
        
        #myVideo{
                transform: translate(-50%, -10%);
        }
        
        .gc--2-of-3, .gc--1-of-3{
            width: 100%;
        }
        
        .gc{
            min-height: 61rem;
        }
    }