/*
Theme Name: EBookStore
Theme URI: http://books.kodeforest.net/library/
Description: The E Book Store Wordpress Theme
Author: KodeForest
Author URI: http://www.kodeforest.com
Version: 2.7
License: 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: featured-images, theme-options
Text Domain: e-book-store

*/

body {

	font-family: 'Lato', sans-serif;

	background: #fff;

	margin: 0;

	padding: 0;

}



/*===========================================================================*/

							/*WRAPPER*/

/*===========================================================================*/
.body-wrapper{
	overflow: hidden;
}
#wrapper {

	float: left;

	width: 100%;

	position: relative;

}

a.btn-1 {

	font: 400 14px/14px 'Lato', sans-serif;

	position: relative;

	display: inline-block;

	padding: 15px 15px;

	border-radius: 5px;

	color: #fff;

	text-transform: uppercase;

	z-index: 11;

	text-decoration: none;

	transition: all 0.3s ease-in;

	-webkit-transition: all 0.3s ease-in;

	-moz-transition: all 0.3s ease-in;

}

a.btn-1 .fa {

	padding: 0 0 0 10px;

}

a.btn-1:hover {

	color: #fff;

}

a.btn-1:hover:before {

	width: 100%;

	opacity: 1;

}

a.btn-1:before {

	content: '';

	border-radius: 5px;

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 50%;

	z-index: -1;

	opacity: 0;

	transition: all 0.5s linear;

}

.heading-1 {

	float: left;

	text-align: center;

}

h2 {

	font:700 24px/24px 'Merriweather', serif;

	margin: 0 0 40px 0;

	display: inline-block;

}

p {

	font: 400 14px/24px 'Lato', sans-serif;

	color: #555;

}

.heading-1 h2 {

	position: relative;

}

.heading-1 h2:before {

	content: '';

	position: absolute;

	left: -73px;

	background: url(images/heading-left-line.png) no-repeat left center;

	width: 58px;

	height: 6px;

	top: 0;

	bottom: 0;

	margin: auto;

}

.heading-1 h2:after {

	content: '';

	position: absolute;

	right: -73px;

	background: url(images/heading-right-line.png) no-repeat left center;

	width: 58px;

	height: 6px;

	top: 0;

	bottom: 0;

	margin: auto;

}

h3 {

	font: 700 16px/16px 'Merriweather', serif;

	margin: 0 0 10px 0;

	display: inline-block;

}

/*===========================================================================*/

							/*HEADER*/

/*===========================================================================*/

#header {

	float: left;

	width: 100%;

	position: relative;

	z-index: 99999;

}

.head-top {

	float: left;

	width: 100%;

	padding: 15px 0;

}

.head-top .left-col {

	float: left;

	width: 100%;

}

.head-top .left-col ul {

	padding:1px 0 0  0;

	margin: 0;

	list-style: none;
	float: left;
	width: 100%;

}

.head-top .left-col ul li {

	float: left;

	padding: 0 20px 0 0;

	position: relative;
	line-height: 13px;

}

.head-top .left-col ul li:before {

	content: '.';

	position: absolute;

	right: 10px;

	font-weight: bold;

	top: -3px;

	font-size: 16px;

	color: #fff;

}

.head-top .left-col ul li:last-child:before {

	display: none;

}

.head-top .left-col ul li a {

	font: 12px/12px 'Lato', sans-serif;

	color: #fff;

	text-transform: uppercase;

	text-decoration: none;

}

.right-col {

	float: right;

	width: 100%;

}

.topbar-social {
    float: right;
    font-size: 16px;
    margin-top: -2px;
    padding: 0;
}
.topbar-social ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.topbar-social ul li {

	float: left;

	margin: 0 0 0 10px;

}
.topbar-social ul li:first-child{
	margin: 0;
}
.topbar-social ul li a {
	float: left;
    border-radius: 100%;
    color: #fff;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px;

}

.topbar-social ul li a:hover{

	border:1px solid rgba(0,0,0,0);

}

.login-box {
    display:none;

	float: right;

	padding:0px 20px 0 25px;

}

.login-box .modal-dialog {

	width: 447px;

	position:relative;

	z-index:9999;

}

.login-box .modal-content {

	border-radius: 0;

	padding: 0 35px;

	float: left;

	width: 100%;

}

.login-box .modal-header {

	border: 0;

	padding: 20px 0;

}

.login-box .modal-header h3 {

	font: 700 18px/18px 'Lato', sans-serif;

	margin: 0 0 20px 0;

	float: left;

	text-transform: uppercase;

}

.login-box .modal-content input[type="text"] {

	float: left;

	width: 100%;

	height: 50px;

	border: 1px solid #f0f0f0;

	border-radius: 3px;

	padding: 0 18px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	color: #bfbfbf;

	font: 400 18px 'Lato', sans-serif;

	margin: 0 0 15px 0;

}

.login-box .modal-content strong.title {

	font: 400 15px 'Lato', sans-serif;

	float: left;

	color: #999;

	padding: 0 0 24px 0;

}

.login-box .modal-content strong.title a {

	text-decoration: none;

	float: none;

	text-transform: none;

	font-size: 15px;

}

.login-box .modal-content input[type="submit"] {

	float: left;

	width: 100%;

	height: 58px;

	background: #161d56;

	font: 700 18px 'Lato', sans-serif;

	color: #fff;

	text-transform: uppercase;

	border: 0;

	border-radius: 3px;

}

.login-socail {

	float: left;

	width: 100%;

}

.head-top .login-socail a {

	float: left;

	width: 100%;

	height: 53px;

	border-radius: 3px;

	font: 16px/53px 'Lato', sans-serif;

	color: #fff;

	padding: 0;

	margin: 0 0 14px 0;

	text-decoration: none;

}

.outer-input {

	float: left;

	width: 100%;

}

.login-box .modal-body form {

	float: left;

	width: 100%;

}

.login-box .close {

	width: 26px;

	height: 26px;

	color: #fff;

	float: right;

	font-size: 21px;

	font-weight: 300;

	line-height: 1;

	opacity: 1;

	text-shadow: none;

}

.login-box .modal-body {

	padding: 0 0 30px 0;

	float: left;

	width: 100%;

}

.login-box .modal-body form label {

	display: block;

	color: #8e8e8e;

	font: 700 16px/16px 'Lato', sans-serif;

	padding: 0 0 15px 0;

}

.login-box .modal-body form label .fa {

	color: #8e8e8e;

	font-size: 15px;

	padding: 0 10px 0 0;

}

.login-box .modal-footer {

	float: left;

	width: 100%;

	padding: 0;

	border: 0;

}

.login-socail a.facebook {

	background: #4b6ea9;

}

.login-socail a.twitter {

	background: #00d7fa;

}

.login-socail a.gplus {

	background: #dd4c3b;

}

.login-socail a .fa {

	float: left;

	width: 60px;

	height: 53px;

	background: rgba(0,0,0,0.2);

	font-size: 26px;

	color: #fff;

	text-align: center;

	line-height: 53px;

	margin: 0 30px 0 0;

}

.login-box .fa {

	font-size: 16px;

	color: #fff;

	padding: 0 7px 0 0;

	float: left;

}

.login-box a {

	font: 12px/16px 'Lato', sans-serif;

	color: #fff;

	text-transform: uppercase;

	padding: 0 4px;

	float: left;

}

.head-cart-box {

	float: right;

	margin: 0px 0 0 0;

}

.head-cart-box a.wish {

	font: 12px/16px 'Lato', sans-serif;

	color: #fff;

	text-transform: uppercase;

	float: left;

	padding:0px 0 0 20px;

}

.head-cart-box a.wish .fa {

	float: left;

	padding: 0 7px 0 0;

	font-size: 16px;

	color: #fff;

}

.head-cart-box .dropdown {

	float: left;

	margin: 0px 0 0 0;

}

.head-cart-box .dropdown a.head-cart {

	color: #fff;

	font-size: 16px;
	line-height: 16px;

	float: left;

	text-decoration: none;

	position: relative;

	outline: none;

}

.head-cart-box .dropdown a.head-cart span.num {

	width: 16px;

	height: 16px;

	border-radius: 100%;

	text-align: center;

	font: 10px/17px 'Lato', sans-serif;

	color: #fff;

	display: block;

	position: absolute;

	top: 0;

	right: -10px;

}

.head-cart-box .dropdown-menu {

	border: 0;

	border-top: 3px solid;

	border-radius: 0;

	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);

	-moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);

	-webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);

	font-size: inherit;

	left: inherit;

	right: 0;

	margin: 0;

	min-width: 300px;

	padding: 0;

	top: 42px;

}

.head-cart-box .dropdown-menu li {

	padding: 20px;

	display: block;

	overflow: hidden;

}

.head-cart-box .dropdown-menu img {

	float: left;

	margin: 0 15px 0 0;

}

.head-cart-box .dropdown-menu .text-box {

	overflow: hidden;

}

.head-cart-box .dropdown-menu .text-box a {

	color: #222;

	display: block;

	font: 400 16px/22px 'Lato', sans-serif;

	padding: 0 0 10px;

	text-decoration: none;

}

.head-cart-box .dropdown-menu .text-box strong.amount {

	display: block;

	font: 400 16px/16px 'Lato', sans-serif;

}

.head-cart-box .dropdown-menu .text-box a.close {

	border-radius: 0;

	color: #fff;

	float: right;

	font-size: 13px;

	height: 23px;

	line-height: 22px;

	opacity: 1;

	text-align: center;

	text-decoration: none;

	width: 23px;

}

.head-cart-box .dropdown-menu strong.subtotal {

	clear: both;

	color: #222;

	display: block;

	font: 700 16px/16px 'Lato', sans-serif;

	padding: 0 0 20px;

}

.btn-row {

	display: block;

	float: left;

	text-align: center;

	width: 100%;

}

.head-cart-box .dropdown-menu a.btn-checkout {

	color: #fff;

	display: inline-block;

	font: 700 16px/16px 'Lato', sans-serif;

	padding: 15px 58px;

	text-decoration: none;

}

.head-cart-box .dropdown-menu .cart-row {

	border-bottom: 1px solid #ccc;

	float: left;

	margin-bottom: 20px;

	padding-bottom: 20px;

	width: 100%;

}

.menu-row {

	float: left;

	width: 100%;

	background: #fff;

	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);

	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);

	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);

	padding: 11px 0 0px 0;

}

a.logo {

	float: left;

	margin: 0 80px 0 0;

}

.ebook-navigation,
#nav {

	padding: 0;

	margin: 16px 0 0 0;

	list-style: none;

	float: left;

}
.ebook-navigation li,
#nav li {

	display: inline-block;

	float: none;

	position: relative;

	padding: 0 0 18px 0;

	border-bottom: 4px solid rgba(0,0,0,0);

}
.ebook-navigation li.active,
#nav li.active {

	border-bottom: 4px solid;

}
.ebook-navigation li:before,
#nav li:before {

	content: '/';

	font-size: 14px;

	color: #e7e7e7;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	height: 20px;

	margin: auto;

}
.ebook-navigation li:before,
#nav li:before {
	content: '';
}
.ebook-navigation li:first-child:before,
#nav li:first-child:before {

	display: none;

}
.ebook-navigation li:first-child,
#nav li:first-child {

	background: none;

}
.ebook-navigation li a,
#nav li a {

	font: 700 14px/14px 'Lato', sans-serif;

	color: #333;

	text-transform: uppercase;

	text-decoration: none;

	padding: 0 20px;

	display: block;

	position: relative;

	z-index: 20;

}
.ebook-navigation li:hover,
#nav li:hover {

	border-bottom: 4px solid;

}
.ebook-navigation li a i,
#nav li a i {

	display: block;

	text-align: center;

	font-size: 16px;

	margin: 0 0 15px -7px;

}
.ebook-navigation li .fa-angle-down,
#nav li .fa-angle-down {

	padding: 0 0 0 12px;

	float: right;

}
.ebook-navigation li:hover > a,
#nav li:hover > a {

	background: none;

}
.ebook-navigation li ul li:hover > a,
.ebook-navigation li ul li a:hover,
#nav li ul li a:hover, 
#nav li ul li:hover > a {

	text-decoration: none;

	color: #fff;

	border: 0;

}
.ebook-navigation li ul,
#nav li ul {

	position: absolute;

	left: 0;

	top: 130%;

	width: 190px;

	background: #fff;

	padding: 0;

	border-left: 3px solid;

	display: block;

	list-style: none;

	z-index: 99999;

	opacity: 0;

	visibility: hidden;
	transition:all 0.3s ease-in-out;

}
.ebook-navigation li:hover > ul,
#nav li:hover > ul {

	display: block;

	visibility: visible;

	opacity: 1;

	top: 100%;

}
.ebook-navigation li ul li > ul,
#nav li ul li > ul {

	position: absolute;

	left: 190px;

	top: 0;

	width: 190px;

	padding: 0;

}
.ebook-navigation li ul li,
#nav li ul li {

	float: none;

	width: auto;

	padding: 0;

	display: block;

	background: none;

	border: 0;

}
.ebook-navigation li ul li:after,
#nav li ul li:after {

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 0;

	z-index: -1;
	transition:all 0.3s ease-in-out;

}
.ebook-navigation li ul li:hover:after,
#nav li ul li:hover:after {

	width: 100%;

}
.ebook-navigation li ul li:before,
#nav li ul li:before {

	content: '';

	display: none;
	transition:all 0.3s ease-in-out;

}
.ebook-navigation li ul li:hover,
#nav li ul li:hover {

	border: 0;

}
.ebook-navigation li ul li
#nav li ul li:first-child {

	border: 0;

}
.ebook-navigation li ul li a,
#nav li.active ul li a {

	color: #444;

	border: 0;

}
.ebook-navigation li ul li a,
#nav li ul li a {

	background: none;

	font: 700 14px/14px 'Lato', sans-serif;

	text-transform: capitalize;

	text-align: left;

	padding: 13px 20px;

	display: block;

	color: #444;
	transition:all 0.3s ease-in-out;

}
.ebook-navigation li ul li a:hover,
#nav li ul li a:hover {

	color: #fff;

	border: 0;

}
#mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li{
	position: relative;
}
#mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li::before {
    bottom: 50%;
    color: #ececec;
    content: "/";
    font-size: 16px;
    margin: 0 0 -11px 0px;
    position: absolute;
    right: -18px;
}
#mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li:last-child::before{
	opacity: 0
}
#mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li > .item_link > i {
    padding-top: 15.667px !important;
    margin-bottom: 13px !important;
}
.header-2 #mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li > .item_link > i {
    padding-top: 15.667px !important;
    margin-bottom: 3px !important;
}
#mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li > a{
	padding-bottom: 24px;
	height: auto;
	float: left;
}
#mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li > a span.link_content{
	height: auto !important;
	position: relative;
}
#mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li > a span.link_content:before{
    color: #333;
    content: "";
    font-family: "FontAwesome";
    font-size: 14px;
    margin-top: -11px;
    position: absolute;
    right: -17px;
    top: 50%;
}
#mega_main_menu > .menu_holder > .menu_inner > ul > li > a:after{
	border-width: 0 !important;
}
#mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_woo_cart > .item_link::after, 
#mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_buddypress > .item_link::after, 
#mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link:last-child::after{
	display: block !important;
	width: 100% !important;
	opacity: 1 !important;
}
#mega_main_menu > .menu_holder > .menu_inner > ul > li.current-menu-parent > .item_link::after,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.current-menu-item > .item_link::after{
	position: absolute;
	bottom: 0 !important;
	height: 4px !important;
	width: 100% !important;
	border: none !important;
	border-width: 0 !important;
	top: auto !important;
	margin: 0 !important;
	opacity: 1 !important;
	content: "";
	left: 0 !important;
	right: 0 !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: block !important;
}
.menu-row.navbar-inverse {

	background-color: transparent;

	border-color: transparent;

}

.menu-row .navbar {

	border-radius: 0;

}

.menu-row.navbar {

	border: 0;

	margin-bottom: 0px;

	min-height: inherit;

}

.menu-row .navbar-collapse {

	padding: 0;

}

.menu-row .navbar-inverse .navbar-nav > .active > a, .menu-row .navbar-inverse .navbar-nav > .active > a:hover, .menu-row .navbar-inverse .navbar-nav > .active > a:focus {

	background: none;

}

.menu-row .navbar-inverse {

	background: none;

	float: left;

	border: 0;

	margin: 0;

}

/*===========================================================================*/

						/*Search Bar Css Start*/

/*===========================================================================*/

.overlay {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: rgba(30,41,61,0.95);

	z-index: 999;

}

#cp-rider-boxed .overlay {

	background: rgba(255,207,0,0.80);

}

#cp-rider-repair .overlay {

	background: rgba(240,80,80,0.95);

}

#cp-rider-store .overlay {

	background: rgba(145,201,218,0.90);

}

.overlay .overlay-close {

	width: 80px;

	height: 80px;

	position: absolute;

	right: 20px;

	top: 20px;

	overflow: hidden;

	border: none;

	background: url(images/cross.png) no-repeat center center;

	text-indent: 200%;

	color: transparent;

	outline: none;

	z-index: 100;

}

.overlay nav {

	text-align: center;

	position: relative;

	top: 50%;

	height: 60%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}

.overlay ul {

	list-style: none;

	padding: 0;

	margin: 0 auto;

	display: inline-block;

	height: 100%;

	position: relative;

}

.overlay ul li {

	display: block;

	height: 20%;

	height: calc(100% / 5);

	min-height: 54px;

}

.overlay ul li a {

	font-size: 54px;

	font-weight: 300;

	display: block;

	color: #fff;

	-webkit-transition: color 0.2s;

	transition: color 0.2s;

}

.overlay ul li a:hover, .overlay ul li a:focus {

	color: #f0f0f0;

}

.overlay-contentscale {

	visibility: hidden;

	-webkit-transform: translateY(100%);

	transform: translateY(100%);

	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;

	transition: transform 0.5s, visibility 0s 0.5s;

}

.overlay-contentscale.open {

	visibility: visible;

	-webkit-transform: translateY(0%);

	transform: translateY(0%);

	-webkit-transition: -webkit-transform 0.5s;

	transition: transform 0.5s;

}

.cp-search-holder #trigger-overlay {

	background-color: transparent;

	border: none;

	padding:0px;

}

.cp-search-inner {

	width: 750px;

	margin: 0 auto;

	padding-top: 200px;

}

.cp-search-inner form {

	float: left;

	width: 100%;

	position: relative;

}

.cp-search-inner form input[type="text"] {

	font-size: 14px;

	color: #fff;

	height: 40px;

	line-height: 40px;

	text-transform: uppercase;

	padding: 0;

	background: transparent;

	border: none;

	border-bottom: 1px solid #fff;

	position: relative;

	float: left;

	width: 100%;

}

#trigger-overlay{
	vertical-align:text-bottom;
	color:#fff;
}

.cp-search-inner form .submit {

	font-size: 18px;

	color: #fff;

	height: 40px;

	line-height: 40px;

	padding: 0;

	position: absolute;

	right: 0;

	top: 0;

	display: inline-block;

	background-color: transparent;

	border: none;

}

.cp-search-holder {

	color: #fff;

	float: right;

	text-align: center;

	line-height: 34px;

	font-size: 14px;

	margin: 24px 0 0 0;

	width: 34px;

	height: 34px;

	border-radius: 100%;

	position: relative;

}

/*===========================================================================*/

						/*BANNER*/

/*===========================================================================*/

#banner {

	float: left;

	width: 100%;

	position: relative;

}

#banner .item {

	position: relative;

}

#banner .item .caption {

	position: absolute;

	right: 300px;

	top: 190px;

	width: 500px;

}

#banner .item .caption h1 {

	font: italic 900 65px/66px 'Merriweather', serif;

	margin: 0 0 20px 0;

}

#banner .item .caption b {

	font: 300 48px/60px 'Lato', sans-serif;

	color: #333;

	display: block;

	padding: 0 0 20px 0;

}

#banner .item .caption p {

	font: 400 18px/30px 'Lato', sans-serif;

	color: #555;

	margin: 0 0 25px 0;

}

#banner span {

	position: absolute;

	left: 0;

	top: 0;

}

#banner .caption-2 {

	position: absolute;

	left: 0;

	top: 60px;

	width: 100%;

}

#banner .caption-2 .holder {

	width: 1170px;

	margin: 0 auto;

	display: block;

	overflow: hidden;

}

#banner .caption-2 .holder .frame {

	background: url(images/banner-frame.png) no-repeat left top;

	width: 376px;

	height: 595px;

	float: left;

	padding: 109px 0 0 68px;

	margin: 0 0 0 20px;

}

#banner .caption-2 .holder .frame:first-child {

	margin: 0;

}

#banner .caption-2 .holder .frame .thumb {

	

	width: 233px;

	height: 293px;

	display: block;

	float: left;

	overflow: hidden;

	margin: 0 0 30px 0;

}

#banner .caption-2 .holder .frame .thumb:hover img {

	transform: scale(1.2) rotate(3deg);

	-moz-transform: scale(1.2) rotate(3deg);

	-webkit-transform: scale(1.2) rotate(3deg);

}

#banner .caption-2 .holder .frame a.btn-link {

	font: 14px/14px 'Lato', sans-serif;

	color: #fff;

	text-transform: none;

	text-transform: uppercase;

	padding: 7px 14px;

	border-radius: 3px;

	float: left;

	margin: 0 10px 22px 0;

}

#banner .caption-2 .holder .frame a.btn-link:hover {

	color: #fff;

	text-decoration: none;

}

#banner .caption-2 .holder .frame a.title {

	font: 18px/18px 'Merriweather', serif;

	color: #333;

	display: block;

	clear: both;

	text-decoration: none;

	padding: 0 0 17px 0;

}

#banner .caption-2 .holder .frame em.name {

	font: 700 14px/14px 'Lato', sans-serif;

	color: #555;

	display: block;

}

#banner .caption-3 {

	position: absolute;

	right: 370px;

	top: 300px;

	width: 700px;

}

#banner .caption-3 h1 {

	font: italic 56px/80px 'Merriweather', serif;

	color: #fff;

	margin: 0;

}

#banner .caption-3 h1 b {

	display: block;

	color: #4ee158;

}

#banner .caption-3 p {

	font: 18px/27px 'Lato', sans-serif;

	color: #fff;

	margin: 0;

}

#banner .owl-buttons {

	position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;

	height: 68px;

	width: 100%;

}

#banner .owl-next {

	position: absolute;

	right: 155px;

	width: 66px;

	height: 66px;

	border-radius: 100%;

	font-size: 0;

	background: rgba(255,255,255,0.7);

	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);

	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);

	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);

}

#banner .owl-next:before {

	content: "\f061";

	font-family: FontAwesome;

	font-size: 20px;

	color: #000;

	line-height: 66px;

	text-align: center;

	display: block;

}

#banner .owl-prev {

	position: absolute;

	left: 155px;

	width: 66px;

	height: 66px;

	border-radius: 100%;

	font-size: 0;

	background: rgba(255,255,255,0.7);

	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);

	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);

	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);

}

#banner .owl-prev:before {

	content: "\f060";

	font-family: FontAwesome;

	font-size: 20px;

	color: #000;

	line-height: 66px;

	text-align: center;

	display: block;

}

.floating {

	float: left;

	animation-name: Floating;

	animation-duration: 3s;

	animation-iteration-count: infinite;

	animation-timing-function: ease-in-out;/*margin-left: 30px;

	margin-top: 5px;*/

}

@keyframes Floating {

 0% {

transform: translate(0px, 0px);

}

 65% {

transform: translate(0px, 15px);

}

 100% {

transform: translate(0px, 0px);

}

}

.scaling {

	float: left;

	animation-name: scale;

	animation-duration: 3s;

	animation-iteration-count: infinite;

	animation-timing-function: ease-in-out;

}

@keyframes scale {

 0% {

transform: scale(0.9);

}

 65% {

transform: scale(1);

}

 100% {

transform: scale(0.9);

}

}

/*===========================================================================*/

							/*BEST SELLERS*/

/*===========================================================================*/

.best-seller {

	float: left;

	width: 100%;

	padding: 100px 0;

}

.tab-style-1 {

	float: left;

	width: 100%;

}

.nav-tabs {

	float: left;

	width: 100%;

	margin: 0 0 30px 0;

	border-bottom: 1px solid #e7e7e7;

}

.tab-style-1 .nav.nav-tabs{

	margin-bottom: 33px;

}

.tab-style-1 .nav-tabs > li.active > a, .tab-style-1 .nav-tabs > li.active > a:focus, .tab-style-1 .nav-tabs > li.active > a:hover {



	border: 1px solid #e7e7e7;



	color: #fff;

	border-radius: 4px;

}

.tab-style-1 .nav-tabs > li > a {

	border: 1px solid #e7e7e7;

	border-radius: 0;

	margin-right: 0;

	outline: none;

}

.tab-style-1 .nav > li > a {

	display: block;

	padding: 15px 23px;

	position: relative;

	font: 700 14px/14px 'Merriweather', serif;

	color: #555;

	text-transform: uppercase;

	background-color: #fafafa;


}

.tab-style-1 .nav > li > a:focus, .tab-style-1 .nav > li > a:hover {

	text-decoration: none;

	background-color: transparent;

	box-shadow: none;

}

.tab-style-1 .nav.nav-tabs > li.active > a,

.tab-style-1 .nav.nav-tabs > li.active > a:hover{

	color: #fff !important;

}

.tab-style-1-content {

	float: left;

	width: 100%;

}

.tab-style-1-content li {

	list-style:none;

}	
.tab-style-1-content .box-outer::before {
    border: 6px solid;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    opacity: 0;
    border-color: #1e293d;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
.tab-style-1-content .box-outer:hover::before{
	height: 97%;
	width: 95%;
	opacity: 1;
}
.tab-style-1-content .box-outer:hover .frame .caption {

	transform: rotate(0deg);

	opacity: 1;

	visibility: visible;

	z-index: 999;

}

.tab-style-1-content .box .frame {

	background: #f8f8f8;

	padding: 30px 0;

	float: left;

	width: 100%;
	margin: 0 0 0px 0;

	position: relative;

}

.tab-style-1-content .box .frame .caption {

	position: absolute;

	left: 15px;

	width: 34px;

	height: 120px;

	top: 0;

	bottom: 0;

	margin: auto;

	transform: rotate(90deg);

	opacity: 0;

	visibility: hidden;
	z-index: 9999;

}
.tab-style-1-content .box .frame span.onsale,
.tab-style-1-content .box .frame span.sale {

	width: 45px;

	height: 45px;

	border-radius: 100%;

	text-align: center;

	font: 400 12px/45px 'Lato', sans-serif;

	color: #fff;

	text-transform: uppercase;

	position: absolute;

	right: 0;

	bottom: -22px;

	z-index: 9;

}

.tab-style-1-content .box .frame span.cut-sale {

	width: 45px;

	height: 45px;

	border-radius: 100%;

	text-align: center;

	font: 400 12px/14px 'Lato', sans-serif;

	color: #fff;

	padding: 7px 0 0 0;

	text-transform: uppercase;

	position: absolute;

	right: 0;

	bottom: -22px;

	z-index: 9;

}

.tab-style-1-content .box .frame .caption a {

	float: left;

	width: 34px;

	height: 34px;

	background: #f2f2f2;

	font-size: 14px;

	color: #555;

	text-align: center;

	line-height: 34px;

	margin: 3px 0;

}

.tab-style-1-content .box .frame .caption a:hover {

	color: #fff;

}
.tab-style-1-content .box .frame .img-frame  > a {
	float: left;
    width: 100%;
    position: relative;
    z-index: 999999;
}
.tab-style-1-content .box .frame .img-frame {

	box-shadow: 0 1px 5px 0 rgba(50, 50, 50, 0.67);
        
        border-radius: 3px;

	width: 137px;

	margin: 0 auto 0;

	display: block;

	overflow: hidden;

}

.tab-style-1-content .box .text-column {

	float: left;

	width: 100%;

	position: relative;

	padding: 30px 20px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;
	z-index: 99;

}

.tab-style-1-content .box .text-column span {

	display: block;

	font: 700 12px/12px 'Lato', sans-serif;

	color: #555;

	text-transform: uppercase;

	padding: 0 0 10px 0;

}

.tab-style-1-content .box .text-column em {

	display: block;

	font: normal 14px/14px 'Lato', sans-serif;

	color: #555;

	padding: 0 0 20px 0;

}

.tab-style-1-content .box .text-column strong.price {

	float: left;

	font: 700 20px/20px 'Lato', sans-serif;

	padding: 0 0 20px 0;

}

.review-start {

	float: right;

}

.review-start ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

#wrapper .review-start ul li {

	float: left;

	padding: 0 2px;

	min-height: auto;

	margin: 0;

}

.review-start ul li a {

	font-size: 14px;

	color: #fec106;

	text-decoration: none;

}

.btm-row {

	float: left;

	width: 100%;

	border-top: 1px solid #e7e7e7;

	padding: 14px 0 0 0;

}

.btm-row .thumb {

	float: left;

	width: 34px;

	height: 34px;

	border-radius: 100%;

	overflow: hidden;

	margin: 0 15px 0 0;

}

.btm-row .thumb img {

	display: block;

	width: 100%;

	border-radius: 100%;

}

.btm-row b {

	float: left;

	font: 400 14px/34px 'Lato', sans-serif;

	color: #555;

}

.btm-row a.like {

	float: right;

	background: #f3f3f3;

	width: 24px;

	height: 24px;

	border-radius: 100%;

	text-align: center;

	line-height: 24px;

	font-size: 9px;

	margin: 8px 0 0 0;

}

/*===========================================================================*/

							/*ADD BANNER*/

/*===========================================================================*/

.add-banner {

	float: left;

	width: 100%;

	margin-bottom: 100px;

}

.add-banner.books-banner-1{

	padding:0 15px 0 0;

}

.add-banner.books-banner-2{

	padding:0 0px 0 15px;

}

.add-banner .add-box-1 {

	float: left;

	width: 100%;

	background: url(images/banner-img-1.png) no-repeat left top/100%;

	width: 100%;

	height: 172px;

}

.add-banner .add-box-1:hover span.book-1{

	/*

	left:20px;

	top:-26px;

	*/

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

}

.add-banner .add-box-1 span.book-1 {

	background: url(images/banner-img-book-img-1.png) no-repeat left top;

	width: 213px;

	height: 183px;

	left: 0px;

	position: absolute;

	top: -20px;

	margin: 0 0px 0 0;

}

.add-banner .add-box-1 .text-column {

	float: left;

	padding: 25px 60px 0 185px;

}

.add-banner .add-box-1 .text-column h3 {

	font: italic 400 22px/22px 'Merriweather', serif;

	color: #0c085c;

	margin: 0 0 10px 0;

}

.add-banner .add-box-1 .text-column p {

	font: 16px/21px 'Lato', sans-serif;

	color: #555;

	margin: 0 0 15px 0;

	padding-bottom: 10px;

	border-bottom: 1px solid rgba(0,0,0,0.1);

}

.add-banner .add-box-1 .text-column a.btn-buy {

	font: 700 18px 'Merriweather', serif;

	color: #333;

	text-decoration: none;

}

.add-banner .add-box-1 .text-column a.btn-buy sup {

	font-size: 11px;

}

.add-banner .add-box-2 {

	float: left;

	width: 100%;

	background: url(images/banner-img-2.png) no-repeat left top/100%;

	width: 100%;

	height: 172px;

	position:relative;

}

.add-banner .add-box-2 span.book-2 {

	background: url(images/banner-img-book-img-2.png) no-repeat left top;

	width: 213px;

	height: 183px;

	right: 0px;

	position: absolute;

	top: -20px;

	margin: 0 0px 0 0;

}

.add-banner .add-box-2:hover span.book-2{

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

}

.add-banner .add-box-2 .text-column {

	float: left;

	padding: 25px 220px 0 45px;

	width: 100%;

}

.add-banner .add-box-2 .text-column h3 {

	font: italic 900 20px/20px 'Merriweather', serif;

	color: #343434;

	margin: 0 0 10px 0;

}

.add-banner .add-box-2 .text-column strong.price {

	font: italic 900 36px/36px 'Merriweather', serif;

	display: block;

	color: #0c085c;

	padding: 0 0 20px 0;

	margin: 0 0 10px 0;

	border-bottom: 1px solid rgba(0,0,0,0.1);

}

.add-banner .add-box-2 .text-column p {

	font: 20px/20px 'Lato', sans-serif;

	color: #343434;

	margin: 0;

}

/*===========================================================================*/

							/*STAFF RECOMENDED*/

/*===========================================================================*/

.staff-recomended {

	float: left;

	width: 100%;

	padding: 0px 0 0px 0;

}

.staff-recomended h2 {

	margin: 0 0 15px 0;

}

.staff-recomended p {

	font: 400 14px/14px 'Lato', sans-serif;

	color: #555;

	margin: 0 0 50px 0;

	text-align: center;

}

.staff-recomended .holder {

	

}

.staff-recomended .holder .thumb {

	float: left;
	padding:20px 15px 0px 0px;
}

.staff-recomended .holder .thumb a img {

	box-shadow:10px 3px 8px -4px rgba(0,0,0,0.2);
        border-radius: 3px;
}


.staff-recomended .owl-carousel .owl-wrapper-outer {

	padding: 100px 0 0 0;

}

.staff-recomended .owl-next {

	position: absolute;

	right: -212px;

	top: 10px;

	width: 45px;

	height: 45px;

	border: 1px solid #b8b8b8;

	background: rgba(255,255,255,0.2);

	font-size: 0;

}

.staff-recomended .owl-next:hover:before {

	color: #fff;

}

.staff-recomended .owl-next:before {

	content: "\f178";

	font-family: FontAwesome;

	font-size: 16px;

	color: #999;

	text-align: center;

	display: block;

	line-height: 43px;

}

.staff-recomended .owl-prev {

	position: absolute;

	left: -212px;

	top: 10px;

	width: 45px;

	height: 45px;

	border: 1px solid #b8b8b8;

	background: rgba(255,255,255,0.2);

	font-size: 0;

}

.staff-recomended .owl-prev:hover:before {

	color: #fff;

}

.staff-recomended .owl-prev:before {

	content: "\f177";

	font-family: FontAwesome;

	font-size: 16px;

	color: #999;

	text-align: center;

	display: block;

	line-height: 43px;

}

/*===========================================================================*/

							/*UPCOMING RELEASE*/

/*===========================================================================*/
.tp-bgimg.defaultimg {
    height: 102% !important;
}

.upcoming-release {

	float: left;

	width: 100%;

	background: url(images/pattren.gif) no-repeat left top/100%;

	padding: 0 0 50px 0;
	background-size: cover;

}

.upcoming-release strong.title {

	float: left;

	font: 400 18px/24px 'Merriweather', serif;

	color: #fff;

	width: 100%;

	padding: 13px 27px;

}

.upcoming-release .container-fluid {

	padding: 0;

}

.upcoming-release .container-fluid .col-md-6 {

	padding: 0;

}

.release-outer {

	float: left;

	width: 100%;

	background: url(images/slider-bg.jpg) no-repeat left top/cover;

	height: 216px;

	box-shadow:0 0 6px rgba(0, 0, 0, 0.2);

	-moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.2);

}

.release-outer ul{

    padding-left: 5px;

}

.upcoming-release .text-col {

	width: 218px;

	float: left;

	padding: 0 0 0 0;
	color: #fff;

}
.upcoming-release .text-col h4,
.upcoming-release .text-col h3 {

	color: #fff;

}

.upcoming-release .text-col p {

	font: 20px/20px 'Lato', sans-serif;
	color: #fff;
	margin: 0 0 15px 0;

}

.upcoming-release .text-col em {
    font-style: normal;
    color: #ff851d;
    font-size: 22px;
    font-weight: 700;
}

.upcoming-release .text-col strong.amount {

	font: 28px/28px 'Lato', sans-serif;

	display: block;

}

.upcoming-release .bx-wrapper {

	margin: 0;

	float: left;

	width:auto;

}

.upcoming-release .bx-wrapper::before {

    background: rgba(0, 0, 0, 0) url("images/round-cerve.png") no-repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 21px;

    left: 100%;

    margin: 0 0 18px -19px;

    position: absolute;

    width: 51px;

}

.upcoming-release .bx-wrapper .bx-viewport {

	border: 0;

	box-shadow: none;

	left: 0;

	top: -18px;

	width: 428px !important;

	height: 254px !important;

	border-radius: 20px;

	padding: 0px;

}
.item_slider_custom_div{
	float: left;
	width: 100%;
	padding: 24px 25px 16px;
	position: relative;

}
.upcoming-release .bx-wrapper .bx-viewport li .thumb {

	float: right;

	margin: 0 0px 0 0;

}

.upcoming-release .bx-wrapper .bx-viewport li a.btn-link {
    display:none;
	
	font-size: 32px;

	color: #fff;

	position: absolute;

	right: 36px;

	bottom: 17px;

}

.release-outer .bx-viewport .thumb img{width:160px;
	border-radius: 4px;}

.upcoming-release .bxslider {

	padding: 0;

	margin: 0;

}

.upcoming-release .bx-wrapper .bx-controls-direction a {

	text-indent: inherit;

	text-decoration: none;

}
.upcoming-release .bx-wrapper .bx-controls-direction a{
	margin-top: -68px;
}
.upcoming-release .bx-controls-direction {

	position: absolute;

	right: -620px;

	top: 25px;

}

.upcoming-release .bx-wrapper .bx-next {

	background: none;

	width: 50px;

	height: 40px;

	font-size: 0;

	right: -50px;

}

.upcoming-release .bx-wrapper .bx-next:before {

	content: "\f178";

	color: #fff;

	font-size: 18px;

	text-align: center;

	line-height: 38px;

	display: block;

	font-family: FontAwesome;

}

.upcoming-release .bx-wrapper .bx-prev {

	background: none;

	width: 50px;

	height: 40px;

	font-size: 0;

	left: -50px;

}

.upcoming-release .bx-wrapper .bx-prev:before {

	content: "\f177";

	color: #fff;

	font-size: 18px;

	text-align: center;

	line-height: 38px;

	display: block;

	font-family: FontAwesome;

}
.upcoming-release .bx-wrapper .bx-controls-direction a:hover{
	background-color: transparent !important;
}

.upcoming-release #bx-pager-custom {

	float: right;

	margin: 29px 0 0 0;

}

.upcoming-release #bx-pager-custom a {

	float: left;

	width: 94px;

	margin: 0 20px 0 0;
	color: #222;
	text-align: center;
	outline: none;

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

	text-decoration: none;

	position:relative;

}

.upcoming-release #bx-pager-custom a:hover {

	text-decoration: none;

}
.upcoming-release #bx-pager-custom a img{
	float: left;
	position: relative;
	margin-bottom: 10px;
	border-radius: 4px;
}
.item-slider-shadow{
	float: left;
	width: 100%;
	height: 4px;
	position: relative;
	margin-bottom: 15px;

}
.upcoming-release #bx-pager-custom a .item-slider-shadow::before {
    bottom: 0;
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(0,0,0,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%); /* ie10+ */
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFFF',GradientType=1 ); /* ie6-9 */
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 100%;
    opacity:0.12;
    top: 0;
    border-radius: 40px;
}
.upcoming-release #bx-pager-custom a.active {

    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 5px 0 rgba(50, 50, 50, 0.67);
    padding: 15px 25px 15px;
    border-radius: 10px;
    width: 147px;
}
.upcoming-release #bx-pager-custom a.active img:before{
	opacity: 0;
}
.upcoming-release #bx-pager-custom a.active:before{

	content:"\f067";

	position:absolute;

	left:0;

	right:0;

	bottom:-15px;

	width:34px;

	height:34px;

	border-radius:100%;

	margin:auto;

	font-size:14px;

	color:#fff;

	text-align:center;

	line-height:34px;

	font-family:FontAwesome;

	box-shadow:0 0 0 2px rgba(0,0,0,0.2);

}

.upcoming-release #bx-pager-custom a.active img {

	

}

.upcoming-release #bx-pager-custom span {

	font: 14px/14px 'Lato', sans-serif;

	color: #333;

	text-decoration: none;

	display: block;

	text-align: center;

	padding: 0 0 15px 0;
	width: 100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

/*===========================================================================*/

							/*BOOK COLLECTION*/

/*===========================================================================*/

.book-collection {

	float: left;

	width: 100%;

	padding: 100px 0;

}

.book-collection .nav-tabs {

	float: left;

	width: 100%;

	margin: 0;

}

.book-collection .nav-tabs > li {

	float: none;

	display: block;

	margin: 0;

}

.book-collection .nav-tabs > li a {

	border: 0;

	font: 400 14px/14px 'Lato', sans-serif;

	color: #555;

	padding: 14px 20px;

	border-radius: 0;

	margin: 0;

}

.book-collection .nav > li > a:focus, .book-collection .nav > li > a:hover {

	color: #fff;

}

.book-collection .nav-tabs > li.active > a, .book-collection .nav-tabs > li.active > a:focus, .book-collection .nav-tabs > li.active > a:hover {

	border: 0;

	outline: none;

	color: #fff;

}

.book-collection .mCSB_container_wrapper > .mCSB_container {

	padding: 0;

}

.book-collection .mCSB_container_wrapper {

	margin-right: 14px;

}

.book-collection .mCS-3d-thick-dark.mCSB_scrollTools, .book-collection .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .book-collection .mCS-3d-thick.mCSB_scrollTools, .book-collection .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {

	border-radius: 0;

}

.book-collection .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {

	background: #f7f7f7;

}

.book-collection .mCS-3d-thick-dark.mCSB_scrollTools {

	box-shadow: none;

	background: #eaeaea;

}

.book-collection .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {

	box-shadow: none;

}

.book-collection .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .book-collection .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .book-collection .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .book-collection .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

	background: #d9d9d9;

}

.book-collection .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	box-shadow: none;

}

.book-collection .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .book-collection .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	border-radius: 30px;

	margin: 0;

	width: 16px;

}

.content {

	overflow: hidden;

	position: relative;

	padding: 0;

	background: #fff;

	margin: 0;

	width: 100%;

	max-width: 100%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box; 

}

.tab-sidebar {

	float: left;

	width: 100%;

	background: #f8f8f8;

	padding: 20px 0 0 0;

}

.tab-content-box {

	float: left;

	width: 100%;

}
.tab-sidebar ul{
	float: left;
	width: 100%;
	overflow-y: auto;
	border:none; 
}
.tab-sidebar li a{

	text-transform:capitalize;

}

.tab-sidebar h3 {

	padding: 0 0 15px 20px;

	border-bottom: 1px solid #f5f5f5;

	display: block;

	margin: 0;

}

.tab-content h2 {

	margin: 0;

	float: left;

}

.tab-content a.btn-all {

	font: 400 14px/14px 'Lato', sans-serif;

	color: #999;

	text-decoration: none;

	float: right;

}

.tab-content a.btn-all:hover .fa {

	padding: 0 6px 0 10px;

}

.tab-content a.btn-all .fa {

	padding: 0 0 0 7px;

}

.tab-sidebar ul li{

	float:left;

	width:100%;

}

.heading-2 , .comment-reply-title {

	float: left;

	border-bottom: 1px solid #ececec;

	padding: 0 0 13px 0;

	margin: 0 0 25px 0;

	position: relative;

	width:100%;

}



.heading-2:before, .comment-reply-title:before {

	content: '';

	position: absolute;

	left: 0;

	bottom: -1px;

	width: 70px;

	height: 2px;

}

.tab-content-box ul {
	float:none;
	width:auto;
	padding: 0;

	margin: 0 -24px 0 0;

	list-style: none;

}

.tab-content-box > ul > li {

	float: left;

	margin: 0 14px 25px 0;

	min-height: 230px;

}

.tab-content-box .thumb {

	float: left;

	width: 160px;

	padding-right: 12px;

}

.tab-content-box .thumb img {

	display: block;
        border-radius: 3px;
	width: 100%;
	box-shadow: 0 1px 5px 0 rgba(50, 50, 50, 0.67);

}

.tab-content-box .thumb .caption {

	float: left;

	width: 100%;

	padding: 12px 0 0 0;

}

.tab-content-box .thumb .caption a.title {

	display: block;

	font: 15px/13px 'Lato', sans-serif;

	color: #333;

	padding: 0 0 10px 0;
	font-weight: bold;

}

.tab-content-box .thumb .caption span {

	display: block;

	font: 15px/13px 'Lato', sans-serif;

	color: #999;

}

.tooltip-wrap {
	float: left;
	width: 100%;
	position: relative;



}

.tooltip-wrap .tooltip-content {

	opacity: 0;

	position: absolute;

	top: 0;

	padding: 22px;

	right: -320px;

	background-color: rgba(30,41,61,0.9);

	color: #fff;

	width: 330px;

	border-radius: 6px;

	z-index: -2;
	margin-top: 30px;

}

.tooltip-wrap .tooltip-content:before {

	content: '';

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 10.5px 11px 10.5px 0;

	border-color: transparent rgba(30,41,61,0.9) transparent transparent;

	position: absolute;

	left: -11px;

	top: 0;

	bottom: 0;

	margin: auto;

}

.tooltip-wrap:hover .tooltip-content {

	opacity: 1;
	z-index: 9;

}
.tab-content-box ul li.class-for-tooltip-left .tooltip-wrap .tooltip-content,
.tab-content-box ul li:nth-child(5n+5) .tooltip-wrap .tooltip-content{

	right: auto;

	left: -343px;

}
.tab-content-box ul li.class-for-tooltip-left .tooltip-wrap .tooltip-content::before,
.tab-content-box ul li:nth-child(5n+5) .tooltip-wrap .tooltip-content::before {

    border-width: 10px 0 10px 11px;

	border-color:  transparent transparent transparent rgba(30, 41, 61, 0.9);

    left: auto;

    right: -10px;

}

.tooltip-wrap strong.name {

	font: 400 14px/14px 'Merriweather', serif;

	color: #fff;

	display: block;

	padding: 0 0 8px 0;

}

.tooltip-wrap strong.title {

	font: 400 13px/13px 'Lato', sans-serif;

	color: #fff;

	display: block;

	padding: 0 0 8px 0;

}

.tooltip-wrap strong.page {

	font: 400 14px/14px 'Lato', sans-serif;

	color: #fff;

	display: block;

	padding: 0 0 8px 0;

}

.tooltip-wrap em {

	font: normal 400 12px/12px 'Lato', sans-serif;

	color: #999;

	display: block;

	text-transform: uppercase;

	padding: 0 0 8px 0;

}

.tooltip-wrap p {

	font: normal 400 12px/19px 'Lato', sans-serif;

	color: #fff;

	margin: 0 0 10px 0;

}

.tooltip-wrap .review-start {

	float: left;

	width: 100%;

	margin: 0 0 10px 0;

}

.recommend-row {

	float: left;

	width: 100%;

}

.recommend-thumb {

	float: left;

	width: 26px;

	height: 26px;

	border-radius: 100%;

	overflow: hidden;

	margin: 0 10px 0 0;

}

.recommend-thumb img {

	display: block;

	width: 100%;

	border-radius: 100%;

}

.pagination-style-1 {

	float: left;

	width: 100%;
       
        margin: 0 0 30px;

}

.pagination-style-1 .pagination {

	border-radius: 0;

	float: left;

	margin: 0;

	padding-left: 0;

}

.pagination-style-1 .pagination > li {

	float: left;

	margin: 0 10px 0 0;

}

.pagination-style-1 .pagination li.active {

	border: 1px solid;

	border-radius: 100%;

}
.pagination-style-1 span,
.pagination-style-1 .pagination > li:first-child > a, 
.pagination-style-1 .pagination > li:first-child > span {

	border-radius: 100%;

}
.pagination-style-1 span,
.pagination-style-1 a,
.pagination-style-1 .pagination > li > a, .pagination-style-1 .pagination > li > span {

	background-color: #fff;

	border: 1px solid rgba(0,0,0,0);

	color: #555;

	width: auto;

	height: 30px;

	text-align: center;

	float: left;

	font: 400 14px/28px 'Lato', sans-serif;

	margin-left: 0;

	text-transform: capitalize;

	border-radius: 50px;

	padding: 0 10px;

	position: relative;

	text-decoration: none;

}
.pagination-style-1 span.current,
.pagination-style-1 a.current
{
	margin: 0 10px 0 0;
}
.pagination-style-1 a:last-child{
	margin: 0;
}
/*===========================================================================*/

							/*SERVICES*/

/*===========================================================================*/

.services-area {

	float: left;

	width: 100%;

}

.services-area .text-column {

	float: left;

	width: 100%;

}

.services-area .text-column h2 {

	font-size: 23px;

	line-height: 35px;

	margin: 0 0 13px 0;

}

.services-area .text-column strong.title {

	font: 400 14px/14px 'Lato', sans-serif;

	color: #333;

	display: block;

	text-transform: uppercase;

	padding: 0 0 15px 0;

}

.services-area .text-column p {

	font: 14px/24px 'Lato', sans-serif;

	color: #555;

	margin: 0 0 20px 0;

}

.services-area .text-column a.btn-1 {

	padding: 14px 15px;

}

.services-area .text-box {

	float: left;
	
	position: relative;

	width: 100%;

	padding: 0 0 40px 60px;

}

.services-area .text-box span.icon {

	position: absolute;

	left: 0;

	width: 45px;

	height: 45px;

	border-radius: 100%;

	text-align: center;

	line-height: 45px;

	font-size: 22px;

	color: #fff;

}

.services-area .text-box p {

	margin: 0;

}

.services-area .text-box:hover span.icon{

	transform:rotate(-45deg);

}

/*===========================================================================*/

							/*TIMELINE*/

/*===========================================================================*/

.timeline-area {

	float: left;

	width: 100%;

}

.timeline-area .frame {

	float: left;

	width: 100%;

	border: 10px solid #333b57;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.timeline-area .frame img {

	display: block;

	width: 100%;

}

.timeline-area .bx-wrapper {

	margin: 0;

	padding: 0;

	position: relative;

}

.timeline-area .bx-wrapper .bx-viewport {

	background: none;

	border: 0;

	box-shadow: none;

	left: 0;

}

.timeline-area .timeline {

	padding: 0;

	margin: 0;

}

.timeline-area .text-box {

	float: left;

	width: 100%;

}

.timeline-area .text-box h2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    float: left;
    padding-bottom: 25px;
    width: 100%;
}

.timeline-area .text-box .left-box {

	float: left;

	width: 506px;

	margin: 0 20px 0 0;

}

.timeline-area .text-box strong.name {

	font: 16px/16px 'Merriweather', serif;

	display: block;

	padding: 0 0 15px 0;

}

.timeline-area .text-box strong.name span {

	font: 300 italic 14px/14px 'Lato', sans-serif;

	color: #fff;

	padding: 0 0 0 10px;

}

.timeline-area .text-box p {

	color: #fff;

	font-weight: 300;

	margin: 0 0 25px 0;

}

.follow {

	float: left;

	width: 100%;

}

.follow strong.title {

	font: 300 14px/26px 'Lato', sans-serif;

	color: #fff;

	float: left;

	padding: 0 20px 0 0;

}

.follow ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.follow ul li {

	float: left;

	padding: 0 12px 0 0;

}

.follow ul li a {

	width: 28px;

	height: 28px;

	border-radius: 100%;

	text-align: center;

	line-height: 28px;

	color: #fff;

	font-size: 14px;

	float: left;

}

.follow ul li.facebook a {

	background: #3c5899;

}
.follow ul li.linkedin a {

	background: #287bbc;

}


.follow ul li.twitter a {

	background: #5ea9dd;

}

.follow ul li.youtube a {

	background: #ee1c1b;

}

.follow ul li.pintrest a {

	background: #bd081c;

}
.follow ul li.myspace a {

	background: #F25156;
}
.follow ul li.digg a {

	background: #2F79E7;
}
.follow ul li.reddit a {

	background: #FF4500;
}
.follow ul li.stumble a {

	background: #EB4924;
}
.follow ul li.gplus a {

	background: #d34836 none repeat scroll 0 0;

}

.timeline-area .text-box .right-box {

	overflow: hidden;

	margin: 10px 0 0 0;

}

.timeline-area .text-box .right-box .box {

	float: right;

	width:30%;

}

.timeline-area .text-box .right-box .box .thumb {

	float: left;

	padding: 0 5px 8px 0;

}

.timeline-area .text-box .right-box .box .thumb img {

	border-radius:5px;

}

.timeline-area .text-box .right-box .box strong.name {

	font: 400 12px/12px 'Merriweather', serif;

	color: #fff;

	display: block;

	text-align: center;

}

/*===========================================================================*/

							/*LATEST BLOG AND GALLERY*/

/*===========================================================================*/

.latest-section {

	float: left;

	width: 100%;

	padding: 100px 0;

}

.latest-section h2 {

	margin: 0;

}

.blog-style-1 {

	float: left;

	width: 100%;

}

.blog-style-1 .post-box {

	float: left;

	width: 100%;

	border-top: 1px solid rgba(0,0,0,0.1);

	padding: 19px 0;

}

.blog-style-1 .post-box:first-child {

	padding: 0 0 15px 0;

	border: 0;

}

.blog-style-1 .post-box .thumb {
	float: left;
	margin: 0 12px 0 0;
	width:37%;
}
.blog-style-2 .post-box .thumb{
	width:auto;
}
.kode-widget .blog-style-1 .post-box .thumb img{
 	height: 106px;
    width: 139px;
}
.kode-widget .blog-style-2 .post-box .thumb img{
	width:80px;
	height:auto;
}
.blog-style-1 .post-box .text-column {

	overflow: hidden;

}

.blog-style-1 .post-box .text-column strong  a,

.blog-style-1 .post-box .text-column strong {

	font:400 13px/13px "Lato",sans-serif;

	color: #555;

	float: left;

	width: 100%;

	padding: 0 0 10px 0;

	text-transform: capitalize;

}

.blog-style-1 .post-box .text-column strong  a{
	padding: 0;
	width: auto;

}

.blog-style-1 .post-box .text-column strong .fa {

	padding: 0 9px 0 0;

	color: #ccc;

	float: left;

	width: auto;

}

.blog-style-1 .post-box .text-column > a {

	text-decoration: none;

	font: 700 13px/23px 'Merriweather', serif;

	color: #333;

	text-decoration: none;

	padding: 0 0 15px 0;

	float: left;

	width: 100%;

}

.blog-style-1 .post-box .text-column span {

	font: 400 13px/13px 'Lato', sans-serif;

	color: #555;

	float: left;

	padding: 0 10px;

}
.blog-style-1 .post-box .text-column span.blog-info.blog-comment,
.blog-style-1 .post-box .text-column span.blog-info.blog-date{

    color: #555;
    float: left;
    font: 400 13px/13px "Lato",sans-serif;
    padding: 0 10px 1px 0;
}
.blog-style-2 .post-box .text-column span.blog-info.blog-comment,
.blog-style-2 .post-box .text-column span.blog-info.blog-date{
    padding: 0;
}
.blog-style-1 .post-box .text-column .blog-info.blog-comment a,
.blog-style-1 .post-box .text-column span.blog-info.blog-date a{

	color: #555;

}

.blog-style-1 .post-box .text-column span .fa {

	padding: 0 9px 0 0;

	color: #ccc;

}
.blog-comment i{
	margin-right: 5px;
}
.blog-style-1 .post-box .text-column em {

	font: normal 400 13px/13px 'Lato', sans-serif;

	color: #555;

	float: left;

}

.blog-style-1 .post-box .text-column em .fa {

	padding: 0 10px 0 0;

}

.gallery-bookshop {

	float: left;

	width: 100%;

}

.gallery-bookshop a.btn-all {

	color: #999;

	float: right;

	font: 400 12px/12px "Lato", sans-serif;

	text-decoration: none;

}

.gallery-bookshop a.btn-all .fa {

	padding: 0 0 0 7px;

	font-size: 14px;

}

.gallery-bookshop a.btn-all:hover .fa {

	padding: 0 5px 0 10px;

}

.gallery-bookshop ul {

	padding: 0;

	margin: 0;

	list-style: none;

}
.gallery-bookshop ul.kode-item{
	padding:0 10px;
}
.gallery-bookshop ul li {

	float: left;

}

.gallery-bookshop .thumb {

	float: left;

	position: relative;

	overflow: hidden;

	margin:5px;

}

.gallery-bookshop .thumb img {

	display: block;

	width: 100%;

}

.gallery-bookshop .thumb .caption {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.gallery-bookshop .thumb .caption:before {

	content: "";

	height: 45%;

	left: 0;

	margin: auto;

	opacity: 0;

	position: absolute;

	right: 0;

	top: -20%;

	width: 100%;

}

.gallery-bookshop .thumb .caption:after {

	bottom: -20%;

	content: "";

	height: 49%;

	left: 0;

	margin: auto;

	opacity: 0;

	position: absolute;

	right: 0;

	width: 100%;

}

.gallery-bookshop .thumb:hover .caption:before {

	opacity: 0.8;

	top: 0;

	height: 50%;

}

.gallery-bookshop .thumb:hover .caption:after {

	opacity: 0.8;

	bottom: 0;

	height: 50%;

}

.gallery-bookshop .thumb .caption .holder {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	height: 38px;

	width: 172px;

	z-index: 9;

	transform: rotate(90deg);

	visibility: hidden;

	opacity: 0;
        
        padding: 0;

}

.gallery-bookshop .thumb .caption .holder a {

	border: 1px solid #f8f8f8;

	border-radius: 4px;

	padding: 10px 18px;

	text-decoration: none;

	float: left;

	font: 14px/14px 'Lato', sans-serif;

	color: #fff;

	margin: 0 6px 0;

}

.gallery-bookshop .thumb .caption .holder a .fa-heart {

	padding: 0 7px 0 0;

}

.gallery-bookshop .thumb:hover .holder {

	visibility: visible;

	opacity: 1;

	transform: rotate(0deg);

}

/*===========================================================================*/

							/*RELATED PRODUCTS*/

/*===========================================================================*/

.related-product {

	float: left;

	width: 100%;

	padding: 0 15px 100px;

}

.related-product p {

	text-align: center;

}

.related-product h2 {

	margin: 0 0 10px 0;

}

.related-product .box {

	float: left;

	width: 100%;

	border: 1px solid #e7e7e7;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;
	/*
	background: #f9f9f9;
	*/
	padding: 20px 30px 30px;

	position: relative;

	margin: 0 0 0px 0;

}

.related-product .box strong.price {

	float: right;

	font: 14px/14px 'Lato', sans-serif;

	color: #333;

	padding: 0 10px 15px 0;

}
/*.box strong.price{
	position: absolute;
	top: 15px;
	right: 15px;
}*/

.related-product .box img {

	display: block;
	text-align: center;
	/*
	margin: 0 auto 10px;
	*/
	clear: both;

}

.related-product .box span.name {

	display: block;

	font: 700 14px/14px 'Merriweather', serif;

	color: #333;

	text-align: center;

}

.related-product .box:hover .caption {

	transform: rotate(0deg);

	visibility: visible;

	opacity: 1;

}

.related-product .box .caption {

	position: absolute;

	left: 10px;

	top: 10px;

	transform: rotate(90deg);

	opacity: 0;

	visibility: hidden;

}

.related-product .box .caption a {

	text-decoration: none;

	width: 29px;

	height: 29px;

	float: left;

	background: #f2f2f2;

	text-align: center;

	font-size: 12px;

	color: #555;

	line-height: 29px;

	margin: 0 2px 0 0;

}

.related-product .box .caption a:hover {

	color: #fff;

}

.related-product ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.related-product ul li {

	float: left;

	padding: 0 0px 0 0;

	width: 204px;
	margin-right: 30px;

}
/*
.related-product .content {

	overflow: auto

	position: relative;

	padding: 0px;

	background: none;

	margin: 50px 0 0 0;

	width: 100%;

	max-width: 97%;

	height: 420px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal {

	height: 48px;

}

.related-product .mCSB_scrollTools {

	opacity: 1;

}

.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {

	height: 48px;

	margin: 0;

}

.related-product .mCSB_scrollTools .mCSB_draggerRail {

	background: #f7f7f7;

}

.related-product .mCSB_scrollTools .mCSB_draggerRail {

	border-radius: 30px;

}

.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

	height: 15px;

	margin: 15px auto 0;

}

.related-product .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

}

.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {

	padding: 0 25px;

}
*/
.related-product .content { 
	overflow: auto; position: 
	relative; padding: 0px; 
	background: none; 
	width: 100%; 
	max-width: 100%; 
	height: auto;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal { 
	height: 55px; 
	background: #f7f7f7; 
	overflow: hidden; 
	padding: 15px 25px;
	border-radius: 30px; 
	width: 60%; 
	margin: 0 auto;
}
.mCSB_scrollTools .mCSB_draggerContainer{ 
	position: static!important; 
	background: url(images/progress-bg.jpg) repeat-x; border-radius: 20px;
}
.related-product .mCSB_scrollTools{ 
	opacity: 1;
}
.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ 
	height: 13px; 
	width: 65px; 
	background: transparent;
}
.related-product .mCSB_scrollTools .mCSB_draggerRail{ 
	background: #f7f7f7;
}
.related-product .mCSB_scrollTools .mCSB_draggerRail{ 
	border-radius: 30px;
}
.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { 
	height: 28px; 
	width: 65px; 
	margin: -7px 0 0;
 	background: url(images/progress-triger.png) no-repeat;
 }
.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ 
	padding: 0 25px;
	width: 114px !important;
}
.mCSB_scrollTools .mCSB_dragger{ 
	height: 13px!important;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 90px !important;
    margin-right: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    position: absolute;
}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    transition: opacity 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
}
/*===========================================================================*/

							/*TWEET*/

/*===========================================================================*/

#footer {

	float: left;

	width: 100%;

}

.tweet {

	float: left;

	width: 100%;

	background: #55acee;

	padding: 30px 0px 15px 0;

}

span.icon {

	width: 62px;

	height: 62px;

	border-radius: 100%;

	text-align: center;

	line-height: 60px;

	font-size: 30px;

	color: #fff;

	float: left;

	margin: 0 25px 0 0;

}

.tweet a {

	font: 20px/33px 'Lato', sans-serif;

	display: block;

	text-decoration: none;

	padding: 0 0 15px 0;

}
.tweet a.kode-twitter-time{
	color: #fff;
}
.tweet a span {

	color: #fff;

}

.tweet em {

	font: normal 300 14px/14px 'Lato', sans-serif;

	color: #fff;

	float: left;

	padding: 0 10px 0 0;

}

.tweet em .fa {

	padding: 0 6px 0 0;

}

.tweet .owl-buttons {

	position: absolute;

	right: 0;

	top: 0;

}

.tweet .owl-next {

	width: 28px;

	height: 28px;

	border-radius: 100%;

	border: 1px solid #fff;

	text-align: center;

	line-height: 26px;

	font-size: 16px;

	font-size: 0;

	position: absolute;

	right: -35px;

	top: 0;

}

.tweet .owl-next:before {

	content: "\f105";

	font-family: FontAwesome;

	font-size: 16px;

	color: #fff;

	display: block;

	text-align: center;

}

.tweet .owl-prev {

	width: 28px;

	height: 28px;

	border-radius: 100%;

	border: 1px solid #fff;

	text-align: center;

	line-height: 26px;

	font-size: 16px;

	font-size: 0;

}

.tweet .owl-prev:before {

	content: "\f104";

	font-family: FontAwesome;

	font-size: 16px;

	color: #fff;

	display: block;

	text-align: center;

}

.footer-content-area {

	float: left;

	width: 100%;

	padding: 60px 0 0px;

	background: #06080f;

}

.add-banner-2 {

	display: block;

	width: 728px;

	margin: 0 auto 40px;

	height: 90px;

	padding: 20px 33px 0 33px;

	float: none;

}

.add-banner-2 .text-column {

	float: left;

}

.add-banner-2 .text-column h2 {

	color: #ffb6b6;

	margin: 0 0 10px 0 !important;

	text-transform: uppercase;

}

.add-banner-2 .text-column strong {

	display: block;

	font: 300 18px/18px 'Lato', sans-serif;

	color: #fff;

	text-transform: uppercase;

}

.add-banner-2 a.btn-buy {

	float: right;

	font: 400 14px/14px 'Lato', sans-serif;

	text-decoration: none;

	text-transform: uppercase;

	padding: 12px 32px;

	border: 1px solid rgba(255,255,255,0.4);

	border-radius: 2px;

	margin: 10px 0 0 0;

}

.add-banner-2 a.btn-buy:hover {

	background: #fff;

	border: 1px solid rgba(0,0,0,0);

}

.footer-contact-widget .box {

	float: left;

	width: 100%;

}

.footer-contact-widget .box h3 {

	margin: 30px 0 40px 0;

}

a.footer-logo {

	display: block;

	margin: 0 0 15px 0;

}

.footer-contact-widget .box p {

	color: #b5b5b5;

	margin: 0 0 20px 0;

}

.footer-contact-widget .box span {

	font: 400 14px/28px 'Lato', sans-serif;

	display: block !important;

	color: #b5b5b5;

	overflow: hidden;

	padding: 0 0 15px 0;

}

.footer-contact-widget .box span a {

	font: 400 14px/14px 'Lato', sans-serif;

	display: block;

	text-decoration: none;

	color: #b5b5b5;

}

.footer-contact-widget .box span .fa {

	float: left;

	padding: 0 0 0 0;

	width: 30px;

	height: 30px;

	background: #0c0f17;

	font-size: 13px;

	text-align: center;

	line-height: 30px;

	border-radius: 100%;

}

.footer-contact-widget .box ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.footer-contact-widget .box ul li {

	display: block;

	overflow: hidden;

	padding: 22px 0 0 0;

}

.footer-contact-widget .box ul li:first-child {

	padding: 0;

}

.footer-contact-widget .box ul li a {

	color: #b5b5b5;

	font: 400 14px/14px 'Lato', sans-serif;

	text-decoration: none;

	text-transform: uppercase;

}

.footer-contact-widget .box ul li a .fa {

	padding: 0 10px 0 0;

}

.footer-contact-widget span .fa{

	margin-right:10px;

}
.widget_ebookstore_footer_newsletter_widget .subscrib-box{
	
	margin-bottom: 26px;

}
.subscrib-box {

	float: left;

	width: 100%;

	border: 1px solid #24262c;

	margin-bottom: 35px;

}

.subscrib-box .fa {

	height: 45px;

	width: 16%;

	border-right: 1px solid #24262c;

	text-align: center;

	font-size: 16px;

	color: #b5b5b5;

	line-height: 45px;

	float: left;

}

.subscrib-box input[type="text"] {

	float: left;

	height: 47px;

	padding: 0 14px;

	color: #b5b5b5;

	font: 400 12px 'Lato', sans-serif;

	border: 0;

	width:50%;

	background: none;

}

.subscrib-box input[type="submit"] {

	float: right;

	height: 47px;

	font: 400 14px 'Lato', sans-serif;

	color: #fff;

	border: 0;

	padding: 0 20px;

	width:34%;

	text-transform: uppercase;

}

.footer-social {

	float: left;

	width: 100%;

}

.footer-social ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.footer-news-letter-area .footer-social ul li,

#footer .footer-social ul li {

	float: left;

	padding: 0 11px 0 0;

}

.footer-news-letter-area .footer-social ul li a,

#footer .footer-social ul li a {

	text-decoration: none;

	width: 30px;

	height: 30px;

	border-radius: 100%;

	text-align: center;

	line-height: 30px;

	text-align: center;

	font-size: 14px;

	color: #fff;

	float: left;

}

.footer-news-letter-area .footer-social ul li a .fa,

#footer .footer-social ul li a .fa {

	padding: 0;

}

.footer-social ul li.facebook a {

	background: #3c5899;

}

.footer-social ul li.twitter a {

	background: #5ea9dd;

}

.footer-social ul li.youtube a {

	background: #ee1c1b;

}

.footer-social ul li.pintrest a {

	background: #bd081c;

}

.footer-social ul li.gplus a {

	background: #d34836;

}

.footer-btm-row {

	float: left;

	width: 100%;

	background: #0a0f19;

	padding: 10px 0;

}

.footer-btm-row strong.copy {

	float: left;

	color: #b5b5b5;

	font: 300 12px/12px 'Lato', sans-serif;

	padding: 6px 0;

}

.footer-btm-row img {

	float: right;

}

.footer-btm-row a.back-top {

	float: right;

	color: #b5b5b5;

	font: 300 12px/22px 'Lato', sans-serif;

	padding: 0 0 0 23px;

}

.footer-btm-row a.back-top span {

	width: 26px;

	height: 26px;

	background: #080b14;

	border-radius: 100%;

	text-align: center;

	font-size: 14px;

	line-height: 26px;

	float: right;

	margin: 0 0 0 10px;

	color: #64dd17;

}

/*===========================================================================*/

							/*HEADER 2*/

/*===========================================================================*/

.header-2 {

	float: left;

	width: 100%;

}

.header-2 .menu-row {

	/*background: url(images/header-2-bg.jpg) no-repeat left top;*/

	padding: 30px 0 30px 0;

}

.info-box {

	float: left;

}

.info-box ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.info-box ul li {

	float: left;

	padding: 0 23px;

	position: relative;

	border-left: 1px solid #e5e5e5;

}

.info-box ul li:first-child {

	border: 0;

}

.info-box h3 {

	display: block;

	text-transform: uppercase;

	padding: 0 0 0 40px;

}

.info-box span {

	display: block;

	font: 12px/12px 'Lato', sans-serif;

	text-transform: uppercase;

	padding: 0 0 0 40px;

}

.info-box .fa {

	float: left;

	font-size: 35px;

	position: absolute;

	left: 20px;

}

.header-2 .head-cart-box {

	margin: 0;

	background: #fff;

	border: 1px solid #ddd;

	border-radius: 3px;

	padding: 10px 0 0 16px;

	width: 143px;

	height: 45px;

}

.header-2 .head-cart-box .dropdown a.head-cart {

	font: 12px/12px 'Lato', sans-serif;

	color: #333;

	text-transform: uppercase;

	position: relative;

}

.header-2 .head-cart-box .dropdown a.head-cart em {

	font-style: normal;

	float: right;

	line-height: 30px;

}

.header-2 .head-cart-box .dropdown a.head-cart .fa {

	font-size: 14px;

	padding: 10px 20px 0 0;

}

.header-2 .head-cart-box .dropdown a.head-cart span.num {

	right: 85px;

}

.nav-row {

	float: left;

	width: 100%;

	background: #fbfbfb;

	border-bottom: 1px solid #e2e2e2;

	border-top: 1px solid #e2e2e2;

}

.nav-row .navbar-inverse {

	background-color: transparent;

	border-color: transparent;

}

.nav-row .navbar {

	border-radius: 0;

}

.nav-row .navbar {

	border: 0;

	margin-bottom: 0;

	min-height: inherit;

	float: left;

}

.nav-row .navbar-collapse {

	padding: 0;

}

.navigation {

	margin: 0 17px 0 0;

	border-right: 1px solid #e2e2e2;

}

.navigation li:before {

	display: none;

}

.nav-row .navbar-inverse .navbar-nav > .active > a, .nav-row .navbar-inverse .navbar-nav > .active > a:focus, .nav-row .navbar-inverse .navbar-nav > .active > a:hover {

	background: none;

}

.navigation li {

	padding: 19px 0 0 0;

	float:left;

}

.navigation li a {

	color: #555;

	font-weight: 400;

}

.kode-navigation .navigation li > a{

	padding: 7px 15px!important;

}

.navigation li a i {

	margin: 0 0 10px -7px;

}

.header-2 #nav li ul li{

	padding:0;

}
.kode-navigation.ebook-navigation ul ul li > a{ line-height: 24px;}

.kode-navigation .navigation li{

	list-style:none;
	 transition: all 0.5s ease-in-out 0s;

}
.kode-navigation #mega_main_menu li > ul{ 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	top: 80%; 
	border-radius: 0 0 4px 4px; 
	position: absolute; 
	width: 230px; 
	opacity: 0!important;  
	visibility: hidden !important;  
	background: #fff;
	z-index: -999999999999999999999 !important; 
	 border-bottom: 3px solid !important;
	-webkit-box-shadow: inset 0px 2px 3px 0px rgba(50, 50, 50, 0.24);
	-moz-box-shadow: inset 0px 2px 3px 0px rgba(50, 50, 50, 0.24);
	box-shadow: inset 0px 2px 3px 0px rgba(50, 50, 50, 0.24); 
	display: inherit !important;
	transition: all 0.5s ease-in-out 0s;
}
.kode-navigation #mega_main_menu li ul li{ position: relative; float: none; border-bottom: 1px solid #e8e8e8;}
.kode-navigation #mega_main_menu li ul li:last-child{ border: 0;}
.kode-navigation #mega_main_menu li ul li a{ width: 100%; position: relative; color: #333; padding: 20px 30px; font-size: 14px; text-transform: capitalize; text-align: left;} 
.kode-navigation #mega_main_menu li.dropdown-icon > a::after{ content: "\f107"; font-family: fontawesome; position: absolute; margin: 0 0 0 10px;}
.kode-navigation #mega_main_menu li ul li.dropdown-icon > a::after{ content: "\f105"; margin: 0 0 0 40px;} 
.kode-navigation #mega_main_menu li ul li a i{ color: #666; position: absolute; right: 10px; top: 50%; margin: -7px 0 0;}
.kode-navigation #mega_main_menu li:hover > ul{ visibility: visible !important; opacity: 1!important; z-index:100 !important; top: 100%;}
.kode-navigation #mega_main_menu li ul li a {
    color: #333;
    font-size: 14px;
    padding: 20px 30px !important;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
}
.kode-navigation #mega_main_menu li ul li a:hover{
	background-color: transparent;
}
.currency-box {

	float: left;

	margin: 13px 0 0 0;

}

.currency-box button {

	font: 12px/12px 'Lato', sans-serif;

	color: #999;

	border: 1px solid #e6e6e6;

	background: none;

	padding: 14px;

	background-color: transparent;
	float: left;

}
.currency-box button,
.currency-box button:focus,
.currency-box button:hover{
	background-color: transparent;
	color: #999;
}
.currency-box button .fa {

	float: right;

	padding: 0 0 0 10px;

}

.currency-box .dropdown-menu {

	border: 1px solid #e6e6e6;

	border-radius: 0;

	box-shadow: none;

	float: left;

	font-size: 14px;

	left: 0;

	list-style: outside none none;

	margin: 0 0 0;

	min-width: 100%;

	padding: 0;

	top: 56px;

	z-index: 1000;

}

.currency-box .dropdown-menu li a {

	font: 12px/12px 'Lato', sans-serif;

	color: #999;

	padding: 10px;

}

.currency-box .dropdown-menu li a .fa {

	padding: 0 10px 0 0;

}

.currency-box .dropdown-menu li a:hover {

	color: #fff;

}

.search-box-2 {

	float: right;

	width: 220px;

	margin: 13px 0 0 0;

	position: relative;

}

.search-box-2 input[type="text"] {

	float: left;

	width: 100%;

	height: 43px;

	border: 1px solid #e6e6e6;

	padding: 0 19px;

	font: 12px 'Lato', sans-serif;

	color: #999;

	background: #f9f9f9;

}

.search-box-2 button[type="submit"] {
	transition:all 0.3s ease-in-out;
	position: absolute;

	right: 0;

	top: 0;

	height: 43px;

	border: 0;

	padding: 0 14px;

	font-size: 16px;

	color: #fff;

}

.author-history {

	float: left;

	width: 100%;

}

.author-history .thumb {

	float: left;

	margin: 0 20px 0 0;

}

.author-history .text-column {

}

.author-history .text-column strong.title {

	display: block;

	font: 700 16px/16px 'Merriweather', serif;

	padding: 0 0 25px 0;

}

.author-history .text-column strong.title span {

	padding: 0 0 0 10px;

	font: 400 14px 'Lato', sans-serif;

}

.author-history .text-column p {

	margin: 0 0 20px 0;

}

.author-history .book-section {

	float: right;

}

.author-history .book-section .thumb {

	float: left;
	margin: 0 10px 0 0;

}
.history-slider-2 .book-section .thumb{
	width:80px;
}
.history-slider-2 .book-section .thumb img{
	border-radius:3px;
}
.author-history .book-section .thumb span.price {

	display: block;

	text-align: center;

	font: 700 14px/14px 'Lato', sans-serif;

	color: #555;

	padding: 6px 0 0 0;

}

.author-history .follow {

	width: auto;

}

.author-history .heading-2 {

	margin-bottom: 45px;

}

.author-history .owl-next {

	width: 21px;

	height: 21px;

	text-align: center;

	position: absolute;

	right: 0;

	font-size: 0;

	top: 85px;

}

.author-history .owl-next:before {

	content: "\f105";

	font-size: 13px;

	color: #fff;

	display: block;

	text-align: center;

	line-height: 21px;

	font-family: FontAwesome;

}

.author-history .owl-prev {

	width: 21px;

	height: 21px;

	text-align: center;

	position: absolute;

	left: inherit;

	right: 23px;

	font-size: 0;

	top: 85px;

}

.author-history .owl-prev:before {

	content: "\f104";

	font-size: 13px;

	color: #fff;

	display: block;

	text-align: center;

	line-height: 21px;

	font-family: FontAwesome;

}

.tweet-bg {

	background: #f0f0f0;

}

.tweet-bg span.icon {

	background: #62a9e2;

	border: 1px solid rgba(0,0,0,0);

}

.tweet-bg .item span {

	color: #55acee;

}

.tweet-bg .item span .fa {

	color: #fff;

}

.tweet-bg .item > em {

	color: #06080f;

}

.tweet-bg .owl-next, .tweet-bg .owl-prev {

	border-color: #06080f;

}

.tweet-bg .owl-next:before, .tweet-bg .owl-prev:before {

	color: #06080f;

}

.kode-item.style-1 .bx-wrapper .bx-controls-direction a{ height: 65px; width: 65px; text-align: center; line-height: 65px; color: #030303;display: block !important; 
border-radius: 100%; float: left; cursor: pointer; background: rgba(255,255,255,0.5); font-size: 20px;
top: 50%; position: absolute; margin: -32px 0 0;
-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.19);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.19);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.19);}
.kode-item.style-1 .bx-wrapper .bx-controls-direction a.bx-prev{ left: 150px;}
.kode-item.style-1 .bx-wrapper .bx-controls-direction a.bx-next{ right: 150px;}
.kode-item.style-1 .bx-wrapper .bx-controls-direction a::before,
.kode-item.style-1 .bx-wrapper .bx-controls-direction a::before{ font-family:'FontAwesome'!important;}
.kode-item.style-1 .bx-wrapper .bx-controls-direction a.bx-prev::before{ content: "\f177" !important;}
.kode-item.style-1 .bx-wrapper .bx-controls-direction a.bx-next::before{ content: "\f178" !important;}
.kode-item.style-1 .bx-wrapper .bx-controls-direction a i{
	display: none;
}
/*===========================================================================*/

							/*INNER BANNER*/

/*===========================================================================*/

#inner-banner {

	float: left;

	width: 100%;

	background: #000 url(images/inner-banner.png) no-repeat left top/cover;

	padding: 96px 0 100px;

	position: relative;

	margin-bottom:0px;

}

#inner-banner h1 {

	font: 700 36px 'Merriweather', serif;

	color: #fff;

	text-align: center;

	display: block;

	letter-spacing: 2px;

	margin: 0;

}

#inner-banner span {

	font: 400 16px/16px 'Lato', sans-serif;

	display: block;

	text-align: center;

	color: #fff;

	text-transform: uppercase;

	padding: 20px 0 0 0;

}

#inner-banner span .fa {

	padding: 0 10px 0 0;

}
.holder .breadcrumb,
#inner-banner .breadcrumb {

	background-color: #fff;

	border-radius: 0;

	list-style: outside none none;

	margin-bottom:0px;

	padding: 0;

	float: right;

	right: 0;

}
.holder .breadcrumb > li,
#inner-banner .breadcrumb > li {

	float: left;

	font: 400 12px/12px 'Lato', sans-serif;

	color: #999;

	text-transform: uppercase;

}
.holder .breadcrumb > li a,
#inner-banner .breadcrumb > li a {

	font: 400 12px/12px 'Lato', sans-serif;

	color: #555;

	text-transform: uppercase;

	text-decoration: none;

}
.holder,
#inner-banner .holder {
	padding: 0px 0;
	float: left;
	width: 100%;
	margin-bottom:0px;
	position: relative;

}
.blog-detail-row-btm .holder{
	float: none;
	overflow: hidden;
	padding: 0;
	width: auto;
}

/*===========================================================================*/

							/*IMPROVE SERVICE*/

/*===========================================================================*/

.improve-service {

	float: left;

	width: 100%;

	padding: 90px 0;

}

.improve-service-box {

	float: left;

	width: 100%;

	border: 1px solid rgba(0,0,0,0);

	padding: 20px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.improve-service-box strong.icon {

	display: block;

	margin: 0 auto 30px;

	text-align: center;

	width: 70px;

	height: 70px;

	line-height: 70px;

	font-size: 25px;

	border-radius: 100%;

}

.improve-service-box h3 {

	text-align: center;

	display: block;

	margin: 0 0 20px 0;

}

.improve-service-box p {

	text-align: center;

	margin-bottom: 30px;

}

.improve-service-box:hover {

	border: 1px solid #c7c7c7;

	border-radius: 6px;

	box-shadow: 0 0 5px rgba(0,0,0,0.2);

}

/*===========================================================================*/

							/*MISSION*/

/*===========================================================================*/

.mission-area {

	float: left;

	width: 100%;

	padding: 0 0 80px 0;

}

.mission-area strong {

	font: 700 16px/25px 'Lato', sans-serif;

	color: #555;

	display: block;

	padding: 0 0 20px 0;

}

.mission-area p {

	margin: 0 0 20px 0;

}

/*===========================================================================*/

							/*COUNT AREA*/

/*===========================================================================*/

.count-area {

	float: none;

}

.count-area h2 {

	color: #fff;

	text-align: center;

	display: block;

	margin: 0 0 15px 0;

}

.count-area p {

	text-align: center;

	color: #fff;

}

.count-area strong.icon {

	text-align: center;

	display: block;

	font-size: 30px;

	padding: 0 0 15px 0;

}

.count-area strong.number {

	font: 700 36px/36px 'Merriweather', serif;

	color: #fff;

	display: block;

	text-align: center;

	padding: 0 0 20px 0;

}

.count-area span.title {

	font: 16px/16px 'Lato', sans-serif;

	color: #fff;

	text-align: center;

	display: block;

}

/*===========================================================================*/

							/*TEAM STYLE 1*/

/*===========================================================================*/

.team-style-1 {

	float: left;

	width: 100%;

}

.team-style-1 h2 {

	text-align: center;

	display: block;

	margin: 0 0 15px 0;

}

.team-style-1 p {

	text-align: center;

	margin: 0 0 45px 0;

}

.team-style-1 .team-box {

	float: left;

	width: 100%;

	border: 1px solid #ddd;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.team-style-1 .team-box .thumb {

	float: left;

	width: 100%;

	margin: 0 0 25px 0;

	background: #000;

	overflow: hidden;

}

.team-style-1 .team-box:hover img {

	opacity: 0.6;

	transform: scale(1.1);

}

.team-style-1 .team-box .thumb img {

	display: block;

	width: 100%;

}

.team-style-1 .team-box .text-column {

	float: left;

	width: 100%;

	overflow: hidden;

}

.team-style-1 .team-box .text-column h3 {

	text-align: center;

	display: block;

}

.team-style-1 .team-box .text-column strong {

	display: block;

	text-align: center;

	font: 400 14px/14px 'Lato', sans-serif;

	color: #555;

	padding: 0 0 20px 0;

}

.team-style-1 .follow {

	border-top: 1px solid #ddd;

	padding: 14px 0 12px 0;

}

.team-style-1 .follow ul {

	display: block;

	text-align: center;

}

.team-style-1 .follow ul li {

	display: inline-block;

	padding: 0 3px;

	float: none;

}

/*===========================================================================*/

							/*PARTNERS*/

/*===========================================================================*/

.partners {

	float: left;

	width: 100%;

	padding: 0 0 90px 0;

}

.partners ul {

	padding: 0;

	margin: 0;

	list-style: none;

	display: block;

	text-align: center;

}

.partners ul li {

	display: inline-block;

	padding: 0 22px;

}

/*===========================================================================*/

							/*CALL ACTION*/

/*===========================================================================*/

.call-action {

	float: left;

	width: 100%;

	background: url(images/call-action-bg.jpg) no-repeat left top/cover;

	padding: 50px 0;

}
.call-action strong {

	display: block;

	font: 700 18px/18px 'Lato', sans-serif;

	color: #333;

}

.call-action h2 {

	margin: 0 0 15px 0;

}

.call-action a.btn-1 {

	float: right;
        color: #fff !important;
	padding: 16px 30px;

}
.call-action a.btn-1:hover{
	color: #fff !important;
}

/*===========================================================================*/

							/*ERROR SECTION*/

/*===========================================================================*/

.error-area {

	float: left;

	width: 100%;

	padding: 50px 0;
	text-align:center;

}

.error-area .holder {

	margin: 0 auto;

	display: block;

}

.error-area .holder span {

	font: 300 65px/40px 'Lato', sans-serif;

	display: block;

	text-align: center;

}

.error-area .holder strong.title {

	font: 900 120px 'Merriweather', serif;

	display: block;

	padding: 0 0 10px 0;

}

.error-area .holder strong.title em {

	font: normal 400 65px/75px 'Lato', sans-serif;

	padding: 0 0 0 10px;

}

.error-area .holder b {

	font: 18px/18px 'Lato', sans-serif;

	color: #555;

	text-transform: uppercase;

	display: block;

	text-align: center;

	padding: 0 0 44px 0;

}

.error-area .holder form {

	position: relative;

}

.error-area .holder form input[type="text"] {

	float: left;

	width: 100%;

	border: 1px solid #dadada;

	height: 47px;

	padding: 0 25px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	font: 14px 'Lato', sans-serif;

	color: #999;

	text-transform: uppercase;

}

.error-area .holder form input[type="submit"] {

	position: absolute;

	right: 0;

	top: 0;

	height: 47px;

	padding: 0 33px;

	border: 0;

	font: 14px/14px 'Lato', sans-serif;

}

/*===========================================================================*/

							/*GALLERY PAGE*/

/*===========================================================================*/

.gallery-page {

	float: left;

	width: 100%;

	padding: 90px 0 80px 0;

}

.gallery-page h2 {

	margin: 0 0 10px 0;

}

.gallery-page ul {

	margin: 0 -34px 0 0;

}

.gallery-page .thumb {

	width: auto;

}

.galley-page-2 {

	float: left;

	width: 100%;

}

.galley-page-2 ul {

	padding: 0;

	list-style: none;

	margin: 0;

}

.galley-page-2 ul li {

	float: left;

	background: #000;

	position: relative;

	overflow: hidden;

}

.galley-page-2 ul li a {

	width: 49px;

	height: 49px;

	border-radius: 100%;

	position: absolute;

	left: -120%;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	text-align: center;

	line-height: 49px;

	color: #fff;

	font-size: 18px;

	z-index: 9;

}

.galley-page-2 ul li img {

	display: block;

	width: 100%;

}

.galley-page-2 ul li:hover img {

	opacity: 0.5;

}

.galley-page-2 ul li:hover a {

	left: 0;

}

/*===========================================================================*/

							/*AUTHOR LISTING*/

/*===========================================================================*/

.author-listing {

	float: left;

	width: 100%;

	padding: 90px 0;

}

.alphabat-row {

	float: left;

	width: 100%;

	border-bottom: 1px solid #f3f3f3;

	border-top: 1px solid #f3f3f3;

	margin-bottom: 49px;

}

.alphabat-row a {

	text-decoration: none;

	padding: 17px 11px;

	font: 14px/14px 'Lato', sans-serif;

	color: #999;

	text-transform: uppercase;

	float: left;

}

.alphabat-row a.active {

	background: #f6f6f6;

	box-shadow: 0 -1px 0 0 inset;

}

.author-listing-box {

	float: left;

	width: 100%;

}

.author-listing-box ul,
.author-listing-box.author-listing-box1
 {

	padding: 0;

	margin: 0;

	list-style: none;

}

.author-listing-box ul li ,
.author-listing-box.author-listing-box1 .portfolio-list
{

	border-top: 1px solid #f3f3f3;

	padding: 50px 0;

}

.author-listing-box ul li:first-child,
.author-listing-box.author-listing-box1 .portfolio-list:first-child
{

	padding: 0 0 50px 0;

	border: 0;

}

.author-listing-box .thumb {

	float: left;

	width: 100%;

	background: #000;

	position: relative;

	overflow: hidden;

}

.author-listing-box .thumb a.link {

	position: absolute;

	left: 0;

	right: 0;

	top: -120%;

	bottom: 0;

	margin: auto;

	width: 40px;

	height: 40px;

	border: 1px solid #fff;

	border-radius: 100%;

	text-align: center;

	line-height: 40px;

	font-size: 14px;

	background: rgba(255,255,255,0.3);

	z-index: 9;

}

.author-listing-box .thumb img {

	display: block;

	width: 100%;

}

.author-listing-box .text-column {

	float: left;

	width: 100%;

}

.author-listing-box .text-column h3 {

	margin: 0 0 15px 0;

}

.author-listing-box .text-column strong.title {

	font: 14px/14px 'Lato', sans-serif;

	color: #555;

	text-transform: uppercase;

	display: block;

	padding: 0 0 15px 0;

}

.author-listing-box .text-column strong.title span {

	color: #999;

}

.author-listing-box .text-column p {

	margin: 0 0 15px 0;

}

.author-listing-box .text-column a.btn-1 {

	padding: 15px 20px;

}

.author-listing-box ul li:hover .thumb img,
.author-listing-box.author-listing-box1 .portfolio-list:hover .thumb img
 {

	opacity: 0.5;

}

.author-listing-box ul li:hover .thumb a,
.author-listing-box.author-listing-box1 .portfolio-list:hover .thumb a
 {

	top: 0;

}
.alpha-listing-class a[data-active="no-active"] {
    pointer-events: none; 
    cursor: no-drop; 
    background: #ccc;
}
.disabled {
    cursor: no-drop;
}

.author-listing-sidebar {

	float: left;

	width: 100%;

}

.listing-sidebar-box {

	float: left;

	width: 100%;

	margin-bottom: 45px;

}

.listing-sidebar-box h3 {

	display: block;

	border-bottom: 5px solid #f5f5f5;

	margin: 0 0 25px 0;

	padding: 0 0 16px 0;

}

.listing-sidebar-box ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.listing-sidebar-box ul li {

	display: block;

	overflow: hidden;

	padding: 30px 0 0 0;

}

.listing-sidebar-box ul li:first-child {

	padding: 0;

}

.listing-sidebar-box .thumb {

	float: left;

	width: 45px;

	height: 45px;

	border-radius: 100%;

	margin: 0 20px 0 0;

	overflow: hidden;

	position: relative;

	background: #000;

}

.listing-sidebar-box .thumb img {

	display: block;

	width: 100%;

	border-radius: 100%;

}

.listing-sidebar-box ul li:hover .thumb img {

	opacity: 0.5;

}

.listing-sidebar-box .thumb a.link {

	position: absolute;

	left: 0;

	right: -140%;

	top: 0;

	bottom: 0;

	margin: auto;

	font-size: 14px;

	color: #fff;

	text-align: center;

	line-height: 45px;

	z-index: 9;

}

.listing-sidebar-box ul li:hover .thumb a.link {

	right: 0;

}

.listing-sidebar-box .text-column {

	overflow: hidden;

}

.listing-sidebar-box .text-column strong.title {

	font: 14px/14px 'Lato', sans-serif;

	color: #333;

	display: block;

	padding: 0 0 13px 0;

}

.listing-sidebar-box .text-column strong.title span {

	color: #999;

}

.listing-sidebar-box .text-column a {

	font: 12px/12px 'Lato', sans-serif;

	text-decoration: none;

	text-transform: uppercase;

	display: block;

}

.listing-sidebar-box .text-column a .fa {

	padding: 0 0px 0 0;

	font-size: 14px;

}

.book-year {

	float: left;

	width: 100%;

}

.book-year h3 {

	display: block;

	border-bottom: 5px solid #f5f5f5;

	margin: 0 0 25px 0;

	padding: 0 0 16px 0;

}

.book-year ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.book-year > ul > li {

	display: block;

	overflow: hidden;

	margin-bottom:20px;

}

.book-year ul li:first-child {

	padding: 0;

}

.book-year .thumb {

	float: left;
	width:21%;
	margin: 0 15px 0 0;

}

.book-year .text-column {

	overflow: hidden;

}

.book-year .text-column a {

	display: block;

	font: 700 13px/23px 'Merriweather', serif;

	color: #333;

	text-decoration: none;

	padding: 0 0 10px 0;

}

.book-year .text-column span {

	font: 12px/12px 'Lato', sans-serif;

	display: block;

	text-transform: uppercase;

}

/*===========================================================================*/

							/*MASSONARY VIEW*/

/*===========================================================================*/

.massonary-view {

	float: left;

	width: 100%;

	padding: 90px 0 120px 0;

}

#blog-masonrywrap {

	width: 100%;

	float: left;

	list-style: none;

	position: relative;

	margin: 0;

	padding: 0;

}

.massnory-box {

	float: left;

	width: 100%;

	margin: 0 0 20px 0;

	border: 1px solid #eee;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.massnory-box .frame {

	float: left;

	width: 100%;

	overflow: hidden;

	position: relative;

}

.massnory-box .frame img {

	display: block;

	width: 100%;

}

.massnory-box .text-box {

	float: left;

	width: 100%;

	padding: 20px 20px 5px 20px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.massnory-box .text-box p {

	margin: 0 0 15px 0;

}

.massnory-box .text-box h3 {

	line-height: 25px;

	margin: 0 0 12px 0;

}

.massnory-btm-row {

	float: left;

	width: 100%;

	padding: 15px 0;

	border-top: 1px solid #e3e3e3;

}

.massnory-btm-row .thumb {

	float: left;

	width: 34px;

	height: 34px;

	border-radius: 100%;

	overflow: hidden;

	margin: 0 12px 0 0;

}

.massnory-btm-row .thumb img {

	display: block;

	width: 100%;

	border-radius: 100%;

}

.massnory-btm-row .text-column {

	overflow: hidden;

}

.massnory-btm-row .text-column strong.title {

	display: block;

	font: 700 14px/14px 'Lato', sans-serif;

	color: #333;

	padding: 0 0 7px 0;

}

.massnory-btm-row .text-column span {

	display: block;

	font: 400 14px/14px 'Lato', sans-serif;

	color: #999;

}

.massnory-btm-row .text-column a.like {

	font-size: 14px;

	text-decoration: none;

	float: right;

	color: #999;

	padding: 0 0 0 12px;

}

.massonary-view .owl-next {

	width: 27px;

	height: 27px;

	border: 1px solid #fff;

	border-radius: 100%;

	background: rgba(0,0,0,0.2);

	position: absolute;

	right: 15px;

	top: 0;

	bottom: 0;

	margin: auto;

	font-size: 0;

}

.massonary-view .owl-next:before {

	content: "\f105";

	display: block;

	color: #fff;

	font-size: 14px;

	text-align: center;

	line-height: 27px;

	font-family: FontAwesome;

}

.massonary-view .owl-prev {

	width: 27px;

	height: 27px;

	border: 1px solid #fff;

	border-radius: 100%;

	background: rgba(0,0,0,0.2);

	position: absolute;

	left: 15px;

	top: 0;

	bottom: 0;

	margin: auto;

	font-size: 0;

}

.massonary-view .owl-prev:before {

	content: "\f104";

	display: block;

	color: #fff;

	font-size: 14px;

	text-align: center;

	line-height: 27px;

	font-family: FontAwesome;

}

.massonary-view a.btn-load {

	width: 153px;

	height: 41px;

	display: block;

	margin: 0 auto;

	border: 1px solid #e8e8e8;

	border-radius: 30px;

	font: 14px/38px 'Lato', sans-serif;

	text-align: center;

	clear: both;

	text-decoration: none;

}

.massonary-view a.btn-load .fa {

	padding: 0 7px 0 0;

}

.massonary-view a.btn-load:hover {

	border: 1px solid rgba(0,0,0,0);

}

/*===========================================================================*/

							/*BOOK LISTING*/

/*===========================================================================*/

.book-listing {

	float: left;

	width: 100%;

	padding: 90px 0;

}

.popular-boox-area {

	float: left;

	width: 100%;

}

.book-listing-tab {

	float: left;

	width: 100%;

	position: relative;

	margin-bottom: 30px;

}

.book-listing-tab {

	list-style:none;

}

.book-listing-box a.btn-like,
.book-listing-box a.like
 {

	width: 47px;

	height: 47px;

	background: url(images/like-corner.png) no-repeat right top;

	color: #fff;

	font-size: 12px;

	position: absolute;

	right: 0;

	top: 0;

	text-align: center;

	text-indent: 9px;

	line-height: 31px;

}

.book-listing-box a.btn-like:hover,
.book-listing-box a.like:hover {

	background: url(images/like-corner-hover.png) no-repeat right top;

}

.book-listing-tab h3 {

	float: left;

	margin: 6px 0 0 0;

}

.book-listing-tab .nav-tabs {

	border-bottom: 0;

	margin: 0 0 50px 0;

	float: right;

}

.book-listing-tab .nav-tabs > li {

	margin: 0 0 0 18px;

}

.book-listing-tab .nav-tabs > li.active > a, .book-listing-tab .nav-tabs > li.active > a:focus, .book-listing-tab .nav-tabs > li.active > a:hover {

	border: 0;

	background: #f8f8f8;

	cursor: default;

}

.book-listing-tab .nav > li > a:focus, .book-listing-tab .nav > li > a:hover {

	background: #f8f8f8;

}

.book-listing-tab .nav-tabs > li > a {

	border: 0;

	border-radius: 35px;

	margin-right: 0;

	font: 13px/13px 'Lato', sans-serif;

	color: #999;

	outline: none;

}

.book-listing-tab .nav > li > a {

	display: block;

	padding: 9px 20px;

	position: relative;
	text-transform: capitalize;

}

.book-listing-tab .tab-content {

	float: left;

	width: 100%;

}

.book-listing-box:hover {

	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);

	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);

	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);

}

.tab-content{

	width:100%;

}

.book-listing-box {

	float: left;

	width: 100%;

	position: relative;

	border: 1px solid #ececec;

	border-radius: 2px;

	background: #fff;

	padding: 26px 30px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	margin-bottom: 30px;

}

.book-listing-box .thumb {

	float: left;

	margin: 0 30px 0 0;

	position: relative;
	width:14%;
	overflow: hidden;

}

.book-listing-box .thumb a.link {

	width: 40px;

	height: 40px;

	border: 1px solid #fff;

	border-radius: 100%;

	text-align: center;

	line-height: 40px;

	font-size: 14px;

	color: #fff;

	background: rgba(0,0,0,0.5);

	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.4);

	position: absolute;

	left: -140%;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

}

.book-listing-box .thumb:hover a.link {

	left: 0;

}

.book-listing-box .text-column {

	overflow: hidden;

}

.book-listing-box .text-column span {

	font: 13px/13px 'Lato', sans-serif;

	color: #555;

	display: block;

	padding: 0 0 20px 0;

}

.book-listing-box .text-column h3 em {

	font-style: normal;

	color: #999;

	font-weight: 400;

}

.book-listing-box .text-column h3 {

	margin: 0 0 15px 0;

}

.book-listing-box .text-column strong.amount {

	font: 700 16px/27px 'Lato', sans-serif;

	float: left;

	padding: 0 0 0 15px;

}

.book-listing-box .review-start {

	float: left;

	width: 100%;

	margin: 0 0 15px 0;

}

.book-listing-box .review-start ul {

	float: left;

	margin: 0 10px 0 0;

}

.review-start ul li{

	float:left;

}

.book-listing-box .review-start b {

	font: 300 14px/20px 'Lato', sans-serif;

	color: #999;

	float: left;

}

.book-listing-box p {

	clear: both;

}

.book-listing-btm-row {

	float: left;

	width: 100%;

	border-top: 1px solid #ececec;

	padding: 15px 0 0 0;

	margin: 20px 0 0 0;

}

.book-listing-btm-row .thumb {

	width: 30px;

	height: 30px;

	border-radius: 100%;

	overflow: hidden;

	margin: 0 12px 0 0;

}

.book-listing-btm-row .thumb img {

	display: block;

	width: 100%;

	border-radius: 100%;

}

.book-listing-btm-row span.title {

	font: 14px/28px 'Lato', sans-serif;

	color: #999;

	float: left;

	padding: 0 0 0 7px;

}

.book-listing-btm-row a.link {

	float: right;

	font: 14px/14px 'Lato', sans-serif;

	color: #999;

	padding: 0 0 0 10px;

	text-decoration: none;

}

.book-listing-btm-row a.link .fa {

	padding: 0 6px 0 0;

}

/*===========================================================================*/

							/*WRAPPER*/

/*===========================================================================*/

.author-detail {

	float: left;

	width: 100%;

	padding: 10px 0 0px 0;

}

.author-detail-sidebar {

	float: left;

	width: 100%;

	border: 1px solid #ececec;

	background: #fcfcfc;

	padding: 30px 27px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.author-detail-sidebar .thumb {

	display: block;

	width: 207px;

	margin: 0 auto 25px;

	position: relative;

}

.author-detail-sidebar .thumb img {

	display: block;

	width: 100%;

}

.author-detail-sidebar .thumb .caption {

	padding: 0 8px 0 0;

	position: absolute;

	left: 0;

	bottom: 0;

}

.author-detail-sidebar .thumb .caption a {

	font: 400 12px/26px 'Lato', sans-serif;

	color: #fff;

	float: left;

	text-decoration: none;

}

.author-detail-sidebar .thumb .caption .fa {

	font-size: 12px;

	float: left;

	width: 26px;

	height: 26px;

	line-height: 26px;

	color: #fff;

	text-align: center;

	margin: 0 6px 0 0;

	background: #505866;

}

.author-detail-sidebar span.name {

	display: block;

	font: 14px/14px 'Lato', sans-serif;

	color: #333;

	text-align: center;

	padding: 0 0 60px 0;

}

.author-detail-sidebar h3 {

	display: block;

	text-align: center;

}

.progress-box {

	float: left;

	width: 100%;

	padding: 0 20px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.progress-box .progress {

	background-color: #f7f7f7;

	border-radius: 6px;

	box-shadow: none;

	height: 11px;

	margin-bottom: 35px;

}

.progress-box .progress-bar {

	box-shadow: none;

	color: #fff;

	float: left;

	font-size: 12px;

	height: 100%;

	line-height: 20px;

	text-align: center;

	transition: width 0.6s ease 0s;

	width: 0;

	border-radius: 6px;

}

.progress-box .sr-only {

	border: 0;

	clip: inherit;

	height: auto;

	margin: -26px;

	overflow: hidden;

	padding: 0;

	position: absolute;

	width: auto;

	font: 14px/14px 'Lato', sans-serif;

	color: #333;

}

.detail-count {

	float: left; 
      
        text-align: center;

	width: 100%;

	background: #f7f7f7;

	padding: 18px 0;

	margin-bottom: 30px;

}

.detail-count ul {

	padding: 0;

	margin: 0;

	list-style: none;

        display: inline-block;

}

.detail-count ul li {

	float: left;

	padding: 0 32px;

	background: url(images/border.gif) no-repeat left center;

}

.detail-count ul li:first-child {

	background: none;

}

.detail-count ul li a {

	display: block;

	text-align: center;

	font: 14px/14px 'Lato', sans-serif;

	text-decoration: none;

}

.detail-count ul li a .fa {

	display: block;

	text-align: center;

	padding: 0 0 10px 0;

}

.author-detail-sidebar p {

	text-align: center;

	margin: 0 0 25px 0;

}

.author-detail-sidebar .follow ul {

	display: block;

	text-align: center;

	margin: 0 0 25px 0;

}

.author-detail-sidebar .follow ul li {

	float: none;

	display: inline-block;

	padding: 0 4px;

}

.author-detail-sidebar .follow a.btn-follow {

	display: block;

	text-align: center;

	width: 127px;

	height: 40px;

	border-radius: 3px;

	font: 13px/40px 'Lato', sans-serif;

	color: #fff;

	text-transform: uppercase;

	margin: 0 auto;

	text-decoration: none;

}

.author-detail-content {

	float: left;

	width: 100%;

}

.author-detail-content h3 {

	display: block;

	border-bottom: 3px solid #f5f5f5;

	padding: 0 0 15px 0;

	margin: 0 0 25px 0;

}

.author-detail-content p {

	margin: 0 0 20px 0;

}

.recommended-tab-area {

	float: left;

	width: 100%;

	margin: 40px 0 0 0;

}

.recommended-tab-area .nav-tabs {

	border: 0;

}

.recommended-tab-area .nav-tabs > li {

	margin: 0 10px 0 0;

}

.recommended-tab-area .nav-tabs > li.active > a, .recommended-tab-area .nav-tabs > li.active > a:focus, .recommended-tab-area .nav-tabs > li.active > a:hover {

	border: 0;

	background: #f8f8f8;

}

.recommended-tab-area .nav > li > a:focus, .recommended-tab-area .nav > li > a:hover {

	background: #f8f8f8;

}

.recommended-tab-area .nav-tabs > li > a {

	border: 0;

	border-radius: 10px;

	margin-right: 0;

	font: 400 12px/12px 'Lato', sans-serif;

	color: #555;

	outline: none;

}

.recommended-tab-area .nav > li > a {

	display: block;

	padding: 7px 22px;

	position: relative;

}

.recommended-tab-area .tab-content {

	float: left;

	width: 100%;

	margin: 0 0 100px 0;

}

.recommended-tab-area .tab-content .box {

	float: left;

	margin: 0 0 0 10px;

	width: 175px;

}

.recommended-tab-area .tab-content .box:first-child {

	margin: 0;

}

.recommended-tab-area .tab-content .box .thumb {

	position: relative;

	float: left;

	overflow: hidden;

	margin: 0 0 13px 0;

	width: 100%;

}

.recommended-tab-area .tab-content .box .thumb img {

	display: block;

	width: 100%;

}

.recommended-tab-area .tab-content .box .thumb a.link {

	position: absolute;

	left: -140%;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	background: rgba(0,0,0,0.5);

	border: 1px solid #fff;

	border-radius: 100%;

	text-align: center;

	line-height: 40px;

	width: 40px;

	height: 40px;

	font-size: 14px;

	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.4);

}

.recommended-tab-area .tab-content .box:hover .thumb a.link {

	left: 0;

}

.recommended-tab-area .tab-content .box h3 {

	border: 0;

	padding: 0;

	margin: 0 0 10px 0;

}

.recommended-tab-area .tab-content .box span.title {

	display: block;

	font: 12px/12px 'Lato', sans-serif;

	color: #555;

	padding: 0 0 8px 0;

}

.recommended-tab-area .tab-content .box .review-start {

	float: left;

}

.education-info-box {

	float: left;

	width: 100%;

	margin: 0 0 20px 0;

}

.education-info-box h3 .fa {

	padding: 0 10px 0 0;

	color: #dcdcdc;

	font-size: 20px;

	float: left;

}

.education-info-box ul {

	padding: 0;

	margin: 0;

	list-style: none;

	float: left;

	width: 100%;

}

.education-info-box ul li {

	display: block;

	padding: 0 0 20px 0;

}

.education-info-box strong.title {

	display: block;

	font: 400 16px/16px 'Merriweather', serif;

	color: #999;

	position: relative;

	padding: 0 0 20px 17px;

}

.education-info-box strong.title span {

	color: #333;

}

.education-info-box strong.title:before {

	content: '';

	position: absolute;

	left: 0;

	top: 5px;

	width: 7px;

	height: 7px;

	border-radius: 100%;

}

/*===========================================================================*/

							/*EVENT LISTING*/

/*===========================================================================*/

.event-listing {

	float: left;

	width: 100%;

	padding: 90px 0;

}

.calendar-box {

	float: left;

	width: 100%;

}

body .calendar-box .fc {

	color: #555655;

	font: 14px/14px 'Lato', sans-serif;

}

.calendar-box .fc-toolbar h2 {

	color: #555655;

	margin: 8px 0 0 0 !important;

	font: 700 16px/16px 'Lato', sans-serif;

}

.calendar-box button[disabled], .calendar-box html input[disabled] {

	display: none;

}

.calendar-box .fc .fc-toolbar > * > * {

	margin: 0;

}

.calendar-box .fc-state-default {

	background-image: none;

	color: #fff;

}

.calendar-box .fc table {

	font: 400 14px/14px 'Lato', sans-serif;

	color: #999;

	text-transform: uppercase;

}

.calendar-box .fc-event-container {

	display: none;

}

.calendar-box .fc-bg table {

	height: auto;

}

.calendar-box .fc-unthemed th, .calendar-box .fc-unthemed td, .calendar-box .fc-unthemed thead, .calendar-box .fc-unthemed tbody, .calendar-box .fc-unthemed .fc-divider, .calendar-box .fc-unthemed .fc-row, .calendar-box .fc-unthemed .fc-content, .calendar-box .fc-unthemed .fc-popover {

	border: 0;

}

.calendar-box .fc-head {

	display: block;

	margin-bottom: 10px;

}

.calendar-box .fc th {

	font: 700 7px/7px 'Lato', sans-serif;

}

.calendar-box .fc-basic-view .fc-body .fc-row {

	min-height: 10px;

}

.calendar-box .fc th, .calendar-box .fc td {

	text-align: center;

}

.calendar-box .fc-ltr .fc-basic-view .fc-day-number {

	text-align: center;

}

.event-listing-content {

	float: left;

	width: 100%;

}

.event-listing-content ul {

	padding: 0;

	margin: 0 0 60px 0;

	list-style: none;

}

.event-listing-content ul li {

	display: block;

	overflow: hidden;

	border-top: 1px solid #e7e7e7;

	padding: 24px 0;

}

.event-listing-content ul li:first-child {

	border: 0!important;

	padding: 0 0 24px 0!important;

}

.event-listing-content .thumb {

	float: left;

	margin: 0 20px 0 0;

	position: relative;

	overflow: hidden;

}

.event-listing-content .thumb a.link {

	width: 40px;

	height: 40px;

	border: 1px solid #fff;

	border-radius: 100%;

	background: rgba(0,0,0,0.5);

	text-align: center;

	font-size: 14px;

	line-height: 38px;

	position: absolute;

	left: -140%;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	z-index: 9;

}

.event-listing-content .thumb:hover img {

	opacity: 0.48;

}

.event-listing-content .thumb:hover a.link {

	left: 0;

}

.event-listing-content .text-cloumn {

	overflow: hidden;

}

.name-col {

	float: left;

	width: 100%;

	margin: 0 0 18px 0;

}

.name-col .round-thumb {

	float: left;

	width: 29px;

	height: 29px;

	border-radius: 100%;

	margin: 0 10px 0 0;

}

.name-col .round-thumb img {

	display: block;

	width: 100%;

	border-radius: 100%;

}

.name-col span {

	font: 14px/14px 'Lato', sans-serif;

	color: #555;

	float: left;

}

.event-listing-content .text-cloumn h3 {

	margin: 0 0 18px 0;

	font-size: 18px;

	line-height: 18px;

}

.event-listing-content .text-cloumn p a {

	font: italic 14px/14px 'Lato', sans-serif;

	color: #999;

	text-decoration: none;

}

.location-row {

	float: left;

	width: 100%;

	margin: 0 0 10px 0;

}

.location-row ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.location-row ul li {

	float: left;

	padding: 0 12px;

	position: relative;

	overflow: inherit;

	border: 0;

}

.location-row ul li .fa {

	padding: 0 7px 0 0;

}

.location-row ul li:first-child {

	padding: 0 12px 0 0;

}

.location-row ul li:first-child:before {

	display: none;

}

.location-row ul li:before {

	bottom: 0;

	color: #999;

	content: "/";

	font-size: 14px;

	left: -3px;

	margin: auto;

	position: absolute;

	right: 0;

	top: 0;

}

.location-row ul li a {

	text-decoration: none;

	font: 400 14px/14px 'Lato', sans-serif;

	color: #555;

}

.location-row ul li a span {

	color: #999;

}

/*===========================================================================*/

							/*WRAPPER*/

/*===========================================================================*/

.blog-style-2 {

	float: left;

	width: 100%;

}

.post-box {

	float: left;

	width: 100%;

}

.post-box .owl-buttons {

	display: none;

}

.post-box .owl-pagination {

	display: block;

	text-align: center;

	position: absolute;

	bottom: 30px;

	width: 100%;

}

.post-box .owl-pagination .owl-page {

	display: inline-block;

	width: 11px;

	height: 11px;

	border: 2px solid #fff;

	background: none;

	border-radius: 100%;

	margin: 0 3px;

}

.post-box .owl-pagination .owl-page.active {

	border: 2px solid rgba(0,0,0,0);

	background: #fff;

}

.post-box .item {

	position: relative;

}

.post-box .item:before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	height: 200px;

	width: 100%;

	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 43%, rgba(30,41,61,0) 44%, rgba(29,39,58,0.04) 47%, rgba(24,33,49,0.2) 57%, rgba(23,31,46,0.23) 59%, rgba(11,16,23,0.63) 77%, rgba(5,7,10,0.84) 87%, rgba(5,6,9,0.86) 88%, rgba(1,1,2,0.96) 95%, rgba(0,0,0,1) 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 43%, rgba(30,41,61,0) 44%, rgba(29,39,58,0.04) 47%, rgba(24,33,49,0.2) 57%, rgba(23,31,46,0.23) 59%, rgba(11,16,23,0.63) 77%, rgba(5,7,10,0.84) 87%, rgba(5,6,9,0.86) 88%, rgba(1,1,2,0.96) 95%, rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 43%, rgba(30,41,61,0) 44%, rgba(29,39,58,0.04) 47%, rgba(24,33,49,0.2) 57%, rgba(23,31,46,0.23) 59%, rgba(11,16,23,0.63) 77%, rgba(5,7,10,0.84) 87%, rgba(5,6,9,0.86) 88%, rgba(1,1,2,0.96) 95%, rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.kode-blog-single-full .post-box .frame .bx-wrapper .bx-controls-direction a{
	display: block;
	top: 50%;
	margin:-25px 0 0 0; 
}
.text-outer {

	float: left;

	width: 100%;	

	padding:25px;

	background:#f9f9f9;

}

.blog-detail .text-outer {

	background:#fff;
        padding: 30px 0 0;

}

.post-box .frame {

	float: left;

	width: 100%;	

}

.post-box .text-cloumn {

	float: left;

	width: 100%;

	position: relative;

	padding: 0 0 0 27px;

}
.kode-blog-single-full  .post-box .text-cloumn{
	padding:0; 
}
.post-box .text-cloumn:before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 9px;

	height: 100%;

	background: url(images/pattren-2.gif) repeat-y left top;

}

.post-box .text-cloumn h2 {

	font-weight: 700;

	line-height: 36px;

	margin: 0 0 15px 0;

}

.post-box .location-row {

	padding: 0 0 5px 0;

}

.text-outer a.btn-1 {

	padding: 16px 20px;

	margin: 30px 0 0 0;

}

.post-box p {

	margin: 0 0 0 0;

}

.post-box .text-holder {

	padding: 0 0 0 80px;

}

.blog-detail .post-box .text-cloumn:before {

	display: none;

}

.blog-detail .post-box .text-cloumn {

	padding: 0;

}

.blog-detail .post-box p {

	margin: 0 0 25px 0;

}

.blog-detail .follow {

	float: left;

	width: 50px;


}

blockquote {

    margin: 0 0 20px;
    padding: 0 0 0 25px;

}
blockquote p{
    font: italic 700 22px/35px "Lato",sans-serif;
    text-transform: capitalize;
}

.blog-detail .follow strong.title {

	font: 400 13px/13px 'Lato', sans-serif;

	width: 60px;

        color: #333;

	padding: 0;

}

.blog-detail .post-box .text-holder h3 {

	margin: 0 0 20px 0;

}

.blog-detail .follow ul {

	display: block;

	text-align: center;

}

.blog-detail .follow ul li {

	padding: 0 0 15px 0;

	float: none;

	display: inline-block;

}

.blog-detail .blog-style-4 {

	padding: 0 0 30px!important;

}

.blog-detail .heading-2 {

	margin: 0 0 50px 0;

}

.blog-detail .media-list {

	float: left;

	list-style: none;

	margin: 0;

}

.blog-detail .media-object {

	width: 70px;

	height: 70px;

	border-radius: 100%;

	float: left;

	margin: 0 20px 0 0;

}

.blog-detail h4 {

	font: 700 14px/14px 'Lato', sans-serif;

	padding: 0 0 10px 0;

}

.blog-detail h4 span {

	color: #555;

	font-weight: 400;

	padding: 0 0 0 10px;

}

.blog-detail .media {

	padding: 0 0 30px 0;

}

.blog-detail .media-body a {

	font: 400 14px/14px 'Lato', sans-serif;

	color: #555;

	float: left;

	text-decoration: none;

}

.blog-detail .media-body a .fa {

	padding: 0 6px 0 0;

}

.blog-detail .media-list ul {

	list-style: none;

	padding: 25px 17px;

	margin: 40px 0 0 100px;

	background: #f7f7f7;

}

.blog-detail .media-list .children .children{
	margin: 0px 0 0 100px;	
}

.detail-comment-form {

	float: left;

	width: 100%;

	margin: 0px 0 0 0;

}

.detail-comment-form h3 {

	font-size: 18px;

	text-transform: uppercase;

}

.comment-box {

	float: left;

	width: 100%;

	border: 1px solid #e7e7e7;

	border-radius: 2px;

	position: relative;

	margin: 0 0 26px 0;

}

.comment-box .fa {

	position: absolute;

	left: 21px;

	top: 21px;

	font-size: 14px;

	color: #555;

}

.input-box-2 {

	float: left;

	width: 100%;

	border: 1px solid #e7e7e7;

	border-radius: 2px;

	position: relative;

	margin: 0 0 27px 0;

}

.input-box-2 .fa {

	position: absolute;

	left: 0;

	top: 0;

	font-size: 14px;

	color: #555;

	width: 43px;

	height: 48px;

	padding: 18px 0 0 16px;

	border-right: 1px solid #e7e7e7;

}

.detail-comment-form form textarea {

	float: left;

	width: 100%;

	border: 0;

	height: 273px;

	font: 14px/14px 'Lato', sans-serif;

	color: #999;

	padding: 22px 43px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.detail-comment-form form input[type="text"] {

	float: left;

	width: 100%;

	border: 0;

	height: 48px;

	padding: 0 57px;

	font: 14px/14px 'Lato', sans-serif;

	color: #999;

}

.detail-comment-form form input[type="submit"] {

	display:block;

	clear:both;

	padding: 18px 19px;

	font: 400 14px/14px 'Lato', sans-serif;

	text-transform: uppercase;

	border: 0;

	border-radius: 3px;

	color: #fff;

	background: #1e293d;

	width:auto;
	position: relative;
}
.comment-form p{
	/*float: left; */
	text-align: left;
    margin: 0 0 30px;
}
.comment-form p .detail-comment-form form input[type="submit"]{ padding: 15px 19px;}
.detail-comment-form form input[type="submit"] .fa {

	padding: 0 6px 0 0;

	font-size: 12px;

}
.form-submit-icon{
	position: relative;
	width: auto;
}
.woocommerce #review_form #respond .form-submit input{ border-radius: 3px!important;}
.form-submit-icon:before{
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -7px;
	font-size: 14px;
	color: #fff;
	content: "\f1d8";
	font-family: 'FontAwesome';
}
.about-author {

	float: left;

	width: 100%;

	background: #f7f7f7;

	padding: 30px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.about-author .round-thumb {

	float: left;

	width: 90px;

	height: 90px;

	border-radius: 100%;

	margin: 0 18px 0 0;

	overflow: hidden;

}

.about-author .round-thumb img {

	display: block;

	width: 100%;

	border-radius: 100%;

}

.about-author .text-col {

	overflow: hidden;

}

.about-author .text-col p {

	margin: 0 0 10px 0;

}

.about-author .text-col ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.about-author .text-col ul li {

	float: left;

	padding: 0 7px 0 0;

}

.about-author .text-col ul li a {

	text-decoration: none;

	float: left;

	width: 19px;

	height: 19px;

	border-radius: 100%;

	font-size: 9px;

	color: #fff;

	line-height: 19px;

	text-align: center;

}

.about-author .text-col ul li.facebook a {

	background: #3c5899;

}

.about-author .text-col ul li.twitter a {

	background: #5ea9dd;

}

.about-author .text-col ul li.youtube a {

	background: #ee1c1b;

}

.post-box .frame .bx-wrapper {

	margin: 0;

	float: left;

	width: 100%;

}

.post-box .frame img {

	display: block;

}

.post-box .frame .bx-wrapper .bx-viewport {

	background: none;

	border: 0;

	box-shadow: none;

	left: 0;

}

.post-box .frame .bx-wrapper .bx-viewport img {

	display: block;

	width: 100%;

}

.post-box .frame .bxslider {

	margin: 0;

	padding: 0;

	list-style: none;

}

.post-box .frame .bx-wrapper .bx-controls-direction a {

	display: none;

}

.post-box .frame #bx-pager {

	float: left;

	width: 100%;

	margin: 17px 0 0 0;

}

.post-box .frame #bx-pager a {

	margin: 0 0 0 10.8px;

	outline: none;

}

.post-box .frame #bx-pager a img {

	width: auto;

	display: inline;

}

.post-box .frame #bx-pager a:first-child {

	margin: 0;

}

.blog-style-3 {

	float: left;

	width: 100%;

}

.blog-style-3 h2 {

	margin: 0 0 15px 0;

}

.blog-style-3 ul {

	padding: 0;

	margin: 0 0 30px 0;

	list-style: none;

	overflow: hidden;

}

.blog-style-3 ul li {

	display: block;

	overflow: hidden;

	margin-bottom: 40px;

}

.blog-style-3 .thumb {

	float: left;

	width: 100%;

	margin: 0 30px 0 0;

}


.blog-style-3 .thumb img {

	display: block;

	width: 100%;

}

.blog-style-3 .text-column {

	float: left;

	width: 100%;

}

.blog-detail-row {

	float: left;

	width: 100%;

	padding: 0 0 10px 0;

}

.blog-detail-row ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.blog-detail-row ul li {

	float: left;

	position: relative;

	padding: 0 10px;

	margin: 0;

}

.blog-detail-row ul li:first-child {

	padding: 0 10px 0 0;

}

.blog-detail-row ul li:first-child:before {

	display: none;

}

.blog-detail-row ul li:before {

	bottom: 0;

	color: #555;

	content: "/";

	font-size: 14px;

	height: auto;

	left: 0;

	margin: auto;

	position: absolute;

	right: 0;

	top: 0;

}

.blog-detail-row ul li a {

	font: 13px/13px 'Lato', sans-serif;

	color: #555;

	text-decoration: none;

}

.blog-detail-row ul li a .fa {

	padding: 0 7px 0 0;

}

.blog-detail-row-btm {

	float: left;

	width: 100%;

	border-top: 1px solid #e7e7e7;

	padding: 15px 0 0 0;

}

.blog-detail-row-btm .round-thumb {

	float: left;

	width: 36px;

	height: 36px;

	border-radius: 100%;

	margin: 0 16px 0 0;

}

.blog-detail-row-btm .round-thumb img {

	display: block;

	width: 100%;

	border-radius: 100%;

}

.blog-detail-row-btm span {

	font: 14px/14px 'Lato', sans-serif;

	color: #555;

	display: block;

	padding: 0 0 7px 0;

}

.blog-detail-row-btm span em {

	color: #999;

	font-style: normal;

}

.blog-detail-row-btm b {

	font: 400 14px/14px 'Lato', sans-serif;

	color: #999;

}

.blog-detail-row-btm b i {

	font-style: normal;

}

.blog-style-4 {

	float: left;

	width: 100%;

}

.blog-style-4 .box {

	float: left;

	width: 100%;

	border: 1px solid #e7e7e7;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	position: relative;
	margin-bottom: 50px;


}

.blog-style-4 .box:before {

	background: #fff none repeat scroll 0 0;

	border: 1px solid #e7e7e7;

	bottom: -8px;

	content: "";

	height: 8px;

	left: 0;

	margin: auto;

	position: absolute;

	right: 0;

	width: 98%;

}

.blog-style-4 .box:after {

	background: #fff none repeat scroll 0 0;

	border: 1px solid #e7e7e7;

	bottom: -14px;

	content: "";

	height: 10px;

	left: 0;

	margin: auto;

	position: absolute;

	right: 0;

	width: 96%;

	z-index: -1;

}

.blog-style-4 .box .thumb {

	float: left;

	width: 100%;

	background: #000;

}

.blog-style-4 .box .thumb:hover img {

	opacity: 0.6;

}

.blog-style-4 .box .thumb img {

	display: block;

	width: 100%;

}

.blog-style-4 .box .text-cloumn {

	float: left;

	width: 100%;

	padding: 20px 20px 0 20px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.blog-style-4 .box .text-cloumn span.date {

	display: block;

	font: 13px/13px 'Lato', sans-serif;

	color: #555;

	padding: 0 0 20px 0;

}

.blog-style-4 .box .text-cloumn span.date .fa {

	padding: 0 6px 0 0;

}

.blog-style-4 .box .text-cloumn h3 {

	font-size: 18px;

	line-height: 25px;

	margin: 0 0 5px 0;

}

.blog-style-4 .box .text-cloumn .btm-row {

	float: left;

	width: 100%;

	border-top: 1px solid #e7e7e7;

	padding: 14px 0 15px 0;

}

.blog-style-4 .box .text-cloumn .btm-row .round-thumb {

	float: left;

	width: 34px;

	height: 34px;

	border-radius: 100%;

	margin: 0 8px 0 0;

}

.blog-style-4 .box .text-cloumn .btm-row .round-thumb img {

	display: block;

	width: 100%;

	border-radius: 100%;

}

.blog-style-4 .box .text-cloumn .btm-row span.name {

	float: left;

	font: 400 14px/30px 'Lato', sans-serif;

	color: #333;

}

.blog-style-4 .box .text-cloumn .btm-row a.share {

	float: right;

	background: #f3f3f3;

	width: 28px;

	height: 28px;

	font-size: 12px;

	border-radius: 100%;

	line-height: 28px;

	text-align: center;

}

/*===========================================================================*/

							/*SIDEBAR*/

/*===========================================================================*/

.sidebar {

	float: left;

	width: 100%;

}

.sidebar-box {

	float: left;

	width: 100%;

}

.sidebar-box form {

	float: left;

	width: 100%;

	position: relative;

}

.sidebar-box form input[type="text"] {

	float: left;

	width: 100%;

	border: 1px solid #e8e8e8;

	background: #fafafa;

	height: 42px;

	padding: 0 15px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	font: 13px 'Lato', sans-serif;

	color: #999;

}

.sidebar-box form button[type="submit"] {

	position: absolute;

	right: 0;

	top: 0;

	padding: 0 11px;

	height: 42px;

	border: 0;

	margin: 0;

	font-size: 16px;

}

.sidebar-box h3 {

    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
    position: relative;

}

.category {

	float: left;

	width: 100%;

}

.category ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.category ul li {

	display: block;

	padding: 11px 0 11px 17px;

	border-top: 1px solid #f5f5f5;

	position: relative;

}

.category ul li:before {

	content: "\f105";

	font-size: 13px;

	color: #ccc;

	font-family: FontAwesome;

	position: absolute;

	left: 0;

}

.category ul li:first-child {

	padding: 0 0 12px 17px;

	border: 0;

}

.category ul li a {

	font: 14px/14px 'Lato', sans-serif;

	color: #555;

	text-decoration: none;

}

.category ul li a span {

	color: #999;

}

.sidebar-box .listing-sidebar-box .text-column strong.title {

	font: 700 14px/23px 'Merriweather', serif;

	padding: 0 0 3px 0;

}

.sidebar-box .listing-sidebar-box .text-column a {

	color: #999;

}

.sidebar-box .listing-sidebar-box {

	margin: 0;

}

.sidebar-add-banner {

	float: left;

	width: 100%;

	height: 270px;

	padding-top: 17%;

	text-align: center;

	background-size:cover !important;

}

.sidebar-add-banner h2 {

	color: #fff;

	text-align: center;

	display: block;

	line-height: 31px;

	margin: 0 0 10px 0;

}

.sidebar-add-banner p {

	text-align: center;

	color: #fff;

	margin: 0 0 16px 0;

	padding:0 10px;

}

.sidebar-add-banner a.btn-1 {

	font: 400 12px/12px 'Lato', sans-serif;

	padding: 14px 15px;

	float: none;

	display: inline-block;

}

.input-col {

	float: left;

	width: 100%;

	position: relative;

	border: 1px solid #e7e7e7;

	margin: 0 0 11px 0;

}

.input-col .fa {

	position: absolute;

	left: 20px;

	top: 18px;

	font-size: 14px;

	color: #ccc;

}

.newsletter {

	float: left;

	width: 100%;

}

.newsletter p {

	margin: 0 0 15px 0;

}

.newsletter form input[type="text"] {

	float: left;

	width: 100%;

	height: 47px;

	border: 0;

	font: 14px 'Lato', sans-serif;

	color: #ccc;

	padding: 0 10px 0 42px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	background: #fff;

}

.newsletter form input[type="submit"] {

	float: left;

	width: 100%;

	border: 0;

	padding: 0;

	margin: 0;

	height: 45px;

	font: 14px 'Lato', sans-serif;

	text-transform: uppercase;

	color: #fff;

}

.tagcloud {

	float: left;

	width: 100%;

	margin: 10px 0 0 0;

}

.tagcloud a {

	font: 12px/12px 'Lato', sans-serif !important;

	color: #555;

	text-decoration: none;

	background: #f9f9f9;

	border: 1px solid #e7e7e7;

	border-radius: 35px;

	padding: 10px 18px;

	float: left;

	text-transform: uppercase;

	margin: 0 6px 6px 0;

}

.tagcloud a:hover {

	color: #fff;

	border: 1px solid rgba(0,0,0,0);

}

.weather {

	float: left;

	width: 100%;

	margin: 13px 0 0 0;

}

/*===========================================================================*/

							/*BOOK DETAIL*/

/*===========================================================================*/

.book-detail {

	float: left;

	width: 100%;

	padding: 90px 0;

}

.book-detail #bx-pager {

	border: 1px solid #e3e3e3;

	border-radius: 2px;

	width: 98px;

	margin: 24px 0 0 0;

}

.book-detail #bx-pager a {

	display: block;

	text-align: center;

	border-bottom: 1px solid #e3e3e3;

	padding: 15px 0;

	outline: none;

}

.book-detail .bx-wrapper {

	width: 100%;

	margin: 0;

}

.book-detail .bx-wrapper .bx-viewport {

	background: none;

	border: 0;

	box-shadow: none;

	left: 0;

}

.book-detail .bx-wrapper .bx-controls-direction a {

	display: none;

}

.book-detail .text-cloumn {

	float: left;

	width: 100%;

}

.book-detail .text-cloumn strong.stock {

	font: 14px/14px 'Lato', sans-serif;

	color: #999;

	display: block;

	padding: 0 0 15px 0;

}

.book-detail .text-cloumn strong.stock span {

	padding: 0 0 0 6px;

}

.book-detail .text-cloumn strong.stock span .fa {

	padding: 0 0 0 6px;

}

.book-detail .text-cloumn h2 {

	margin: 0 0 15px 0;

}

.book-detail .text-cloumn .review-start {

	float: left;

	width: 100%;

	margin: 0 0 15px 0;

}

.book-detail .text-cloumn .review-start span {

	font: 12px/20px 'Lato', sans-serif;

	color: #999;

	float: left;

	padding: 0 0 0 10px;

}

.book-detail .text-cloumn strong.cut-price {

	float: left;

	font: 20px/20px 'Lato', sans-serif;

	color: #999;

	text-decoration: line-through;

	padding: 0 10px 20px 0;

}

.book-detail .text-cloumn strong.price {

	float: left;

	font: 20px/20px 'Lato', sans-serif;

	padding: 0 10px 0 0;

}

.book-detail .text-cloumn h3 {

	clear: both;

	display: block;

	font-size: 18px;

	margin: 0 0 15px 0;

}

.quantity-box .quantity {

	float: left;

	margin: 0;

}

.quantity-box .quantity strong.title {

	float: left;

	font: 14px/46px 'Lato', sans-serif;

	color: #999;

	padding: 20px 6px 0 0;

}

.quantity-box .quantity form {

	margin: 0;

}

.quantity-box form div {

	margin: 20px 10px 0 0;

	overflow: hidden;

	width: 130px;

	float: left;

	border: 1px solid #f2f2f2;

	border-radius: 3px;

}

.quantity-box form div input[type="submit"] {

	float: left;

	width: 130px;

	height: 40px;

	border: 0;

	padding: 0;

	font: 12px 'Lato', sans-serif;

	color: #fff;

	text-transform: uppercase;

}

.quantity-box .quantity input[type="text"] {

	border-left: 1px solid #f2f2f2;

	border-right: 1px solid #f2f2f2;

	border-bottom: 0;

	border-top: 0;

	border-radius: 0;

	color: #777;

	box-shadow: none;

	font: 700 16px/16px 'Montserrat', sans-serif;

	height: 42px;

	margin: 0;

	padding: 0;

	text-align: center;

	width: 56px;

	border-radius: 3px;

}

.quantity-box .button {

	background-color: #fff;

	background-image: url(images/plus.png);

	background-position: center center;

	background-repeat: no-repeat;

	cursor: pointer;

	float: right;

	height: 45px;

	margin: 0;

	position: relative;

	text-align: center;

	text-indent: -9999px;

	width: 28px;

	border: 0;

}

.quantity-box .dec {

	background-image: url(images/minus.png);

	background-repeat: no-repeat;

	float: left;

	position: relative;

}

.book-detail-tab-area {

	float: left;

	width: 100%;

	padding: 90px 0 0 0;

}

.book-detail-tab-area .nav-tabs {

	border-bottom: 0;

	margin: 0;

	float: left;

	width: 100%;

}

.tab-content {

	float: left;

}

.book-detail-tab-area .nav-tabs > li {

	margin: 0 0 7px 0;

	width: 100%;

}

.book-detail-tab-area .nav-tabs > li.active > a, .book-detail-tab-area .nav-tabs > li.active > a:focus, .book-detail-tab-area .nav-tabs > li.active > a:hover {

	border: 0;

	background: #f9f9f9;

	color: #555;

	cursor: default;

	box-shadow: 4px 0 0 0 inset;

}

.book-detail-tab-area .nav-tabs > li > a {

	border: 0;

	border-radius: 0;

	margin-right: 0;

	background: #f5f5f5;

}

.book-detail-tab-area .nav > li > a {

	display: block;

	padding: 17px 24px;

	position: relative;

	font: 700 14px/14px 'Merriweather', serif;

	color: #555;

	outline: none;

}

.book-detail-tab-area-content {

	float: left;

	width: 100%;

}

.book-detail-tab-area-content ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.book-detail-tab-area-content ul li {

	display: block;

	overflow: hidden;

	font: 700 14px/14px 'Lato', sans-serif;

	color: #333;

	padding: 0 0 10px 0;

}

.book-detail-tab-area-content ul li span {

	font-weight: 400;

	color: #555;

}

.book-detail-product {

	padding: 100px 0 0 0;

}

.book-detail-product .box {

	padding: 0;

}

.book-detail-product h3 {

	font-size: 18px;

	margin: 0 0 20px 0;

}

/*===========================================================================*/

							/*CONTACT PAGE*/

/*===========================================================================*/

.contact-page {

	float: left;

	width: 100%;

}

.ebook-contact-form-row{

	margin-left:-30px;

}

.contact-page h2 {

	color: #222;

	margin: 0 0 10px 0;

}

form .contact-page label {

	display: block;

	font: 400 14px/14px 'Montserrat', sans-serif;

	color: #222;

	padding: 0;

	margin: 0 0 10px 0;

}

form .contact-page input[type="text"],

	.contact-page input[type="email"],

	.contact-page input[type="tel"]	{

	float: left;

	width: 100%;

	height: 50px;

	padding: 0 16px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	border: 1px solid #ccc;

	background: #fff;

	font: 400 14px 'Lato', sans-serif;

	color: #777;

	margin: 0 0 40px 0;

	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

}

form .contact-page textarea {

	float: left;

	width: 100%;

	height: 180px;

	resize: none;

	padding: 17px 16px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	border: 1px solid #ccc;

	background: #fff;

	font: 400 14px 'Lato', sans-serif;

	color: #777;

	margin: 0 0 40px 0;

	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

}

form .contact-page input[type="submit"] {

	float: right;

	padding: 16px 24px;

	font: 700 16px 'Montserrat', sans-serif;

	color: #fff;

	text-transform: uppercase;

	border: 0;

	width:21%;

	background:#1e293d;

}

form .contact-page input[type="submit"]:hover {

	color: #fff;

	background: #fff;

}

.contact-page.footer-section-1 .footer-box address .text-box p, .contact-page.footer-section-1 .footer-box address .text-box strong, .contact-page.footer-section-1 .footer-box address .text-box a {

	color: #777;

}

.contact-page.footer-section-1 .footer-box address ul li:hover span:before {

	border-color: transparent transparent transparent #222;

}

.contact-page.footer-section-1 .footer-box address ul li:hover span {

	border-color: #222;

}

.contact-map {

	float: left;

	width: 100%;

}

.contact-map .map_canvas {

	height: 450px;

	width: 100%;

}

.table-style-2 .table-holder {

	padding: 85px 0 20px 0;

}

.table-style-2 {

	padding: 75px 0;

}

.price-plans-section.price-table-fix.table-style-2 .table-holder .heading-style-1 {

	margin: 0;

}

.address-box {

	float: left;

	width: 100%;

}

.address-box ul {

	float: left;

	list-style: outside none none;

	margin: 0;

	padding: 0;

}

.address-box ul li:first-child {

	border: 0 none;

	padding: 0 0 15px;

}

.address-box ul li {

	border: 0 none;

	clear: both;

	display: block;

	overflow: hidden;

	padding: 25px 0 0;

}

.address-box ul li span:before {

	border-color: transparent transparent transparent #cccccc;

	border-style: solid;

	border-width: 4px 0 4px 4px;

	bottom: 0;

	content: "";

	height: 0;

	margin: auto;

	position: absolute;

	right: -5px;

	top: 0;

	width: 0;

}

.address-box ul li span {

	border-right: 1px solid #ccc;

	float: left;

	font-size: 24px;

	line-height: 44px;

	margin: 0 27px 0 0;

	padding: 0 12px 0 0;

	position: relative;

	width: 34px;

}

.address-box address .text-box {


	overflow: hidden;

}

.address-box address .text-box a {

	color: #555;

	font: 700 17px/10px "Montserrat", sans-serif;

	padding: 0;

	text-decoration: none;

}

.address-box address .text-box p {

	margin-bottom: 10px !important;

}

.address-box address .text-box strong {

	color: #555;

	font: 700 17px/10px "Montserrat", sans-serif;

}

/*===========================================================================*/

							/*BOOK SHOP*/

/*===========================================================================*/

.book-shop {

	float: left;

	width: 100%;

	padding: 90px 0;

}

.best-seller-2 .review-start {

	float: left;

	margin: 0 0 5px 0;

}

.best-seller-2 .text-column a {

	padding: 0;

}

.best-seller-2 .review-start ul li a {

	color: #fec106;

}

.best-seller-2 strong.cut-price {

	float: left;

	font: 16px/16px 'Lato', sans-serif;

	color: #999;

	clear: both;

	text-decoration: line-through;

	padding: 0 4px 0 0;

}

.best-seller-2 strong.price {

	float: left;

	font: 16px/16px 'Lato', sans-serif;

	padding: 0 4px 0 0;

}

.book-shop .tab-style-1-content .box-outer {
	float: left;
	width: 100%;
	padding: 8px;
	margin-bottom: 40px;
	position: relative;

}
.box-outer .box {
    float: left;
    position: relative;
    width: 100%;
}
.filter-row {

	float: left;

	width: 100%;

	border-bottom: 1px solid #eee;

	padding: 0 0 15px 0;

	margin-bottom: 35px;

}

.filter-row .filter-1 {

	float: left;

	width: 256px;

	margin: 0 38px 0 0;

}

.filter-row strong.title {

	float: left;

	padding: 0 14px 0 0;

	font: 14px/34px 'Lato', sans-serif;

	color: #555;

}

.filter-row .filter-1 .selector {

	min-width: 185px;

	width: 185px;

	position: relative;

}
.filter-row .filter-2{ float: right;}
.filter-row .filter-2 .selector {

	min-width: 56px;

	width: 100px;

    float: right;

	position: relative;

}

.filter-row .filter-1 .selector span.custom-select:after {

	top: 15px;

}

.filter-row .filter-1 .search-form .selector select {

	line-height: 34px;

}

.filter-row .filter-1 .selector span.custom-select {

 line-height: 34px;

}

.filter-row .filter-1 selector {

	float: left;

	min-width: 100%;

	position: relative;

}

.book-shop .pagination-style-1 {

	margin: 40px 0 0 0;

}

.selector select {

	line-height: 34px;

	position: absolute;

	width: 72%;

	z-index: 1;
	border:1px solid #ddd;

}

.full-width {

	width: 100%;

}

select {

	height: 34px;

	padding: 0;

}

input.input-text, select, textarea, span.custom-select {

	background: #fff;

	border: medium none;

	line-height: normal;

}

select option {

	padding: 2px 10px;

}

.selector span.custom-select {

	display: inline-block;

	line-height: 34px;

	overflow: hidden;

	padding: 0 15px;

	position: relative;

	white-space: nowrap;

	width: 100%;

	border: 1px solid #ccc;

	border-radius: 0;

	font: 400 14px/34px 'Lato', sans-serif;

	color: #999;

}

.selector span.custom-select:after {

	border-left: 5px solid rgba(0, 0, 0, 0);

	border-right: 5px solid rgba(0, 0, 0, 0);

	border-top: 6px solid #888;

	content: "";

	position: absolute;

	right: 9px;

	top: 15px;

}

.selector span.custom-select:before {

	background: #fff;

	content: "";

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

	width: 24px;

}

.FONTS {

	font-family: 'Merriweather', serif;

	font-family: 'Lato', sans-serif;

}
.tooltip-wrap .thumb .caption .title,
.tooltip-wrap .tooltip-content,
.kode-navigation #mega_main_menu li > ul, #nav li, #nav li a i, #nav li a, .tab-style-1 .nav > li > a, .tab-style-1-content .box .frame .caption a, .tab-style-1-content .box-outer:before,.box-outer:hover:after, .upcoming-release .bx-wrapper .bx-next:before, .upcoming-release .bx-wrapper .bx-prev:before, .staff-recomended .owl-next:before, .staff-recomended .owl-prev, .staff-recomended .owl-next, .book-collection .nav-tabs > li a, .tab-content a.btn-all, .tab-content a.btn-all .fa, .gallery-bookshop a.btn-all, .gallery-bookshop a.btn-all .fa, .gallery-bookshop .thumb .caption .holder a .fa, .related-product .box .caption a, .add-banner a.btn-buy, .subscrib-box input[type="submit"], .add-banner-2 a.btn-buy, .currency-box .dropdown-menu li a, .author-history .owl-next, .author-history .owl-prev, .team-style-1 .team-box .thumb img, .error-area .holder form input[type="submit"], .galley-page-2 ul li img, .galley-page-2 ul li a, .author-listing-box ul li .thumb img, .listing-sidebar-box .thumb img, .massnory-btm-row .text-column a.like, .book-listing-tab .nav-tabs li a, .book-listing-box, .detail-count ul li a, .author-detail-sidebar .follow a.btn-follow, .recommended-tab-area .nav-tabs li a, .recommended-tab-area .tab-content .box .thumb a.link, .event-listing-content .thumb img, .event-listing-content .text-cloumn p a, .blog-style-4 .box .text-cloumn .btm-row a.share, .category ul li a, .category ul li:before, .category ul li a span, .newsletter form input[type="submit"], .tagcloud a, .contact-page form input[type="submit"], .topbar-social ul li a, .services-area .text-box span.icon  {

	transition: all 0.3s ease-in;

	-webkit-transition: all 0.3s ease-in;

	-moz-transition: all 0.3s ease-in;

}

#nav li ul, #nav li ul li:after, #banner .caption-2 .holder .frame .thumb img, #banner .caption-2 .holder .frame a.btn-link, .tab-style-1-content .box .frame .caption, .gallery-bookshop .thumb .caption:before, .gallery-bookshop .thumb .caption:after, .gallery-bookshop .thumb .caption .holder, .related-product .box .caption, .improve-service-box, .author-listing-box ul li .thumb a,.author-listing-box.author-listing-box1 .thumb a, .listing-sidebar-box .thumb a.link, .massonary-view a.btn-load, .book-listing-box .thumb a.link, .book-listing-box a.btn-like,.book-listing-box a.like, .book-listing-tab .tab-content, .event-listing-content .thumb a.link, .blog-style-4 .box .thumb img,form .contact-page  input[type="submit"], .add-banner .add-box-2 span.book-2, .add-banner .add-box-1 span.book-1{

	transition: all 0.7s ease-in-out 0s;

}

.staff-recomended .holder .thumb img {

	transition: all 0.5s linear 0s;

	-moz-transition: all 0.5s linear 0s;

	-webkit-transition: all 0.5s linear 0s;

}

.kode-navigation{

	float:left;

	width:72%;

}

.kode-navigation .navigation .menu > ul{

	padding:0px;

	list-style:none;

}

.heading-1{

	display:block;

	clear:both;

	width:100%;

}

#kode-responsive-navigation{

	display:none;

}
.kode-twitter {
    float: none;
    overflow: hidden;
}
.kode-twitter-text {
    color: #fff;
    float: left;
    font-size: 18px;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.kode-twitter-time{
	color: #fff;
}
.tweet .owl-controls {
    display: none;
}
.owl-controls{

	display:none;

}

.tab-sidebar #content-3dtd li.active a:hover,
.tab-sidebar #content-3dtd li.active a{

	color:#fff !important;

}
.tab-sidebar #content-3dtd li{
	margin: 0 !important;
}
.tab-sidebar #content-3dtd li a{
	background-color: transparent;
	border-radius: 0;
	border: none;
	color:#777;
	font-weight: normal;
	font-size: 16px;
	padding: 10px 20px; 
	transition: all 0.3s ease-in;
	line-height: 1.5;
	-webkit-transition: all 0.3s ease-in;

	-moz-transition: all 0.3s ease-in;

}

.tab-content h2{

	text-transform:capitalize;

}

.margin-bottom-30{

	margin-bottom:30px;

}

.sub-menu,.children{

	display:block;	

}

.kode-item .no-padding{

	padding:0;

}

/* Best Seller */

.box-outer{ border: 1px solid #e7e7e7; position: relative;padding:0;float: left;width: 100%;}

.box-outer .text-column::before,
.box-outer .text-column::after {

    border-bottom: 1px solid #e7e7e7;

    border-left: 1px solid #e7e7e7;

    border-right: 1px solid #e7e7e7;

    content: "";

    height: 8px;

    position: absolute;

}

.box-outer .text-column::after {

    bottom: -17px;

    height: 8px;

    left: 6px;

    width: 96.6%;

}

.box-outer .text-column::before {

    bottom: -9px;

    left: 3px;

    width: 98.6%;

}

.box-outer .btm-row a.like {

	background: #f3f3f3 none repeat scroll 0 0;

    border-radius: 100%;

    float: right;

    height: 24px;

    line-height: 24px;

    margin: 5px 0 0;

    text-align: center;

    width: 24px;

    font-size: 18px;

}

.staff-recomended .holder{

	float: left;

	width: 100%;

    padding: 0 40px 95px;

    position: relative;

    background:rgba(0, 0, 0, 0) url("images/book-shelf-img.png") no-repeat scroll center 113px;

    background-repeat: no-repeat;

}
.staff-recomended .owl-controls {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}
.staff-recomended .owl-nav {
    display: block;
    left: 0;
    margin:-90px auto 0;
    right: 0;
    top: 50%;
    width: 100%;
}
.staff-recomended .owl-carousel {

    padding: 0 174px 0px;

}
.staff-recomended .owl-controls{
	display: block !important;
}
.staff-recomended .owl-controls .owl-dots{
	display: none !important;
}
.staff-recomended .owl-nav{
	display: block;
}
.staff-recomended .owl-nav div{
	margin: 0;
	float: left;
	display: block !important;
	box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.19);
}
.staff-recomended .owl-nav div.owl-next{
	float: right;
}
.footer-content-area .container .row .widget_thebookstore_recent_post_widget .blog-style-1 .post-box a

{

	color:#fff;

}

.text-outer h2 a{

	color:#000;

}
.wpcf7-response-output{
	width: auto !important;
}
.wpcf7-form-control-wrap{
	position: relative;
	float: left;
	width: 100%;
}
.wpcf7-form-control-wrap span {
    bottom: 13px;
    left: 0;
    position: absolute;
}
.close:hover, .close:focus{
	color: #fff !important;
}
.kode-sidebar-element,
.kode-sidebar-element .thebookstore_recent_post_widget-2{
	margin: 0 !important;
}
.header-2 .kode-navigation{
	width: auto;
	margin-right: 20px;
}
.header-2 #mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li:last-child{
	margin: 0;
	border-right: 1px solid #e2e2e2;
}
.header-2 #mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li{
	 border-left: 1px solid #e2e2e2;
}
.header-2 #mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li:before{
	opacity: 0;
}
.header-2 #mega_main_menu > .menu_holder > .menu_inner > ul > li[class*="columns"]{
	margin: 0;
}
.header-2 #mega_main_menu > .menu_holder > .menu_inner > ul > li[class*="columns"] a{
	padding-right: 27px;
	padding-left: 27px;
}
.header-2 .search-box-2,
.header-2 .currency-box{
	margin: 11.5px 0 0px 0px;
}
.holder{
	padding: 20px 0;
}
.popular-boox-area .book-listing-tab .nav-tabs{
	width: auto;
}
#mega_main_menu.main_menu > .menu_holder > .menu_inner > ul > li > .item_link::after{
	display: block !important;
	opacity: 1;
}
.header-2 #mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li > a{
	padding-top: 5px;
	padding-bottom: 10px;
}
.header-2 #mega_main_menu.main_menu.icons-top > .menu_holder > .menu_inner > ul > li > .item_link > i{
	padding-top: 0 !important;
	height: auto !important;
}
.header-2 .info-box{
	padding: 14px 0;
}
.featured-author-2{
	float: left;
	width: 100%;
	position: relative;
}
.featured-author-2 .frame{
	float: left;
	width: 209px;
	border: none;
}
.featured-author-2 .text-box {
    padding-left: 20px;
    width: 73%;
}
.featured-author-2 .text-box .left-box{
	width: 370px;
	margin: 0;
}
.featured-author-2 .text-box .right-box .thumb {
    float: right;
    margin-left: 15px;
    width: 79px;
}
.featured-author-2 .text-box .right-box .thumb img{
	border-radius: 4px;
}
.featured-author-2 .text-box .right-box .thumb:last-child{
	margin-left: 0;
}
.featured-author-2 .text-box .right-box .thumb span.price,
.featured-author-2 .text-box strong.name span,
.featured-author-2 .text-box p{
	color: #555;
	font: 400 14px/24px "Lato",sans-serif;
}
.featured-author-2 .text-box .right-box {
    float: right;
    margin: 0px 0 0;
    width: auto;
}
.featured-author-2 .text-box .right-box .thumb span.price{
	float: left;
	width: 100%;
	text-align: center;
	font-weight: 700;
}
.footer-content-area .blog-style-1 .post-box .text-column strong a, .blog-style-1 .post-box .text-column strong{
	color:#fff;
}
.footer-content-area .blog-style-1 .post-box .text-column > a{
	color:#fff;
}
.footer-content-area .blog-style-1 .post-box .text-column .blog-info.blog-comment a,.footer-content-area .blog-style-1 .post-box .text-column span.blog-info.blog-date a{
	color:#fff;
}
.rating_stars {
    float: left;
    width: auto;
}
.rating_down {
    background-image: url("images/stars1.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    float: left;
    height: 16px;
    text-align: left;
    width: 80px;
}
.rating_up {
    background-image: url("images/stars1.png");
    background-position: 0 -16px;
    background-repeat: repeat-x;
    float: left;
    height: 100%;
    text-align: left;
}
.header-2 #mega_main_menu.main_menu{
    min-height:65px !important;
}
#wp-a11y-speak-polite,
#wp-a11y-speak-assertive{
	display:none;
}
.single_add_to_cart_button{ border-radius: 3px!important;}
#comments{ overflow: hidden; width: 100%; padding: 0 0 40px;}
.wc-proceed-to-checkout {
    float: left;
    width: 100%;
}
.checkout-button.button.alt.wc-forward {
    background: #000 none repeat scroll 0 0;
    border-radius: 3px;
    margin: 0 auto;
    padding-top: 15px;
    width: 200px;
}
.wcppec-checkout-buttons.woo_pp_cart_buttons_div {
    margin: 0 auto;
    text-align: center;
}
.error-404{ 
    float: left;
    width: 100%;
    padding: 60px 0;
    text-align: center;
}
.error-404 h2{ 
    font-size: 60px;
}
.error-404 .page-404{ 
    overflow: hidden;
    line-height: 60px;
}
.error-404 .page-404 p{
    font-size: 60px;
    line-height: 50px;
}
.error-404 .go-back {
    background: #1e293d;
    display: inline-block;
    line-height: 21px;
    margin: 10px 0 0;
    padding: 10px;
    text-transform: capitalize;
}
.kode-404-page{
    margin: 0 auto;
    overflow: hidden;
    padding: 100px 0;
    width: 70%;
}
.kode-search label{
    background: #1e293d;
}
.comment-content img,  .entry-content img,  .entry-summary img,  #site-header img,  .widget img,  .wp-caption {
	max-width: 100%;
}
.kode-blog-content h1,
.kode-blog-content h2,
.kode-blog-content h3,
.kode-blog-content h4,
.kode-blog-content h5,
.kode-blog-content h6{ display: block!important;}

.edit-link{ float:left; margin: 0 5px 0 0;}
.edit-link a,
.comment-reply-link{ padding: 5px 10px; background: #1e293d; border-radius: 3px; color: #fff!important;}
.media-object img{ border-radius: 100%;}
#archives-2  .screen-reader-text{
	display:none;
}
#archives-2 #archives-dropdown-2{
	width:100% !important;
}
a:focus, a:hover{
	text-decoration:none;
}
#header.kf_sticky{
	position:fixed;
	top:0px;
	z-index:999999999;
}
.input-text{
	border:1px solid #ddd !important;
} 
.input-checkbox {
    text-align: left !important;
    float: left;
    width: 50px;
}
.alphabat-row ul{
	list-style:none;
}