body {
    font-family:universal !important;
    /*background-color:#FFF3E0;*/
}

a
{
    text-decoration: none !important;
color: white;
}

a:hover{
    text-decoration: none;
color: white;
}
.quote-greatnight{
    font-family:Lato,sans-serif;
}
.quote-universal{
    font-family:universal;
}


@font-face {
    font-family: universal;
    src: url(../fonts/RobotoCondensed-Regular.ttf);
}
@font-face {
    font-family: quote-greatnight;
    src: url(../fonts/MfWeddingBells.ttf);
}

@font-face {
    font-family: dreamsnight;
    src: url(../fonts/Ubuntu-Light.ttf);
}
/*}@font-face {*/
    /*font-family: universal;*/
    /*src: url(../fonts/PT_Sans-Web-Regular.ttf);*/
/*}*/
/*Theme Starts*/
.headermenu a:hover{
    text-decoration: none;
}
.headermenu ul li{
    list-style: none;
    display: inline-block !important;


}
.responsivelogo
{
    width:130px;
    margin:5px;
}

.navbar-default
{
    background-image: none !important;
    background-color:white !important;
}
/*Theme Ends*/

/*Navbar starts*/
.navbar{
    min-height:110px !important;
}
.navbar-toggle
{
    margin-top: 35px !important;
}
.nav .navbar-nav li img
{
    float:left;
}
.nav .navbar-nav li a
{
    float:right;
}
.iwt{
    display:block;
}
.icon {
    background-image: url(../img/home-image.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 40px;
    padding-left: 45px; /* Or size of icon + spacing */
}
/*General Starts*/
.maincontent
{
    margin: 90px 84px;
    font-size:18px;
    text-align: justify !important;
}
.modalcontent
{
    margin: 10px 64px;
}
.maincontent-library
{
    margin: 38px 32px;
    font-size:18px;
    text-align: justify !important;
}

.maincontent-studycircle
{

    font-size:18px;
    text-align: justify !important;
}
.comment-profileimg
{
    float:left;
    width:14%;
}

.comment-profileimg img
{
    width:40px;
}
.comment-post{
    font-size:12px;
    padding: 10px 0px;
}

.maincontent-studycircle .comment-row{
    border-top:1px solid lightgray;
    border-bottom:1px solid lightgray;
    padding:16px;

}
.comment-profiletext
{
    float:right;
    width:80%;
}
.comment-datetext
{
    font-size:12px;
    color:darkgray;
margin-left:10px;


}
.profileimg
{
    float:left;
    width:20%;
}

.profileimg img
{
    width:100px;
}
.post{

}

.maincontent-studycircle comment-row{
    border-top:1px solid lightgray;
    border-bottom:1px solid lightgray;
    padding:16px;
    font-size:16px;
}
.left-comment
{
    margin-left:200px !important;
}

.addbtn
{
    margin:30px 0px;
}
.profiletext
{
    float:right;
    width:80%;
}
.datetext
{
    font-size:12px;
    color:darkgray;


}
.comingsoontxt
{
    font-size: 24px;
    margin: 0px 0px 265px 0px;
}
.category img
{
    width: 50px;
    /*padding:10px;*/

}
.category .active{
    width: 90px;

}

.topics ul li
{
    font-size: 16px;
    padding: 5px;
}

.topicimage
{
    box-shadow: 5px 5px 4px #888888;
    margin:4px;
}
.topicimage img
{
    padding:5px 5px;
    height:200px;
    width:auto !important;
cursor:pointer;
}

.mainimg
{

    margin:10px;
    padding:10px;
    box-shadow: 2px 2px 4px #888888;
}

.infocard
{
    box-shadow: 2px 2px 4px #888888;
    width:100%;
    padding:10px;
}

.infotitle
{
    margin:10px;
    font-size:20px;
    color:red;
}
/*General Ends*/

/*Footer starts */
.footer
{
    background-color: #96989A;
    font-family: universal;
}
.footer-heading
{
color:white;
    font-size: 20px;
   padding: 10px 4px 0px 4px;
    font-family: universal;
    border-bottom: 1px solid wheat;
}
.footer-text
{
    padding:4px 4px 0px 4px;;
    color:#4B4B4D;
    font-size: 18px;

}

.footer-list
{
    list-style: none;
    padding:4px 4px 0px 4px;;
}
.footer-list li a
{
    text-decoration: none;
    color:#4B4B4D;
    font-size: 18px;
}
.footer-sitemap
{
    font-size: 20px;
    color: white;
    padding: 8px;
}
.footerslug
{
    font-size: 14px;
    color: white;
    padding: 3px;
}
.socialcicons img
{
    width: 41px;
    padding: 9px 2px;
}
.navbar-header
{
    min-height: 110px;
}
.mobilemenu
{
    display:none;
}
/*Footer Ends*/
/*Navbar ends*/
/*bootstrap-repeatative ends*/

/*Menu starts*/
.headermenu
{
    float:right;
    margin-top: -28px;
}
.menu-image img
{
    width:35px;
}

.menuwidget
{
    margin-top:20px;
    padding:5px 10px;
}
.menu-text-home{
    color: #1345FA;
    font-size: 14px;
    font-family: universal;
}
.menu-text-library{
    color: #4B0082;
    font-size: 14px;
    font-family: universal;
}
.menu-text-workshop{
    color: #0098DA;
    font-size: 14px;
    font-family: universal;
}
.menu-text-study{
    color: #00A859;
    font-size: 14px;
    font-family: universal;
}
.menu-text-publication{
    color: #FFCC29;
    font-size: 14px;
    font-family: universal;
}
.menu-text-blog{
    color: #FF7F00;
    font-size: 14px;
    font-family: universal;
}
.menu-text-aboutus{
    color: #FF0000;
    font-size: 14px;
    font-family: universal;
}


.menu-text-login{
    color: #2a784d;
    font-size: 16px;
    font-family: universal;
    margin-right: 120px;!important;
    float: right;
}

.menu-text-home-active{

    font-size: 16px;
    font-family: universal;


}
.menu-text-home-active img
{
    width:70px !important;
}
.menu-text-library-active{
    color: #4B0082;
    font-size: 16px;
    font-family: universal;
}
.menu-text-workshop-active{
    color: #0098DA;
    font-size: 16px;
    font-family: universal;
}
.menu-text-study-active{
    color: #00A859;
    font-size: 16px;
    font-family: universal;
}
.menu-text-publication-active{
    color: #FFCC29;
    font-size: 16px;
    font-family: universal;
}
.menu-text-blog-active{
    background-color: #FF7F00;
    font-size: 16px;
    font-family: universal;
}
.menu-text-aboutus-active{
    color: #FF0000;
    font-size: 16px;
    font-family: universal;
}
.activetext
{
    font-size: 20px !important;
}
/*mobile menu*/
.homecolor
{
color:#1345FA !important;
}
.librarycolor
{
    color:#4B0082 !important;
}
.workshopcolor{
    color:#0098DA !important;
}
.publicationcolor
{
    color:#FFCC29 !important;
}
.blogscolor{
    color:#FF7F00 !important;
}
.aboutuscolour
{
    color:#FF0000 !important;
}
.studycirclecolour
{
    color:#00A859 !important;
}
.homeactivelink
{
    background-color: #1345FA !important;
}
.homeactivelink a
{
color:white !important;

}
.workshopactivelink
{
    background-color: #0098DA !important;
}
.workshopactivelink a{
    color:white !important;
}
.libraryactivelink
{
    background-color: #4B0082 !important;
}
.libraryactivelink a
{
    color:white !important;

}
.studycircleactivelink
{
    background-color: #00A859 !important;
}
.studycircleactivelink a{
    color:white !important;
}
.publicationactivelink
{
    background-color: #FFCC29 !important;
}
.publicationactivelink a{
    color:white !important;
}

.blogactivelink
{
    background-color: #FF7F00 !important;
}
.blogactivelink a{
    color:white !important;
}

.contactactivelink
{
    background-color: #FF0000 !important;
}
.contactactivelink a{
    color:white !important;
}

.mobilemenu li
{
    background-color: white;
    border-bottom: 0.5px solid slategray;
    padding:2px;
}
.header-font
{
    font-size: 27px;
    color: darkslategray;
    margin-bottom: 15px;
}
.category .row {
    margin: 6px 300px !important;
}
.category .title
{
    font-size: 16px;

}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    position: absolute;
    top: 90px;
    background-color:black !important;
    height:33px;
    width:40px;
    font-size: 20px !important;

}

.owl-carousel  .owl-prev{
    left:-70px;
    background: url('../img/arrow-left.png') no-repeat;
}

.owl-carousel .owl-next {
   right:-70px;
}
.breadcrumb
{
    font-size: 18px;
    padding: 7px 20px !important;
    color:white;
    margin:25px 4px !important;
    list-style: none !important;
    background-color: #4d9fd7 !important;
    border-radius: 4px !important;
}
.breadcrumb a
{
    color:white;
}
/*Menu Ends*/
/*Mobile Responsive*/
@media only screen and  (min-width:761px) and  (max-width: 1024px)
{
    .mobilemenu
    {
        display: none !important;
    }
    .category .row {
        margin: 6px 160px !important;
    }
}

/*Tabs*/
@media only screen and  (min-width: 481px) and  (max-width:760px)
{
    .modalcontent
    {
        margin: 2px 30px;
    }
    .headermenu
    {
        display: none !important;
    }
    .mobilemenu
    {
        display: block;
    }
    .maincontent
    {
        margin: 80px 50px !important;
    }
    .mobilemenu
    {
        display:block !important;
    }
    .header-font
    {
        font-size: 20px !important;
        color: darkslategray;
    }
    .category .row {
        margin: 6px 80px !important;
    }
}

@media only screen and  (min-device-width: 321px) and  (max-device-width: 480px)
{
    .modalcontent
    {
        margin: 2px 30px;
    }
    .headermenu
    {
        display: none !important;
    }
    .maincontent
    {
        margin: 25px 22px;
    }
    .mobilemenu
    {
        display:block !important;
    }
    .header-font
    {
        font-size: 20px  !important;;
        color: darkslategray;
    }
    .category .row {
        margin: 6px 12px !important;
    }
    .profileimg img {
        width: 51px;

    }
    /*.category .title {
        font-size: 11px;
    }
    .img-responsive{
        max-width:655%;
        padding: 2px;

    }*/
}

@media screen and  (min-width: 0px) and  (max-width: 320px) {
    .modalcontent
    {
        margin: 2px 30px;
    }
    .headermenu
    {
        display: none !important;
    }
    .maincontent
    {
        margin: 80px 50px;
    }
    .mobilemenu
    {
        display:block !important;
    }
    .header-font
    {
        font-size: 20px !important;
        color: darkslategray;
    }
    .category .row {
        margin: 6px 80px !important;
    }
}



/*Laptops*/

/*General starts*/

/*General Ends*/
/*Footer starts*/

/*Category Ends*/
/*hover effect starts*/
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  background: rgba(0,0,0,0.6);
  -webkit-transform: translatey(-100px);
  -ms-transform: translatey(-100px);
  transform: translatey(-100px);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  padding: 10px;
}

.hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 50px 0 0;
  padding: 7px 14px;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
/*hover effect ends*/

/*Quotes starts*/

/*Map Ends*/

/*Animation*/
.come-in {
    -webkit-transform: translateX(150px);
    -webkit-animation:come-ins 2s ease forwards;
    -moz-animation: come-ins 2s ease forwards;
    -o-animation: come-ins 2s ease forwards;
    -ms-animation:come-ins 2s ease forwards;
    animation: come-ins 2s ease forwards;
}
.come-in:nth-child(odd) {
    -webkit-animation-duration: 1.8s; /* So they look staggered */
}

@-webkit-keyframes come-ins {
  to { transform: translateX(0px);
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -o-transform: translateX(0px);
      -ms-transform: translateX(0px);


  }
}

html {
    height: 100%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 100%;
    font-family: "Helvetica Neue", Arial, sans-serif;
}



.footer {
    position: absolute;
    right: 0;
    bottom: -90px;
    left: 0;


    text-align: center;
}

.buttonpad
{
    padding:5px !important;
    margin: 20px !important;
    margin-right: -2px !important;

}

.login{
    margin-right: 128px;!important;
}
.alert-error .close{color:#ba3837;}
.alert-error {
    background-color: #fd9190;
    border-color: #cf6a6a;
    color: #bb1917;
}

.alert-warning .close{color:#368cab;}
.alert-warning{
    background-color:#a6def3;
    border-color:#24a4db;
    color:#297896;
}
.alert {
    padding: 10px 35px 10px 14px;
    margin-bottom: 20px;
    /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    /* -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;*/
    color: #c09853;
}
.box{
    box-shadow: 4px 4px 6px #888888
}
.contactsocialicons{
    float: right;
}






/*Animation ends*/