body {
font-family: 'Lato', sans-serif;
background: #fff;
margin: 0;
padding: 0;
}   .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(//ozsafe.net.au/wp-content/themes/e-book-store/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(//ozsafe.net.au/wp-content/themes/e-book-store/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 {
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 {
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;
}   .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(//ozsafe.net.au/wp-content/themes/e-book-store/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 {
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(//ozsafe.net.au/wp-content/themes/e-book-store/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; }
@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-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 {
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(//ozsafe.net.au/wp-content/themes/e-book-store/images/banner-img-1.png) no-repeat left top/100%;
width: 100%;
height: 172px;
}
.add-banner .add-box-1:hover span.book-1{ 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(//ozsafe.net.au/wp-content/themes/e-book-store/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(//ozsafe.net.au/wp-content/themes/e-book-store/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(//ozsafe.net.au/wp-content/themes/e-book-store/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 {
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;
}   .tp-bgimg.defaultimg {
height: 102% !important;
}
.upcoming-release {
float: left;
width: 100%;
background: url(//ozsafe.net.au/wp-content/themes/e-book-store/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(//ozsafe.net.au/wp-content/themes/e-book-store/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:0px;
list-style:none;
margin:0px;
}
.upcoming-release .text-col {
width: 253px;
float: left;
padding: 30px 0 0 0;
color: #fff;
}
.upcoming-release .text-col h4,
.upcoming-release .text-col h3 {
color: #fff;
}
.upcoming-release .text-col p {
font: 14px/20px 'Lato', sans-serif;
color: #fff;
min-height:80px;
margin: 0 0 35px 0;
}
.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(//ozsafe.net.au/wp-content/themes/e-book-store/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 {
font-size: 32px;
color: #fff;
position: absolute;
right: 36px;
bottom: 17px;
}
.release-outer .bx-viewport .thumb img{width:125px;height:175px;
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;
height: 122px;
}
.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%); 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))); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFFF',GradientType=1 ); 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;
text-transform: uppercase;
padding: 0 0 15px 0;
width: 100%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}   .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%;
height: 584px;
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: 278px;
}
.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: -343px;
background-color: rgba(30,41,61,0.9);
color: #fff;
width: 330px;
border-radius: 6px;
z-index: -2;
}
.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-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-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-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-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; 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;
} .related-product .box img {
display: block;
text-align: center; 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; 
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(//ozsafe.net.au/wp-content/themes/e-book-store/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(//ozsafe.net.au/wp-content/themes/e-book-store/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;
}   #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 {
float: left;
width: 100%;
}
.header-2 .menu-row { 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 {
float: left;
width: 100%;
background: #000 url(//ozsafe.net.au/wp-content/themes/e-book-store/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 {
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-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 {
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 {
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 {
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 {
float: left;
width: 100%;
background: url(//ozsafe.net.au/wp-content/themes/e-book-store/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-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 {
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 {
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 {
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 {
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(//ozsafe.net.au/wp-content/themes/e-book-store/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(//ozsafe.net.au/wp-content/themes/e-book-store/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;
}   .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(//ozsafe.net.au/wp-content/themes/e-book-store/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 {
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;
}   .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%); 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%); 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%); }
.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(//ozsafe.net.au/wp-content/themes/e-book-store/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{ 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 {
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 {
display: block;
border-bottom: 5px solid #f5f5f5;
padding: 0 0 15px 0;
}
.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 {
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(//ozsafe.net.au/wp-content/themes/e-book-store/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(//ozsafe.net.au/wp-content/themes/e-book-store/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 {
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 {
float: left;
overflow: hidden;
}
.address-box address .text-box a {
color: #555;
font: 700 24px/24px "Montserrat", sans-serif;
padding: 0;
text-decoration: none;
}
.address-box address .text-box strong {
color: #555;
font: 700 24px/24px "Montserrat", sans-serif;
}   .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;
} .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(//ozsafe.net.au/wp-content/themes/e-book-store/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(//ozsafe.net.au/wp-content/themes/e-book-store/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(//ozsafe.net.au/wp-content/themes/e-book-store/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;
}