body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-image:url(../../images/bg.png);
}
.navbar-nav > li {
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 992px){
    .navbar li {
        margin-left : .5em;
        margin-right : .5em;
    }
}

.maincontaint {
    margin-top:64px;
}



.fa:hover {
    opacity: 0.7;
}

#button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
@media (min-width: 500px) {
  .content {
    width: 43%;
  }
  #button {
    margin: 30px;
  }
}
.content h1 {
  margin-bottom: -10px;
  color: #03a9f4;
  line-height: 1.5;
}
.content h3 {
  font-style: italic;
  color: #96a2a7;
}

 


/*Start Header*/
.contact-heading {
	background-image: url(../../images/academic.jpg);
    
}
.main-heading {
	background-image: url(../../images/academic.jpg);
    
}
.page-heading {
	padding: 15px 0px 0px 0px;
	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    
}
.page-heading .text-content h6 {
	color: wheat;
	font-size: 15px;
	text-transform:capitalize;
	font-weight: 700;
	margin-bottom: 15px;
}

.page-heading .text-content h2 {
	color: #fff;
	font-size: 62px;
	text-transform: uppercase;
	letter-spacing: 5px;
}


/*#carouselExampleIndicators {
    background-color:lightblue;
}*/
.fa {
  padding: 5px;
  font-size: 15px;
  width: 25px;
  text-align: center;
  text-decoration: none;
  margin: 2px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  /*background: #3B5998;*/
  color: white;
}

.fa-twitter {
  /*background: #55ACEE;*/
  color: white;
}

.fa-google {
  /*background: #dd4b39;*/
  color: white;
}
.fa-google-plus {
  /*background: #dd4b39;*/
  color: white;
}
.fa-linkedin {
  /*background: #007bb5;*/
  color: white;
}

.fa-youtube {
  /*background: #bb0000;*/
  color: white;
}

.fa-instagram {
  /*background: #125688;*/
  color: white;
}

.fa-pinterest {
  /*background: #cb2027;*/
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  /*background: #00aff0;*/
  color: white;
}

.fa-android {
  /*background: #a4c639;*/
  color: white;
}

.fa-dribbble {
  /*background: #ea4c89;*/
  color: white;
}

.fa-vimeo {
  /*background: #45bbff;*/
  color: white;
}

.fa-tumblr {
  /*background: #2c4762;*/
  color: white;
}

.fa-vine {
  /*background: #00b489;*/
  color: white;
}

.fa-foursquare {
  /*background: #45bbff;*/
  color: white;
}

.fa-stumbleupon {
  /*background: #eb4924;*/
  color: white;
}

.fa-flickr {
  /*background: #f40083;*/
  color: white;
}

.fa-yahoo {
  /*background: #430297;*/
  color: white;
}

.fa-soundcloud {
  /*background: #ff5500;*/
  color: white;
}

.fa-reddit {
  /*background: #ff5700;*/
  color: white;
}

.fa-rss {
  /*background: #ff6600;*/
  color: white;
}
.fa-envelope {
    color:white;
}
.fa-phone {
    color:white;
}



        #loader { 
            border: 12px solid #f3f3f3; 
            border-radius: 50%; 
            border-top: 12px solid #444444; 
            width: 70px; 
            height: 70px; 
            animation: spin 1s linear infinite; 
        } 
          
        @keyframes spin { 
            100% { 
                transform: rotate(360deg); 
            } 
        } 
          
        .center { 
            position: absolute; 
            top: 0; 
            bottom: 0; 
            left: 0; 
            right: 0; 
            margin: auto; 
        } 
        .back-to-top {
    cursor: pointer;
    position: fixed;
    color :white;
   
    bottom: 25px;
    right: 25px;
   
    border-radius: 50%; 
    display:none;
    z-index:10;
}
            .back-to-top:hover {
                background-color :lightblue ;
            }
        #arrow {
            border :solid black;
            border-width : 0px 0px 3px 3px;
            padding:5px;
            display :inline-block;
            transform :rotate(135deg) ;
        }
        .px-2 {
  padding-left: ($spacer * 2.5) !important;
  padding-right: ($spacer * 2.5) !important;
}