@import url('https://fonts.googleapis.com/css?family=Arima+Madurai');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
@import url('https://fonts.googleapis.com/css?family=Slabo+27px');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@font-face{
    font-family: 'fm-malithi';
    src:url(../fonts/FM-Malithi.TTF) format('truetype');
}

body {margin:0;}
.sinhala{
    font-family: 'fm-malithi';
}
.sinhalaa{
    font-family: 'fm-bindumathi';
}
.fix-sinhala-style{
    font-weight: 600;
}
.navbar-full{
    background-color: #03A9F4;
    border-color: #03A9F4;
}
.navbar-top{
    background: #fff;
    padding-bottom: 10px;
}
.navbar-top img{
    margin-left: auto;
    margin-right: auto;
}
.navbar-brand{
    font-family: 'Arima Madurai', cursive !important;
    font-size: 2.5em !important;
    font-style: italic;
    color: #fff !important;
}
.navbar-brand:hover{
    color: rgba(233, 30, 99, 0.57) !important;
}
.navbar-inverse .navbar-nav>.active>a{
    background-color: #009688 !important;
}
.navbar-bottom a{
    color: #fff !important;
}
.navbar-bottom li:hover{
    background: #080808 !important;
}
.main-body{
    padding-top: 165px;
}
.cover-img{
    width: 100%;
}


/*Footer----------------------------------------------------------------------*/
footer { 
    background-color:#0c1a1e;
    margin-top: 1em;
    font-family: 'Open Sans', sans-serif; 
}
.footer-bottom-img{
    margin-left: auto;
    margin-right: auto;
}
.footerleft,.footerright { 
    margin-top:50px; 
    padding:0 36px; 
}
.footerleft p,.footerright li{ 
    color:#fff; 
    font-size:12px !important; 
    font-family: 'Open Sans', sans-serif; 
    margin-bottom:15px;}
.footerleft a{
    color: #fff;
}
.footerright li{
    list-style: none;
}
.footerleft a:hover,.footerright a:hover{
    text-decoration: none;
    font-size: large;
    color: #03A9F4;
}
.copyright { min-height:40px; background-color:#000000;}
.copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}
.bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
.bottom_ul li { float:left; line-height:40px;}
.bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
.bottom_ul li a { color:#FFF;  font-size:12px;}

/*Index page*/
.about-field{
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
    margin-bottom: 2em;
    margin-top: 2em;
    background: aliceblue;
}
.about-field h4{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: x-large;
    text-align: center;
}
.quote-1{
    background: rgba(0, 255, 127, 0.72);
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
}
.home-img{
    width: 100%;
    height: 250px;
}
/*About page------------------------------------------------------------------*/
.row-div{
    padding-left: 20px;
    padding-right: 20px;
}
.about-info{
    font-size: 16px;
    font-weight: 600;
    text-align: justify;
}
.eng-part{
    font-family: 'Open Sans', sans-serif; 
}
.txt-highlight{
    color: #003399;
}
#book-title{
    font-weight: 600;
}
#dwnld-div{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: table;
}
#accout-details{
    margin-top: 20px;
    margin-bottom: 20px;    
    margin-left: auto;
    margin-right: auto;
    display: table;    
    background: rgba(150, 240, 128, 0.68);
    padding: 20px;
}
#about-para1{
    padding-top: 1em;
}
#about-para3{
    margin-top: 10px;
}
#about-para6{
    margin-top: 20px;
}

/*Contact page----------------------------------------------------------------*/
.page-title{
    margin-bottom: 1em;
}
.contact-details p{
    font-family: 'Slabo 27px', serif;
    font-size: 20px;
    font-weight: 600;
    padding: 1.5em;
}
.contact-details ul{
    margin-left: 2em;
    font-size: 20px;
    list-style-type: none !important;
}
.contact-details li{
    margin-bottom: 0.5em;
}
.contact-details a{
    color:  #333333
}
.contact-details a:hover{
    text-decoration: none;
    color: #337ab7;
}

/* Ebooks Page-----------------------------------------------------------------*/
.book-rack{
    padding-left: 2em;
    padding-right: 2em;
}
.book{
    padding-left: 1em;
    padding-right: 2em;
    height: 400px;
}
.book-img:hover{
    opacity: 0.5;
}

/*Videos Page-----------------------------------------------------------------*/
.video-rack{
    padding-left: 2em;
    padding-right: 2em;
}
#video-pagination{
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.video-table tr:hover{
    background: #faebd7 !important;
}
.video-table tr td a:{
    color: #286090;
    font-weight: 600;
}

/*----------------------------------------------------------------------------*/
.history-book-img{
    width: 200px;
}

@media(max-width:768px){
    .nav-head{
        font-size: 17px !important;
    }
}
@media(max-width:320px){
    .nav-head{
        font-size: 10px !important;
    }
}