@import url('https://fonts.googleapis.com/css?family=Medula+One');
@import url('https://fonts.googleapis.com/css?family=Arima+Madurai:400,500');

body{
font-family: 'Arima Madurai', cursive;
background:url(../img/home-bg.jpg);
} 

h1, .h1, h2, .h2, h3, .h3 {
font-family: 'Medula One', cursive;
}
 
.btn-danger{
color:#fff;
background-color: #cb452a;
border: 0px;
border-radius:0px;	
}

.btn-danger:hover, .btn-danger:active, .btn-primary:focus{
background-color: #b2361d;
}


/*--------------- nav bar ---------------*/

.logo{
padding: 20px 15px 3px;
background: #d7b383;
box-shadow: 0 0px 6px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.06);
position: relative;
}

.logo:after{
content: '';
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
height: 0;
margin: 0 auto;
border-top: solid 28px #d7b383;
border-left: solid 80px transparent;
border-right: solid 80px transparent;
}

.navbar-default {
background-color: transparent;
border-color: transparent;
margin:15px 0px;
}

.navbar-default .navbar-right{
margin-top: 40px;
}

.navbar-nav li:last-child a{
padding-right: 0px; 
}

.navbar-default .navbar-nav > li > a {
color: #4f320b;
padding-top: 0;
padding-bottom: 0;
font-size: 23px;
font-weight: 500;
font-family: 'Medula One', cursive;
letter-spacing: 1.1px;
}

.navbar-nav li.active ul {
margin-top: 0;
}

.navbar-toggle {
padding: 12px 10px;
margin-top: 10px;
margin-right: 0px;
background-color: #ccc;
border-radius: 3px;
}

.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .active a:hover, 
.navbar-default .navbar-nav .active a:focus{
color: #f38929;
background-color: transparent;
}

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav > li > a:focus{
color: #cb452a;	
outline: none;
}	


/*--------------- about ---------------*/

.about-area{
margin-top: 4%;
padding-bottom: 60px;
}

.about-text p{
color: #442a08;
font-size: 16px;
line-height: 28px;
letter-spacing: 0.3px;
text-align: justify;
}

.about-area img{
margin: 0 auto;
-webkit-filter: grayscale(71%);
-moz-filter: grayscale(71%);
-ms-filter: grayscale(71%);
-o-filter: grayscale(71%);
filter: grayscale(71%);
opacity: 1;
width: 419px;
}

.about-text h3{
color: #4f320b;
font-size: 36px;
letter-spacing: 1.2px;
margin-bottom: 20px;
}


/*--------------- latest ---------------*/

.latest{
background: #fef4e2;
min-height: 319px;
}

.latest .container-fluid{
padding-left: 0px;
}

.latest-box{
background: #fcf0da;
padding: 83px 60px;
border-right: 3px solid #e8d9bf;
min-height: 319px;
}

.latest-box h3{
color: #4f320b;
font-size: 36px;
letter-spacing: 1.2px;
margin-bottom: 20px;
margin-top: 0px;
}

.latest-box p{
color: #777;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.3px;
text-align: justify;
margin-bottom: 0px;
}

.online-box{
background: #f6f0e6;
text-align: center;
padding: 20px;
margin: 30px;
min-height: 259px;
box-shadow: 0 2px 4px -1px rgba(0,0,0,.1), 0 4px 5px 0 rgba(0,0,0,.05), 0 1px 10px 0 rgba(0,0,0,.04);
}

.online-box h3{
color: #4f320b;
font-size: 26px;
letter-spacing: 1.2px;
font-family: 'Medula One', cursive;
text-decoration: none;
}

.latest a:hover h3{
color: #cb452a;
}

.latest a{
text-decoration: none;
display: contents;
}

.online-box p{
color: #777;
font-size: 15px;
letter-spacing: 0.3px;
margin-bottom: 0px;
}

.shadow{
box-shadow: 0 0px 6px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.06);
}


/*--------------- pdf area ---------------*/

.form-area{
background: #FFFCF7;
padding: 60px 0px;
}

.list-box h3{
color: #4f320b;
font-size: 28px;
letter-spacing: 1.2px;
margin-bottom: 20px;
margin-top: 0px;
}

.list-box ul{
box-shadow: 0 1px 5px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.06);
}

.list-box ul li{
padding: 22px;
margin-bottom: -1px;
background: #f6f0e6;
border: 1px solid #e8e2d7;
z-index: 1;
position: relative;
-webkit-transition: all .3s cubic-bezier(.25,.8,.25,1),opacity 0s;
-moz-transition: all .9s cubic-bezier(.25,.8,.25,1),opacity 0s;
-o-transition: all .9s cubic-bezier(.25,.8,.25,1),opacity 0s;
transition: all .9s cubic-bezier(.25,.8,.25,1),opacity 0s;
}

.list-box ul li:hover {
z-index: 2;
box-shadow: 0 5px 5px -3px rgba(0,0,0,.1), 0 8px 10px 1px rgba(0,0,0,.07), 0 3px 14px 2px rgba(0,0,0,.06);
}

.list-box ul li a{
color: #555;
font-size: 16px;
letter-spacing: 0.3px;
text-decoration: none;
display: block;
text-transform: capitalize;
}

.list-box ul li a i{
color: #cb452a;
float: right;
font-size: 20px;
}

.lower-list-box{
margin-top: 50px;
}

.lower-list-box h3{
text-align:center;
}


/*--------------- book area ---------------*/

.book-area{
background: #faf5eb;
padding: 50px 0px;
}

.book-area h1{
color: #4f320b;
font-size: 36px;
letter-spacing: 1.2px;
margin-bottom: 50px;
margin-top: 0px;
text-align: center;	
}

.book-area img{
display: block;
margin: 0 auto;
width: 170px;
position: relative;
bottom: -10px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.book-area img:hover {
bottom: 0px;
}
	
.book-area a{
display: contents;
}
	
.book-area a:before{
content: '';
position: absolute;
filter: blur(4px);
display: none;
width: 80px;
height: 6px;
border-radius: 50%;
bottom: 12px;
left: 0;
right: 0;
margin: auto;
background: transparent;
opacity: 0.3;
box-shadow: 0 25px 15px #000;
transition: all 0.2s ease-out;
}
	
.book-area a:hover:before {	
display: block;	
}
	
.book-shelf{
background: url(../img/bg-shelf.png);
background-repeat-x: repeat;
padding: 50px 0px;
margin-top: -50px;
}


/*--------------- footer ---------------*/

.footer-area{
background: #faf5eb;
padding: 25px 30px 15px;
}

.footer-area p{
letter-spacing: 0.3px;
color: #4f320b;
margin-bottom:0px;
text-align: center;
}


/*--------------- breadcum ---------------*/

.head-breadcum{
position: relative;
width: 100%;
display: inline-block;
margin-top: 6%;
padding: 20px;
background-color: #fcf0da;
box-shadow: 0 2px 4px -1px rgba(0,0,0,.1), 0 4px 5px 0 rgba(0,0,0,.05), 0 1px 10px 0 rgba(0,0,0,.04);
}

.head-breadcum:before, .head-breadcum:after{
z-index: -1;
position: absolute;
content: "";
bottom: 14px;
left: 10px;
width: 50%;
top: 0;
max-width: 300px;
box-shadow: 0 20px 15px rgba(0,0,0,.17);
transform: rotate(-2deg);
}

.head-breadcum:after{
right: 10px;
left: auto;
transform: rotate(2deg);
}

.head-breadcum h2{
margin: 0px;
color: #cb452a;
font-size: 28px;
letter-spacing: 1px;
}

.head-breadcum ul{
margin: 9px 0px 0px;
color: #777;
letter-spacing: 0.2px;
font-weight: 600;
}

.head-breadcum ul li a{
color: #4f320b;
text-decoration: none;	
}


/*--------------- jit page ---------------*/  

.jit-page{
background: #fef4e2;
padding: 60px 0px;	
margin-top: 40px;
}

.jit-table{
background: #faf5eb;
box-shadow: 0 1px 5px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.06);
padding: 35px;	
}

.jit-table .table-bordered {
border: 1px solid #e8e2d7;
letter-spacing: 0.3px;
margin-bottom: 0px;
font-size: 15px;
text-align: center;
}

.jit-table table tr:nth-child(odd){
background: #f6f0e6;
}

.jit-table table tr td{
border: 1px solid #e8e2d7;
}

.bg-table{
background: #fcf0da;
color: #cb452a;
font-size: 15px;
letter-spacing: 0.5px;
}

.bg-table th{
text-align: center;	
}

.bg-head{
background: #f1e7d4 !important;
color: #4f320b;
font-size: 25px;
letter-spacing: 1px;
font-family: 'Medula One', cursive;
}

.bg-head th{
padding: 12px 8px !important;
text-align: center;
font-weight: 400 !important;
}


/*--------------- contact page ---------------*/ 

.contact-page{
background: #fef4e2;
padding: 60px 0px;
margin-top: 40px;
}

.contact-box{
background: #faf5eb;
box-shadow: 0 1px 5px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.06);
padding: 30px 15px;
margin: 0px 15px 40px;
}

.contact-box h3{
color: #4f320b;
font-size: 28px;
letter-spacing: 1.2px;
margin-bottom: 20px;
margin-top: 0px;
}

.contact-box ul li{
color: #555;
letter-spacing: 0.3px;
margin-bottom: 7px;
}

.contact-box ul li:nth-child(2), .contact-box ul li:nth-child(3), .contact-box ul li:nth-child(4){
text-indent: 24px;
}

.contact-box ul li img{
margin-right: 5px;
}

.divider{
box-shadow: 0 1px 5px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.06);
margin: 30px 0px 40px;
}


.form-box{
background: #faf5eb;
box-shadow: 0 1px 5px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.06);
padding: 30px 15px;
margin: 0px 15px;
}

.form-box h3 {
color: #4f320b;
font-size: 28px;
letter-spacing: 1.2px;
margin-bottom: 20px;
margin-top: 0px;
}

.form-box .form-control {
height: 51px;
font-size: 16px;
color: #575e66;
background-color: #f6f0e6;
border: 1px solid #ede6d7;
box-shadow: none;
border-radius: 0px;
margin-bottom: 20px;
box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 1px 0 rgba(0,0,0,.01), 0 4px 1px -2px rgba(0,0,0,.01);
}

.form-box textarea {
height: auto !important;
}

#contact_message{
color: #95c12c;
font-size: 14px;
margin-top: 25px;
text-align: center;
}

.error{
border-color:#ff7b60 !important;
}


/*--------------- press page ---------------*/ 

.press-page{
background: #fef4e2;
padding: 60px 0px;
margin-top: 40px;
}

.press-box{
background: #faf5eb;
box-shadow: 0 1px 5px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.06);
padding: 35px 20px;
}

.press-box h3{
color: #4f320b;
font-size: 28px;
letter-spacing: 1.2px;
margin-bottom: 25px;
margin-top: 0px;
}

.press-box p{
color: #777;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.3px;
text-align: justify;
margin-bottom: 15px;	
}

.press-box img{
box-shadow: 0 5px 5px -3px rgba(0,0,0,.1), 0 8px 10px 1px rgba(0,0,0,.07), 0 3px 14px 2px rgba(0,0,0,.06);
margin-top: 15px;
}


/*--------------- verify page ---------------*/ 

.verify-page{
background: #fef4e2;
padding: 60px 0px;
margin-top: 40px;
}

.verify-page2{
background: #fef4e2;
padding: 0px 0px 60px;
}

.verify-box{
background: #faf5eb;
box-shadow: 0 1px 5px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.06);
padding: 35px 20px;	
}

.verify-box h3{
color: #4f320b;
font-size: 36px;
letter-spacing: 1.2px;
margin: 0px 0px 20px;
text-align: center;
}

.verify-person{
padding: 15px 10px 15px 0px;
border-right: 1px solid #e8e2d7;
min-height: 128px;
margin-top:20px;
}

.verify-person h4{
color: #000;
font-size: 17px;
letter-spacing: 0.3px;
margin: 0px 0px 12px;
font-weight: 400;
}

.verify-person ul{
margin-bottom: 0px;	
}

.verify-person ul li{
color: #555;
letter-spacing: 0.3px;
margin-bottom: 7px;
}

.verify-person ul li:last-child{
margin-bottom: 0px;
}

.verify-person ul li img{
margin-right: 5px;
}

.no-border{
border: 0px;	
}


/*--------------- biography page ---------------*/

.bio-page{
background: #fef4e2;
padding: 60px 0px;
margin-top: 40px;
}

.bio-box{
background: #faf5eb;
box-shadow: 0 1px 5px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.06);
padding: 35px;	
text-align: center;
}

.bio-box h3{
color: #4f320b;
font-size: 28px;
letter-spacing: 1.2px;
margin-top: 0px;
}

.bio-box p{
color: #777;
font-size: 16px;
letter-spacing: 0.3px;
}

.bio-box iframe{
margin: 40px auto 0px; 
box-shadow: 0 5px 5px -3px rgba(0,0,0,.1), 0 8px 10px 1px rgba(0,0,0,.07), 0 3px 14px 2px rgba(0,0,0,.06);
}


/*--------------- books popup ---------------*/

.book-modal .modal-header{
padding: 15px 15px 0px 0px;
border-bottom: 0px;
text-align: right;
}

.book-modal .modal-header button{
background: none;
border: 0px;
outline: none;
display: inline-block;
position: absolute;
right: 12px;
z-index: 1;
}

.book-modal .modal-header button img{
box-shadow: 0 0 4px 0 rgba(0,0,0,0.4);
}

.book-modal .modal-content {
background: #faf5eb;
border-radius: 0px;
}

.book-modal .modal-body ul li{
color: #555;
letter-spacing: 0.3px;
margin-bottom: 4px;
}

.book-modal .modal-body ul li:nth-child(1){
color: #4f320b;
font-size: 26px;
letter-spacing: 1px;
font-weight: 600;	
}

.book-modal .modal-body ul li:nth-child(2){
color: #cb452a;
font-size: 16px;
letter-spacing: 0.5px;	
}

.book-modal .modal-body p{
color: #777;
font-size: 16px;
text-align: justify;
margin-bottom: 0px;
padding-right: 4px;
}

.book-modal .modal-body a{
color: #cc4b4c;
font-size: 16px;
letter-spacing: 0.5px;
font-weight: 600;
text-decoration: none;
vertical-align: bottom;
}

.book-modal .modal-body a img{
display: inline-block;
margin: 15px 6px 0px 0px;
width: 42px;
}

.modal-backdrop.in {
opacity: .7;
}


/*--------------- onload popup ---------------*/

.exam-book .modal-header{
padding: 15px 15px 0px 0px;
border-bottom: 0px;
text-align: right;
}

.exam-book button{
background: none;
border: 0px;
outline: none;
display: inline-block;
position: absolute;
right: 12px;
top: 10px;
z-index: 1;
}

.exam-book .modal-content{
background: #faf5eb;
border-radius: 0px;
text-align: center;
}

.exam-book .modal-content .modal-body{
padding: 50px 15px;
}

.exam-book .modal-content .modal-body p{
color: #4f320b;
font-size: 24px;
letter-spacing: 1px;
font-weight: 600;
margin-bottom: 30px;
}

.exam-book .modal-content .modal-body a{
box-shadow: 0 1px 5px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.06);
background: #f6f0e6;
border: 1px solid #e8e2d7;
padding: 11px 15px 6px;
display: inline-block;
text-decoration: none;
font-size: 16px;
letter-spacing: 0.3px;
color: #cc4b4c;
font-weight: 500;
-webkit-transition: all .3s cubic-bezier(.25,.8,.25,1),opacity 0s;
-moz-transition: all .9s cubic-bezier(.25,.8,.25,1),opacity 0s;
-o-transition: all .9s cubic-bezier(.25,.8,.25,1),opacity 0s;
transition: all .9s cubic-bezier(.25,.8,.25,1),opacity 0s;
}

.exam-book .modal-content .modal-body a:hover{
box-shadow: 0 5px 5px -3px rgba(0,0,0,.1), 0 8px 10px 1px rgba(0,0,0,.07), 0 3px 14px 2px rgba(0,0,0,.06);
}


/*--------------- back to top ---------------*/  

#toTop{
position: fixed;
bottom: 28px;
right: 20px;
cursor: pointer;
display: none;
background-color: #4f320b;
color: #fff;
border: none;
border-radius: 2px;
width: 40px;
height: 40px;
line-height: 41px;
z-index: 9;
}