*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body { height: 100%; font-family:"Open Sans"; margin:0; padding:0;  font-weight:normal;  }
body { overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family:"Open Sans"; padding:0; margin:0; font-weight:normal; margin-bottom:10px; color:#333; }
h1, h2, h3 { color:#a43429; }
p, li { line-height:24px; color:#666; font-size:15px; font-weight: normal; text-align:justify; }
a { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration:none;  }
a:hover,a:focus { text-decoration: none; outline: 0;  } 
.clear { clear:both }
.ie6,.ie7,.ie8,.ie9, img{ border:none; }
.more{ color:#841F27; cursor:pointer; }

hr { margin-top:10px; margin-bottom:10px; border: 0; border-top: 1px solid #eee; }

.listing { padding:0; }
.listing li { line-height:28px; color:#666; list-style:none; font-size:18px; }
strong { font-weight:bold;}

section { padding:20px 0; }
.container { position:relative; }

.form-group { }
.form-group .form-control { border-radius:0; box-shadow:none; }


.container { /*border:1px solid#ddd; */}


.navbar-inverse { background:none; border-bottom:1px solid#ddd; position:relative; width:100%; border-radius:0; top:0; z-index:999; 
padding:5px 0;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out;
}
	  
.navbar-nav { margin-top:5px; }
.navbar-inverse .navbar-nav > li { margin:0 6px; }
.navbar-inverse .navbar-nav > li> a { font-size:16px; padding:10px 15px; color:#333; text-transform:uppercase; }
.navbar-inverse .navbar-nav > li:first-child a { border-left:none; } 
.navbar-inverse .navbar-nav > li> a:hover,
.navbar-inverse .navbar-nav > li> .active,
.navbar-inverse .navbar-nav > li> a:focus { background:#841f27;  color:#fff; }

.sub_menu { position:relative; }
.sub_menu:hover .dropdown { visibility:visible; opacity:1; top:50px;}

.sub_menu  > .dropdown { position:absolute; z-index:999; width:180px; background:#fff; top:55px; padding:0; left:-43px; visibility:hidden; opacity:0;
border-radius:0 0 5px 5px; border:1px solid#ddd;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-o-border-radius:0 0 5px 5px;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); 
-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.sub_menu  > .dropdown:after, .dropdown:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0;
position: absolute; pointer-events: none; }
.sub_menu  > .dropdown:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 13px; margin-left: -13px; }
.sub_menu  > .dropdown:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #DDDDDD; border-width: 14px; margin-left: -14px; }

.navbar-nav .translation_menu { left:-12px; }
.navbar-nav .memoir_menu { left:-50px;  width:220px; }

.sub_menu  > .dropdown li { list-style:none; }
.sub_menu  > .dropdown li a { padding:5px 10px; display:block; color:#333; border-bottom:1px solid #ddd; text-align:center; }
.sub_menu  > .dropdown li a:hover { color:#841f27; }

.res_menu { display:none !important; }


.logo { padding:5px 15px; color:#841f27 !important; font-family: 'Caveat', cursive; font-size:34px; margin-top:10px; }




.quotes { }
.quotes .thumbnail { margin-top:50px; padding:20px 20px 0 20px; min-height:381px; border-radius:0; border:none; }
.quotes .thumbnail p { font-size:18px; line-height:30px; font-family:"Kalam"; color:#841f27; }
.quotes .thumbnail p span { padding-left:5px; }
.quotes .thumbnail p.text-right { position:absolute; bottom:2px; right:45px; font-style:italic; } 



#myCarousel { margin-top:25px; }

.about_img { }
.about_img .thumbnail { border-radius:0; padding:2px; }
.about_img img { width:100%; }

.page_heading { }
.page_heading h1 { text-transform:uppercase; }


#books { }

#filters { margin:1%; padding:0; list-style:none; }
#filters li { display:inline-block;	}
#filters li span { display:block; padding:8px 20px; font-size:16px; color:#666; text-transform:uppercase; cursor: pointer; }
#filters li span.active { background:#841f27; color:#fff; } 

 
#portfoliolist .portfolio { display:none;  overflow:hidden;}

.book-item { position: relative; box-sizing: border-box;  z-index: 90; }
.book-item:before { content: ""; position: absolute; left:0; z-index: 22; height: 100%; width: 100%; 
background: url(../img/book-after.png) repeat-y left; background-size: 100% auto; }
.book-item:after { content: ""; border-radius: 5px; width: 75%; height: 50%; position: absolute; bottom: -4%; 
	z-index: 1; left: 50%; right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-filter: blur(9px);
    -moz-filter: blur(9px);
    -ms-filter: blur(9px);
    -o-filter: blur(9px);
    filter: blur(9px);
    opacity: 0.6;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.book-item .book-image { position: relative; z-index: 2; width: 100%; height: 100%; }

.book_list { }
.book_list .col-md-3 { margin-bottom:25px; padding:0 25px; }
.book_list .col-md-3 .card { padding:10px 10px 0px 10px; box-shadow:4px 4px 30px 0px rgb(96 96 96 / 8%); }
.book-item { /*width:80%;*/ margin:0 auto; box-shadow:none !important; }
.book-item:after  { background:none; }
.book_name { color:#565553; font-family:"Open Sans"; font-size:14px; line-height:20px; text-transform:capitalize; font-weight:600; min-height:60px; padding:10px 0; }


.modal-body { }
.modal-body h3 { font-size:30px; text-transform:uppercase; }
.modal-body h3 span { font-size:24px; text-transform:capitalize; }
.modal-body h4 { text-transform:uppercase; }

.close { opacity:1; position:absolute; right:-30px; top:-50px; }

.modal-dialog { width:100%; margin:0 auto; }

.modal-header { border:none; padding-bottom:5px; }
.modal-content { border-radius:0; box-shadow:none; border:none;  background:none; }
.modal-open .modal {  background-color:#fff; }
.modal-body { padding:0 15px; width:80%; margin:5% auto 0 auto; position:relative; }

.modal-body .col-sm-5 img { margin-bottom:20px;
-webkit-box-shadow: 5px 5px 5px -2px rgba(0,0,0,0.52);
-moz-box-shadow: 5px 5px 5px -2px rgba(0,0,0,0.52);
box-shadow: 5px 5px 5px -2px rgba(0,0,0,0.52);	}


.translation { }
.translation .col-md-9 h1 { text-transform:uppercase; text-align:center; font-size:30px; }
.translation .col-md-9 h4 { line-height:28px; margin-bottom:5px }
.translation .ref { font-size:12px; margin-bottom:20px; }
.translation_menu .thumbnail { border-radius:0; border:none; }
.translation_menu h3 { text-align:right; text-transform:uppercase; background:#333; padding:6px 10px; color:#fff;  }
.translation_menu ul { padding:0; }
.translation_menu ul li { list-style:none; }
.translation_menu ul li a { display:block; padding:8px 10px; color:#333; text-transform:uppercase; font-weight:bold; 
letter-spacing:0.5px; border-bottom:1px solid#ddd; text-align:right; position:relative;
  -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;  }
.translation_menu ul li a .fa { position:absolute; left:5px; top:12px; } 
.translation_menu ul li a:hover .fa { left:3px; } 
.translation_menu ul .active a,
.translation_menu ul .active a .fa { color: #a43429; }
.translation .col-md-9 .book-item { width:90%; margin:0 auto; }

.translation_menu .res_memoir_tab  { display:none; }




/* ===== Memoir ===== */

.memoir { }
.memoir .translation_menu { padding:0 5px; }
.memoir .tab-content .tab-pane { padding-right:20px; }
.memoir .tab-content .tab-pane .row { margin-bottom:15px; }
.memoir .tab-content .tab-pane h1 { text-transform:uppercase; text-align:center; font-size:30px; }
.memoir .tab-content .tab-pane h2 { text-transform:uppercase; text-align:center; font-size:24px; color:#000; }


.mother_life { }
.mother_life .col-md-12 h1 { text-transform:uppercase; font-size:30px; }
.mother_life .col-md-12 h3 { text-transform:uppercase; font-size:24px; }









/* ===== Address ===== */

address { }
address p { }
address p a { color:#666; }
address p .fa { font-size:16px; margin-right:10px; }

.contact_social a { color:#666; font-size:18px; text-align:center; width:35px; height:35px; padding:5px; border:1px solid#ddd;
 font-weight:normal; margin:0 5px; float:left; }

.facebok:hover   { background:#3b5999; color:#fff; border-color:#3b5999; }
.twitter:hover   { background:#00abf1; color:#fff; border-color:#00abf1; }
.google:hover    { background:#d3492c; color:#fff; border-color:#d3492c; }
.linkedin:hover  { background:#0177b5; color:#fff; border-color:#0177b5; }
.pinterest:hover { background:#c61118; color:#fff; border-color:#c61118; }


/* ===== Footer ===== */

footer { padding-top:15px; display:none; }
footer p { } 
footer a {  }
.footer_title { width:158px; float:right; }
.footer_title p { float:left; }
footer .company_logo{ background-image:url(../img/abc.png) ; background-repeat:no-repeat; width:66px; height:35px; float:right; margin-top:-8px; }
footer .company_logo:hover{background:url(../img/abc.png) 0px 44px;}

.footer_details { padding-left:5px; padding-right:5px; border-bottom:1px solid#414141; margin-bottom:15px; padding-bottom:5px; }
.footer_details .col-lg-3 { padding-left:10px; padding-right:10px; }
.footer_details .col-lg-6 { padding-left:10px; padding-right:10px; }



.form-group ::-webkit-input-placeholder { color:#666; }
.form-group :-moz-placeholder { color:#666; }
.form-group ::-moz-placeholder { color:#666;}
.form-group :-ms-input-placeholder { color:#666; }

/* Scroll Bar */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background:#F5F5F5; }
::-webkit-scrollbar { width:4px; background: #F5F5F5;}
::-webkit-scrollbar-thumb { background:#565553; }


.lg_img { }
.sm_img { display:none; }


/* ===== Media Responsive ===== */




@media (min-width: 992px) {
	


}


@media (max-width: 1024px) {

.navbar-nav { margin-top:8px; }
.navbar-inverse .navbar-brand { padding:5px; }
.navbar-inverse .navbar-nav > li { margin:0; }

.quotes .thumbnail { margin-top:20px; padding:0px; min-height:426px; }
.quotes .thumbnail p { line-height:26px; }
.quotes .thumbnail p.text-right { right:16px; }

#portfoliolist .portfolio { min-height:345px; }

.modal-body { width:90%; margin: 7% auto 0 auto; }

}



@media (max-width: 992px) {



}

@media (max-width: 800px) {

.lg_img { display:none; }
.sm_img { display:block; }


.navbar-inverse .navbar-nav > li> a { text-transform:capitalize; font-size:15px; padding:10px 11px; }

.about_img { }
.about_img .thumbnail { width:150px; margin:0 auto; margin-bottom:20px; }

#portfoliolist .portfolio { min-height:355px; }



}


@media (max-width: 768px) {

.quotes .thumbnail { min-height:inherit; }
.quotes .thumbnail p.text-right { position:relative; }

}


@media (max-width: 767px) {

.about,
.books,
.memoir,
.translation,
.contact { padding-top:70px; }

#portfoliolist .portfolio { padding-top:0px; }

.navbar-inverse .navbar-nav > li> a { display:block; text-align:center; text-transform:uppercase; font:16px; }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { display:block; text-align:center; color:#333; }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color:#333; }
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus { background:#841f27 !important }
.navbar-nav .open .dropdown-menu { background:#f7f7f7; }

.memoir .tab-content .tab-pane { padding-right:0px; }
	
.navbar-inverse { margin-bottom:0; padding:0; position:fixed; top:0px; background:#fff; }
.navbar-toggle { background:#333; }

.sub_menu { display:none !important;  }
.res_menu { display:block !important;  }


#banner { padding-top:50px; }

.translation_menu .thumbnail { display:none; }
.translation_menu .res_memoir_tab  { display:block; min-height:50px; margin-bottom:20px; background:#f7f7f7; border:1px solid#ddd; }
.translation_menu .res_memoir_tab h4 { padding-top:16px; margin-left:10px; font-size:16px; }
.translation_menu .res_memoir_tab .navbar-toggle { background:none; position:absolute; top:0; right:0  }
.translation_menu .res_memoir_tab .navbar-toggle .icon-bar { background:#333; }

.res_memoir_tab .panel-heading { }
.res_memoir_tab .panel-heading a { display:block; color:#333; }
.res_memoir_tab .panel-heading .fa { float:right; margin-top:3px; }
 
.close { right:3px; top:-7px; }

}


@media (max-width: 640px) {


}


@media (max-width:480px) {


.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { width:100%;  }

.book_name { margin-bottom:0px; }
#portfoliolist .portfolio { width:50%; min-height:283px; }

footer p { text-align:left; }
.footer_title { float:none; margin:5px auto; }

}


@media (max-width:380px) {
	
#portfoliolist .portfolio {  min-height:260px; }

}