/* =======================================================
   This Template is created by Crivex | Contact Crivex.nl at info@crivex.nl for support | Version 0.1 | Thanks for purchasing
   
   0. New Insert
   1. Basic
   2. Header
   3. Footer
   4. Page
   5. Sidebar
   6. Homepage
   7. Products
   8. More
   
   ==================================================== */

iframe, object, embed {max-width: 100%;}
.fb-like iframe {max-width: inherit;}

/* =============================================================================
   1. Basic
   ========================================================================== */

li.imgslider1 {background-image: url("exampleslide1.png");}
.colored-title1 {color: #2d2d2d;}
.colored-subtitle1 {color: #2d2d2d;}
li.imgslider2 {background-image: url("exampleslide2.png");}
.colored-title2 {color: #2d2d2d;}
.colored-subtitle2 {color: #2d2d2d;}
li.imgslider3 {background-image: url("exampleslide3.png");}
.colored-title3 {color: #2d2d2d;}
.colored-subtitle3 {color: #2d2d2d;}

html, button, input, select, textarea {font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
body {font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
html, button, input, select, textarea {line-height: 24px;}
body {background-color: #ffffff; color: #7b7b7b; font-size: 14px; line-height: 24px;}

h1 {color: #2d2d2d;}
h2 {color: #2d2d2d;}
h3 {color: #2d2d2d;}
h4 {color: #2d2d2d;}
p, pre {color: #7b7b7b;}
/*section header.hr-section {border-top: 1px solid #e6e6e6;}*/
section header.hr-section h4 {color: #808080;}
section header.hr-section h4 span {/*border: 1px solid #e6e6e6; */background-color: #fcfcfc;}
section header.hr-section .row >.span12:before {background-color: #ebebeb;}
/*#entertainer + section#main header.hr-section {border-top: 1px solid #e6e6e6;}*/

/* Color Classes */
.bg-zero {background-color: #fff;}
.bg-one {background-color: #fcfcfc;}
.bg-two {background-color: #f7f7f7;}
.bg-two h1, .bg-two h2, .bg-two h3, .bg-two h4 {color: #818181;}
.bg-two h5, .bg-two h6 {color: #ababab;}
.bg-three {background-color: #87d311;}
.bg-three.font-negative span.colored {color: #68dcff;}
.bg-four {background-color: #2d2d2d; box-shadow: 0 -15px 15px -15px rgba(0,0,0,0.87) inset, 0 15px 15px -15px rgba(0,0,0,0.87) inset;}
.bg-five {background-color: #f2f2f2;}
.bg-six {background-color: #7ac414;} /*{{ theme.colored_backgrounds }};} /*#7ac414*/
.bg-product {background-color: #fff}
.bg-gradient {background: -webkit-radial-gradient(center center, ellipse contain, rgba(0,160,209,0.5) 0%, #87d311 70%); background: radial-gradient(ellipse at center, rgba(0,160,209,0.5) 0%, #87d311 70%);}
a, strong.colored {color: #87d311;}
a:hover {color: #2d2d2d;}
.font-negative {color: #fff;}
.font-negative h1, .font-negative h2, .font-negative h3, .font-negative h4, .font-negative h5, .font-negative h6, .font-negative p, .font-negative a, .font-negative a:visited {color: #fff;}
.font-negative a:hover {color: #2d2d2d;}
.font-negative span.colored {color: #87d311;}
.font-negative .status-box .status-box-left, .font-negative .status-box .status-box-right {border-color: rgba(255,255,255,0.85);}
/*.bordered {border: 12px solid #fff;}*/
.bordered.colored {border-color: #87d311;}
span.colored {color: #87d311;}
body > section {background-color: #fff;}
.icon-twitter-2, #feed_me_tweets ul:before, #feed_me_tweets ul:after {color: #d9d9d9;}
.bg-one .icon-twitter-2, .bg-one #feed_me_tweets ul:before, .bg-one #feed_me_tweets ul:after {color: #ccc;}
.bg-two .icon-twitter-2, .bg-two #feed_me_tweets ul:before, .bg-two #feed_me_tweets ul:after {color: #ccc;}
.bg-three .icon-twitter-2, .bg-three #feed_me_tweets ul:before, .bg-three #feed_me_tweets ul:after {color: #0080a7;}
/*section:last-of-type {border-bottom: 18px solid #f2f2f2;}*/
.font-negative .status-box {border-right-color: #fff;}

/* Typography - Bullets */
ul.bulletlist li:before {color: #87d311;}

/* Breadcrumbs */
section.breadcrumbs {background-color: #2d2d2d; border-top: 1px solid #424242; border-bottom: 1px solid #87d311; box-shadow: 0 -10px 10px -10px rgba(0,0,0,0.6) inset, 0 10px 10px -10px rgba(0,0,0,0.6) inset; color: #ababab;} /*9px*/
section.breadcrumbs .container .row a {color: #ababab;}
section.breadcrumbs .container .row a:hover {color: #fff;}
section.breadcrumbs + section {border-top: 18px solid #f2f2f2;}

/* Pagination */
.pagination .current, .pagination a {background-color: #87d311; box-shadow: 0 9px 6px rgba(39,39,39,0.08), inset 0 3px 0 #82ef45; color: #fff;}
.pagination .current:hover, .pagination a:hover, .pagination .current:focus, .pagination a:focus {background-color: #0a93bd; box-shadow: 0 12px 5px rgba(39,39,39,0.08), inset 0 3px 0 #82ef45;}
.pagination .current.active, .pagination a.active, .pagination .current:active, .pagination a:active {box-shadow: 0 6px 4px rgba(39,39,39,0.18), inset 0 2px 0 #82ef45;}
.pagination .current:hover:after, .pagination a:hover:after {color: #87d311;}

/* =============================================================================
   2. Header
   ========================================================================== */
#mobile-switch {color: #404040!important;} /* #d9d9d9*/
#mobile-switch:hover {color: #87d311;}
#master-header-bg {background-color: #fff;}
header#master-header #master-header-bar {/*border-bottom: 1px solid #ededed; box-shadow: inset 0 -1px 0 #fff;*/ background: #f7f7f7;}
header#master-header #master-header-bar p,
header#master-header #master-header-bar address {color: #606060;}/*#a6a6a6*/
header#master-header #master-header-bar p [class^=icon-] {color: #606060;} /*#a6a6a6*/
header#master-header #master-header-bar p.icon:before,
header#master-header #master-header-bar address.icon:before {color: #606060;} /*#a6a6a6*/
header#master-header #master-header-bar p:hover [class^=icon-],
header#master-header #master-header-bar address:hover [class^=icon-] {color: #87d311;}
header#master-header #master-header-main {/*box-shadow: 0 6px rgba(0,0,0,0.05);*/ background: #fcfcfc; /*border-bottom: 1px solid #87d311;*/} /*9px*/
header#master-header #logo h1,
header#master-header #logo h1 a {color: #e6e6e6;}
header#master-header #logo a:hover {color: #fff;}
header#master-header nav#master-nav ul {background: #fcfcfc;} /**/
header#master-header nav#master-nav ul li a {color: #606060;} /*#a6a6a6*/
header#master-header nav#master-nav ul li a:hover {color: #a6a6a6;} /*#424242*/
header#master-header nav#master-nav ul li ul {background-color: #2d2d2d;} /*#2d2d2d*/
header#master-header nav#master-nav ul li ul li a {/*border-bottom: 1px solid #424242;*/ color: #a6a6a6;}
header#master-header nav#master-nav ul li ul li a:hover {color: #fff;}
/*header#master-header nav#master-nav ul li.active > a {color: #87d311; box-shadow: inset 0 -6px 0 #87d311, 0 1px 0 #87d311;}*/
header#master-header nav#master-nav ul li.active >  a:hover .caret {border-top: 4px solid #2d2d2d; border-right: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid transparent;}
@media only screen and (max-width: 1024px) {
header#master-header {background-color: #fcfcfc;}
header#master-header #logo {background: #fcfcfc;}
header#master-header nav#master-nav ul li {border-bottom: 1px solid #f2f2f2;}
header#master-header nav#master-nav ul li ul {background-color: #383838;}
header#master-header nav#master-nav ul li ul li {border-bottom: 1px solid #424242;}
header#master-header nav#master-nav ul li ul li ul {background-color: #424242;}
header#master-header nav#master-nav ul li ul li ul li {border-bottom: 1px solid #4d4d4d;}
}

/* =============================================================================
   3. Footer
   ========================================================================== */
footer#master-footer {background: #2d2d2d; /*border-top: 1px solid #87d311;*/ /*box-shadow: 0 -15px 10px -15px rgba(0,0,0,0.65) inset, 0 15px 15px -15px rgba(0,0,0,0.8) inset;*/} /*9px*/
footer#master-footer .widget-title {color: #666;}
footer#master-footer p.icon:before,
footer#master-footer address.icon:before {color: #fff;}
footer#master-footer p.icon:hover:before,
footer#master-footer address.icon:hover:before {color: #87d311;}
footer#master-footer a:hover {color: #fff;}
footer#master-footer p,
footer#master-footer address {color: #818181;}

/* Copyrights */
#copyrights { /*border-top: 1px solid #383838; */background: #262626;}
#copyrights a {color: #666;}
#copyrights a:hover {color: #fff;}
#copyrights p {color: #666;}
#copyrights a span[class^=icon-] {color: #666;}
#copyrights a:hover span[class^=icon-] {color: #666;}
.navbar-inverse .navbar-inner {background-color: #2d2d2d;}
#color_grid {display: none; position: absolute; bottom: 0; right: 0; width: 1px; height: 1px; background-color: #87d311; color: #d2e9f0;}

/* =============================================================================
   4. Page
   ========================================================================== */

/* NEXT PREVIOUS BUTTONS COLLECTION PAGE*/
.collection-pagination {}
.collection-pagination ul {float:right; list-style-type:none; margin:0; padding:0;}
.collection-pagination ul li {float:left; padding:5px 2px;}
.collection-pagination ul li.prev {padding-right:7px;}
.collection-pagination ul li.next {padding-left:7px;}
.collection-pagination ul li.number {padding:4px 2px;}
.collection-pagination ul li.number a {background-color:#CCC; display:block; border-radius:4px; padding:1px 7px; box-shadow:0 0 5px #CCC; color:#fff;}
.collection-pagination ul li.number a:hover {background-color:#BEBEBE; color:#fff;}
.collection-pagination ul li.number.active a {background-color:#609d2d; font-weight:400;}


/* =============================================================================
   5. Sidebar
   ========================================================================== */
.widget ul li a {color: #818181;}
.widget ul li a:hover {color: #2d2d2d;}
.widget ul li > a:first-child:before {color: #87d311;}
.widget ul li > a:first-child:hover:before {color: #2d2d2d;}
footer .widget ul li > a:first-child:hover:before {color: #fff;}
footer .widget ul li {border-color: #4d4d4d;}
#sidebar-primary .widget-title {color: #818181;}
#sidebar-primary .widget-title:before {color: #87d311;}
#sidebar-primary .widget ul li {border-color: #f2f2f2;}

/* =============================================================================
   6. Homepage
   ========================================================================== */
.inner button {background-color: #e58100;}
.btnisotope {border: 1px solid #87d311; margin: 4px 12px;}

/* =============================================================================
   7. Products
   ========================================================================== */

/* Button */
.btn, .font-negative .pricingtable .btn {background-color: #87d311; /*box-shadow: 0 9px 6px rgba(39,39,39,0.08), inset 0 3px 0 #82ef45; color: #fff;*/}
.btn:hover, .btn:focus, .btn.current, .font-negative .pricingtable a.btn:hover, .font-negative .bg-three .pricingtable a.btn:hover {background-color: #e58100; color:#fff; /*box-shadow: 0 12px 5px rgba(39,39,39,0.08), inset 0 3px 0 #ffab49; color: #fff;*/} /* background-color: #0a95bf; #82ef45 */
/*.btn.active, .btn:active, .font-negative .pricingtable-specs a.btn:active, .font-negative.bg-three .pricingtable a.btn:active {box-shadow: 0 6px 4px rgba(39,39,39,0.18), inset 0 2px 0 #82ef45;}*/
.btn:hover:after {color: #87d311;}
.font-negative a.btn, a.font-negative.btn {border: 2px solid #fcfcfc;}
.font-negative a.btn:hover, a.font-negative.btn:hover {background: #87d311; color: #fff;}
.font-negative.bg-three a.btn:hover, .bg-three a.font-negative.btn:hover {background: #fff; color: #87d311;}
.font-negative a.btn.highlight, a.font-negative.btn.highlight {border: 2px solid #fcfcfc; background: #87d311; color: #fff;} /* background: #fff; color: #2d2d2d */
.font-negative a.btn.highlight:hover, a.font-negative.btn.highlight:hover {background: #fff; color: #87d311;} /*{background: #87d311; color: #fff;}*/
.font-negative.bg-three a.btn.highlight:hover, .bg-three a.font-negative.btn.highlight:hover {background: #fff; color: #87d311;}
/* Typography - Productdesc */
.productdesc-container .productdesc-wrap .productdesc-handle {border: 1px solid #87d311; background: #87d311; color: #fff;}
.productdesc-container .productdesc-wrap .productdesc {border: 1px solid #e6e6e6; background: #fcfcfc;}

/* Pricing */
.pricingtable,.pricingtable-column {border: 1px solid #f2f2f2; background-color: #fff;}
.pricingtable-crest {background: #2d2d2d;}
.pricingtable-crest h3 {color: #fff;}
.pricingtable-crest h3 span {color: #87d311;}
.pricingtable-specs .pricingtable-spec, .font-negative .pricingtable-specs .pricingtable-spec {border-bottom: 1px dotted #f2f2f2; color: #2d2d2d;}
.pricingtable-specs .pricingtable-spec p, .font-negative .pricingtable-specs .pricingtable-spec p {color: #2d2d2d;}

.stockout {color: #ff0000;}
/* =============================================================================
   8. More
   ========================================================================== */

/* Typography - Toggle */
.toggle-container .toggle-wrap .toggle-handle {border: 1px solid #87d311; background: #87d311; color: #fff;}
.toggle-container .toggle-wrap .toggle {border: 1px solid #e6e6e6; background: #fcfcfc;}

/* Bundelproducts */
.bundleDetails {text-align:center;}
.bundleDetails .btn {text-align:center;padding: 0 15px;height: 40px;line-height: 40px;color: #FFF;font-size: 16px; border-radius: 2px;background: #e58100;font-weight: inherit;text-transform: inherit;}
.bundleDetails .title {padding-top:30px;}
.bundleDetails .price {padding-bottom:10px;}
@media only screen and (max-width: 600px) {
  .bundle .productdesc {padding: inherit!important;}
  .bundleDetails .title {padding-top:0px;}
}