/*
Theme Name: Grace to Grow
Theme URL: 
Description: Theme for Grace to Grow Publications
Version: 1.0.0
Author: Jonathan Suh
Author URL: http://jonsuh.com
License: 
License URL: http://jonsuh.com
Tags: 
*/
/* All css files contains in stylesheet folder */
/** CSS Table of Content 
  -   Import Css Files                          Line  42 to 44
    -   Getting the new tags to behave                    Line  48 to 74
    -   form defaults                               Line  74 to 80
    -   Links defaults style                        Line  83 to 90
    -   Start main Header css                       Line  92 to 104
    -   Start Main menu css                         Line  105 to 120
    - Start Top Nav Bar Css                       Line    122 to 148
    - Start WellCome Msg Css                        Line    151 to 155
    -   Start Sale Bar Css                          Line    157 to 169
    -   Start Featured Books Css                      Line    171 to 187
    -   Start Slider2 for Best Sellers                    Line    189 to 202
    -   Start Featured Authore Section                    Line    204 to 226
    -   Testimonial + Blog                          Line    228 to 261
    -   Start Footer                            Line    265 to 296
    -   Start Main Footer                         Line    298 to 304
    -   Start Side Bar Styling                        Line    306 to 332
    -   Start Blog Slider Styling                     Line    334 to 345
    -   Start Blog Post Styling                       Line    347 to 367
    -   Start Blog Detail Styling                     Line    369 to 373
    -   Start Sort list Section                       Line    376 to 393
    -   Start Book Detail Section                     Line    395 to 414
    -   Start Related Books Section                     Line    416 to 430
    -   Start Reviews Section                       Line    432 to 451
    -   Start Check Method Section                      Line    432 to 471
 
    -   Start Billing Info Section                      Line    480 to 491
    -   Start Payments Info Section                     Line    494 to 498
    -   Start Contact Page Section                      Line    501 to 504
    -   Start Order Recieved Section                    Line    506 to 511
    -   Start Grid View Section                       Line    513 to 518
    -   Start List View Section                       Line    520 to 526
    -   Start Cart Section                          Line    527 to 544
    -   Start Price Range Style                       Line    546 to 548
    -   Start Main Slider Style                       Line    550 to 565
    -   Start About Section                         Line    567 to 569
    -   Start 404 Page Styling                        Line    571 to 574
    -   Start Short Codes Styling                     Line    576 to 602

**/
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
  display: block;
  margin: 0; }

mark, rp, rt, ruby, summary, time {
  display: inline; }

/* Getting the new tags to behave */
/* Start form defaults */
input, select, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  vertical-align: middle;
  font-weight: normal;
  color: #393939;
  margin: 0;
  padding: 0; }

/* End form defaults */
/* Start Links defaults style */
a {
  text-decoration: none;
  outline: none; }

a:hover {
  transition: width 1s;
  -moz-transition: 1s;
  /* Firefox 4 */
  -webkit-transition: 1s;
  /* Safari and Chrome */
  -o-transition: 1s;
  /* Opera */
  text-decoration: none; }

a img {
  border: 0; }

a img:hover {
  opacity: 0.6;
  transition: width 1s;
  -moz-transition: 1s;
  /* Firefox 4 */
  -webkit-transition: 1s;
  /* Safari and Chrome */
  -o-transition: 1s;
  /* Opera */ }

.first {
  margin-left: 0 !important; }

.m-bottom {
  margin: 0 0 70px !important; }

img {
  outline: none; }

/* End Links defaults style */
/* Start main Header css */
#main-header {
  padding: 40px 0 0;
  margin: 0 0 75px; }

#logo {
  margin: 0;
  float: left; }

#logo a {
  display: block;
  height: 100%; }

#main-header input[type="text"] {
  font-size: 13px;
  color: #bdbdbd;
  height: 26px;
  float: left;
  margin: 0; }

#main-header input[type="submit"] {
  border: 0;
  font-size: 14px;
  color: #fff;
  padding: 9px 20px;
  float: left;
  background: #98b827;
  cursor: pointer;
  transition: width 1s;
  -moz-transition: 1s;
  /* Firefox 4 */
  -webkit-transition: 1s;
  /* Safari and Chrome */
  -o-transition: 1s;
  /* Opera */ }

#main-header input[type="submit"]:hover {
  background: #6a8706; }

.search-bar {
  float: right; }

.shop-nav {
  overflow: hidden;
  text-align: right; }

.shop-nav li:first-child {
  margin: 0;
  padding: 0;
  background: none; }

.shop-nav li {
  display: inline-block;
  background: url(images/nav-sep.png) left no-repeat;
  padding-left: 15px;
  margin-left: 9px;
  line-height: 45px; }

.shop-nav li a {
  font-weight: bold;
  color: #737373; }

.shop-nav li a:hover {
  color: #000; }

/* Start Main menu css */
#main-header #nav {
  background-color: #e8e8e8; }

.navbar {
  margin: 0 auto;
  max-width: 1170px; }

#main-header .navbar-inverse .navbar-inner {
  background: none;
  border: 0;
  -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 rgba(0, 0, 0, 0);
  padding: 0; }

#main-header .navbar .nav > li:first-child {
  background: none; }

#main-header .navbar .nav > li {
  background: url(images/main-nav-sep.png) no-repeat left center;
  font-size: 16px;
  padding-left: 2px; }

#main-header .navbar-inverse .brand, #main-header .navbar-inverse .nav > li > a {
  color: #3c3c3c;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0);
  border-bottom: 3px solid transparent; }

#main-header .navbar-inverse .nav > li > a:hover {
  color: #000;
  background-color: #252424;
  background-color: rgba(37, 36, 36, 0.1);
  border-bottom: 3px solid #98B827; }

#main-header .dropdown-menu {
  left: 0;
  right: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

#main-header .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, #main-header .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, #main-header .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background: #252424;
  background: rgba(37, 36, 36, 0.1);
  border-bottom: 3px solid #98B827; }

#main-header .dropdown-menu > li:first-child {
  background: none; }

#main-header .dropdown-menu > li {
  background: url(images/sub-nav-sep.jpg) repeat-x top center; }

/* End Main menu css */
/* Start Top Nav Bar Css */
.top-nav-bar {
  background: #242424;
  color: #fff; }

.top-nav-bar ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.top-nav-bar .row-fluid [class*="span"] {
  margin-bottom: 0; }

.top-nav li {
  float: left;
  margin-right: 1px;
  line-height: 50px; }

.top-nav li a {
  padding: 0 12px;
  display: block;
  color: #fff; }

.top-nav li a:hover, .top-nav li a.active {
  color: #fff;
  text-decoration: none; }

.e-commerce-list {
  position: relative; }

.e-commerce-list li:first-child {
  margin: 0;
  padding: 0;
  background: none; }

.e-commerce-list li {
  background: url(images/top-nav-sep.png) left no-repeat;
  padding-left: 15px;
  margin-left: 15px; }

.e-commerce-list li a {
  font-weight: bold; }

.e-commerce-list li a:hover {
  text-decoration: none !important; }

.e-commerce-list li.p-category a {
  padding: 0 2px;
  color: #fff; }

.e-commerce-list li.p-category a:hover {
  color: #98b827;
  text-decoration: none; }

.c-btn {
  background: #fff;
  padding: 0 18px 0 10px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 97px;
  top: 0px;
  display: none; }

.c-btn .btn {
  background: none;
  border: 0;
  padding-right: 10px;
  margin-bottom: 10px;
  -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 rgba(0, 0, 0, 0); }

.c-btn .btn-mini .caret, .c-btn .btn-small .caret {
  margin-left: 5px; }

.cart-btn {
  background: url(images/cart-icon.png) no-repeat left;
  padding-left: 30px;
  display: inline-block;
  font-size: 24px;
  line-height: 41px; }

.cart-btn:hover {
  text-decoration: none; }

.btn-group ul li {
  padding: 0;
  background: none;
  margin: 0;
  float: none; }

.user-login-link {
  position: relative;
  top: 14px; }

.user-login-link li {
  display: inline-block;
  padding: 0 3px !important;
  background: transparent;
  line-height: 20px !important;
  margin: 0; }

/* End Top Nav Bar Css */
/* End main Header css */
/* Start Content Css */
/* Start WellCome Msg Css */
.row-fluid [class*="span"].wellcome-msg {
  border-bottom: 9px solid;
  background: #f7f6f6;
  padding: 30px;
  line-height: 28px; }

.wellcome-msg h2 {
  margin: 0 0 10px;
  color: #000;
  font-size: 28px; }

.wellcome-msg p {
  margin: 0;
  font-size: 23px;
  line-height: 23px; }

/* End WellCome Msg Css */
/* Start Sale Bar Css */
.s-product {
  padding: 14px 24px;
  border: 1px solid #dee4e4;
  position: relative;
  background: #fff; }

.s-product-det {
  float: right;
  width: 67%; }

.s-product-det h3 {
  color: #809f14;
  font-size: 18px;
  margin: 0 0 8px;
  line-height: 18px; }

.s-product-det p {
  color: #3d3d3d;
  line-height: 16px;
  margin-bottom: 8px; }

.s-product-img {
  float: left;
  width: 30%; }

.rating-bar {
  display: block;
  margin: 0 0 10px; }

.rating-bar img {
  width: auto !important; }

.cart-btn2 {
  position: relative; }

.cart-btn2 a {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  box-shadow: none;
  float: left;
  height: 30px;
  margin-right: 10px;
  outline: medium none;
  overflow: hidden;
  padding: 0;
  width: 30px; }

.cart-btn2 a:hover {
  text-decoration: none; }

.main-slider .cart-btn2 a {
  color: #fff;
  font-size: 32px; }

.cart_dropdown_first .cart-btn2 > a {
  position: relative;
  top: 9px; }

.cart_dropdown_link {
  font-size: 20px; }

.cart-btn2 .price {
  margin-left: 30px; }

.cart-btn2 .added_to_cart {
  display: none; }

.cart-price {
  overflow: hidden; }

.price {
  float: left;
  margin-top: 4px;
  padding-left: 10px;
  border-left: 1px solid #ababab;
  font-size: 20px;
  color: #000; }

.sale-icon {
  background: url(images/sale-icon.png) no-repeat;
  width: 78px;
  height: 78px;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -999px;
  overflow: hidden; }

/* End Sale Bar Css */
/* Start Featured Books Css */
.heading-bar {
  border-bottom: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  padding: 6px 0;
  margin: 0 0 22px;
  position: relative; }

.heading-bar h2 {
  margin: 0;
  font-size: 24px;
  color: #333;
  line-height: 24px; }

.heading-bar a {
  font-size: 18px; }

.h-line {
  background: #98b827;
  width: 30px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -2px; }

.features-books .bx-pager {
  display: none; }

.features-books .slide {
  position: relative;
  background-color: #fff; }

.features-books .bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  border: solid #fff 0;
  background: transparent; }

.features-books .slide {
  padding: 16px;
  border: 1px solid #e5e5e5;
  transition: width 1s;
  -moz-transition: 1s;
  /* Firefox 4 */
  -webkit-transition: 1s;
  /* Safari and Chrome */
  -o-transition: 1s;
  /* Opera */ }

.features-books .slide:hover {
  background: #f9f9f9;
  border-color: #85a319;
  -moz-box-shadow: 0 0 7px #ccc;
  -webkit-box-shadow: 0 0 7px #ccc;
  box-shadow: 0 0 7px #ccc; }

.features-books .slide .title {
  display: block;
  margin: 0 0 5px;
  color: #000;
  font-size: 12px; }

.features-books .slide .title a {
  color: #000; }

.features-books .star-rating {
  bottom: 44px;
  height: 16px;
  position: absolute;
  right: 17px; }

/*.features-books .slide img { margin:0 0 5px; }*/
.features-books .pro-img {
  -moz-box-shadow: 2px 2px 2px #4e4e4e;
  -webkit-box-shadow: 2px 2px 2px #4e4e4e;
  box-shadow: 2px 2px 2px #4e4e4e; }

.features-books .bx-controls-direction {
  position: absolute;
  right: 44px;
  top: -46px; }

.features-books .bx-wrapper .bx-prev {
  left: -17px; }

.features-books .bx-wrapper .bx-next {
  right: -44px; }

/* End Featured Books Css */
/* Start Slider2 for Best Sellers */
.best-sellers .bx-pager {
  display: none; }

.best-sellers .bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  border: solid #fff 0;
  background: transparent;
  height: 265px; }

.best-sellers .slide {
  background: #f6f6f6;
  text-align: center;
  height: 245px; }

.slide2-caption {
  padding: 10px 14px;
  background: #809f14;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 14px; }

.slide2-caption .left {
  float: left;
  width: 55%;
  text-align: left; }

.slide2-caption .right {
  float: right;
  width: 30%; }

.slide2-caption .price {
  float: none;
  border: 0;
  font-size: 20px;
  padding: 0;
  font-family: Calibri;
  margin: 0 0 5px;
  display: block; }

.slide2-caption .title {
  display: block;
  font-size: 14px; }

.slide2-caption .title a {
  color: #fff; }

.slide2-caption .author-name a, .slide2-caption .author-name {
  color: #010101;
  font-size: 12px; }

.slide2-caption .rating-bar {
  float: right; }

.best-sellers .bx-controls-direction a {
  top: 35%; }

/* End Slider2 for Best Sellers */
/* Start Featured Authore Section */
.Featured-Author {
  margin-top: 73px;
  background: #f8f8f8;
  border-top: 7px solid #809f14;
  border-bottom: 2px solid #809f14;
  position: relative; }

.Featured-Author:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.author-img-holder {
  border: 8px solid #809f14;
  left: 40px;
  position: absolute;
  top: -80px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: 100; }

.author-img-holder img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; }

.author-img-holder img:hover {
  opacity: 0.9;
  -webkit-transform: scale(1.05, 1.07);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1.05, 1.07);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
  position: relative;
  z-index: 99; }

.Featured-Author .left {
  width: 57%;
  float: left; }

.both-sidebar-included .Featured-Author .left {
  width: 100%;
  text-align: center;
  margin-top: 88px; }

.both-sidebar-included .author-det {
  padding: 20px; }

.sidebar-included .author-det {
  padding: 100px 0 17px 50px; }

.both-sidebar-included .Featured-Author .right {
  width: 90%; }

.sidebar-included .Featured-Author .ico-holder {
  bottom: -57px; }

.both-sidebar-included .Featured-Author .ico-holder {
  top: -50px;
  right: 0px;
  left: auto; }

.Featured-Author .right {
  width: 35%;
  float: right;
  padding: 22px;
  background: #f3f4f6; }

.author-det-box {
  position: relative;
  min-height: 197px; }

.author-det {
  padding: 41px 0 17px 215px;
  overflow: hidden; }

.author-det-box .title, .author-det-box .title2 {
  display: block;
  margin: 0 0 5px;
  font-size: 24px; }

.author-det-box .title {
  color: #070707; }

.author-det-box .title2 {
  margin: 0 0 20px; }

.author-det-box .books-list {
  list-style: none;
  margin: 0 0 0 -10px; }

.author-det-box .books-list li {
  float: left;
  margin: 0 0 10px 10px; }

.current-book {
  float: left;
  margin-right: 20px;
  width: 55%; }

.current-book .title {
  font-size: 18px;
  margin: 0 0 10px;
  display: block; }

.current-book .title a {
  color: #2e2e2e; }

.c-b-img {
  float: right;
  width: 108px; }

.Featured-Author .ico-holder {
  position: absolute;
  bottom: 30px;
  left: 20px;
  text-align: center;
  width: 180px; }

.Featured-Author #socialicons > a {
  float: none; }

/* End Featured Authore Section */
/* Start Latest from the Blog */
.blog-section .bx-wrapper {
  float: left;
  margin-top: 40px; }

.blog-section {
  position: relative; }

.blog-section .bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  border: solid #fff 0;
  background: transparent; }

.blog-section .bx-wrapper .bx-prev {
  left: -17px; }

.blog-section .bx-wrapper .bx-next {
  right: -44px; }

.blog-section .bx-controls-direction {
  position: absolute;
  right: 44px;
  top: -86px; }

.blog-section .bx-wrapper .bx-pager {
  display: none; }

.post-det {
  float: right;
  width: 49%; }

.post-det h3 {
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 24px; }

.post-det h3 a {
  color: #000; }

.comments-num {
  display: block;
  margin: 0 0 5px; }

.post-det p {
  margin: 0;
  font-size: 12px;
  line-height: 18px; }

.post-img {
  float: left;
  margin-right: 5%;
  width: 45%;
  position: relative; }

.post-date {
  position: absolute;
  top: 0;
  right: 1px;
  width: 38px;
  height: 48px;
  text-align: center;
  background: #809f14;
  color: #fff; }

.post-date span {
  font-size: 24px;
  display: block; }

/* End Latest from the Blog */
/* Start Testimonials Section */
.testimonials .bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  border: solid #fff 0;
  background: transparent; }

.author-name-holder {
  background: url(images/author-img-holder.png) no-repeat;
  width: 93px;
  height: 98px;
  margin: 0 auto 17px;
  text-align: center; }

.author-name-holder img {
  position: relative;
  top: 9px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  margin: 10px 0 0;
  width: 78%;
  margin-bottom: 18px; }

.testimonials .title {
  text-align: center;
  font-size: 18px;
  display: block;
  text-transform: uppercase;
  font-weight: normal; }

.testimonials .title a {
  color: #555; }

.testimonials .title span {
  display: block; }

.testimonials p {
  background: url(images/qouts-icon.png) no-repeat top left;
  padding-top: 50px; }

.testimonials .bx-pager {
  display: none; }

.testimonials .bx-wrapper .bx-controls-direction a {
  top: 13%; }

.testimonials .bx-wrapper .bx-prev {
  left: 30px; }

.testimonials .bx-wrapper .bx-next {
  right: 30px; }

.testimonials .bx-wrapper .bx-prev {
  background: url(images/controls1.png) no-repeat 0 -32px; }

.testimonials .bx-wrapper .bx-next {
  background: url(images/controls1.png) no-repeat -43px -32px; }

.testimonials .bx-wrapper .bx-prev:hover {
  background-position: 0 0; }

.testimonials .bx-wrapper .bx-next:hover {
  background-position: -43px 0; }

/* End Testimonials Section */
/* End Content Css */
/* Start Footer Top 1 Css */
.footer-top1 {
  background-color: #eee;
  padding: 70px 0 58px;
  font-size: 14px; }

.footer-top1 h4 {
  font-size: 30px;
  color: #333;
  margin: 0 0 40px; }

.tweets-list, .phon-list {
  margin: 0;
  list-style: none; }

.tweets-list li {
  margin: 0 0 10px; }

.phon-list {
  margin: 0 0 20px;
  list-style: none; }

.mail-list a {
  color: #555; }

.footer-top1 input[type="text"] {
  border: 1px solid #dadada;
  width: 95%;
  margin: 0 0 20px;
  font-size: 14px;
  color: #838383;
  font-family: Calibri; }

.footer-top1 .sub-btn {
  font-size: 18px;
  font-family: Calibri;
  font-weight: bold;
  background: #809f14;
  padding: 6px 15px;
  float: right;
  color: #fff;
  border: 0;
  cursor: pointer; }

/* End Footer Top 1 Css */
/* Start Footer Top 2 Css */
.footer-top2 {
  background-color: #282828;
  padding: 0 0 10px;
  font-size: 14px;
  border-top: 1px solid #191919; }

.footer-top2 h2 {
  font-size: 30px;
  color: #f1f1f1;
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #ccc; }

.social-ico-bar {
  overflow: hidden;
  background-color: #282828;
  margin: 0 0 0px;
  border-bottom: 1px solid #434343;
  padding: 9px 0 0; }

.footer-top2 .social-ico-bar {
  padding: 9px 0; }

.footer2-link {
  margin: 0;
  float: right;
  list-style: none; }

.footer2-link li first-child {
  margin: 0; }

.footer2-link li {
  margin: 0 0 0 15px;
  float: left;
  line-height: 30px;
  list-style: none; }

.footer2-link ul {
  margin: 2px 0; }

.footer2-link li a {
  color: #fff; }

.f2-pots-list {
  margin: 0;
  list-style: none; }

.f2-pots-list li {
  margin: 0 0 28px;
  position: relative;
  padding: 0 0 0 50px; }

.f2-pots-list li a {
  color: #fff; }

.footer-top2 .comments-num {
  color: #8d8d8d; }

.post-date2 {
  background: #809F14;
  color: #fff;
  height: 30px;
  left: 0;
  line-height: 15px;
  padding: 4px 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 39px; }

.f2-img-list {
  margin: 0;
  list-style: none;
  margin-left: -10%; }

.f2-img-list li {
  width: 40%;
  margin: 0 0 20px 10%;
  color: #000;
  float: left; }

.f2-img-list li .left {
  float: left;
  margin-right: 14px;
  width: 60px; }

.f2-img-list li .right {
  float: right;
  width: 88px; }

.f2-img-list li .right .title {
  display: block; }

.f2-img-list li .right .title a {
  color: #fff; }

/* End Footer Top 1 Css */
/* Start Main Footer */
#main-footer .social-ico-bar {
  margin: 0; }

#main-footer p {
  margin: 0;
  color: #fff; }

#main-footer p a {
  color: #fff; }

#main-footer .row-fluid [class*="span"] {
  margin-bottom: 0;
  line-height: 30px; }

.copy-right {
  text-align: right; }

/* End Main Footer */
/* Start Side Bar Styling */
.side-holder {
  margin: 0 0 35px; }

.side-holder .title {
  color: #98b827;
  display: block;
  margin: 0 0 5px; }

.side-holder .side-inner-holder {
  background: #fcfcfc;
  border: 1px solid #e5e5e5;
  border-top: 0;
  padding: 16px;
  margin-bottom: 30px; }

.side-inner-holder .field-bg {
  margin-bottom: 0 !important; }

.side-inner-holder .cp-button {
  padding: 7px 16px !important; }

.side-holder h2 {
  background: #98b827;
  font-size: 20px;
  color: #fefefe;
  line-height: 20px;
  padding: 10px;
  margin: 0; }

.banner-ad img {
  width: 100%; }

.side-holder ul {
  margin: 0; }

.side-holder li {
  margin: 0 0 5px;
  padding-left: 15px;
  background: url(images/list-type.png) no-repeat left 5px;
  list-style: none; }

.side-holder li a {
  color: #000; }

.r-img-title {
  margin: 0 0 15px;
  overflow: hidden; }

.r-img-title img {
  float: left;
  margin-right: 10px;
  border: 1px solid #dcdcdc; }

.r-det-holder {
  float: left;
  width: 150px; }

.r-author {
  font-size: 18px;
  display: block;
  font-weight: normal; }

.r-author a {
  color: #2c2c2c; }

.r-by {
  display: block;
  margin: 0 0 5px; }

.r-img-title .rating-bar img {
  border: 0; }

.r-post p {
  margin: 0;
  font-size: 12px;
  color: #000; }

.r-type {
  font-size: 12px;
  color: #98b827;
  display: block;
  margin: 0 0 5px; }

.r-author {
  font-size: 12px;
  color: #000;
  display: block; }

.r-post:first-child {
  margin: 0;
  border-top: 0;
  padding: 0; }

.r-post {
  border-top: 1px dotted #dcdcdc;
  padding-top: 10px;
  margin-top: 13px; }

.vote-btn {
  font-size: 14px;
  font-weight: bold;
  background: #809f14;
  padding: 6px 15px;
  display: inline-block;
  color: #fff; }

.price-range {
  color: #000; }

.poll-list {
  margin: 0 0 20px;
  list-style: none; }

.poll-list li {
  margin: 0 0 5px;
  line-height: 20px; }

.poll-list input[type="radio"] {
  margin: 0 5px 0 0; }

/* End Side Bar Styling */
/* Start Blog Slider Styling */
.blog-sec-slider {
  margin: 0 0 35px; }

.blog-sec-slider .slide img {
  width: 100%; }

.blog-sec-slider .bx-pager.bx-default-pager {
  display: none; }

.blog-sec-slider .bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  border: solid #fff 0;
  background: transparent; }

.blog-sec-slider .bx-wrapper .bx-next {
  left: 43px; }

.blog-sec-slider .bx-controls-direction {
  bottom: 38px;
  left: 10px;
  position: absolute; }

.blog-sec-slider .bx-wrapper .bx-prev {
  background: url(images/controls2.png) no-repeat 0 -32px; }

.blog-sec-slider .bx-wrapper .bx-next {
  background: url(images/controls2.png) no-repeat -43px -32px; }

.blog-sec-slider .bx-wrapper .bx-prev:hover {
  background-position: 0 0; }

.blog-sec-slider .bx-wrapper .bx-next:hover {
  background-position: -43px 0; }

/* End Blog Slider Styling */
/* Start Blog Post Styling */
.b-post {
  margin: 0 0 35px; }

.b-post h3 {
  margin: 0 0 20px;
  font-size: 20px;
  line-height: 20px;
  color: #090909; }

.b-post p, .b-post-img {
  margin: 0 0 23px; }

.b-post-img img {
  width: 100%; }

.b-post-bottom {
  padding: 15px 0;
  overflow: hidden;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef; }

.post-nav {
  float: left;
  margin: 0;
  list-style: none;
  font-size: 18px; }

.post-nav li:first-child {
  padding: 0;
  background: none; }

.post-nav li {
  float: left;
  margin-right: 15px;
  background: url(images/post-nav-sep.png) no-repeat left;
  padding-left: 20px; }

.post-nav > a, .post-nav li a {
  color: #000; }

.post-nav > a:hover, .post-nav li a:hover {
  color: #333 !important; }

.more-btn {
  float: right;
  padding: 4px 14px;
  font-size: 12px;
  color: #fff !important;
  border: 0;
  text-transform: uppercase; }

.cp-button {
  padding: 4px 14px;
  font-size: 12px;
  color: #fff;
  border: 0;
  text-transform: uppercase; }

.more-btn:hover, .cp-button {
  text-decoration: none; }

.more-btn.left {
  float: left;
  margin-right: 10px; }

.blog-footer {
  padding: 10px 0; }

.blog-footer .pagination {
  margin: 0;
  float: left; }

.blog-footer .pagination a {
  color: #000; }

/* End Blog Post Styling */
/* Start Blog Detail Styling */
.blog-detail .b-post-bottom {
  margin: 0 0 20px; }

.blog-detail i {
  font-size: 20px;
  margin-right: 10px; }

.blog-quote p {
  color: #aaa; }

.form-horizontal textarea {
  max-width: 60%;
  min-width: 60%;
  min-height: 150px;
  max-height: 150px; }

/* Start Blog Detail Styling */
/* Start Sort list Section */
.product_sort {
  overflow: hidden;
  padding: 10px 0 5px; }

.product_sort #productsSortForm {
  float: left; }

.product_view {
  float: right;
  list-style: none outside none;
  margin-top: 4px; }

.product_view li {
  float: left;
  margin-left: 15px;
  overflow: hidden; }

.product_view li a.grid-view {
  background: url(images/grid-icon.png) no-repeat top;
  width: 25px;
  height: 16px;
  text-indent: -999px;
  display: block; }

.product_view li a.grid-view:hover {
  background-position: bottom; }

.product_view li a.list-view {
  background: url(images/list-icon.png) no-repeat top;
  width: 25px;
  height: 16px;
  text-indent: -999px;
  display: block; }

.product_view li a.list-view:hover {
  background-position: bottom; }

.product_view {
  float: right; }

.row-1 {
  border-bottom: 1px solid #efefef;
  padding-bottom: 7px;
  margin-bottom: 7px;
  overflow: hidden; }

.row-1 .left {
  float: left;
  width: 50%; }

.row-1 .right {
  float: right;
  width: 50%;
  text-align: right; }

.row-1 .right select {
  width: 50px;
  margin: 0 10px; }

.row-1 .s-title {
  float: left;
  margin-right: 10px;
  line-height: 24px; }

.row-1 .list-nav {
  float: left; }

.row-1 .list-nav select {
  font-size: 13px;
  margin: 0;
  color: #7f7f7f;
  height: 24px;
  padding: 2px;
  width: 100px;
  border: 1px solid #cfcfcf; }

/* End Sort list Section */
/* Start Book Detail Section */
.b-detail-holder {
  border: 1px solid #e5e5e5;
  overflow: hidden; }

.title-holder {
  overflow: hidden;
  background: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  padding: 11px 11px 3px; }

.title-holder h4 {
  margin: 0; }

.title-holder h4 i {
  color: #98b827; }

.title-holder [class*="span"] {
  margin: 0 !important; }

.book-d-nav {
  text-align: right; }

.book-d-nav ul {
  margin: 0;
  list-style: none; }

.book-d-nav ul li {
  display: inline-block;
  margin-left: 10px; }

.book-d-nav ul li a {
  color: #000; }

.book-i-caption {
  padding: 15px;
  overflow: hidden;
  margin-bottom: 50px; }

.book-i-caption .title {
  color: #98b827;
  margin: 0 0 15px;
  display: block;
  font-size: 18px; }

.comm-nav {
  overflow: hidden;
  margin-top: 50px; }

.comm-nav .title2 {
  display: block;
  margin: 0 0 5px; }

.comm-nav ul {
  margin: 0;
  list-style: none;
  overflow: hidden; }

.comm-nav ul li {
  float: left;
  margin-right: 10px; }

.comm-nav ul li.b-price {
  font-size: 18px;
  color: #000; }

.comm-nav ul li input[type="text"] {
  width: 60px; }

.b-img-holder {
  border: 1px solid #e5e5e5;
  padding: 25px 10px;
  text-align: center; }

/* End Book Detail Section */
/* Start Related Books Section */
.related-book {
  padding: 15px; }

.related-book .bx-pager {
  display: none; }

.related-book .bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  border: solid #fff 0;
  background: transparent; }

.related-book .slide {
  padding: 18px;
  border: 1px solid #e5e5e5;
  transition: width 1s;
  -moz-transition: 1s;
  /* Firefox 4 */
  -webkit-transition: 1s;
  /* Safari and Chrome */
  -o-transition: 1s;
  /* Opera */ }

.related-book .slide:hover {
  background: #f9f9f9;
  border-color: #85a319;
  -moz-box-shadow: 0 0 7px #ccc;
  -webkit-box-shadow: 0 0 7px #ccc;
  box-shadow: 0 0 7px #ccc; }

.related-book .slide .title {
  display: block;
  margin: 0 0 5px;
  color: #000;
  font-size: 12px; }

.related-book .slide .title a {
  color: #000; }

.related-book .slide img {
  margin: 0 0 5px; }

.related-book .pro-img {
  -moz-box-shadow: 2px 2px 2px #4e4e4e;
  -webkit-box-shadow: 2px 2px 2px #4e4e4e;
  box-shadow: 2px 2px 2px #4e4e4e; }

.related-book .bx-controls-direction {
  position: absolute;
  right: 44px;
  top: -46px; }

.related-book .bx-wrapper .bx-prev {
  left: -17px; }

.related-book .bx-wrapper .bx-next {
  right: -44px; }

.related-book .bx-wrapper {
  max-width: 100% !important; }

/* End Related Books Section */
/* Start Reviews Section */
.reviews-section {
  border-top: 2px solid #98b827;
  overflow: hidden; }

.left-sec {
  float: left;
  width: 29.8%; }

.right-sec {
  float: left;
  width: 70%;
  border-left: 1px solid #dcdcdc; }

.right-sec.r-border {
  border-right: 1px solid #dcdcdc;
  min-height: 400px;
  padding: 3%;
  width: 64%; }

.r-title-bar {
  background: #fafafa;
  padding: 8px 10px;
  font-size: 18px;
  color: #000;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 20px; }

.r-title-bar strong {
  font-weight: normal; }

.review-list {
  list-style: none;
  margin: 0;
  padding: 0 20px;
  font-size: 12px; }

.review-list em {
  display: block;
  margin: 0 0 10px;
  color: #98b827;
  font-style: normal; }

.review-list li {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px dotted #dcdcdc; }

.review-list li p {
  margin: 0;
  color: #000; }

.grey-btn {
  display: block;
  color: #fff;
  background: #292929;
  padding: 6px 0;
  margin: 10px 20px;
  text-align: center; }

.grey-btn:hover {
  text-decoration: none;
  background: #000;
  color: #fff; }

.grey-btn.left-btn {
  float: left;
  padding: 6px 10px; }

.review-f-list {
  margin: 0;
  list-style: none;
  padding: 0 20px; }

.review-f-list li {
  margin: 0 0 10px; }

.review-f-list li textarea {
  max-width: 60%;
  min-width: 60%;
  min-height: 150px;
  max-height: 150px; }

.rating-list {
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  padding: 10px 0; }

.rating-box {
  display: inline-block; }

/* End Review form Section */
/* Start Check Method Section */
.check-method-left {
  color: #000;
  border-right: 1px solid #dcdcdc;
  padding-right: 30px; }

.green-t {
  display: block;
  margin: 0 0 10px;
  color: #98b827; }

.form-horizontal .controls {
  margin: 0; }

.form-horizontal .control-label {
  display: block;
  float: none;
  text-align: left; }

.form-horizontal .control-group {
  margin: 0 0 5px; }

.check-method-right input[type="text"] {
  width: 96%; }

.checkout-holder {
  border: 1px solid #E5E5E5;
  overflow: hidden;
  margin-bottom: 70px; }

.checkout-holder .accordion-group {
  border-left: 0;
  border-top: 0; }

.checkout-holder .accordion {
  margin: 0; }

.checkout-holder [class*="span"] {
  margin-bottom: 0 !important; }

.review-list {
  margin: 0;
  list-style: none; }

.review-list a {
  color: #000;
  display: block; }

.checkout-holder .row-fluid .span3 {
  width: 25.6%; }

/* End Check Method Section */
/* Start Order Review Section */
.btn-holder {
  overflow: hidden; }

.more-btn2 {
  float: left;
  background: #2a2a2a;
  padding: 4px 14px;
  font-size: 12px;
  color: #fff;
  border: 0;
  text-transform: uppercase; }

.more-btn2:hover {
  text-decoration: none;
  background: #494949;
  color: #fff; }

.accordion-inner tr {
  border-bottom: 1px dotted #dcdcdc;
  text-align: center; }

.accordion-inner tr.heading-bar-table {
  background: #7cad0f;
  border-top: 5px solid #4f9716;
  color: #fff; }

.accordion-inner.no-p {
  padding: 0; }

/* End Order Review Section */
/* Start Billing Info Section */
.billing-form {
  margin: 0;
  list-style: none; }

.billing-form li {
  overflow: hidden; }

.billing-form li label {
  display: block;
  float: none;
  text-align: left; }

.billing-form li .control-group {
  float: left;
  margin-right: 30px; }

.billing-form li .controls {
  margin: 0 !important; }

.billing-form li .control-group {
  margin-bottom: 10px !important; }

.billing-form input[type="text"] {
  width: 275px; }

.billing-form input[type="text"].address-field {
  width: 593px; }

.billing-form select {
  width: 287px;
  font-size: 12px; }

.billing-form .green-t {
  margin: 10px 0 0; }

.b-label {
  float: left !important;
  margin-right: 20px;
  margin-top: 10px !important; }

/* Start Billing Info Section */
/* Start Payments Info Section */
.label-holder {
  overflow: hidden; }

.billing-form select.month-list {
  float: left;
  width: 60%; }

.billing-form select.year-list {
  float: right;
  width: 30%; }

.w-extra {
  width: 287px; }

/* End Payments Info Section */
/* Start Contact Page Section */
.map-holder {
  margin: 0 0 20px; }

.c-form-holder .form-horizontal textarea {
  max-width: 95%;
  min-width: 95%; }

/* End Contact Page Section */
/* Start Order Recieved Section */
.order-list {
  margin: 0;
  list-style: none;
  padding: 0 20px 20px; }

.order-list li:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0; }

.order-list li {
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px dotted #dcdcdc; }

.order-list li span {
  color: #1e1e1e;
  font-size: 18px; }

/* End Order Recieved Section */
/* Start Grid View Section */
.grid-holder {
  margin: 0 0 20px; }

.grid-holder img {
  width: 100%; }

.grid-holder.features-books .pro-img {
  -moz-box-shadow: 0 0 0 #4e4e4e;
  -webkit-box-shadow: 0 0 0 #4e4e4e;
  box-shadow: 0 0 0 #4e4e4e; }

.grid-holder.features-books .slide .title a {
  font-size: 14px;
  line-height: 30px; }

/* End Grid View Section */
/* Start List View Section */
.item-holder {
  overflow: hidden;
  border-bottom: 1px dotted #dcdcdc;
  margin-bottom: 17px;
  color: #000; }

.title-bar {
  margin: 0 0 10px; }

.title-bar a {
  font-size: 18px;
  font-weight: bold; }

.title-bar span {
  display: block;
  font-weight: normal;
  color: #646464; }

/* End List View Section */
/* Start Cart Section */
.cart-holder .heading-bar {
  overflow: hidden; }

.cart-holder .heading-bar h2 {
  float: left; }

.cart-table-holder {
  padding: 40px;
  background: #f9f9f9;
  border: 1px solid #efefef;
  margin-bottom: 70px; }

.product-detail {
  border: 1px solid #e5e5e5;
  color: #000; }

.product-detail input[type="text"] {
  width: 30px;
  margin: 0 30px;
  text-align: center; }

.product-detail i {
  font-size: 18px; }

.product-detail td {
  border-right: 1px solid #efefef; }

.cart-option-box {
  border: 1px solid #e5e5e5;
  padding: 20px;
  color: #000; }

.cart-option-box i {
  color: #98b827;
  font-size: 28px; }

.cart-option-box h4 {
  text-transform: uppercase;
  font-size: 24px; }

.cart-option-box .more-btn {
  float: none;
  font-size: 16px; }

.cart-option-box form {
  margin: 0; }

.price-total {
  text-align: center; }

.large-f {
  font-size: 24px; }

.total-payment {
  margin: 0 0 20px; }

.price-total .more-btn {
  margin: 0 0 20px;
  display: inline-block; }

/* End Cart Section */
/* Start Price Range Style */
.price-range input[type="text"] {
  margin: 0;
  border: 0;
  background: transparent;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075); }

/* End Price Range Style */
/* Start Main Slider Style */
.main-slider {
  position: relative; }

.book-holder .star-rating {
  height: 16px;
  position: absolute;
  right: 122px;
  display: none; }

.book-rating .price {
  display: none !important; }

.book-rating .star-rating {
  float: none !important; }

.book-rating {
  position: relative; }

.slider-bottom {
  max-width: 938px;
  margin: 0 auto;
  display: block; }

.main-slider .price {
  border: none !important; }

.slider-bottom img {
  width: 100%; }

.slide-inner {
  padding: 35px; }

.details-wrapper {
  height: 270px; }

.slider-logo {
  bottom: -24px;
  position: absolute;
  right: -70px; }

.book-holder img {
  margin-bottom: 10px;
  -moz-box-shadow: 2px 2px 2px #414141;
  -webkit-box-shadow: 2px 2px 2px #414141;
  box-shadow: 2px 2px 2px #414141;
  height: 325px;
  width: 225px; }

.slide-inner .price {
  float: none;
  display: inline-block;
  border-left: 1px solid #5a5a5a;
  font-size: 24px; }

.book-detail {
  text-align: left; }

.book-detail h2 {
  font-size: 30px;
  color: #232323;
  margin: 0 0 10px; }

.book-detail .title {
  color: #98b827;
  font-size: 20px;
  display: block;
  margin: 0 0 10px; }

.shop-btn {
  width: 130px;
  height: 42px;
  text-align: center;
  display: inline-block;
  line-height: 40px;
  color: #fff;
  margin: 25px 0 43px; }

.shop-btn a {
  border: none;
  box-shadow: 0 0 0; }

.cap-holder {
  position: relative; }

.cap-holder a {
  color: #fff;
  font-weight: bold;
  border-top: 2px solid #fff;
  display: inline-block;
  padding: 7px 0 0; }

.cap-holder a:hover {
  text-decoration: none; }

.shop-btn a {
  background-image: url(images/gradient-top4-32px.png);
  border-radius: 5px 5px 5px 5px;
  padding: 10px 28px; }

.shop-btn a:hover {
  background-image: url(images/gradient-bottom4-32px.png); }

/* End Main Slider Style */
/* Start About Section */
.content-img {
  float: left;
  margin: 0 15px 15px 0; }

/* End About Section */
/* Start 404 Page Styling */
h2.heading-404 {
  font-size: 255px;
  margin: -30px 0 118px;
  text-align: center;
  line-height: 208px;
  color: #4a4a4a; }

h3.sub-heading-404 {
  font-size: 26px;
  text-align: center; }

/* End 404 Page Styling */
/* Start Short Codes Styling */
.the-icons {
  margin: 0; }

.the-icons li {
  float: left;
  list-style: none;
  line-height: 25px;
  width: 25%; }

/*----------- Drop Capes -----------*/
.dropcap {
  background: #fcfcfc;
  color: #666;
  display: inline-block;
  float: left;
  font-size: 23px;
  font-weight: 600;
  height: 36px;
  line-height: 36px;
  margin: 0 7px 0 0;
  text-align: center;
  width: 36px;
  border: 1px solid #f6f6f6;
  font-family: 'AgencyFB-Bold'; }

.dropcap.dark {
  background: #3a3a3a;
  color: #fff; }

.dropcap.color {
  background: #98b827;
  color: #fff; }

/*----------- End Drop Capes -----------*/
/*----------- Dividers -----------*/
.text-divider1 {
  border-top: 1px solid #CCCCCC;
  margin-bottom: 19px; }

.text-divider2 {
  border-bottom: 1px solid #CCCCCC;
  color: #666666;
  display: block;
  margin-bottom: 19px;
  text-align: right;
  width: 100%; }

.text-divider2:hover, .text-divider4:hover {
  color: #666666;
  text-decoration: none; }

.text-divider3 {
  border-top: 1px dashed #CCCCCC;
  margin-bottom: 19px; }

.text-divider4 {
  border-bottom: 1px dashed #CCCCCC;
  color: #666666;
  display: block;
  margin-bottom: 19px;
  text-align: right;
  width: 100%; }

.text-divider5, .text-divider6 {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 19px;
  width: 100%; }

.text-divider5 span {
  display: block;
  float: left;
  height: 6px;
  width: 111px; }

.text-divider6 span {
  display: block;
  float: right;
  height: 6px;
  width: 111px; }

/*----------- End Dividers -----------*/
/*----------- Icons Dividers -----------*/
.the-icons {
  list-style: none outside none;
  margin-left: 0; }

.the-icons li {
  float: left;
  line-height: 25px;
  width: 25%; }

/*----------- End Icons Dividers -----------*/
/* End Short Codes Styling */
.grid-holder.features-books .slide {
  min-height: 338px; }

.product-archive .grid-holder.features-books .slide {
  min-height: 270px; }

/* # Social Icons # */
#socialicons {
  position: relative;
  text-align: left;
  display: inline-block; }

#socialicons > a:first-child {
  margin-left: 0; }

#socialicons > a {
  margin-left: 5px;
  margin-right: 0;
  display: inline-block;
  width: 36px;
  height: 36px;
  float: left;
  overflow: hidden;
  position: relative; }

#socialicons > a span {
  width: 36px;
  height: 36px;
  overflow: hidden;
  position: absolute;
  display: none; }

#socialicons > a span.da-animate {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* # Social icons List # */
#social_facebook {
  background: url(images/icon/social/facebook.png) no-repeat; }

#social_facebook span {
  background: url(images/icon/social/facebook.png) no-repeat 0 -36px; }

#social_twitter {
  background: url(images/icon/social/twitter0.png) no-repeat; }

#social_twitter span {
  background: url(images/icon/social/twitter0.png) no-repeat 0 -36px; }

#social_dribbble {
  background: url(images/icon/social/dribbble.png) no-repeat; }

#social_dribbble span {
  background: url(images/icon/social/dribbble.png) no-repeat 0 -36px; }

#social_flickr {
  background: url(images/icon/social/flickr.png) no-repeat; }

#social_flickr span {
  background: url(images/icon/social/sociallickr.png) no-repeat 0 -36px; }

#social_forst {
  background: url(images/icon/social/socialorst.png) no-repeat; }

#social_forst span {
  background: url(images/icon/social/socialforst.png) no-repeat 0 -36px; }

#social_github {
  background: url(images/icon/social/socialgithub.png) no-repeat; }

#social_github span {
  background: url(images/icon/social/socialgithub.png) no-repeat 0 -36px; }

#social_linkedin {
  background: url(images/icon/social/linkedin.png) no-repeat; }

#social_linkedin span {
  background: url(images/icon/social/linkedin.png) no-repeat 0 -36px; }

#social_pinterest {
  background: url(images/icon/social/pinterest.png) no-repeat; }

#social_pinterest span {
  background: url(images/icon/social/pinterest.png) no-repeat 0 -36px; }

#social_instagram {
  background: url(images/icon/social/instagram.png) no-repeat; }

#social_instagram span {
  background: url(images/icon/social/instagram.png) no-repeat 0 -36px; }

#social_rss {
  background: url(images/icon/social/rss.png) no-repeat; }

#social_rss span {
  background: url(images/icon/social/rss.png) no-repeat 0 -36px; }

#social_vimeo {
  background: url(images/icon/social/vimeo.png) no-repeat; }

#social_vimeo span {
  background: url(images/icon/social/vimeo.png) no-repeat 0 -36px; }

#social_youtube {
  background: url(images/icon/social/youtube.png) no-repeat; }

#social_youtube span {
  background: url(images/icon/social/youtube.png) no-repeat 0 -36px; }

#social_trumblr {
  background: url(images/icon/social/trumblr.png) no-repeat; }

#social_trumblr span {
  background: url(images/icon/social/trumblr.png) no-repeat 0 -36px; }

#social_google_plus {
  background: url(images/icon/social/google_p.png) no-repeat; }

#social_google_plus span {
  background: url(images/icon/social/google_p.png) no-repeat 0 -36px; }

/* # Animation on Social Icons **/
.da-slideFromTop {
  left: 0px;
  top: -100%; }

.da-slideFromBottom {
  left: 0px;
  top: 100%; }

.da-slideFromLeft {
  top: 0px;
  left: -100%; }

.da-slideFromRight {
  top: 0px;
  left: 100%; }

/* Final state classes: */
.da-slideTop {
  top: 0px; }

.da-slideLeft {
  left: 0px; }

/* Content Flip Style */
.bb-bookblock {
  width: 400px;
  height: 300px;
  position: relative;
  z-index: 100; }

.bb-page {
  width: 50%;
  height: 100%;
  left: 50%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center; }

.bb-page > div, .bb-outer, .bb-content {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0; }

.bb-content {
  background: #fff; }

.bb-inner {
  position: relative;
  width: 100%;
  height: 100%; }

.bb-overlay, .bb-outer {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.bb-page > div {
  width: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.bb-back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.bb-outer {
  width: 100%;
  overflow: hidden;
  z-index: 999; }

.bb-overlay, .bb-flipoverlay {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0; }

.bb-flipoverlay {
  background-color: rgba(0, 0, 0, 0.2); }

.bb-bookblock > div.bb-page:first-child, .bb-bookblock > div.bb-page:first-child .bb-back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.bb-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

/* Header Style */
.codrops-top {
  line-height: 24px;
  font-size: 11px;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  z-index: 9999;
  position: relative;
  font-family: Cambria, Georgia, serif;
  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2); }

.codrops-top a {
  padding: 0px 10px;
  letter-spacing: 1px;
  color: #333;
  display: inline-block; }

.codrops-top a:hover {
  background: rgba(255, 255, 255, 0.6); }

.codrops-top span.right {
  float: right; }

.codrops-top span.right a {
  float: left;
  display: block; }

/* Demo Buttons Style */
.codrops-demos {
  text-align: center;
  display: block;
  line-height: 30px;
  padding: 5px 0px; }

.codrops-demos a {
  display: inline-block;
  margin: 0px 4px;
  padding: 0px 6px;
  color: #aaa;
  line-height: 20px;
  font-size: 13px;
  text-shadow: 1px 1px 1px #fff;
  border: 1px solid #fff;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* IE10+ */
  background: linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
  /* IE6-9 */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.codrops-demos a:hover {
  color: #333;
  background: #fff; }

.codrops-demos a:active {
  background: #fff; }

.codrops-demos a.current-demo, .codrops-demos a.current-demo:hover {
  background: #f0f0f0;
  border-color: #d9d9d9;
  color: #aaa;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6', GradientType=0 );
  /* IE6-9 */ }

.support-note span {
  color: #ac375d;
  font-size: 16px;
  display: none;
  font-weight: bold;
  text-align: center;
  padding: 5px 0; }

.no-cssanimations .support-note span.no-cssanimations, .no-csstransforms .support-note span.no-csstransforms, .no-csstransforms3d .support-note span.no-csstransforms3d, .no-csstransitions .support-note span.no-csstransitions {
  display: block; }

.bb-custom-wrapper {
  background: #98b827;
  height: 431px;
  position: relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  border: 1px solid #f0f0f0;
  overflow: hidden; }

.no-sidebar .bb-custom-wrapper {
  width: 930px; }

.no-sidebar .bb-bookblock {
  width: 938px;
  height: 431px; }

.sidebar-included .bb-bookblock {
  width: 860px;
  height: 431px; }

.sidebar-included .bb-custom-wrapper {
  width: 860px; }

.both-sidebar-included .bb-bookblock {
  width: 575px;
  height: 350px; }

.both-sidebar-included .book-holder img {
  height: 265px; }

.both-sidebar-included .bb-custom-wrapper {
  height: 350px; }

.sidebar-included .main-slider {
  width: 865px; }

.bb-custom-content {
  text-align: center;
  width: 100%;
  height: 100%;
  background-image: url(images/flower-bg.jpg);
  background-repeat: no-repeat;
  background-position: top; }

.bb-custom-content h3 {
  text-indent: 30px;
  letter-spacing: 30px;
  line-height: 96px;
  padding: 20px;
  color: #AED1D8;
  font-size: 30px;
  display: block;
  text-transform: uppercase;
  position: relative;
  background: rgba(84, 201, 234, 0.3);
  margin: 0;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); }

.bb-custom-content h3:before, .bb-custom-content h3:after {
  content: '';
  position: absolute;
  height: 10px;
  border-top: 2px dotted rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
  bottom: 0px;
  left: 10px;
  right: 10px; }

.bb-custom-content h3:before {
  bottom: auto;
  top: 10px; }

.bb-custom-content p {
  color: #fff; }

.bb-custom-content h4 {
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0; }

.bb-custom-content h4 span {
  font-size: 50px;
  color: #bdbaa7;
  font-weight: 400;
  line-height: 60px; }

nav.bb-custom-nav {
  width: 100%; }

nav.bb-custom-nav a {
  z-index: 100;
  outline: none;
  left: 0;
  position: absolute;
  top: 43%;
  width: 65px;
  height: 65px;
  background: url(images/nav.png) center right;
  text-indent: -90000px; }

nav.bb-custom-nav a.right-arrow {
  right: 0;
  left: auto; }

nav.bb-custom-nav a:first-child {
  background-position: center left;
  margin-right: 5px;
  float: left; }

.bb-bookblock .folder {
  width: 50%;
  height: 100%;
  position: relative;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px; }

.bb-bookblock .folder-cover, .bb-bookblock .folder-inner {
  position: absolute;
  width: 330px;
  top: 10px;
  left: 10px;
  bottom: 10px;
  z-index: 3; }

.bb-bookblock .folder-cover {
  background: #f7f7f7;
  background: -moz-linear-gradient(left, #f7f7f7 0%, #ffffff 12%, #ededed 100%);
  background: -webkit-linear-gradient(left, #f7f7f7 0%, #ffffff 12%, #ededed 100%);
  background: -o-linear-gradient(left, #f7f7f7 0%, #ffffff 12%, #ededed 100%);
  background: -ms-linear-gradient(left, #f7f7f7 0%, #ffffff 12%, #ededed 100%);
  background: linear-gradient(to right, #f7f7f7 0%, #ffffff 12%, #ededed 100%);
  box-shadow: inset -2px 0 5px rgba(255, 255, 255, 0.4), 1px 1px 3px rgba(0, 0, 0, 0.2), 2px 0 3px rgba(0, 0, 0, 0.2); }

.bb-bookblock .folder-inner {
  top: 20px;
  padding-top: 130px;
  background: url(images/demo3/paper_blue.jpg) center center;
  box-shadow: inset 0 -2px 2px rgba(255, 255, 255, 0.4), inset 0 2px 2px rgba(255, 255, 255, 0.2), 1px 0 2px rgba(0, 0, 0, 0.1);
  z-index: 2;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  -moz-transition: -moz-transform 300ms ease-in-out;
  -o-transition: -o-transform 300ms ease-in-out;
  -ms-transition: -ms-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out; }

.bb-bookblock .folder-fold {
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, #f2f2f2 4%, #ffffff 88%, #f7f7f7 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f2f2f2 4%, #ffffff 88%, #f7f7f7 100%);
  background: -o-linear-gradient(left, #ffffff 0%, #f2f2f2 4%, #ffffff 88%, #f7f7f7 100%);
  background: -ms-linear-gradient(left, #ffffff 0%, #f2f2f2 4%, #ffffff 88%, #f7f7f7 100%);
  background: linear-gradient(to right, #ffffff 0%, #f2f2f2 4%, #ffffff 88%, #f7f7f7 100%);
  position: absolute;
  right: 10px;
  width: 60px;
  top: 10px;
  bottom: 10px;
  z-index: 4;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.bb-bookblock .folder-cover span {
  cursor: pointer;
  margin: 220px 0 0 50px;
  display: block;
  background: rgba(255, 255, 255, 0.4);
  text-align: left;
  font-size: 16px;
  padding: 10px 0 10px 30px;
  border-radius: 10px 0 0 10px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-right: none; }

#folder-close {
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  position: absolute;
  right: 10px;
  top: 10px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }

.bb-custom-last {
  height: 100%;
  box-shadow: inset 0 100px 0 rgba(231, 152, 213, 0.1), inset 0 -100px 0 rgba(231, 152, 213, 0.1); }

.bb-custom-circle {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 50%;
  right: 80px;
  margin-top: -100px;
  border-radius: 50%;
  box-shadow: 0 0 0 15px rgba(84, 201, 234, 0.3);
  background: url(images/demo3/faces.jpg) -288px -210px;
  z-index: 0; }

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1; }

.bx-wrapper img {
  max-width: 100%;
  display: block;
  margin: 0 auto; }

.slider2 img {
  height: 130px;
  width: 107px;
  padding: 20px 0; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: solid #fff 5px;
  background: #fff; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) no-repeat 0 -32px; }

.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) no-repeat -43px -32px; }

.bx-wrapper .bx-prev:hover {
  background-position: 0 0; }

.bx-wrapper .bx-next:hover {
  background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 37%;
  margin-top: -11px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0.2em;
  left: 0.2em; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  cursor: default; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: 4px; }

.ui-slider-horizontal .ui-slider-handle {
  top: -7px;
  margin-left: -0.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: 0.8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px; }

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none; }

/* vertical centre icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #dadada;
  margin: 0 0 10px;
  color: #222; }

.ui-widget-content a {
  color: #222; }

.ui-widget-header {
  background: #6f6f6f;
  color: #222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: url(images/ui-bg_gl.png) 50% 50% no-repeat;
  font-weight: normal;
  color: #555;
  cursor: pointer; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: url(images/ui-bg_gl2.png) 50% 50% no-repeat;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #212121;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background: url(images/ui-bg_gl2.png) 50% 50% no-repeat;
  font-weight: normal;
  color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

.row-fluid.sidebar-included.left-sidebar .page-item {
  float: right; }

.row-fluid.both-sidebar-included .page-item {
  float: right; }

.row-fluid.sidebar-included.product-left-sidebar .page-item {
  float: right; }

.row-fluid.both-sidebar-included .page-item {
  float: right; }

/* Shortcode */
.shortcode1-4 {
  width: 23%;
  margin-right: 2%;
  float: left; }

.shortcode1-3 {
  width: 31.33%;
  margin-right: 2%;
  float: left; }

.shortcode1-2 {
  width: 48%;
  margin-right: 2%;
  float: left; }

.shortcode2-3 {
  width: 64.66%;
  margin-right: 2%;
  float: left; }

.shortcode3-4 {
  width: 73%;
  margin-right: 2%;
  float: left; }

.shortcode1 {
  width: 98%;
  margin-right: 2%;
  float: left; }

.social-shares li {
  list-style: none;
  float: left;
  margin: 0 10px; }

.social-shares li:first-child {
  margin: 0; }

.author_links li {
  list-style: none;
  float: left;
  margin: 0 10px; }

.author_links, .social-shares ul {
  margin: 0; }

.about-author-wrapper {
  border: 1px solid #DDDDDD;
  padding: 10px; }

a.cp-button.shortcode-large-button {
  margin-bottom: 20px;
  margin-right: 10px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  padding: 0 21px; }

a.cp-button.shortcode-medium-button {
  margin-bottom: 20px;
  margin-right: 10px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  padding: 0 15px; }

a.cp-button.shortcode-small-button {
  margin-bottom: 20px;
  margin-right: 10px;
  text-shadow: none;
  font-size: 11px; }

div.shortcode-list ul {
  list-style: none !important;
  margin-left: 0 !important; }

div.shortcode-list li {
  border: 0 !important;
  line-height: 12px;
  margin-bottom: 10px;
  padding: 2px 0 2px 25px !important; }

div.shortcode-list-arrow li {
  background: url(images/list/arrow.png) no-repeat !important; }

div.shortcode-list-arrow2 li {
  background: url(images/list/arrow2.png) no-repeat !important; }

div.shortcode-list-arrow3 li {
  background: url(images/list/arrow3.png) no-repeat !important; }

div.shortcode-list-bullet li {
  background: url(images/list/bullet.png) no-repeat !important; }

div.shortcode-list-bullet2 li {
  background: url(images/list/bullet2.png) no-repeat !important; }

div.shortcode-list-bullet3 li {
  background: url(images/list/bullet3.png) no-repeat !important; }

div.shortcode-list-check li {
  background: url(images/list/check.png) no-repeat !important; }

div.shortcode-list-check2 li {
  background: url(images/list/check2.png) no-repeat !important; }

div.shortcode-list-check3 li {
  background: url(images/list/check3.png) no-repeat !important; }

div.shortcode-list-delete li {
  background: url(images/list/delete.png) no-repeat !important; }

div.shortcode-list-delete2 li {
  background: url(images/list/delete2.png) no-repeat !important; }

div.shortcode-list-delete3 li {
  background: url(images/list/delete3.png) no-repeat !important; }

div.shortcode-social {
  float: left;
  margin-right: 12px; }

div.shortcode-block-quote-left {
  width: 33%;
  float: left;
  border-left: 2px solid #ddd;
  font-size: 16px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: oblique;
  margin: 15px 20px;
  padding: 20px; }

div.shortcode-block-quote-right {
  width: 33%;
  float: right;
  border-left: 2px solid #ddd;
  font-size: 16px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: oblique;
  margin: 15px 20px;
  padding: 20px; }

div.shortcode-block-quote-center {
  text-align: center;
  border-left: 2px solid #ddd;
  font-size: 16px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: oblique;
  margin: 0 20px 20px;
  padding: 20px; }

div.shortcode-dropcap {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 5px;
  font-size: 20px;
  width: 32px;
  height: 32px;
  line-height: 27px;
  text-align: center;
  float: left; }

div.shortcode-dropcap.circle {
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px; }

/* Comments 
----------------------------------*/
div.comment-wrapper {
  margin-top: 40px; }

div.comment-wrapper .comment-title {
  font-size: 18px; }

div.comment-wrapper .comment-form-comment {
  margin-right: 40px; }

div.comment-wrapper #reply-title {
  font-size: 18px;
  margin-bottom: 15px; }

div.comment-wrapper input[type="text"], input[type="password"] {
  width: 320px;
  height: 30px;
  line-height: 20px;
  margin: 5px 5px 25px;
  padding: 0 0 0 10px; }

div.comment-wrapper textarea {
  height: 165px;
  width: 590px;
  max-width: 100%;
  line-height: 20px;
  margin: 5px 5px 25px;
  padding: 10px;
  margin-left: 0px; }

div.comment-wrapper .comment-form-author label, div.comment-wrapper .comment-form-email label, div.comment-wrapper .comment-form-url label, div.comment-wrapper .comment-form-author span, div.comment-wrapper .comment-form-email span, div.comment-wrapper .comment-form-url span, ol.comment-list {
  list-style: none;
  margin: 0; }

ol.comment-list .comment-body {
  border-bottom: 1px solid;
  margin-top: 22px;
  padding-bottom: 22px;
  border-color: #ddd; }

ol.comment-list ul {
  list-style: none;
  margin: 0 0 0 30px; }

div.comment-context {
  margin-left: 80px; }

span.comment-author {
  margin-right: 5px;
  font-size: 16px; }

span.comment-date {
  margin-right: 5px;
  font-style: italic;
  font-size: 11px; }

span.comment-time {
  margin-right: 5px;
  font-style: italic; }

div.comment-content {
  margin-top: 7px; }

div.comment-wrapper #respond {
  margin-top: 30px; }

div.comment-wrapper .comment-form-author input, div.comment-wrapper .comment-form-email input, div.comment-wrapper .comment-form-url input, div.comment-avartar {
  float: left; }

.container-fluid.footer-top2 h3 {
  color: #fff;
  border-bottom: 1px solid #fff;
  font-size: 30px; }

.container-fluid.footer-top2 a {
  color: #fff !important; }

.container-fluid.footer-top2, .quantity, #content .quantity {
  color: #8D8D8D; }

#container ul {
  list-style: none; }

#container .buttons {
  margin-bottom: 20px; }

#container .list li {
  width: 100%;
  border-bottom: 1px dotted #CCC;
  margin-bottom: 10px;
  padding-bottom: 10px; }

#container .grid li {
  float: left;
  width: 20%;
  height: 50px;
  border-right: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
  padding: 20px; }

.button .active {
  background: red !important; }

/* Contact From
----------------------------------*/
div.contact-form-wrapper ol {
  list-style: none;
  margin: 0; }

div.contact-form-wrapper ol li {
  margin-bottom: 20px; }

div.contact-form-wrapper ol li.sending-result {
  max-width: 622px;
  display: none; }

div.contact-form-wrapper ol li.sending-result .message-box-wrapper {
  padding: 10px 15px; }

div.contact-form-wrapper ol li div.error {
  display: none; }

div.contact-form-wrapper input[type="text"], input[type="password"] {
  width: 320px;
  height: 30px;
  line-height: 20px;
  max-width: 90%;
  margin: 10px 5px;
  padding: 0 0 0 7px; }

div.contact-form-wrapper .textarea {
  margin-right: 32px; }

div.contact-form-wrapper textarea {
  height: 165px;
  width: 590px;
  max-width: 100%;
  line-height: 20px;
  margin: 10px 5px;
  padding: 10px; }

div.contact-form-wrapper .contact-submit {
  float: left; }

div.contact-form-wrapper .contact-loading {
  width: 16px;
  height: 16px;
  float: left;
  display: none;
  background: url(images/loading.gif);
  margin: 7px 0 0 15px; }

.require-field.email {
  left: 16px;
  position: relative; }

.require-field.name {
  left: 15px;
  position: relative; }

/* Divider
----------------------------------*/
div.divider {
  border-top: 1px dotted #B2B0AD;
  height: 0;
  margin-bottom: 10px;
  margin-right: 0;
  margin-top: 10px;
  position: relative;
  width: 100%; }

div.scroll-top {
  position: absolute;
  top: -19px;
  right: 2px;
  cursor: pointer;
  font-size: 10px; }

div.pagination a:last-child, div.pagination span:last-child {
  border-color: inherit;
  border-right-style: solid;
  border-right-width: 1px;
  border: 1px solid #ddd; }

.pagination a:hover, .pagination span.current {
  border: 1px solid #ddd;
  background-color: #809F14;
  color: #fff; }

div.pagination a, div.pagination span {
  border: 1px solid #ddd;
  color: inherit;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: center; }

.pagination a {
  background-color: #F0F0F0;
  color: #8C8C8C; }

/* #Custom Tag
================================================== */
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor {
  max-width: 100% !important; }

.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px; }

.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }

.aligncenter {
  margin: 0 auto; }

div.cp-price-item {
  margin-bottom: 20px;
  margin-top: 30px;
  max-width: 270px; }

div.cp-price-item .price-item {
  border: 1px solid;
  margin-left: -1px;
  padding-bottom: 30px;
  border-color: #ddd; }

div.cp-price-item .price-tag {
  font-size: 35px;
  line-height: 40px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 700; }

div.cp-price-item .price-title {
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  padding-top: 8px;
  padding-bottom: 8px;
  background-image: url(images/header-bg.png); }

div.cp-price-item .price-content .shortcode-list {
  display: inline-block; }

div.cp-price-item .price-item.active {
  padding-bottom: 70px;
  margin-top: -20px; }

.cp-price-item .price-item.active .price-title {
  background-color: #5F5F5F !important;
  color: #FFF !important; }

.cp-price-item .price-title {
  background-color: #E9E9E9 !important;
  color: #3A3A3A !important; }

div.cp-price-item .price-button, div.cp-price-item .price-content {
  text-align: center;
  margin-top: 25px; }

/* Alert Boxes
=========================================================*/
.message-box-wrapper {
  padding: 12px 20px 12px 55px;
  position: relative;
  margin-bottom: 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.message-box-content {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.message-box-wrapper .message-box-title {
  margin: 0; }

.message-box-wrapper.red {
  background-image: url(../../images/error000.png);
  background-position: 2% 50%;
  background-repeat: no-repeat;
  background-color: #fff1f2;
  color: #c98f92; }

.message-box-wrapper.green {
  background-image: url(../../images/success0.png);
  background-position: 2% 50%;
  background-repeat: no-repeat;
  background-color: #f4ffdf;
  color: #94b654; }

.message-box-wrapper.blue {
  background-image: url(../../images/info0000.png);
  background-position: 2% 50%;
  background-repeat: no-repeat;
  background-color: #e4f7ff;
  color: #699fb6; }

.message-box-wrapper.yellow {
  background-image: url(../../images/notice00.png);
  background-position: 2% 50%;
  background-repeat: no-repeat;
  background-color: #fdf7d5;
  color: #c49a51; }

.close {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer; }

.error .close {
  background: url(../images/error-cl.png) no-repeat; }

.success .close {
  background: url(../images/success-.png) no-repeat; }

.info .close {
  background: url(../images/info-clo.png) no-repeat; }

.notice .close {
  background: url(../images/notice-c.png) no-repeat; }

/* Accordion
=========================================================*/
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  zoom: 1; }

.accordion {
  margin: 0px;
  padding: 0px; }

.accordion h3 {
  border: 1px solid #EBEBEB;
  margin-bottom: 7px;
  padding: 8px 8px 8px 15px;
  width: 98%;
  line-height: 23px; }

.accordion h3 a {
  color: #fff;
  font-size: 16px; }

.accordion .accordion-content {
  padding: 0 15px 0px;
  line-height: 21px;
  margin: 0px 0px 20px; }

.accordion .ui-icon-triangle-1-e {
  background: url(../../images/plus-icons.jpg) no-repeat 0 0;
  width: 16px;
  height: 16px;
  float: right;
  margin-top: 4px; }

.accordion .ui-icon-triangle-1-s {
  background: url(../../images/min-icons.jpg) no-repeat 0 0;
  height: 14px;
  margin-top: 4px;
  width: 15px;
  float: right; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  right: 0.5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  overflow: hidden;
  zoom: 1; }

ul.accordion {
  list-style: none; }

ul.accordion li {
  list-style: none;
  padding: 0px;
  margin: 0px; }

/* Message Box */
#form_contact div.message-box-wrapper {
  padding: 12px 20px 12px 55px; }

div.message-box-wrapper {
  border: 1px solid;
  padding: 20px;
  margin-bottom: 20px; }

div.message-box-title {
  font-weight: bold;
  font-size: 14px;
  margin-top: 2px; }

div.message-box-content {
  margin-top: 12px; }

div.message-box-wrapper.red {
  background-color: #ffdcdd;
  border-color: #e9b9bb;
  color: #713a3c; }

div.message-box-wrapper.red .message-box-title {
  color: #8d4345; }

div.message-box-wrapper.yellow {
  background-color: #ffffe0;
  border-color: #e1db8b;
  color: #4d4d39; }

div.message-box-wrapper.yellow .message-box-title {
  color: #737357; }

div.message-box-wrapper.blue {
  background-color: #c2e1ee;
  border-color: #8ec3d9;
  color: #3d5058; }

div.message-box-wrapper.blue .message-box-title {
  color: #475d66; }

div.message-box-wrapper.green {
  background-color: #e1ffd9;
  border-color: #badeb1;
  color: #435b3d; }

div.message-box-wrapper.green .message-box-title {
  color: #526d4b; }

/* #Tabs (activate in tabs.js)
================================================== */
ul.tabs {
  display: block;
  margin: 0 0 0 0;
  padding: 0;
  list-style: none; }

ul.tabs li {
  display: block;
  width: auto;
  height: 30px;
  padding: 0;
  float: left;
  margin-bottom: 0; }

ul.tabs li a {
  display: block;
  text-decoration: none;
  width: auto;
  height: 29px;
  padding: 0px 20px;
  line-height: 30px;
  margin: 0 3px 3px 0;
  cursor: pointer;
  border: 1px solid #ddd;
  color: #333; }

ul.tabs li a.active {
  background: #efefef;
  height: 30px;
  color: #809F14; }

ul.tabs li:first-child a.active {
  margin-left: 0; }

ul.tabs li:first-child a {
  border-width: 1px 1px 0 1px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px; }

ul.tabs li:last-child a {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px; }

ul.tabs-content {
  margin: 0 0 20px;
  display: block;
  letter-spacing: 1px;
  padding: 10px 20px;
  line-height: 20px;
  color: #222;
  border: 1px solid #ddd;
  list-style: none; }

ul.tabs-content > li {
  display: none;
  overflow: hidden; }

ul.tabs-content > li h4 {
  margin: 10px 0;
  font-weight: normal; }

ul.tabs-content > li a.active {
  display: block;
  font-weight: bold; }

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before, ul.tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

ul.tabs:after {
  clear: both; }

/* Accordion */
h3.accordion-header-title {
  border-bottom: 0 none;
  color: #2E1308;
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  margin: 0 0 15px;
  padding: 0 0 5px;
  position: relative;
  text-transform: inherit;
  width: 100%; }

ul.cp-accordion {
  list-style: none;
  padding: 0;
  margin-left: 0px; }

ul.cp-accordion li {
  list-style: none;
  padding: 0; }

ul.cp-accordion li h2 {
  font-weight: normal; }

ul.cp-accordion li:first-child {
  list-style: none;
  padding-top: 0px; }

h2.accordion-head {
  border: 1px solid #ddd;
  margin-bottom: 7px;
  padding: 8px 8px 8px 15px;
  line-height: 23px;
  font-size: 16px;
  cursor: pointer;
  display: block; }

div.accordion-content {
  padding: 20px 0px 20px 16px;
  overflow: hidden; }

span.accordion-head-image {
  background: url(images/icon/plus-24px.png) no-repeat 0 0;
  width: 29px;
  height: 29px;
  float: left;
  margin-top: 1px;
  cursor: pointer;
  display: block;
  padding-right: 10px; }

span.accordion-head-image.active {
  background: url(images/icon/minus-24px.png) no-repeat 0 0; }

div.accordion-head p {
  margin-bottom: 0px; }

ul.cp-accordion .accordion-content ul li {
  list-style: disc;
  border-bottom: 0px;
  margin-bottom: 5px; }

/* Toggle Box */
h3.toggle-box-header-title {
  font-size: 18px;
  margin-bottom: 25px; }

ul.cp-toggle-box {
  margin-left: 0px; }

ul.cp-toggle-box li {
  list-style: none;
  border-bottom: 1px solid #ececec;
  margin-bottom: 15px; }

h2.toggle-box-head {
  padding: 0px 0px 0px 0px;
  line-height: 21px;
  font-size: 16px;
  cursor: pointer; }

div.toggle-box-content {
  padding: 0px 0px 20px 37px;
  overflow: hidden; }

span.toggle-box-head-image {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 13px;
  cursor: pointer;
  background-image: url(images/icon/plus-24px.png); }

.toggle-box-head-image.active {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 13px;
  cursor: pointer;
  background-image: url(images/icon/minus-24px.png); }

div.toggle-box-head p {
  margin-bottom: 0; }

ul.cp-toggle-box .toggle-box-content ul li {
  list-style: inherit;
  border-bottom: 0px;
  margin-bottom: 5px; }

columns.wrapper {
  margin-right: 0px;
  margin-left: 0px; }

.column, .columns {
  display: inline;
  margin: 20px 10px 0 !important;
  position: relative; }

.filter-nav.columns {
  float: right; }

.filter-nav ul {
  color: #D5D5D5;
  list-style: none outside none;
  float: right; }

.view-all {
  float: right;
  margin-left: 30px;
  position: relative;
  top: 1px; }

.filter-nav ul li {
  float: left;
  margin: 0 0 0 30px; }

.filter-nav ul li a {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 transparent;
  border-color: -moz-use-text-color-moz-use-text-color #F7F7F7;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 2px;
  box-shadow: none;
  display: block;
  height: 33px;
  line-height: 22px;
  text-align: center; }

.filter-nav ul li .active {
  color: #000; }

div.portfolio-thumbnail-image, div.portfolio-thumbnail-video, div.portfolio-thumbnail-slider {
  border-bottom: 1px solid #ddd;
  margin: -16px 9px 0;
  overflow: hidden;
  padding-bottom: 15px; }

h3.portfolio-header-title, h3.product-header-title {
  color: #333; }

div.portfolio-view-all-project {
  position: absolute;
  right: 10px;
  top: 45px;
  z-index: 100; }

div.portfolio-thumbnail-image {
  position: relative;
  margin: 0 auto 15px;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black; }

.slide-ToRight {
  position: relative; }

div.portfolio-thumbnail-image img {
  display: block;
  margin: 0px auto;
  width: 100%; }

div.portfolio-thumbnail-video {
  text-align: center;
  position: relative;
  margin: 0 0 15px;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black; }

div.portfolio-thumbnail-video object {
  display: block;
  margin: 0px auto; }

div.portfolio-thumbnail-slider {
  text-align: center;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
  margin-bottom: 11px;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black; }

div.portfolio-thumbnail-slider .flexslider {
  display: block; }

div.portfolio-thumbnail-slider ol.flex-control-nav {
  display: none; }

.slides, .flex-control-nav, .flex-direction-nav {
  list-style: none;
  margin: 0;
  padding: 0; }

div.portfolio-thumbnail-slider ul.flex-direction-nav .prev {
  background: url('images/thumbnail-nav.png');
  width: 31px;
  height: 24px;
  bottom: 0px;
  left: 0px;
  top: auto; }

div.portfolio-thumbnail-slider ul.flex-direction-nav .next {
  background: url('images/thumbnail-nav.png');
  width: 31px;
  height: 24px;
  background-position: 31px 0px;
  bottom: 0px;
  left: 31px;
  top: auto; }

h2.portfolio-thumbnail-title {
  color: #333333;
  display: block;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 5px; }

h2.portfolio-thumbnail-title a {
  color: #333333; }

h3.portfolio-thumbnail-title a:hover {
  color: #333333;
  text-decoration: underline; }

div.portfolio-thumbnail-title a {
  color: inherit; }

div.portfolio-thumbnail-content {
  margin: 0 0 10px;
  min-height: 44px; }

div.portfolio-thumbnail-content p {
  margin: 0;
  line-height: 16px; }

div.portfolio-bottom {
  display: block;
  clear: both; }

div.portfolio-thumbnail-image-hover {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block; }

div.portfolio-thumbnail-image-hover span {
  top: 50%;
  left: -50%;
  margin-left: -16px;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  position: absolute;
  display: block; }

div.portfolio-thumbnail-image-hover span.hover-link {
  background: url('images/link.png') no-repeat; }

div.portfolio-thumbnail-image-hover span.hover-video {
  background: url('images/video.png') no-repeat; }

div.portfolio-thumbnail-image-hover span.hover-zoom {
  background: url('images/zoom.png') no-repeat; }

.port-shadow {
  display: block;
  position: relative; }

.port-shadow img {
  width: 100%; }

a.portfolio-read-more {
  margin-right: 12px;
  margin-top: 15px;
  float: left; }

a.portfolio-visit-website {
  font-weight: normal; }

.portfolio-item-holder.masoned {
  overflow: hidden; }

.portfolio-item-holder .cp-button {
  float: right;
  color: #fff; }

/* fullwidth portfolio */
.content-wrapper.sidebar-included .cp-portfolio-item {
  margin-top: 0; }

.content-wrapper .cp-portfolio-item {
  margin-top: 20px; }

.span12.columns.portfolio-item {
  padding-bottom: 22px; }

.span12.columns.portfolio-item:last-child {
  padding-bottom: 0px;
  border: 0px; }

.span12.columns.portfolio-item .portfolio-thumbnail-image, .span12.columns.portfolio-item .portfolio-thumbnail-video, .span12.columns.portfolio-item .portfolio-thumbnail-slider {
  float: left;
  width: 459px;
  margin: 0 20px 0 0; }

.span12.columns.portfolio-item .portfolio-thumbnail-context {
  padding-bottom: 10px;
  float: none;
  overflow: hidden; }

.span12.columns.portfolio-item .portfolio-thumbnail-title {
  font-size: 18px;
  margin-top: 12px; }

.span12.columns.portfolio-item .portfolio-thumbnail-content {
  margin-top: 12px; }

.span12.columns.portfolio-item a.portfolio-read-more {
  margin-top: 22px; }

.span12.columns.portfolio-item a.portfolio-visit-website {
  margin-top: 22px; }

.sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-image, .sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-video, .sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-slider {
  float: left;
  width: 320px; }

.sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-context {
  padding-left: 20px;
  margin-right: 10px; }

.both-sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-image, .both-sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-video, .both-sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-slider {
  float: left;
  width: 180px; }

.both-sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-context {
  padding-left: 20px;
  margin-right: 10px; }

.portfolio-item-filter {
  left: -142px;
  list-style: none outside none;
  margin: 14px 0 8px;
  position: relative;
  top: 35px;
  font-weight: bold; }

.portfolio-item {
  border: 1px solid #ddd; }

img[alt] {
  font-size: 0; }

.product-shorting {
  position: relative;
  right: 0;
  float: right;
  bottom: 27px;
  height: 30px;
  overflow: hidden; }

.product-shorting .woocommerce-result-count, .product-shorting .woocommerce-ordering {
  display: inline-block; }

.product-shorting .woocommerce-result-count {
  padding-right: 10px;
  position: relative;
  bottom: 4px; }

.cp-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:hover, .more-btn:hover {
  background-image: url(images/gradient-bottom4-32px.png);
  text-decoration: none; }

a.cp-button, input[type="submit"], input[type="reset"], input[type="button"] {
  color: #FFFFFF;
  display: inline-block;
  padding: 6px 13px;
  border-radius: 3px;
  /*background-image:url(images/gradient-top4-32px.png);*/
  text-shadow: 0 0 0; }

a.cp-button.shortcode-large-button {
  font-size: 20px;
  height: 35px;
  line-height: 38px;
  margin-bottom: 20px;
  margin-right: 10px;
  padding: 10px 20px; }

a.cp-button.shortcode-medium-button {
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  margin-right: 10px;
  padding: 6px 15px; }

a.cp-button.shortcode-small-button {
  font-size: 12px;
  margin-bottom: 20px;
  margin-right: 10px;
  text-shadow: none; }

.display-none {
  display: none; }

div.custom-sidebar .cp-recent-post-widget {
  border-color: inherit; }

div.custom-sidebar .recent-post-widget {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: inherit;
  margin-bottom: 10px;
  padding-bottom: 8px; }

.footer-wrapper div.custom-sidebar .recent-post-widget-thumbnail {
  margin-bottom: 15px;
  padding: 0; }

div.custom-sidebar .recent-post-widget-thumbnail {
  float: left;
  margin: 0 10px 10px 0; }

div.custom-sidebar .recent-post-widget-thumbnail img {
  border: 3px solid #DDDDDD;
  height: 45px;
  width: 70px; }

div.custom-sidebar .recent-post-widget-context {
  margin-top: 2px;
  overflow: hidden; }

div.custom-sidebar .recent-post-widget-comment-num {
  background-position: 0 0;
  font-style: italic;
  height: 22px;
  line-height: 19px;
  margin-top: 4px;
  padding-left: 30px; }

div.custom-sidebar .twitter-whole {
  border-color: inherit; }

div.custom-sidebar .twitter-whole ul li a {
  background: none repeat scroll 0 0 transparent;
  padding: 0; }

div.custom-sidebar .flickr-widget {
  display: inline-block;
  margin-left: -17px; }

div.custom-sidebar .flickr_badge_image {
  background: none repeat scroll 0 0 #EFEFEF;
  border: 3px solid #DDDDDD;
  float: left;
  margin: 0 0 10px 16px;
  width: 54px; }

div.custom-sidebar .flickr-widget img {
  border: 3px solid #7B7C7C;
  height: 56px;
  width: 63px; }

.blog-thumbnail-video iframe {
  width: 100% !important; }

/* Error Page
---------------------------------*/
.error-page {
  text-align: center;
  margin: 80px 0 100px !important; }

.error-page h1 {
  font-size: 200px;
  margin-bottom: 70px; }

.saletext {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg); }

footer .contact-widget input, footer .contact-widget textarea {
  width: 96%; }

@font-face {
  font-family: 'broccolidry';
  src: url('fonts/broccolidry.eot');
  src: url('fonts/broccolidry.eot?#iefix') format('embedded-opentype'), url('fonts/broccolidry.woff') format('woff'), url('fonts/broccolidry.ttf') format('truetype'), url('fonts/broccolidry.svg#broccolidry') format('svg');
  font-weight: normal;
  font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
.cart-btn2 a:before {
  font-family: 'broccolidry';
  content: "\e000";
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: -5px;
  font-size: 30px;
  background: none; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-basket {
  font-family: 'broccolidry';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-basket:before {
  content: "\e000"; }

.container-fluid.footer-top1 .side-inner-holder .cp-button {
  margin-top: 16px; }

.onsale .star-rating {
  display: none; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.slider-button li {
  float: left;
  list-style: none; }

.slider-buttons {
  float: left;
  margin-left: 26px;
  width: 224px; }

.slider-cart {
  float: left; }

.slider-price {
  float: left; }

.slider-cart > .button {
  background: #999;
  color: #333; }

.slider-buttons .cart-btn2 {
  margin-left: 35px; }