@charset "utf-8";body{ margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; }
img{ max-width:100%; border:0; }
.clear{ clear:both; float:none; width:100%; }
h1, h2, h3, h4, h5, h6, h7, p, a{ margin-top:0; }
a{ text-decoration:none !important; transition:all 0.3s ease-in; }
.mt10 {
	margin-top: 10px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mt0 {
	margin-top: 0px !important;
}

.no-padding{ padding:0px; }

ol, ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.full-screen{ background-size:cover !important;}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.navbar{ margin-bottom:0; }


.copyrights {
    background-color: #000;
	padding:12px 0;
}

.copyrights a{ color:#fff; padding:0px 6px 0px 14px; font-size:13px; text-transform:uppercase; position:relative; }
.copyrights a:hover{ color:#c69dc5;}
.copyrights a:after{ content:"."; font-size:20px; color:#fff; height:0; width:0; position:absolute; top:-12px; left:0px; }
.copyrights a:first-child:after{ content:""; }


.carousel-inner > .item > img, .carousel-inner > .item > a > img{ width:100%; height:100%; }

.navbar-default{
	background:none; 
border:0;
border-radius:0;
}

.navbar-default .navbar-nav > li > a{ text-transform:uppercase; font-size:13px; position:relative; padding:10px 11px; color:#000; font-weight:bold; }
.navbar-default .navbar-nav > li > a:hover{ color:#6b3492; }
.dropdown-menu > li > a{ font-size:12px; color:#000; font-weight:bold; }
.dropdown-menu > li > a:hover{ background:#6b3492; color:#fff; }
.dropdown-menu > li > a{ text-transform:uppercase; }
.top-book{ margin-top:15px;     padding-right: 0px; }
.nav.navbar-nav{margin-top:8px;}
.top-book h5{ text-transform:uppercase; font-weight:bold; text-align:right; display: inline; margin-right: 20px; }
.top-book h5 a{ color:#6b3492; }
.top-book i{ color:#fff; background:#000; padding:5px; border-radius:50%; width:20px; height:20px; font-size:11px; transition:all 0.3s ease; }
.top-book i:hover{ background:#6b3492; transform:rotate(360deg); }

.home-header{ position:relative; z-index:999; display:block; width:100%; background:#fff; top:0; }
.top-bar{position: fixed; background: #fff; left: 0; top:0; right: 0; margin-bottom: 0px !important; margin-top: 0px !important; padding:12px 10px 12px;}
.home-footer{z-index:999; display:block; width:100%; background:#000; bottom:0; }
.banner-ol{ left:6%; bottom:10%; }
.top-book i.fa-facebook{ padding:6px; }
.banner div{ background-size:cover; }
.carousel-indicators {
    bottom:220px;
    left: 150px;
}

.award-logo-top{ } 
.award-logo-top img {
    width: 240px;
    padding-right: 40px;
    float: right;
}
.inner-banner{margin-top:80px; }
.inner-banner img{ width:100%; }
.about-sec{ background:#6b3492; padding:70px 0; line-height:24px; color:#fff; }
.about-sec p.bold{ color:#fff; }
.purple-text{ color:#723894; font-weight:bold; font-size:16px; margin:20px 0; }
.bold{ color:#000; font-weight:bold; font-size:14px; margin:20px 0; }
.about-sec a{ text-decoration:underline !important; color:#000; }
.about-review{ margin:70px 0; }
.about-review img{ width:160px; height:160px; border-radius:50%; float:left; margin-right:30px; }
.about-review h2{ font-size:17px; color:#723894; font-weight:bold; }
.about-review h2 span{ color:#000; }
.about-review p{ line-height:22px; font-size:13px; }
.about-review .col-sm-12{ margin-bottom:70px; }

.inner-page{ margin:70px 0; }
.inner-page h1{ margin-bottom:20px; }
.inner-page h2{ font-size:20px; color:#723894; font-weight:bold; }
.inner-page p{ line-height:26px; }
.inner-page li{ margin:20px 0; }
.awards-pic img{margin-right:25px; margin-bottom:30px; }

.news .col-sm-6 span{ background:#f9f9f9; padding:20px; border:1px solid #f1f1f1; display:block; margin-bottom:30px; }
.news .col-sm-6 span:hover{ background:#f9f4db; border-color:#faf2c9; }
.news .col-sm-6 span:hover a{color:#000; font-weight:bold; }
.news h5{ font-size:15px; color:#723894; }

.container.wow.slideInLeft .col-sm-6{ height:160px; margin-bottom:30px; overflow:hidden; }
.container.wow.slideInLeft .col-sm-6 img{ width:100%; } 

.carousel-caption {
    bottom:300px !important;
    padding: 20px;
    text-align: right;
    left: 10%;
    right: 10%;
}
.carousel-caption hr {margin-top:8px; margin-bottom: 20px; border: 0; border-top: 2px solid #fb7a00; width: 50px; float: right;}
.carousel-caption h3{font-size:28px !important; text-shadow:none;}
.carousel-caption p{font-size:16px !important; text-shadow:none;}
.carousel-control.left{background:none;}
.carousel-control.right{background:none;}
.carousel-indicators{ display:none;}

















/*-----------------media  css-------------------*/

@media (min-width: 1024px){
.dropdown:hover .dropdown-menu {
    display: block;
}
}

@media (max-width: 1024px){
 .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
.award-logo-top {
    left: 200px;
	right:auto;
}

.banner div { background-size: 100%  100%; }
.about-sec{ padding: 20px 0; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none; }
.navbar-toggle{ padding: 5px 12px; }
}

@media (max-width: 800px){
.banner div { background-size:100% 100%; background-repeat:no-repeat; background-position:center center; }
.top-book{ clear:both; }
.home-footer{position: static;  }


}

@media (max-width: 414px){

.award-logo-top {
    left: 0;
    right: 0;
    position: static;
    text-align: center;
    margin-bottom: 10px;
}
.home-header .col-xs-6{ width:auto; text-align:center; padding-left:0px; }
.navbar-default .navbar-toggle {
    border-color: #673ab7;
    width: 100%;
    text-align: center;
    margin-right: 0;
    background: #673ab7;
    color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #000;
	border-color: #000;
}
.top-book { text-align: center; }
.navbar-default .navbar-nav > li > a{ text-align:left;}
.navbar-collapse {
    position: absolute;
    top: 0;
    background: #fff;
    width: 100%;
    margin-top: 42px;
    z-index: 99;
}	
.top-book{display:block; margin: 11px 0px;}
.top-bar.mb20{ margin-bottom:0px !important; }
h1{font-size:24px; margin-bottom:0; margin-top: 15px; }
.inner-page{ margin: 20px 0; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a{ color:#fff; }
.container.wow.slideInLeft .col-sm-6 {
    height: 120px;
    margin-bottom: 20px;
    overflow: hidden;
}
}

@media only screen and (max-width: 500px) {
.home-header{border-top: 5px solid #673AB7;}    
}

@media only screen and (max-width:800px) {
.award-logo-top{width: 28%;}
.carousel-inner > .item > img{height: 560px;}
.carousel-caption{  bottom:82px !important; padding:10px 10px; border:0px;}
.carousel-control{ bottom:-100px !important;}
.carousel-caption p {font-size: 14px !important;}
.carousel-caption h3 {font-size: 20px !important;}
.carousel-indicators {bottom: 2px; left: 0; right: 0px; margin: 0 auto;}	
header .mt20 {margin-top: 8px !important;}
}

@media only screen and (max-width:760px) {
.award-logo-top{width: 28%;}
.carousel-inner > .item > img{height: 560px;}
.carousel-caption{  bottom:82px !important; padding:10px 10px; border:0px;}
.carousel-control{ bottom:-100px !important;}
.carousel-caption p {font-size: 14px !important;}
.carousel-caption h3 {font-size: 20px !important;}
.carousel-indicators {bottom: 2px; left: 0; right: 0px; margin: 0 auto;}	
header .mt20 {margin-top: 8px !important;}
}

@media only screen and (max-width:600px) {
.award-logo-top{width: 28%;}
.carousel-inner > .item > img{height: 450px;}
.carousel-caption{  bottom:82px !important; padding:10px 10px; border:0px;}
.carousel-control{ bottom:-100px !important;}
.carousel-caption p {font-size: 14px !important;}
.carousel-caption h3 {font-size: 20px !important;}
.carousel-indicators {bottom: 2px; left: 0; right: 0px; margin: 0 auto;}	
header .mt20 {margin-top: 5px !important;}
}

@media only screen and (max-width:580px) {
.award-logo-top{width: 28%;}
.carousel-inner > .item > img{height: 450px;}
.carousel-caption{  bottom:82px !important; padding:10px 10px; border:0px;}
.carousel-control{ bottom:-100px !important;}
.carousel-caption p {font-size: 14px !important;}
.carousel-caption h3 {font-size: 20px !important;}
.carousel-indicators {bottom: 2px; left: 0; right: 0px; margin: 0 auto;}	
header .mt20 {margin-top:5px !important;}
.award-logo-top img{ display:none;}
.navbar-toggle{ margin-right:0px;}
header .container-fluid{ padding:0px;}

}


@media only screen and (max-width: 415px) {
.carousel-inner > .item > img{height: 450px;}
.carousel-caption{  bottom:32px !important; padding:5px 0px; border:0px;}
.carousel-control{ bottom:-215px !important;}
.carousel-caption p {font-size: 14px !important;}
.carousel-caption h3 {font-size: 20px !important;}	
header .mt20 {margin-top: 8px !important;}
.award-logo-top{width:100%;}
.copyrights a{ font-size:14px;}
.award-logo-top{ display:none;}
.top-book h5 {text-transform: uppercase; font-weight: bold; text-align: center;
    display: block;
    margin-right: 20px;
	font-size: 16px;
}
footer .fa-ul li{    line-height: 30px;}
.home-footer{    padding: 10px 0px 146px;}
.inner-banner img {
    width: 100%;
    height: 200px;
}
.inner-banner {
    margin-top: 142px;
}
.top-book h5 a{font-weight: bolder;}
}
@media only screen and (max-width:320px) {
	.carousel-caption{ display:none;}
}
@media screen and (max-width: 420px){
.home-header .col-xs-6 {width:auto !important; text-align:left !important;}
}