.navbar-header{
overflow: visible;
}

.div1{
	height: 650px;
	background-image: url(../images/maindiv.png);
	border-bottom-right-radius: 200px;
	background-attachment: fixed;
}
.nav1{
  border: none;
  background-color: white;

}

.div2{
	height: 60px;
	border-bottom: 2px solid lightgray;
}
.div2_1{
    padding-top: 20px;
}


/*navlgdrop start*/


.dropbtne{
border: none;
background: transparent;
margin-top: 15%;
}

.dropdownn {
  position: relative;
  display: inline-block;
}

.dropdown-contentt {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: white;
  width: 250px;
}

.dropdown-contentt a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdownn:hover .dropdown-contentt {display: block;}

.dropdownn a{
    color: black;
}

.dropdown-contentt a:hover{

    background-color: lightgray;
    
}
/*navlgdrop end*/



.pp{
	color: white;
	text-align: left;
	font-weight: 900;
	font-size: 40px;
	 animation-name: pp;
  animation-duration: 2s;

}
@keyframes pp {
  0%   {margin-left:0px;}
  50% {margin-left: 150px; color: black; font-size: 15px;}
  100% {margin-left:0px;}
}
.divp{
	margin-top: 13%;
}

#myNavbar{
margin-top: 3%;
background-color: white;
}
.p2{
	color: white;
	animation-name: p2;
  animation-duration: 2s;
  text-align: left;
}
@keyframes p2 {
  0%   {margin-top:0px;}
  50% {margin-top: 50px; color: black; margin-left: 10%;}
  100% {margin-top:0px;}
}

.navbar-inverse .navbar-nav>.active>a{
	background-color: transparent;
	color: #00756c;
}
.navbar-inverse .navbar-nav>li>a{
	color: black;
}
.navbar-inverse .navbar-nav>.active>a:hover{
	background-color: transparent;
}
.navbar-inverse .navbar-nav>li>a:hover{
	color: #00756c;
	border-bottom: 2px solid black;
}
.hh1{
	font-weight: 900;
	font-size: 40px;
}
.div3{
	margin-top: 5%;
}
.imgdiv1{
	margin-bottom: 10%;
	padding-right: 0px;
	padding-left: 0px;
}
.hh2{
	color: white;
}
.div4{
	padding: 30px;
}
.div5{
	background-image: url(../images/bg2.png);
	background-attachment: fixed;
	margin-top: 5%;
	padding-top: 5%;
	padding-bottom: 5%;
}
.p3{
	font-size: 20px;
}
.div6{
	margin-top: 5%;
}
.div7{
	margin-top: 5%;
}
.abtp{
	font-size: 18px;
}
.div8{
	background-image: url(../images/abthome2.png);
	background-attachment: fixed;
	margin-top: 10%;
}
.logoabt{
animation-name: lgabt;
  animation-duration: 7s;
  animation-iteration-count: infinite;
}
@keyframes lgabt {
  0%   {margin-top:0px;}
  50% {margin-top: 70px;}
  100% {margin-top:0px;}
}
.div9{
	padding-top: 5%;
	padding-bottom: 5%;
}


.carousel-control{
	width:  0px;
}

.navbar-fixed-top{
	background-color: white;
	box-shadow: 0px 0px 30px #aaaaaa;
	height: 100px;
}
.navbar-fixed-top .navbar-collapse li a{
	color: black;
}

.navbar-fixed-top .navbar-nav>.active>a{
	background-color: transparent;
	color: #00756c;
}
.navbar-fixed-top .navbar-nav>li>a:hover{
	color: #00756c;
	border-bottom: 2px solid black;
}
.div10{
	margin-top: 5%;
}
.flag1{
	border-radius: 100px; width: 70px; height: 70px;
}
.div11{
	margin-left: 10%;
}
.flag1:hover{
	width: 100px;
	height: 100px;
	transition: 1.5s;
}
.flag2{
border-radius: 100px; width: 30px; height: 30px;	
}
.flag2:hover{
	width: 50px;
	height: 50px;
	transition: 1.5s;
}

.carousel-caption{
	bottom: 10% !important;
	left: 10%;
	right: 10%;
}


.carousel-inner{
	border-bottom-right-radius: 100px;
}





/*slider*/

.brand-carousel {
  background: aliceblue;
}
.owl-dots {
  text-align: center;
}

.div12{
	height: 60px; border: 2px solid white; margin-left: 5px; border-radius: 5px;
}

.p4{
	text-align: left; margin-bottom: 5%; color: white;
}
.icon2{
	color: white; padding-top: 15px; font-size: 30px;
}
.div12:hover{
	background-color: #00756c;
	transition: 1s;
}
/*slider*/
.ul2 li a{
	color: white;

}
.ul2 li{
	color: white;
		line-height: 40px;
}
.div13{
	padding-top: 5%;
	padding-bottom: 5%;
	border-bottom: 2px solid white;
}
.crftrmenu a{
	margin-left: 5%;
	color: white;
}
.span10{
    font-size: 60px !important;
}
.slidersideimg{
animation-name: ssi1;
  animation-duration: 7s;
  animation-iteration-count: infinite;    
}

@keyframes ssi1 {
  0%   {margin-top:0px;}
  50% {margin-top: -70px;}
  100% {margin-top:0px;}
}
.navbar-fixed-top .navbar-nav>li>a{
    background-color: white !important;
}

@media only screen and (max-width: 480px){
    .topphone{
      font-size: 17px;  
      font-weight: 900;
    }
}

@media only screen and (max-width: 480px){
    .logoabt{
      width: 100px;
    }
}
@media only screen and (max-width: 480px){
    .abtlogoimg{
      padding-top: 20%;
      padding-bottom: 10%;
    }
}


/*gallery image start*/


.containerr {
  position: relative;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.gimage1 {
  display: block;
  height: auto;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.overlayy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #00756c;
}

.containerr:hover .overlayy {
  opacity: 1;
}

.textt {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


/*gallery image end*/


@media only screen and (max-width: 480px){
    .firstftr{
    margin-bottom: 10%;
    }
}


.ncdiv1{
    background-image: url(../images/bg2.png);
	background-attachment: fixed;
	height: 200px;
	margin-bottom: 5%;
}
.sidebar {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: auto;
}

.sidebar a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}
 
.sidebar a.active {
  background-color: #00756c;
  color: white;
}

.sidebar a:hover:not(.active) {
  background-color: #555;
  color: white;
}
.cntup1{
    background-image: url(../images/bg2.png);
    height: 200px;
}
.cnth1{
    color: white;
    text-align: center;
    font-weight: 900;
    margin-top: 5%;
}
.cntryt{
    background-color:#00756c;
    padding-bottom: 2%;
}
.resultdivbg{
 background-image: url(../images/logobgcertificate.png); 
 background-size: 500px; 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: center;   
}
@media only screen and (max-width: 480px){
    .resultdivbg{
    background-size: 200px;
    margin-top: 15%;
    }
}
.panel{
    background-color: transparent !important;
}

#content{display: none;}
        
#loader{
            position: absolute;
            margin: auto;
            top: -20%;
            right: 0;
            left: 20%;
            bottom: 0;
            width: 50%;
            height: 30%;
        }
#loader img{width: 50%;}

@media only screen and (max-width: 480px){
    #loader{
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            width: 400px;
            height: 400px;
    }
}
@media only screen and (max-width: 480px){
    #loader img{
        width: 400px;
    }
}