@font-face {
	font-family: 'icomoon';
	src:url('https://www.cacklehatchery.com/skin/frontend/cackle/default/fonts/icomoon.eot?z2n6p6');
	src:url('https://www.cacklehatchery.com/skin/frontend/cackle/default/fonts/icomoon.eot?#iefixz2n6p6') format('embedded-opentype'),
		url('https://www.cacklehatchery.com/skin/frontend/cackle/default/fonts/icomoon.woff?z2n6p6') format('woff'),
		url('https://www.cacklehatchery.com/skin/frontend/cackle/default/fonts/icomoon.ttf?z2n6p6') format('truetype'),
		url('https://www.cacklehatchery.com/skin/frontend/cackle/default/fonts/icomoon.svg?z2n6p6#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mls {
  margin-left: .25em;
}

.fs1 {
	font-size: 32px;
}

.icon-warning:before {
	content: "\e600";
}

.icon-play:before {
	content: "\e912";
}

.icon-profile:before {
	content: "\e923";
}

.icon-printer:before {
	content: "\e954";
}

.icon-box-add:before {
	content: "\e95e";
}

.icon-floppy-disk:before {
	content: "\e962";
}

.icon-download2:before {
	content: "\e9c5";
}

.icon-upload2:before {
	content: "\e9c6";
}


#animated_div {
    border:    #ADADAD 1px double;
    background:    #E9E9E9;
}

.easycatalog-grid,
.easycatalog-grid li { background: none; padding: 0; margin: 0; list-style: none; }
.easycatalog-grid {}
.easycatalog-grid li.item { padding: 10px 1% !important; float: left; }
.easycatalog-grid .product-image { width: auto; height: auto; text-align: center; }
.easycatalog-grid img { width: auto; max-width: 100%; height: auto; }
.easycatalogimg-cols-2 li.item { width: 48% !important; }
.easycatalogimg-cols-3 li.item { width: 31.3% !important; }
.easycatalogimg-cols-4 li.item { width: 23% !important; }
.easycatalogimg-cols-5 li.item { width: 18% !important; }
.easycatalogimg-cols-6 li.item { width: 14.6% !important; }

.easycatalogimg .parent-category { margin: 0 0 8px; }
.easycatalogimg .parent-category a { font-size: 17px; font-weight: normal; text-decoration: none; color: #000; }
.easycatalogimg .parent-category a:hover { text-decoration: underline; }

.easycatalogimg .list-subcategories { padding: 0; margin: 5px 0; list-style: none; font-size: .95em; }
.easycatalogimg .list-subcategories li { margin: 5px 0; padding: 0 0 0 10px; line-height: 1.1em; }
.easycatalogimg .link-more { margin: 0; padding: 0; font-weight: bold; }

/* NavigationPro integration */
.nav-dropdown .easycatalogimg { margin: 0 !important; border: none !important; padding: 0 !important; }
.nav-dropdown .easycatalog-grid { border: none; }
.nav-dropdown .easycatalog-grid li.item { background: none !important; border: none; margin: 0; }
.nav-dropdown .easycatalogimg .parent-category { text-align: center; }

.easycatalogimg,
.easycatalog-grid { zoom: 1; }
.easycatalogimg:after,
.easycatalog-grid:after { content: '.'; clear: both; visibility: hidden; display: block; height: 0; font-size: 0; }

@media (max-width: 767px) {
    .easycatalogimg .parent-category a { font-size: 18px; }
    .easycatalogimg .list-subcategories li { line-height: 18px; }
    .easycatalogimg .list-subcategories a { font-size: 15px; }

    /* Three columns instead of six */
    .easycatalogimg-cols-6 li.item { width: 31.3% !important; }
    .easycatalogimg-cols-6 li.item:nth-of-type(4n) { clear: left; }
}

@media (max-width: 480px) {
    .easycatalogimg-cols-6 li.item:nth-of-type(4n) { clear: none; }
    /* Two columns for small screen */
    .easycatalog-grid li.item { width: 46% !important; padding-left: 2% !important; padding-right: 2% !important; }
    /* clear: left for every third li */
    .easycatalogimg-cols-2 li.item:nth-of-type(2n+1),
    .easycatalogimg-cols-4 li.item:nth-of-type(2n+1),
    .easycatalogimg-cols-6 li.item:nth-of-type(2n+1),
    /* clear: left for every third li inside every third .easycatalog-grid */
    .easycatalogimg-cols-3:nth-of-type(2n+1) li.item:nth-of-type(2n+1),
    .easycatalogimg-cols-5:nth-of-type(2n+1) li.item:nth-of-type(2n+1),
    /* clear: left for every second li inside every second .easycatalog-grid */
    .easycatalogimg-cols-3:nth-of-type(2n) li.item:nth-of-type(2n),
    .easycatalogimg-cols-5:nth-of-type(2n) li.item:nth-of-type(2n) { clear: left; }
    .easycatalogimg-cols-3:after,
    .easycatalogimg-cols-5:after { content: ''; clear: none; }
}

.easytabs-wrapper { margin: 10px 0; }
.easytabs {
    display: table;
    margin: 0;
    padding: 0;
    border-spacing: 5px 0;
    margin-left: -5px;
    position: relative;
    z-index: 6;
    /*width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; */
}
.easytabs li { display: table-cell; text-align: center; vertical-align: middle; }
.easytabs li,
.easytabs-a-accordion {
    line-height: normal;
    background: #eaeaea;
    border: 1px solid #ccc;
    box-shadow: inset 0 -12px 8px -14px rgba(0, 0, 0, 0.2);
}
.easytabs li:hover { box-shadow: none; }
.easytabs li a:hover,
.easytabs-a-accordion:hover { text-decoration: none; background-color:#04034C; color:#666;}
.easytabs li.active {
    background: #fbfbfb;
    border-width: 1px 1px 0;
    box-shadow: none;
    text-shadow: none;
}
.easytabs-a {
    display: block;
    padding: 9px 12px;
    color: #f00;
	font-weight:bold;
    text-decoration: none;
    text-shadow: none;
    font: bold 12px/16px Arial, Helvetica, Tahoma, sans-serif;
}
.easytabs-content {
    padding: 7px 8px;
    border: 1px solid #ccc;
    position: relative;
    z-index: 5;
    margin-top: -1px;
    background: #fbfbfb;
}
.easytabs-a-accordion { margin-top: -1px; background: #FFFF01; display: none; padding: 12px; }
.easytabs-a-accordion.active { box-shadow: none; color: #FFFF01; background-color: #f00;}

.easytabs-content .box-collateral { margin: 0; }
.easytabs-content .box-up-sell .products-grid td { padding-left: 7px; padding-right: 7px; }
.easytabs-content .block-related .block-title { display: none; }
#product_tabs_tags_tabbed_contents label { display: block; }
#product_tabs_tags_tabbed_contents .input-box input { width: 300px; }
#product_tabs_tags_tabbed_contents .input-box { width: 300px; float:left; margin: 0 10px 3px 0;}
#product_tabs_related_tabbed_contents ol { clear: both; }
#product_tabs_related_tabbed_contents li { float:left; margin: 0 1% 15px 0; width: 31%; }
#product_tabs_related_tabbed_contents li:nth-child(1n) { width: 32%; }
#product_tabs_related_tabbed_contents li:nth-child(3n) { margin-right: 0; }
#product_tabs_related_tabbed_contents li:nth-child(3n+1) { clear: left; }
#product_tabs_related_tabbed_contents .product-images { float: left; }
#product_tabs_related_tabbed_contents .product-images a { margin: 0 0 0 5px; }
#product_tabs_related_tabbed_contents .product-details { margin-left: 75px; }
#product_tabs_related_tabbed_contents .price-box { margin: 0; }

.easytabs,
.easytabs-content,
.product-collateral,
.easytabs-content .form-add { zoom: 1; }
.easytabs:after,
.easytabs-content:after,
.product-collateral:after,
.easytabs-content .form-add:after { content: '.'; visibility: hidden; clear: both; display: block; height: 0; font-size: 0; }

@media (max-width: 480px) {
    /*
     * .easytabs-a-tab should be hidden.
     * See the easytabs.js~12: el.getStyle('display') !== 'none'
     */
    .easytabs, .easytabs-a-tab { display: none; }
    .easytabs-a-accordion { display: block; }

    #product_tabs_tags_tabbed_contents .input-box input { width: 200px; }
    #product_tabs_tags_tabbed_contents .input-box { width: 200px; }

    #product_tabs_related_tabbed_contents li { float:none; margin: 0 0 10px; width: auto; }
    #product_tabs_related_tabbed_contents li:nth-child(1n) { width: auto; }
}


/**
 * Custom Options for Grouped Products
 *
 * @category:    Aitoc
 * @package:     Aitoc_Aitgroupedoptions
 * @version      3.0.15
 * @license:     n/a
 * @copyright:   Copyright (c) 2014 AITOC, Inc. (http://www.aitoc.com)
 */
#aitgroupedoptions-options-wrapper {
	padding:10px 5px 5px;
}
#aitgroupedoptions-options-wrapper table {
	border-spacing:10px;
}
#aitgroupedoptions-options-wrapper .aitgroupedoptions-name {
	padding-top:0;
}
#aitgroupedoptions-options-wrapper h4 {
	font-size:1.15em;
	padding:0px 0px 0px 10px;
	margin:0px;
}
#aitgroupedoptions-options-wrapper td {
	padding-right:10px;
	background-color:#E4E4E4;
	width:33%;
	padding:8px 10px;
}
#aitgroupedoptions-options-wrapper dd {
	border-bottom: 1px solid #F6F6F6;
}
#aitgroupedoptions-options-wrapper .last {
	border-bottom: none;
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fmegallery/img/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/*Next Prev*/

.owl-buttons div,
.customNavigation a {
	border: 1px solid #e0e0e0;
	color: #2b3547;
	display: block;
	font-size: 19px;
	height: 30px;
	line-height: 48px;
	margin: 0;
	position: absolute;
	top:0px;
	width: 30px;
	cursor: pointer;
	border-radius:2px;
}

.owl-buttons div:hover,
.customNavigation a:hover {
	background-color:#313747;
	color: #fff;
}
.owl-buttons div.owl-prev,
.customNavigation a.prev {
	background:url(https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fmegallery/img/carousel_left_arrow.png) no-repeat center;
	right:39px;
	top:-48px;
}
.owl-buttons div.owl-prev:hover,
.customNavigation a.prev:hover { background-color:#dddddd }

.owl-buttons div.owl-next,
.customNavigation a.next {
	background:url(https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fmegallery/img/carousel_right_arrow.png) no-repeat center;
	right:8px;
	top:-48px;
}

.owl-buttons div.owl-next:hover,
.customNavigation a.next:hover { background-color:#dddddd }
@media (min-width: 320px) and (max-width: 750px) { 


}

@media (min-width: 470px) and (max-width: 500px) {
	


}

@media (min-width: 500px) and (max-width: 760px) {
	


}

@media (min-width: 760px) and (max-width: 900px) { 


}

@media (min-width: 900px) and (max-width: 5000px) { 
  

}


@media (min-width: 320px) and (max-width: 500px) {
	

}

@media only screen and (max-width:768px),
only screen and (max-width:1024px)  {

	video { 
		height:auto;
	}
}
@media only screen and (max-width:480px) and (orientation:portrait), 
only screen and (min-width:320px) and (max-width:480px),
only screen and (max-width:515px) and (orientation:landscape) {

	video { 
		height:auto;
	}
}



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0px;
  padding: 0px;
  border: 0;
  font-size: 100%;
  font: inherit;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	margin:0px;
	padding:0px;
}

a { text-decoration: none;-webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;}
a:hover { color: #666; }
a:focus {  outline: none; }

a img { border:0px; }
 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/*html { overflow-y: scroll; }*/
a:hover, a:active { outline: none; }
ul, ol {  }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
/*td { vertical-align: top; }*/

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #44b3e3; color:#FFF; text-shadow: none; }
::selection { background:#FF5E99; color:#7e7e7e; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #7e7e7e; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #0033FF; }
a:hover { color: #036; }
.clear { clear:both; width:100%}
/*
    // ========================================== \\
   ||                                              ||
   ||               Theme Style                    ||
   ||                                              ||
    \\ ========================================== //
*/

/*
=======================================================================
	Fonts 
=======================================================================
*/

@font-face { 
	font-family: 'NS';
    src: url('https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fonts/neo_sans-webfont.eot'); /* IE9 Compat Modes */ 
	src: url('https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fonts/neo_sans-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
		 url('https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fonts/neo_sans-webfont.woff') format('woff'), /* Modern Browsers */ 
		 url('https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fonts/neo_sans-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
		 url('https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fonts/neo_sans-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
 }

@font-face { 
 	font-family: 'NS_med'; 
	src: url('https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fonts/neo_sans_medium-webfont.eot'); /* IE9 Compat Modes */ 
	src: url('https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fonts/neo_sans_medium-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
		 url('https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fonts/neo_sans_medium-webfont.woff') format('woff'), /* Modern Browsers */ 
		 url('https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fonts/neo_sans_medium-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
		 url('https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fonts/neo_sans_medium-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
 }

/*
=======================================================================
	Clear 
=======================================================================
*/



/*
=======================================================================
	Wrapper
=======================================================================
*/

#wrapper { width:auto; margin:0 auto; padding:20px; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
  clear:both;
}

/*Slider*/

.media_gallery_slider { padding:5px; background:#FFF; border:1px solid #E1E1E1; border-color: rgba(0, 0, 0, 0); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); transition: box-shadow 400ms ease-out 0s; margin-bottom: 10px; }

.media_gallery_slider h3 { background:#f4f4f4; border-radius:2px; padding:10px; font-family:NS_med, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#666; text-transform:uppercase; }

.media_gallery_slider h3 span { color:#bc0000; }

.media_gallery_slider .item { width:96%; margin-top:15px; }

.media_gallery_slider .item .video { width:100%; }

.media_gallery_slider .item .video img { max-width:100%; /*height:auto;*/ }

/*Grid*/

.media_gallery_grid { padding:5px; background:#FFF; border:1px solid #E1E1E1; border-color: rgba(0, 0, 0, 0); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); transition: box-shadow 400ms ease-out 0s; margin-top:25px; padding-bottom:8px; }

.media_gallery_grid h3 { background:#f4f4f4; border-radius:2px; padding:10px; font-family:NS_med, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#666; text-transform:uppercase; }

.media_gallery_grid h3 span { color:#bc0000; }

.media_gallery_grid .grid { margin-top:10px; }

.media_gallery_grid .grid ul { list-style:none; }

.media_gallery_grid .grid ul li { width:23.1%; float:left; border:#E1E1E1 1px solid; margin:2px; padding:2px; margin-bottom:10px; }

@media (min-width: 200px) and (max-width: 400px) { 

.media_gallery_grid .grid ul li { width:97%; }

.media_gallery_grid h3 { font-size:14px; }

.media_gallery_slider h3 { font-size:14px; }

}

@media (min-width: 400px) and (max-width: 600px) { 

.media_gallery_grid .grid ul li { width:47%; }

}

@media (min-width: 600px) and (max-width: 800px) { 

.media_gallery_grid .grid ul li { width:31.5%; }

}

@media (min-width: 800px) and (max-width: 950px) { 

.media_gallery_grid .grid ul li { width:32%; }

}

.media_gallery_grid .grid ul li img { max-width:100%; /*height:auto;*/ }

.media_gallery_grid .grid ul li h4 { font-family:NS_med, Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#666; padding:10px; padding-top:15px; padding-bottom:15px; }

.media_gallery_grid .grid ul li h4 a { color:#666; }

.media_gallery_grid .grid ul li h4 a:hover { color:#bc0000; }

.media_gallery_grid .grid ul li h4 a img { float:right; }

#popup { position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -30px; 
    margin-top: -30px;  
    display: block; }
#popupsp {position: relative;
    left: 50%;
    top: 50%;
    margin-left: -30px; 
    margin-top: -30px;  
    display: block;}


.tabbable .tabs {list-style: none; margin: 0 10px; padding: 0;}
.tabbable .tabs li {list-style: none; margin: 0; padding: 0; display: inline-block; position: relative; z-index: 1;}
.tabbable .tabs li a {text-decoration: none; color: #000; border: 1px solid #ccc; padding: 5px; display: inline-block; border-radius: 5px 5px 0 0; background: #CACACA;}
.tabbable .tabs li a.active, .tabbable .tabs li a:hover {border-bottom-color: #fff; background: #fff;}
.tabcontent {/*border: 1px solid #ccc;*/ margin-top: -1px; padding: 10px;}
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-description { padding: 20px; background: rgba(0,0,0,.3); color: #BBB; text-shadow: 1px 1px 1px rgba(0,0,0,.6), 0 0 5px rgba(0,0,0,.5); } 

#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fmegallery/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fmegallery/close.png);}
#sb-nav-next{background-image:url(https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fmegallery/next.png);}
#sb-nav-previous{background-image:url(https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fmegallery/previous.png);}
#sb-nav-play{background-image:url(https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fmegallery/play.png);}
#sb-nav-pause{background-image:url(https://www.cacklehatchery.com/skin/frontend/cackle/default/css/fmegallery/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

