/* Minification failed. Returning unminified contents.
(725,13): run-time error CSS1036: Expected expression, found '#'
(728,13): run-time error CSS1036: Expected expression, found '#'
(732,13): run-time error CSS1036: Expected expression, found '#'
(736,13): run-time error CSS1036: Expected expression, found '#'
 */
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

nav.applePie {
overflow: auto;
display: block;
margin: 0 auto;
max-width: 768px;
}
nav.applePie span {
display: none;
}
/* all lists */
nav.applePie ul, nav.applePie ul ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
nav.applePie ul a {
display: block;
text-decoration: none;
}
/* all list items */
nav.applePie ul li {
float: left;
}
nav.applePie ul li:last-child {
border: none;
}
/* second-level lists */
nav.applePie ul li ul {
position: absolute;
width: 12em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
nav.applePie ul li ul li {
width: 12em;
}
nav.applePie ul ul li, nav.applePie ul ul ul li, nav.applePie ul ul ul ul li {
border-right: none;
}
nav.applePie ul li a.sf-with-ul:after {
content: '\00BB';/*Right Double Arrows*/
position: relative;
float: right;
top: 0em;
right: -0.5em;
}
nav.applePie ul li a.sf-with-ul:only-child:after {
content: '';/* if only child, delete arrow */
}
nav.applePie ul li ul a {
padding: 0.5em 1.5em;
margin-top: -1px; /*to offset bottom border*/
}
nav.applePie ul li ul li:last-child a {
border-bottom: none;
}
/* third-and-above-level lists */
nav.applePie ul li ul ul {
margin: -2em 0 0 12em;/* negative margin calculated by li padding plus line height*/
}
nav.applePie ul li:hover ul ul, nav.applePie ul li:hover ul ul ul, nav.applePie ul li.sfhover ul ul, nav.applePie ul li.sfhover ul ul ul {
left: -999em;
}
nav.applePie ul li:hover ul, nav.applePie ul li li:hover ul, nav.applePie ul li li li:hover ul, nav.applePie ul li.sfhover ul, nav.applePie ul li li.sfhover ul, nav.applePie ul li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/*UNIVERSAL PADDING*/
nav.applePie ul a, nav.applePie ul li a, nav.applePie ul li ul a {
padding: 0.5em 1.5em;
}
/*----------------------------------
	IE7
-----------------------------------*/
.ie7 nav.applePie ul li a.sf-with-ul {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NjUzQjYyMzVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NjUzQjYyNDVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2NTNCNjIxNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY2NTNCNjIyNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BDQ6YwAAAHdJREFUeNpiZBLWYCAGMEFpZiCuAGJOHHy4Qm8gbgfijVBJdD4DMyOXCIi+CcT/gTgZiI2BuAWI/yDxVzMiuRGk8wYQywGxPxDvRuYzISnaAhUshipC5m+CKbQHYicgrgHiPix8BmSrDYD4AlKIoPAZiQ1HgAADAOmdFtZlRP7CAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: right center;
}
/*----------------------------------
	IE6
-----------------------------------*/
.ie6 nav.applePie ul li a.sf-with-ul {
background-image: url('../images/arrow.png');
background-repeat: no-repeat;
background-position: right center;
}
/*----------------------------------
	COLORS
-----------------------------------*/
nav.applePie ul a {
color: #aaa;
}
nav.applePie ul a:hover {
color: #fff;
}
/*Top nav.applePie borders*/
nav.applePie ul li {
}
nav.applePie ul li:hover {
color: #fff;
}
nav.applePie ul li ul a {
}
nav.applePie ul li ul {
}

/*----------------------------------
	MEDIA QUERY
-----------------------------------*/
@media screen and (max-width:989px) {
nav.applePie span {
display: block;
}
nav.applePie span {
position: relative;
float: right;
padding: 12px 15px;
}
nav.applePie span:hover {
cursor: pointer;
}
nav.applePie ul,  nav.applePie ul > ul {
float: none;
width: 100%;
}
nav.applePie ul li {
border-right: none;
}
nav.applePie ul li a.sf-with-ul:after {
content: '';
}
nav.applePie ul li ul,  nav.applePie ul li ul li {
width: 100%;
}
nav.applePie ul li ul a {
}
nav.applePie ul ul,  nav.applePie ul li {
width: 100%;
}
nav.applePie ul li a {
padding: 12px 15px;
float: left;
font: 14px 'ralewaybold', Arial, sans-serif;
}
nav.applePie ul li ul a {
padding: 12px 15px;
font: 14px 'ralewaylight', Arial, sans-serif;
}
nav.applePie ul ul li ul a {
padding: 12px 15px 12px 30px;

}
nav.applePie ul ul ul li ul a {
}
nav.applePie ul li ul,  nav.applePie ul li ul ul,  nav.applePie ul li:hover ul ul,  nav.applePie ul li:hover ul ul ul,  nav.applePie ul li.sfhover ul ul,  nav.applePie ul li.sfhover ul ul ul,  nav.applePie ul li:hover ul,  nav.applePie ul li li:hover ul,  nav.applePie ul li li li:hover ul,  nav.applePie ul li.sfhover ul,  nav.applePie ul li li.sfhover ul,  nav.applePie ul li li li.sfhover ul {
position: relative;
display: none;
margin: 0 0 0 0;
left: 0em; /* using left instead of display because display: none isn't read by screen readers */
}
/*----------------------------------
		MOBILE COLORS
	-----------------------------------*/
nav.applePie {
background: none;
}
/*Plus icon*/
nav.applePie span {
background: #024d84;
color: #fff;
}
nav.applePie span:hover {
background: #11639f;
color: #fff;
}
nav.applePie ul li {
border-bottom: 1px solid #555;
}
/*Top nav.applePie background*/
nav.applePie ul ul,  nav.applePie ul li {
}
/*Sub-nav.applePie background*/
nav.applePie ul li ul li {
background: #444;
}
/*Sub-nav.applePie borders*/
nav.applePie ul li ul li {
}
/*sub, sub-nav.applePie background*/
nav.applePie ul ul ul li {
background: #555;
border-bottom: 1px solid #666;

}
/*First nav.applePie Item when open*/
ul li.menuOpen {
background: #;
}
ul li.menuOpen >span {
background: #;
}
/*Sub-nav.applePie Item when open*/
ul li.menuOpen ul li.menuOpen {
background: #;
}
/*Sub, Sub-nav.applePie Item when open*/
ul ul ul li.menuOpen,  ul ul ul li.menuOpen:hover {
background: #;
}
}

/**************************
*
*	GENERAL
*
**************************/
.camera_wrap a, .camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img, 
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
	background: none;
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none
}
.camera_wrap {
	display: none;
	float: left;
	position: relative;
	z-index: 0;
}
.camera_wrap img {
	max-width: none!important;
}
.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.camera_wrap {
	width: 100%;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.camera_target_content .camera_link {
    background: url(../img/blank.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}
.camera_loader {
    background: #fff url(../img/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(../img/camera-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}
.camera_bar {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
	height: 100%;
	position: absolute;
	width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
	height: auto;
	position: absolute;
	width: 100%;
}
.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}
.camera_caption {
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%;
}
.camera_caption > div {
	padding: 10px 20px;
}
.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_prevThumbs {
	bottom: 4px;
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_prevThumbs div {
	background: url(../img/camera_skins.png) no-repeat -160px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_nextThumbs {
	bottom: 4px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_nextThumbs div {
	background: url(../img/camera_skins.png) no-repeat -190px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_command_wrap .hideNav {
	display: none;
}
.camera_command_wrap {
	left: 0;
	position: relative;
	right:0;
	z-index: 4;
}
.camera_wrap .camera_pag .camera_pag_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-align: left;
	text-indent: -9999px;
	width: 16px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 8px;
	left: 4px;
	overflow: hidden;
	position: absolute;
	top: 4px;
	width: 8px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}
.camera_pag_ul li img {
	display: none;
	position: absolute;
}
.camera_pag_ul .thumb_arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
	top: 0;
	left: 50%;
	margin-left: -4px;
	position: absolute;
}
.camera_prev, .camera_next, .camera_commands {
	cursor: pointer;
	height: 54px;
	margin-top: -27px;
	position: absolute;
	top: 50%;
	width: 26px;
	z-index: 10;
}
.camera_prev {
	left: 15px;
}
.camera_prev > span {
	background: url(../img/arrows_white.png) no-repeat 0 0;
	display: block;
	height: 42px;
	width: 20px;
	opacity: 0.5;
}
.camera_next {
	right: 15px;
}
.camera_next > span {
	background: url(../img/arrows_white.png) no-repeat -70px 0;
	display: block;
	height: 42px;
	width: 20px;
	opacity: 0.6;
}

.camera_prev:hover > span {
	opacity: 1;
}

.camera_next:hover > span {
	opacity: 1;
}
.camera_commands {
	right: 41px;
}
.camera_commands > .camera_play {
	background: url(../img/camera_skins.png) no-repeat -80px 0;
	height: 40px;
	width: 40px;
}
.camera_commands > .camera_stop {
	background: url(../img/camera_skins.png) no-repeat -120px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-indent: -9999px;
	width: 16px;
}
.camera_thumbs_cont {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_thumbs_cont > div {
	float: left;
	width: 100%;
}
.camera_thumbs_cont ul {
	overflow: hidden;
	padding: 3px 4px 8px;
	position: relative;
	text-align: center;
}
.camera_thumbs_cont ul li {
	display: inline;
	padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
	border: 1px solid;
	cursor: pointer;
	margin-top: 5px;
	vertical-align:bottom;
}
.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}
/**************************
*
*	COLORS & SKINS
*
**************************/
.pattern_1 .camera_overlayer {
	background: url(../img/patterns/overlay1.png) repeat;
}
.pattern_2 .camera_overlayer {
	background: url(../img/patterns/overlay2.png) repeat;
}
.pattern_3 .camera_overlayer {
	background: url(../img/patterns/overlay3.png) repeat;
}
.pattern_4 .camera_overlayer {
	background: url(../img/patterns/overlay4.png) repeat;
}
.pattern_5 .camera_overlayer {
	background: url(../img/patterns/overlay5.png) repeat;
}
.pattern_6 .camera_overlayer {
	background: url(../img/patterns/overlay6.png) repeat;
}
.pattern_7 .camera_overlayer {
	background: url(../img/patterns/overlay7.png) repeat;
}
.pattern_8 .camera_overlayer {
	background: url(../img/patterns/overlay8.png) repeat;
}
.pattern_9 .camera_overlayer {
	background: url(../img/patterns/overlay9.png) repeat;
}
.pattern_10 .camera_overlayer {
	background: url(../img/patterns/overlay10.png) repeat;
}
.camera_caption {
	color: #fff;
}
.camera_caption > div {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #434648;
}
.camera_pag_ul li img {
	border: 4px solid #e6e6e6;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.camera_pag_ul .thumb_arrow {
    border-top-color: #e6e6e6;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_thumbs_cont ul li > img {
	border-color: 1px solid #000;
}
/*AMBER SKIN*/
.camera_amber_skin .camera_prevThumbs div {
	background-position: -160px -160px;
}
.camera_amber_skin .camera_nextThumbs div {
	background-position: -190px -160px;
}
.camera_amber_skin .camera_prev > span {
	background-position: 0 -160px;
}
.camera_amber_skin .camera_next > span {
	background-position: -40px -160px;
}
.camera_amber_skin .camera_commands > .camera_play {
	background-position: -80px -160px;
}
.camera_amber_skin .camera_commands > .camera_stop {
	background-position: -120px -160px;
}
/*ASH SKIN*/
.camera_ash_skin .camera_prevThumbs div {
	background-position: -160px -200px;
}
.camera_ash_skin .camera_nextThumbs div {
	background-position: -190px -200px;
}
.camera_ash_skin .camera_prev > span {
	background-position: 0 -200px;
}
.camera_ash_skin .camera_next > span {
	background-position: -40px -200px;
}
.camera_ash_skin .camera_commands > .camera_play {
	background-position: -80px -200px;
}
.camera_ash_skin .camera_commands > .camera_stop {
	background-position: -120px -200px;
}
/*AZURE SKIN*/
.camera_azure_skin .camera_prevThumbs div {
	background-position: -160px -240px;
}
.camera_azure_skin .camera_nextThumbs div {
	background-position: -190px -240px;
}
.camera_azure_skin .camera_prev > span {
	background-position: 0 -240px;
}
.camera_azure_skin .camera_next > span {
	background-position: -40px -240px;
}
.camera_azure_skin .camera_commands > .camera_play {
	background-position: -80px -240px;
}
.camera_azure_skin .camera_commands > .camera_stop {
	background-position: -120px -240px;
}
/*BEIGE SKIN*/
.camera_beige_skin .camera_prevThumbs div {
	background-position: -160px -120px;
}
.camera_beige_skin .camera_nextThumbs div {
	background-position: -190px -120px;
}
.camera_beige_skin .camera_prev > span {
	background-position: 0 -120px;
}
.camera_beige_skin .camera_next > span {
	background-position: -40px -120px;
}
.camera_beige_skin .camera_commands > .camera_play {
	background-position: -80px -120px;
}
.camera_beige_skin .camera_commands > .camera_stop {
	background-position: -120px -120px;
}
/*BLACK SKIN*/
.camera_black_skin .camera_prevThumbs div {
	background-position: -160px -40px;
}
.camera_black_skin .camera_nextThumbs div {
	background-position: -190px -40px;
}
.camera_black_skin .camera_prev > span {
	background-position: 0 -40px;
}
.camera_black_skin .camera_next > span {
	background-position: -40px -40px;
}
.camera_black_skin .camera_commands > .camera_play {
	background-position: -80px -40px;
}
.camera_black_skin .camera_commands > .camera_stop {
	background-position: -120px -40px;
}
/*BLUE SKIN*/
.camera_blue_skin .camera_prevThumbs div {
	background-position: -160px -280px;
}
.camera_blue_skin .camera_nextThumbs div {
	background-position: -190px -280px;
}
.camera_blue_skin .camera_prev > span {
	background-position: 0 -280px;
}
.camera_blue_skin .camera_next > span {
	background-position: -40px -280px;
}
.camera_blue_skin .camera_commands > .camera_play {
	background-position: -80px -280px;
}
.camera_blue_skin .camera_commands > .camera_stop {
	background-position: -120px -280px;
}
/*BROWN SKIN*/
.camera_brown_skin .camera_prevThumbs div {
	background-position: -160px -320px;
}
.camera_brown_skin .camera_nextThumbs div {
	background-position: -190px -320px;
}
.camera_brown_skin .camera_prev > span {
	background-position: 0 -320px;
}
.camera_brown_skin .camera_next > span {
	background-position: -40px -320px;
}
.camera_brown_skin .camera_commands > .camera_play {
	background-position: -80px -320px;
}
.camera_brown_skin .camera_commands > .camera_stop {
	background-position: -120px -320px;
}
/*BURGUNDY SKIN*/
.camera_burgundy_skin .camera_prevThumbs div {
	background-position: -160px -360px;
}
.camera_burgundy_skin .camera_nextThumbs div {
	background-position: -190px -360px;
}
.camera_burgundy_skin .camera_prev > span {
	background-position: 0 -360px;
}
.camera_burgundy_skin .camera_next > span {
	background-position: -40px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_play {
	background-position: -80px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_stop {
	background-position: -120px -360px;
}
/*CHARCOAL SKIN*/
.camera_charcoal_skin .camera_prevThumbs div {
	background-position: -160px -400px;
}
.camera_charcoal_skin .camera_nextThumbs div {
	background-position: -190px -400px;
}
.camera_charcoal_skin .camera_prev > span {
	background-position: 0 -400px;
}
.camera_charcoal_skin .camera_next > span {
	background-position: -40px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_play {
	background-position: -80px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_stop {
	background-position: -120px -400px;
}
/*CHOCOLATE SKIN*/
.camera_chocolate_skin .camera_prevThumbs div {
	background-position: -160px -440px;
}
.camera_chocolate_skin .camera_nextThumbs div {
	background-position: -190px -440px;
}
.camera_chocolate_skin .camera_prev > span {
	background-position: 0 -440px;
}
.camera_chocolate_skin .camera_next > span {
	background-position: -40px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_play {
	background-position: -80px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_stop {
	background-position: -120px -440px	;
}
/*COFFEE SKIN*/
.camera_coffee_skin .camera_prevThumbs div {
	background-position: -160px -480px;
}
.camera_coffee_skin .camera_nextThumbs div {
	background-position: -190px -480px;
}
.camera_coffee_skin .camera_prev > span {
	background-position: 0 -480px;
}
.camera_coffee_skin .camera_next > span {
	background-position: -40px -480px;
}
.camera_coffee_skin .camera_commands > .camera_play {
	background-position: -80px -480px;
}
.camera_coffee_skin .camera_commands > .camera_stop {
	background-position: -120px -480px	;
}
/*CYAN SKIN*/
.camera_cyan_skin .camera_prevThumbs div {
	background-position: -160px -520px;
}
.camera_cyan_skin .camera_nextThumbs div {
	background-position: -190px -520px;
}
.camera_cyan_skin .camera_prev > span {
	background-position: 0 -520px;
}
.camera_cyan_skin .camera_next > span {
	background-position: -40px -520px;
}
.camera_cyan_skin .camera_commands > .camera_play {
	background-position: -80px -520px;
}
.camera_cyan_skin .camera_commands > .camera_stop {
	background-position: -120px -520px	;
}
/*FUCHSIA SKIN*/
.camera_fuchsia_skin .camera_prevThumbs div {
	background-position: -160px -560px;
}
.camera_fuchsia_skin .camera_nextThumbs div {
	background-position: -190px -560px;
}
.camera_fuchsia_skin .camera_prev > span {
	background-position: 0 -560px;
}
.camera_fuchsia_skin .camera_next > span {
	background-position: -40px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_play {
	background-position: -80px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_stop {
	background-position: -120px -560px	;
}
/*GOLD SKIN*/
.camera_gold_skin .camera_prevThumbs div {
	background-position: -160px -600px;
}
.camera_gold_skin .camera_nextThumbs div {
	background-position: -190px -600px;
}
.camera_gold_skin .camera_prev > span {
	background-position: 0 -600px;
}
.camera_gold_skin .camera_next > span {
	background-position: -40px -600px;
}
.camera_gold_skin .camera_commands > .camera_play {
	background-position: -80px -600px;
}
.camera_gold_skin .camera_commands > .camera_stop {
	background-position: -120px -600px	;
}
/*GREEN SKIN*/
.camera_green_skin .camera_prevThumbs div {
	background-position: -160px -640px;
}
.camera_green_skin .camera_nextThumbs div {
	background-position: -190px -640px;
}
.camera_green_skin .camera_prev > span {
	background-position: 0 -640px;
}
.camera_green_skin .camera_next > span {
	background-position: -40px -640px;
}
.camera_green_skin .camera_commands > .camera_play {
	background-position: -80px -640px;
}
.camera_green_skin .camera_commands > .camera_stop {
	background-position: -120px -640px	;
}
/*GREY SKIN*/
.camera_grey_skin .camera_prevThumbs div {
	background-position: -160px -680px;
}
.camera_grey_skin .camera_nextThumbs div {
	background-position: -190px -680px;
}
.camera_grey_skin .camera_prev > span {
	background-position: 0 -680px;
}
.camera_grey_skin .camera_next > span {
	background-position: -40px -680px;
}
.camera_grey_skin .camera_commands > .camera_play {
	background-position: -80px -680px;
}
.camera_grey_skin .camera_commands > .camera_stop {
	background-position: -120px -680px	;
}
/*INDIGO SKIN*/
.camera_indigo_skin .camera_prevThumbs div {
	background-position: -160px -720px;
}
.camera_indigo_skin .camera_nextThumbs div {
	background-position: -190px -720px;
}
.camera_indigo_skin .camera_prev > span {
	background-position: 0 -720px;
}
.camera_indigo_skin .camera_next > span {
	background-position: -40px -720px;
}
.camera_indigo_skin .camera_commands > .camera_play {
	background-position: -80px -720px;
}
.camera_indigo_skin .camera_commands > .camera_stop {
	background-position: -120px -720px	;
}
/*KHAKI SKIN*/
.camera_khaki_skin .camera_prevThumbs div {
	background-position: -160px -760px;
}
.camera_khaki_skin .camera_nextThumbs div {
	background-position: -190px -760px;
}
.camera_khaki_skin .camera_prev > span {
	background-position: 0 -760px;
}
.camera_khaki_skin .camera_next > span {
	background-position: -40px -760px;
}
.camera_khaki_skin .camera_commands > .camera_play {
	background-position: -80px -760px;
}
.camera_khaki_skin .camera_commands > .camera_stop {
	background-position: -120px -760px	;
}
/*LIME SKIN*/
.camera_lime_skin .camera_prevThumbs div {
	background-position: -160px -800px;
}
.camera_lime_skin .camera_nextThumbs div {
	background-position: -190px -800px;
}
.camera_lime_skin .camera_prev > span {
	background-position: 0 -800px;
}
.camera_lime_skin .camera_next > span {
	background-position: -40px -800px;
}
.camera_lime_skin .camera_commands > .camera_play {
	background-position: -80px -800px;
}
.camera_lime_skin .camera_commands > .camera_stop {
	background-position: -120px -800px	;
}
/*MAGENTA SKIN*/
.camera_magenta_skin .camera_prevThumbs div {
	background-position: -160px -840px;
}
.camera_magenta_skin .camera_nextThumbs div {
	background-position: -190px -840px;
}
.camera_magenta_skin .camera_prev > span {
	background-position: 0 -840px;
}
.camera_magenta_skin .camera_next > span {
	background-position: -40px -840px;
}
.camera_magenta_skin .camera_commands > .camera_play {
	background-position: -80px -840px;
}
.camera_magenta_skin .camera_commands > .camera_stop {
	background-position: -120px -840px	;
}
/*MAROON SKIN*/
.camera_maroon_skin .camera_prevThumbs div {
	background-position: -160px -880px;
}
.camera_maroon_skin .camera_nextThumbs div {
	background-position: -190px -880px;
}
.camera_maroon_skin .camera_prev > span {
	background-position: 0 -880px;
}
.camera_maroon_skin .camera_next > span {
	background-position: -40px -880px;
}
.camera_maroon_skin .camera_commands > .camera_play {
	background-position: -80px -880px;
}
.camera_maroon_skin .camera_commands > .camera_stop {
	background-position: -120px -880px	;
}
/*ORANGE SKIN*/
.camera_orange_skin .camera_prevThumbs div {
	background-position: -160px -920px;
}
.camera_orange_skin .camera_nextThumbs div {
	background-position: -190px -920px;
}
.camera_orange_skin .camera_prev > span {
	background-position: 0 -920px;
}
.camera_orange_skin .camera_next > span {
	background-position: -40px -920px;
}
.camera_orange_skin .camera_commands > .camera_play {
	background-position: -80px -920px;
}
.camera_orange_skin .camera_commands > .camera_stop {
	background-position: -120px -920px	;
}
/*OLIVE SKIN*/
.camera_olive_skin .camera_prevThumbs div {
	background-position: -160px -1080px;
}
.camera_olive_skin .camera_nextThumbs div {
	background-position: -190px -1080px;
}
.camera_olive_skin .camera_prev > span {
	background-position: 0 -1080px;
}
.camera_olive_skin .camera_next > span {
	background-position: -40px -1080px;
}
.camera_olive_skin .camera_commands > .camera_play {
	background-position: -80px -1080px;
}
.camera_olive_skin .camera_commands > .camera_stop {
	background-position: -120px -1080px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -960px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -960px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -960px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -960px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -960px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -960px	;
}
/*PISTACHIO SKIN*/
.camera_pistachio_skin .camera_prevThumbs div {
	background-position: -160px -1040px;
}
.camera_pistachio_skin .camera_nextThumbs div {
	background-position: -190px -1040px;
}
.camera_pistachio_skin .camera_prev > span {
	background-position: 0 -1040px;
}
.camera_pistachio_skin .camera_next > span {
	background-position: -40px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_play {
	background-position: -80px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_stop {
	background-position: -120px -1040px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*RED SKIN*/
.camera_red_skin .camera_prevThumbs div {
	background-position: -160px -1000px;
}
.camera_red_skin .camera_nextThumbs div {
	background-position: -190px -1000px;
}
.camera_red_skin .camera_prev > span {
	background-position: 0 -1000px;
}
.camera_red_skin .camera_next > span {
	background-position: -40px -1000px;
}
.camera_red_skin .camera_commands > .camera_play {
	background-position: -80px -1000px;
}
.camera_red_skin .camera_commands > .camera_stop {
	background-position: -120px -1000px	;
}
/*TANGERINE SKIN*/
.camera_tangerine_skin .camera_prevThumbs div {
	background-position: -160px -1120px;
}
.camera_tangerine_skin .camera_nextThumbs div {
	background-position: -190px -1120px;
}
.camera_tangerine_skin .camera_prev > span {
	background-position: 0 -1120px;
}
.camera_tangerine_skin .camera_next > span {
	background-position: -40px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_play {
	background-position: -80px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_stop {
	background-position: -120px -1120px	;
}
/*TURQUOISE SKIN*/
.camera_turquoise_skin .camera_prevThumbs div {
	background-position: -160px -1160px;
}
.camera_turquoise_skin .camera_nextThumbs div {
	background-position: -190px -1160px;
}
.camera_turquoise_skin .camera_prev > span {
	background-position: 0 -1160px;
}
.camera_turquoise_skin .camera_next > span {
	background-position: -40px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_play {
	background-position: -80px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_stop {
	background-position: -120px -1160px	;
}
/*VIOLET SKIN*/
.camera_violet_skin .camera_prevThumbs div {
	background-position: -160px -1200px;
}
.camera_violet_skin .camera_nextThumbs div {
	background-position: -190px -1200px;
}
.camera_violet_skin .camera_prev > span {
	background-position: 0 -1200px;
}
.camera_violet_skin .camera_next > span {
	background-position: -40px -1200px;
}
.camera_violet_skin .camera_commands > .camera_play {
	background-position: -80px -1200px;
}
.camera_violet_skin .camera_commands > .camera_stop {
	background-position: -120px -1200px	;
}
/*WHITE SKIN*/
.camera_white_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_white_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_white_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_white_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_white_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_white_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*YELLOW SKIN*/
.camera_yellow_skin .camera_prevThumbs div {
	background-position: -160px -1240px;
}
.camera_yellow_skin .camera_nextThumbs div {
	background-position: -190px -1240px;
}
.camera_yellow_skin .camera_prev > span {
	background-position: 0 -1240px;
}
.camera_yellow_skin .camera_next > span {
	background-position: -40px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_play {
	background-position: -80px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_stop {
	background-position: -120px -1240px	;
}

.Timeline { overflow: hidden; position: relative; margin-bottom: 2em; }
.Timeline > h4 { max-width: 7em; margin: 0 auto 1em; padding: 0.25em 0.5em; clear: both; text-align: center; font: 300; border-radius: 0.25em; }
.Timeline .Timeline-yearEvents { padding: 0; list-style: outside none; overflow: hidden; }
.Timeline .Timeline-yearEvents > li { padding: 2%; border-radius: 8px; margin: 0 0 1em 1em; position: relative; }
.Timeline .Timeline-yearEvents > li:last-child { margin-bottom: 1.75em; }
.Timeline .Timeline-yearEvents > li:before { content: ""; position: absolute; left: -0.75em; top: 0.5em; z-index: 100; }

.Timeline--light { background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #222222), color-stop(0.9%, #222222), color-stop(1%, transparent)); background-image: -webkit-linear-gradient(left, #222222 0%, #222222 0.9%, transparent 1%); background-image: -moz-linear-gradient(left, #222222 0%, #222222 0.9%, transparent 1%); background-image: linear-gradient(left, #222222 0%, #222222 0.9%, transparent 1%); }
.Timeline--light .Timeline-yearEvents > li { color: #222222; background-color: #dddddd; }
.Timeline--light .Timeline-yearEvents > li:before { border-left: 6px solid transparent; border-right: 6px solid #ddd; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.Timeline--light > h4 { color: #222222; background-color: #dddddd; border: 0.35em solid #222222; }

.Timeline--dark { background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dddddd), color-stop(0.9%, #dddddd), color-stop(1%, transparent)); background-image: -webkit-linear-gradient(left, #dddddd 0%, #dddddd 0.9%, transparent 1%); background-image: -moz-linear-gradient(left, #dddddd 0%, #dddddd 0.9%, transparent 1%); background-image: linear-gradient(left, #dddddd 0%, #dddddd 0.9%, transparent 1%); }
.Timeline--dark .Timeline-yearEvents > li { color: #414141; background-color: #ddd; }
.Timeline--dark .Timeline-yearEvents > li:before { border-left: 6px solid transparent; border-right: 6px solid #ddd; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.Timeline--dark > h4 { color: #fff; background-color: #024d84; border: 0; }

@media only screen and (min-width: 768px) { .Timeline--light { background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, transparent), color-stop(49.59%, transparent), color-stop(49.6%, #222222), color-stop(49.9%, #222222), color-stop(50%, transparent)); background-image: -webkit-linear-gradient(left, transparent 0%, transparent 49.59%, #222222 49.6%, #222222 49.9%, transparent 50%); background-image: -moz-linear-gradient(left, transparent 0%, transparent 49.59%, #222222 49.6%, #222222 49.9%, transparent 50%); background-image: linear-gradient(left, transparent 0%, transparent 49.59%, #222222 49.6%, #222222 49.9%, transparent 50%); }
  .Timeline--light .Timeline-yearEvents > li:nth-of-type(odd):before { content: ""; left: auto; right: -0.75em; border-left: 6px solid #ddd; border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
  .Timeline--dark { background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, transparent), color-stop(49.59%, transparent), color-stop(49.6%, #dddddd), color-stop(49.9%, #dddddd), color-stop(50%, transparent)); background-image: -webkit-linear-gradient(left, transparent 0%, transparent 49.59%, #dddddd 49.6%, #dddddd 49.9%, transparent 50%); background-image: -moz-linear-gradient(left, transparent 0%, transparent 49.59%, #dddddd 49.6%, #dddddd 49.9%, transparent 50%); background-image: linear-gradient(left, transparent 0%, transparent 49.59%, #dddddd 49.6%, #dddddd 49.9%, transparent 50%); }
  .Timeline--dark .Timeline-yearEvents > li:nth-of-type(odd):before { content: ""; left: auto; right: -0.75em; border-left: 6px solid #ddd; border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
  .Timeline .Timeline-yearEvents > li { width: 44%; margin: 0 0 1em 0; }
  .Timeline .Timeline-yearEvents > li:nth-of-type(even) { float: right; margin-top: 2%; }
  .Timeline .Timeline-yearEvents > li:nth-of-type(odd) { float: left; }
  .Timeline .Timeline-yearEvents > li:nth-of-type(2n+1) { clear: both; } }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 20, 2014 */



@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light-webfont.eot');
    src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}




/* GLOBALS */

html, body { height: 100%; }
html { -webkit-text-size-adjust: none; }
body, input, select, textarea, pre { font: 16px 'ralewayregular', Arial, sans-serif; color: #666; line-height: 22px; }
textarea { resize: vertical; }
select { background: #fff; border: 1px solid #dcdcdc; height: 30px; padding: 4px; }
pre { margin: 0; padding: 0; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; }
strong { font-family: 'ralewaybold', Arial, sans-serif; font-weight: normal; }

a { color: #12598e; text-decoration: none; }
a:hover { color: #71bf44; }
a:focus { outline: none; }

.text_normal { font-size: 16px !important; line-height: 24px; }
.text_small { font-size: 14px !important; }

h1, h2, h3, h4 { margin: 0; padding: 0; line-height: 1.25; }
h1 { font-size: 32px; font-family: 'ralewaylight', Arial, sans-serif; font-weight: normal; }
h2 { font-size: 28px; font-family: 'ralewaylight', Arial, sans-serif; font-weight: normal; color: #005fa1; }
h3 { font-size: 22px; font-family: 'ralewaylight', Arial, sans-serif; font-weight: normal; }
h4 { font-size: 15px; font-family: 'ralewaybold', Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #4c4c4c; }

.textbox { padding: 5px 10px; background: #fff; border: 1px solid #ddd; }



/* BUTTONS */

.btn1, .btn2, .btn3, .btn4, .btn5 { display: block; border: 0; text-align: center; font: 14px 'ralewaybold', Arial, sans-serif; padding: 8px 15px; }
.btn1 { background: #71bf44; color: #fff; }
.btn1:hover { background: #57ad26; color: #fff; }



/* STYLES */

.center { width: 970px; margin: 0 auto; }

.top_strip { background: #024d84; height: 35px; border-bottom: 5px solid #b3c9da; }
.top_links { float: right; margin: 0; padding: 0; list-style: none; font-size: 14px; color: #fff; }
.top_links li { display: inline; line-height: 35px; }
.top_links a { display: block; float: right; color: #fff; margin-right: 20px; }
.top_links a:hover { color: #b3c9da; }
.top_links li.dot a { background: url(../img/dot.png) no-repeat 0 16px; padding-left: 23px;  }
.top_links li.lang { position: relative; display: inline-block; float: right; }
.top_links li.lang a { display: block; padding: 0 15px; background: #1565a0; margin-right: 0; }
.top_links li.lang .lang_drop { display: none; position: absolute; right: 0; top: 35px; width: auto; padding: 10px 15px; background: #1565a0; }
.top_links li.lang .lang_drop ul { margin: 0; padding: 0; list-style: none; }
.top_links li.lang .lang_drop ul li { text-transform: uppercase; text-align: right; }
.top_links li.lang .lang_drop ul li a { float: none; display: block; margin-right: 0; padding: 0; }

.header_wrapper { width: 100%; background: #fff; }
header { margin: 0 auto; }

header .logo { float: left; width: 222px; height: 41px; background: no-repeat 0 0; background-image: url(../img/plinacro.svg); background-image: url(../img/plinacro.png)\9; background-size: 222px auto; margin-top: 35px; }
header .linkedin {
    float: right;
    margin-left: 26px;
    margin-top: 43px;
    width: 20px;
    height: 20px;
    background: url("../img/linkedin.svg") no-repeat center;
    background-size: cover;
}
header .logo_en { background-image: url(../img/plinacro_en.svg); background-image: url(../img/plinacro_en.png)\9; background-size: 222px auto; }

header nav { float: right; margin: 0 auto; z-index: 10000; }
header nav ul { margin: 0; padding: 0; list-style: none; }
header nav ul>li { float: left; display: inline; margin-left: 35px; font: 15px 'ralewaybold', Arial, sans-serif; }
header nav ul>li:first-child { margin-left: 0; }
header nav ul>li a { display: block; color: #4c4c4c; line-height: 110px; }
header nav ul>li:hover a, header nav ul li.active>a { color: #71bf44; }

header nav ul>li .dropdown { display: none; position: absolute; left: 0; width: 100%; z-index: 10000; }
header nav ul>li .dropdown .drop_inner { display: block; background: #333; opacity: 0.97; padding: 30px 0; overflow: hidden; }
header nav ul>li .dropdown .drop_inner .center { display: block; width: 970px; margin: 0 auto; }
header nav ul>li .dropdown .drop_inner .drop_col { float: left; display: inline; width: 200px; *width: 200px; border-left: 1px solid #6c6c6c; padding: 0 27px;  padding: 0 21px\9; font-size: 13px; }
header nav ul>li .dropdown .drop_inner .drop_col:first-child { border-left: 0; padding-left: 0; }
header nav ul>li .dropdown .drop_inner .drop_col:last-child { padding-right: 0; }
header nav ul>li .dropdown .drop_inner .drop_col a { color: #71bf44; }
header nav ul>li .dropdown .drop_inner .drop_col a:hover { color: #fff; }
header nav ul>li .dropdown .drop_inner .drop_col>ul { margin-top: 20px; }
header nav ul>li .dropdown .drop_inner .drop_col ul:first-child { margin-top: 0; }
header nav ul>li .dropdown .drop_inner .drop_col ul li { display: block; float: none; }
header nav ul>li .dropdown .drop_inner .drop_col ul li a { line-height: 22px; }
header nav ul>li .dropdown .drop_inner .drop_col ul li ul li { font: 14px 'ralewaylight', Arial, sans-serif; margin-left: 0; }
header nav ul>li .dropdown .drop_inner .drop_col ul li ul li a { color: #acacac; padding-left: 0; }


.dropdown {
	min-width: 100%;
	opacity: 0;
	-webkit-animation: fadeIn .3s;
	animation: fadeIn .3s;

}

nav > ul > li:hover a + .dropdown {
	opacity: 1;
	display: block;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}



.slide_menu { display: none; }

.open_search { float: right; display: block; width: 16px; height: 16px; z-index: 10000; background: url(../img/icon_search_s.png) no-repeat 0 0; margin: 47px 0 0 35px; }
.search_wrapper { position: relative; display: none; background: #ebedee; padding: 30px 0; z-index: 9000; }
.search { position: relative; width: 740px; margin: 0 auto; }
.search span { float: left; font: 14px 'ralewaybold', Arial, sans-serif; text-transform: uppercase; padding-top: 10px; }
.searchbox { float: left; width: 490px; border: 0; height: 18px; line-height: 18px; padding: 8px 10px; margin: 0 0 0 30px; }
.searchbtn { float: right; }
.search .close { float: none; position: absolute; display: block; width: 12px; height: 12px; right: -115px; top: 10px; background: url(../img/icon_close.png) no-repeat 0 0; opacity: 0.7; }
.search .close:hover { opacity: 1; }

.text_over_pic { position: absolute; display: block; left: 50%; margin-left: -485px; bottom: 50px; font: 32px 'ralewaybold', Arial, sans-serif; color: #fff; background: #024d84; opacity: 0.9; padding: 20px 30px; z-index: 13000; }

.grey { background: #eee; }

.featured { padding: 30px 0 40px 0; }
.featured h4 { margin-bottom: 20px; }
.themes .theme { width: 225px; float: left; background: #fff; margin-left: 22px; }
.themes .theme:first-child { margin-left: 0; }
.themes .theme a { display: block; }
.themes .theme .pic { width: 225px; height: 168px; overflow: hidden; }
.themes .theme .pic:hover { opacity: 0.7; }
.themes .theme .pic img { width: 100%; }
.themes .theme .text { display: block; padding: 20px; }
.themes .theme .text .super_cat { font: 14px 'ralewaylight', Arial, sans-serif; color: #4c4c4c; margin-bottom: 12px; }
.themes .theme .text .super_cat:hover { color: #71bf44; }
.themes .theme .text .cat_title { font: 16px 'ralewaybold', Arial, sans-serif; }

.box { float: left; width: 290px; font-size: 14px; line-height: 20px; margin-left: 50px; }
.box:first-child { margin-left: 0; }
.box .inner { padding: 30px 0; }
.box p { margin: 0; }
.box ul { margin: 0; padding: 0; list-style: none; }
.box ul li { margin: 20px 0 0 0; }

.phone div { font: 32px 'ralewaybold', Arial, sans-serif; color: #71bf44; }
.mail { margin-top: 20px; }
.mail div { font: 24px 'ralewaylight', Arial, sans-serif; }

.page_content { padding: 30px 0; line-height: 26px; }
.page_content h1 { margin-bottom: 25px; }
.content { float: left; width: 670px; padding-right: 49px; border-right: 1px solid #ddd; }
.right { float: right; width: 200px; padding-left: 50px; }

.tools { margin: 0; padding: 0; list-style: none; }
.tools li { display: inline; }
.tools li a { float: left; width: 50px; height: 50px; display: block; background: url(../img/icons_tools.png) no-repeat; }
.tools li a:hover { opacity: 0.85; }
.tools li .print { background-position: 13px 13px; background-color: #bb0000; }
.tools li .send { background-position: -36px 13px; background-color: #6c6c6c; margin: 0 0 0 20px; }
.tools li .linkedin { background-position: -86px 13px; background-color: #007bb5; margin: 0 0 0 20px; }

.previous_theme, .next_theme { float: left; margin-top: 35px; }

.my-timeline { margin: 0 auto; font-size: 14px; line-height: 22px; }


footer { background: #333; color: #aaa; font-size: 14px; padding: 30px 0; }
footer .logo { display: block; float: left; width: 106px; height: 21px; background-position: 0 0; background-repeat: no-repeat; background: url(../img/plinacro_s.svg); background: url(../img/plinacro_s.png)\9; margin-right: 40px; margin-top: 3px; }
footer .logo_en { background: url(../img/plinacro_en_s.svg); background: url(../img/plinacro_en_s.png)\9; }
footer .bottom_links { float: left; margin: 0; padding: 0; list-style: none; }
footer .bottom_links li { display: inline; background: url(../img/dot.png) no-repeat 0 8px; padding-left: 23px; margin-left: 19px; }
footer .bottom_links li:first-child { background: none; margin-left: 0; padding-left: 0; }
footer .bottom_links a { color: #aaa; }
footer .bottom_links a:hover { color: #fff; }
footer .logo_gd { display: block; float: right; width: 90px; height: 21px; background-position: 0 0; background-repeat: no-repeat; background: url(../img/gd_logo.svg) no-repeat; background: url(../img/gd_logo.png)\9 no-repeat; margin-top: 3px; }


/* CONTENT TABLICA */
.tbl { border-spacing: 1px; }
.tbl td, .tbl th { padding: 5px 10px; }
.tbl th { background: #b3c9da; color: #12598e; }
.tbl tr:nth-child(2n+2) td { background: #f1f1f1; }

.tblImg { display: table; border-spacing: 0; }
.tblImg td { display: table-cell; width: 50%; text-align: center; }

.imgResponsive { width: auto; margin: 0 auto; }

.imgFullWidth { border: none; height: auto; width: 100%; }


.stanjePlina-search { height: 50px; padding-top: 8px; margin-bottom: 30px; background: #eee; overflow: hidden; text-align: center; box-sizing: border-box; }
.stanjePlina-search input,
.stanjePlina-search span { display: inline-block; vertical-align: middle; }
.stanjePlina-search span { font-size: 21px; width: 30px; text-align: center; cursor: pointer; text-align: right; }
.stanjePlina-search span:first-of-type { text-align: left; }
.stanjePlina-search .textbox { width: 160px; text-align: center; }


#container {
	width: 100%;
	max-width: 1080px;
	margin: auto;
	background: #e7e7e7;
	cursor: pointer;
}

.modal-box {
	height: 80%;
	width: 80%;
	top: 10%;
	left: 10%;
	position: absolute;
	background: #fff;
	z-index: 6;
	border-radius: 5px;
	box-shadow: 3px 3px 15px #000;
	display: none;
}

.modal-box .modal-close {
	padding: 5px 10px;
	margin: 1%;
	float: right;
	background: #024D84;
	color: #fff;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border-radius: 5px;
	/*border-left: 2px solid #666;
	border-bottom: 2px solid #666;*/
}

.modal-box .modal-content {
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
	position: absolute;
	overflow-y: auto;
}

.modal-fade {
	/*width: 100%;
	height: 100%;*/
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: black;
	opacity: 0.6;
	z-index: 5;
	display: none;
}

.isporuka-plina th, 
.isporuka-plina {
    text-align: center;
}

.isporuka-plina .ukupno {
    background: #eee;
}

.plinski-dan > .table > tbody > tr > td,
.plinski-dan .table>tbody>tr>th {
    font-size: 14px;
}

.wrapper3 {position: relative;}
.poz3 {position: absolute; background-color: #fff; top:75px; left:24px;z-index: 999;  transform: rotate(-90deg); font-size: 10px;}
.stanjePlina-search {position: relative; overflow: visible;}
#supContainer {position: absolute; background-color: #fff; top:130px; left:24px; z-index: 9999;  transform: rotate(-90deg); font-size: 10px;}
#formChange {position: relative;}

.ff {
    display: block;
}

.more-btn {
    display: block;
    border: 1px solid;
    text-align: center;
    margin: 20px auto 0 auto;
    padding: 10px;
    background: #72bf44;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.more-btn:hover,
.more-btn:focus,
.more-btn:active {
    text-decoration: none;
    color: #ffffff;
    background: #12598e;
}

p.home-sjediste {
    margin-top: 20px;
}

.home-sjediste .phone {
    color: #666;
}

.news {
    padding: 30px 0 20px 0;
}

.news h4 {
    margin-bottom: 20px;
}

.news .news-item {
    font-size: 14px;
    margin-bottom: 20px;
}

/*cookies*/


.cookies-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 28px;
    background-color: rgba(2, 77, 132, 0.87);
    z-index: 1000;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

    .cookies-banner.collapsed {
        bottom: -100% !important;
    }

    .cookies-banner.above-sticky-bar {
        bottom: 105px;
    }

    .cookies-banner p {
        position: relative;
        top: 6px;
        left: 0px;
        margin-right: 166px;
        color: #fff;
        font-size: 13px;
        width: 85%;
    }

    .cookies-banner a {
        color: #72bf44 !important;
    }

    .cookies-banner .text-success {
        color: #fff !important;
    }

    .cookies-banner .text-danger {
        color: #fff !important;
    }

    .cookies-banner .response {
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.3s ease-in;
    }

        .cookies-banner .response .btn-success {
            display: block;
            margin-bottom: 8px;
            padding: 4px 24px;
            font-size: 12px;
            color: #fff;
            background-color: #72bf44;
        }

        .cookies-banner .response .btn-danger {
            padding: 4px 24px;
            font-size: 12px;
            color: #000000;
            background-color: #dcdcdc;
            border-color: #dcdcdc;
        }

            .cookies-banner .response .btn-danger:hover,
            .cookies-banner .response .btn-danger:active,
            .cookies-banner .response .btn-danger:focus {
                background: #bfbfbf;
                border-color: #bfbfbf;
            }


@media screen and (max-width: 991px) {
    .cookies-banner p {
        width: 80%;
        line-height: 1.3;
    }
}

@media screen and (max-width: 767px) {
    .cookies-banner p {
        width: 70%;
        font-size: 12px;
    }
}

@media screen and (max-width: 479px) {
    .cookies-banner p {
        width: 100%;
        margin-top: 0;
    }

    .cookies-banner .response {
        position: relative;
        right: auto;
        top: auto;
        -webkit-transform: none;
        transform: none;
    }

        .cookies-banner .response .btn-danger {
            width: 100%;
        }
}


/* ==========================================================================
Media Queries
========================================================================== */


@media only screen and (min-width: 240px) {

}


@media only screen and (min-width: 320px) {

    .center { width: 100%; }
    .top_links { font-size: 12px; }
    .top_links > li.dot { background-position: 0 6px; }

    .header_wrapper { width: 100%; }
    header { padding: 0 15px; }
    header .logo { width: 166px; height: 31px; background-size: 166px auto; margin: 25px 0; }
    .open_search { width: 24px; height: 24px; background: url(../img/icon_search.png) no-repeat 0 0; background-size: 24px auto; margin-top: 27px; margin-left: 25px; }
    .open_menu { float: right; display: block; width: 24px; height: 24px; z-index: 10000; background: url(../img/icon_menu.png) no-repeat 0 0; background-size: 24px auto; margin-top: 27px; }

    header nav { display: none; }

    .search { width: 270px; }
    .search span { display: none; }
    .searchbox { width: 185px; margin-left: 0; }
    .searchbtn { float: left; }
    .search .close { display: none; }

    .slide_menu { display: none; position: absolute; width: 100%; left: 0; top: 120px; background: #333; z-index: 10000; }

    .text_over_pic { left: 0; margin-left: 15px; font-size: 24px; padding: 15px 20px; }

    .featured { padding: 20px 0 30px 0; }
    .featured h4 { padding: 0 15px; margin-bottom: 0; }
    .themes .theme { width: 92%; margin: 20px 4% 0 4%; }
    .themes .theme:first-child { margin-left: 4%; }
    .themes .theme .pic { width: 100%; height: auto; }

    .box { width: 100%; margin-left: 0; border-top: 1px solid #ddd; }
    .box .inner { padding: 30px; }

    .page_content { padding: 20px 0; line-height: 22px; }
    .page_content h1 { font-size: 24px; margin-bottom: 20px; padding: 0 4%; }
    .content { width: 92%; padding: 0 4% 25px 4%; border-right: 0; }
    .right { width: 92%; padding: 25px 4% 0 4%; border-top: 1px solid #ddd; }

    .previous_theme, .next_theme { float: none; margin-top: 20px; }

    footer .logo { display: none; }
    footer .bottom_links { float: none; padding: 0 30px; }
    footer .logo_gd { float: none; margin: 30px auto; }

    .tbl td, .tbl th { font-size: 14px; }

    .tblImg td { display: block; width: 100%; text-align: center; }
    .tblImg td img { width: 100%; }

    .imgResponsive { width: 100%; }

}



@media only screen and (min-width: 480px) {

    header .logo { width: 202px; height: 37px; background-size: 202px auto; margin: 35px 0;  }
    .open_search { width: 32px; height: 32px; background: url(../img/icon_search.png) no-repeat 0 0; background-size: 32px auto; margin-top: 38px; margin-left: 35px; }
    .open_menu { width: 32px; height: 32px; background: url(../img/icon_menu.png) no-repeat 0 0; background-size: 32px auto; margin-top: 38px; }

    .search { width: 450px; }
    .search span { display: block; }
    .searchbox { width: 200px; margin: 0 0 0 30px; }
    .searchbtn { float: right; }

    .slide_menu { top: 150px; }

    .themes .theme { float: left; width: 45%; margin: 20px 2.5% 0 2.5%; }
    .themes .theme:first-child { margin-left: 2.5%; }

    .tblImg { display: table; }
    .tblImg td { display: table-cell; width: 50%; }

    .imgResponsive { width: auto; }

}

@media only screen and (max-width: 479px) {

    header .linkedin {
        margin-top: 29px;
        margin-left: 21px;
    }

    header .logo {
        position: relative;
        top: 2px;
        width: 136px;
        height: 25px;
        background-size: 136px auto;
    }

}



@media only screen and (min-width: 640px) {



}


@media screen and (min-width: 768px) {

    .center { width: 740px; }
    .header_wrapper { width: 100%; }
    header { width: 740px; padding: 0; }

    .search { width: 740px; }
    .searchbox { width: 490px; }

    .text_over_pic { left: 50%; margin-left: -370px; }	

    .featured { padding: 30px 0 40px 0; }
    .featured h4 { padding: 0; margin-bottom: 20px; }
    .themes .theme { width: 170px; margin: 0 0 0 20px; }
    .themes .theme:first-child { margin-left: 0; }

    .box { width: 220px; margin-left: 40px; border-top: 0; }
    .box .inner { padding: 30px 0; }
    .mail div { font-size: 20px; }

    .page_content { padding: 30px 0; line-height: 26px; }
    .page_content h1 { font-size: 32px; margin-bottom: 30px; padding: 0; }
    .content { width: 100%; padding: 0 0 25px 0; }
    .right { width: 100%; padding: 25px 0 0 0; }

    .previous_theme, .next_theme { margin-top: 30px; }
    .previous_theme { float: left; }
    .next_theme { float: right; text-align: right; }

    .my-timeline { max-width: 100%; }

    footer .logo { display: block; }
    footer .bottom_links { float: left; padding: 0; }
    footer .logo_gd { float: right; margin: 3px 0 0 0; }

    .tbl td, .tbl th { font-size: 16px; }

}

@media screen and (max-width: 991px) {
    .ff {
        display: block!important;
    }
}

@media screen and (min-width: 990px) {

    .center { width: 970px; }

    header { width: 970px; padding: 0; }
    header nav { display: block; }
    .open_search { width: 16px; height: 16px; background: url(../img/icon_search_s.png) no-repeat 0 0; margin-top: 47px; }
    .open_menu { display: none; }
    nav.applePie { display: none; }

    .search .close { display: block; }

    .text_over_pic { font-size: 32px; padding: 20px 30px; margin-left: -485px; }

    .themes .theme { width: 225px; margin: 0 0 0 23px; }

    .box { width: 290px; margin-left: 50px; }
    .mail div { font-size: 24px; }

    .content { float: left; width: 670px; padding: 0 49px 0 0; border-right: 1px solid #ddd; }
    .right { float: right; width: 200px; padding: 0 0 0 50px; border-top: 0; }

    .previous_theme, .next_theme { margin-top: 35px; }
    .previous_theme { float: left; width: 100%; }
    .next_theme { float: left; width: 100%; text-align: left; }

}






@media only screen and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {

    .open_search { background: url(../img/icon_search@2x.png) no-repeat 0 0; background-size: 24px auto;}

    .open_menu { background: url(../img/icon_menu@2x.png) no-repeat 0 0; background-size: 24px auto; }

    .tools li a { background: url(../img/icons_tools@2x.png) no-repeat; background-size: auto 24px; }

}

@media screen and (max-width: 790px) {
    .news .row {
        margin-left: 0;
        margin-right: 0;
    }   
}

@media screen and (max-width: 767px) {
    .mobile_height_auto .box {
        height: auto !important;
    }   
}