@font-face {
font-family: 'jkreativ';
src:url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/fonts/default/jkreativ.eot);
src:url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/fonts/default/jkreativ.eot?#iefix) format('embedded-opentype'),
url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/fonts/default/jkreativ.ttf) format('truetype'),
url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/fonts/default/jkreativ.woff) format('woff'),
url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/fonts/default/jkreativ.svg#jkreativ) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="default-"], [class*=" default-"] {
font-family: 'jkreativ';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.default-pushpin:before {
content: "\e600";
}
.default-pin:before {
content: "\e601";
}
.default-search:before {
content: "\f002";
}
.default-facebook:before {
content: "\e000";
}
.default-twitter:before {
content: "\e001";
}
.default-vimeo:before {
content: "\e002";
}
.default-tumblr:before {
content: "\e003";
}
.default-picassa:before {
content: "\e004";
}
.default-skype:before {
content: "\e005";
}
.default-angle-left:before {
content: "\f104";
}
.default-expand:before {
content: "\e008";
}
.default-contract:before {
content: "\e009";
}
.default-flickr:before {
content: "\e00a";
}
.default-github:before {
content: "\e00b";
}
.default-feed:before {
content: "\e00c";
}
.default-google:before {
content: "\e00d";
}
.default-info:before {
content: "\e00e";
}
.default-reorder:before {
content: "\f0c9";
}
.default-long-arrow-right:before {
content: "\f178";
}
.default-long-arrow-left:before {
content: "\f177";
}
.default-lastfm:before {
content: "\e013";
}
.default-soundcloud:before {
content: "\e014";
}
.default-windows8:before {
content: "\e015";
}
.default-steam:before {
content: "\e016";
}
.default-share-2:before {
content: "\e017";
}
.default-info-2:before {
content: "\e018";
}
.default-share-3:before {
content: "\e019";
}
.default-uniF004:before {
content: "\f004";
}
.default-star-empty:before {
content: "\f006";
}
.default-left-quote:before {
content: "\e01a";
}
.default-compass:before {
content: "\e01e";
}
.default-compass-2:before {
content: "\e01f";
}
.default-add:before {
content: "\e020";
}
.default-minus:before {
content: "\e021";
}
.default-error:before {
content: "\e022";
}
.default-checked:before {
content: "\e023";
}
.default-cancel:before {
content: "\e024";
}
.default-cancel-2:before {
content: "\e025";
}
.default-cart:before {
content: "\e026";
}
.default-list:before {
content: "\e006";
}
.default-ellipsis:before {
content: "\e007";
}
.default-remove:before {
content: "\f00d";
}
.default-share:before {
content: "\e00f";
}
.default-dribbble:before {
content: "\e010";
}
.default-github-2:before {
content: "\e011";
}
.default-stackoverflow:before {
content: "\e012";
}
.default-right-quote:before {
content: "\e01b";
}
.default-envelope:before {
content: "\e01c";
}
.default-angle-down:before {
content: "\f107";
}
.default-location:before {
content: "\e01d";
}
.default-key:before {
content: "\e037";
}
.default-enter:before {
content: "\e027";
}
.default-locked:before {
content: "\e02e";
}
.default-star:before {
content: "\e028";
}
.default-basket:before {
content: "\e056";
}
.default-play:before {
content: "\e02b";
}
.default-equalizer:before {
content: "\e02a";
}
.default-star-2:before {
content: "\e029";
}
.default-pencil:before {
content: "\e602";
}
.default-user:before {
content: "\e603";
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden] {
display: none;
}  html {
color: #000; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html,
button,
input,
select,
textarea {
font-family: sans-serif;
} body {
margin: 0;
}  a:focus {
outline: none;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 30px;
margin: 0.67em 0;    
}
h2 {
font-size: 26px;
margin: 0.83em 0;
}
h3 {
font-size: 22px;
margin: 1em 0;
}
h4 {
font-size: 18px;
margin: 1.33em 0;
}
h5 {
font-size: 16px;
margin: 1.67em 0;
}
h6 {
font-size: 14px;
margin: 2.33em 0;
}
h1, h2, h3  {
line-height: 1.4;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} p,
pre {
margin: 1em 0;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
} pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
} q {
quotes: none;
} q:before,
q:after {
content: '';
content: none;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
} menu,
ol,
ul {
padding: 0 0 0 40px;
} nav ul,
nav ol {
list-style: none;
list-style-image: none;
}  img {
border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  form {
margin: 0 12px 0 0;    
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0;
white-space: normal; *margin-left: -7px; } button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; width: 13px;
} input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}  .ir {
background-color: transparent;
border: 0;
overflow: hidden; *text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
} .hidden {
display: none !important;
visibility: hidden;
} .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} .visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
} .invisible {
visibility: hidden;
} .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
} .clearfix {
*zoom: 1;
}body.ps-active, body.ps-building, div.ps-active, div.ps-building
{
background: #fff;
overflow: hidden;
}
body.ps-active *, div.ps-active *
{ 
-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
}
body.ps-active *:focus, div.ps-active *:focus 
{ 
outline: 0; 
} div.ps-document-overlay 
{
background: #fff;
position: fixed !important;
} div.ps-uilayer { 
background: #fff;
cursor: pointer;
} div.ps-zoom-pan-rotate{
background: #fff;
}
div.ps-zoom-pan-rotate *  { display: block; } div.ps-carousel-item-loading 
{ 
background: url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/img/loading.gif) no-repeat center center; 
background-size: 40px auto;
}
div.ps-carousel-item-error 
{ 
background: url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/img/error.gif) no-repeat center center; 
} div.ps-caption
{ 	
background: #fff;	
border-bottom: 1px solid #eee;
color: #ffffff;
font-size: 13px;
font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
text-align: center;
}
div.ps-caption *  { display: inline; }
div.ps-caption-bottom
{ 
border-top: 1px solid #ddd;
border-bottom: none;
min-height: 44px;
}
div.ps-caption-content {
color: #333;
display: block;
font-family: georgia;
font-style: italic;
padding: 13px;
} div.ps-toolbar
{ 	
background: #fff;	
border-top: 1px solid #ddd;
color: #ffffff;
font-size: 13px;
font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
text-align: center;
height: 44px;
display: table;
table-layout: fixed;
}
div.ps-toolbar * { 
display: block;
}
div.ps-toolbar-top 
{
border-bottom: 1px solid #ddd;
border-top: none;
}
div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play {
color: #000000;
cursor: pointer;
display: block;
float: right;
width: 44px;
border-left: 1px solid #ddd;
}
div.ps-toolbar div.ps-toolbar-content {	
font-family: "jkreativ";	
}  
div.ps-toolbar-close div.ps-toolbar-content:before { content: "\e025";}
div.ps-toolbar-previous div.ps-toolbar-content:before { content: "\f104"; }
div.ps-toolbar-previous-disabled div.ps-toolbar-content:before { content: "\f105" }
div.ps-toolbar-next div.ps-toolbar-content:before { content: "\f105"; }
div.ps-toolbar-next-disabled div.ps-toolbar-content:before { content: "\f105"; }
div.ps-toolbar-play div.ps-toolbar-content:before { content: "\e02b"; }
div.ps-toolbar div div.ps-toolbar-content
{
width: 44px;
height: 44px;
margin: 0 auto 0;
}
div.ps-toolbar-close div.ps-toolbar-content
{
background-position: 0 0;
}
div.ps-toolbar-previous div.ps-toolbar-content
{
background-position: -44px 0;
}
div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
background-position: -44px -44px;
}
div.ps-toolbar-next div.ps-toolbar-content
{
background-position: -132px 0;
}
div.ps-toolbar-next-disabled div.ps-toolbar-content
{
background-position: -132px -44px;
}
div.ps-toolbar-play div.ps-toolbar-content
{
background-position: -88px 0;
}
div.ps-toolbar div div.ps-toolbar-content:before {
color: #666;
font-family: "jkreativ";
height: 44px;
line-height: 44px;
margin: 0 auto;
font-size: 21px;
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi)
{
div.ps-toolbar div div.ps-toolbar-content
{
-moz-background-size: 176px 88px;
-o-background-size: 176px 88px;
-webkit-background-size: 176px 88px;
background-size: 176px 88px;
background-image: url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/img/icons@2x.png);
}
} .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__html, .fotorama__video iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0
}
.fotorama--fullscreen, .fotorama__img {
max-width: 99999px !important;
max-height: 99999px !important;
min-width: 0 !important;
min-height: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0;
margin: 0
}
.fotorama__wrap .fotorama__grab {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.fotorama__grabbing * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing
}
.fotorama__img, .fotorama__oooo {
position: absolute !important;
top: 50% !important;
left: 50% !important
}
.fotorama__img {
margin: -50% 0 0 -50%;
width: 100%;
height: 100%
}
.fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__stage__frame, .fotorama__wrap--css3 .fotorama__nav__frame, .fotorama__wrap--css3 .fotorama__img, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__caption, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__video-close {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.fotorama__wrap--video .fotorama__stage__shaft, .fotorama__wrap--video .fotorama__stage__frame--video {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important
}
.fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__thumb-border {
-webkit-transition-property: -webkit-transform, width;
transition-property: transform, width;
-webkit-transition-timing-function: cubic-bezier(0.1,0,.25,1);
transition-timing-function: cubic-bezier(0.1,0,.25,1);
-webkit-transition-duration: 0ms;
transition-duration: 0ms
}
.fotorama__wrap, .fotorama__no-select, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__video-close, .fotorama__stage:before, .fotorama__stage:after, .fotorama__nav:before, .fotorama__nav:after {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fotorama__select {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}
.fotorama__nav, .fotorama__nav__frame {
margin: 0;
padding: 0
}
.fotorama__nav__shaft, .fotorama__nav__frame {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*display: inline;
*zoom: 1
}
.fotorama__wrap * {
-moz-box-sizing: content-box;
box-sizing: content-box
}
.fotorama__caption {
-moz-box-sizing: border-box;
box-sizing: border-box
}
.fotorama--hidden, .fotorama__load {
position: absolute;
left: -99999px;
top: -99999px;
z-index: -1
}
.fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__nav, .fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__video-close {
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__video-close {
background: url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/img/fotorama.png) no-repeat
}
@media (-webkit-min-device-pixel-ratio: 1.5) , (min-resolution: 144dpi) {
.fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__video-close {
background: url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/img/fotorama@2x.png) no-repeat;
background-size: 96px 160px
}
}
.fotorama__thumb {
background-color: #7f7f7f;
background-color: rgba(127,127,127,.2)
}
.fotorama {
min-width: 1px;
overflow: hidden
}
.fotorama > * {
visibility: hidden
}
.fotorama.fotorama--noscript > *, .fotorama > .fotorama__wrap {
visibility: visible
}
.fullscreen {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #000
}
.fotorama--fullscreen {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
float: none !important;
z-index: 2147483647 !important;
background: #000;
width: 100% !important;
height: 100% !important
}
.fotorama--fullscreen .fotorama__stage, .fotorama--fullscreen .fotorama__nav {
background: #000
}
.fotorama__wrap {
-webkit-text-size-adjust: 100%;
position: relative
}
.fotorama__stage, .fotorama__nav {
overflow: hidden;
position: relative;
}
.fotorama__wrap--pan-y {
-ms-touch-action: pan-y
}
.fotorama__wrap .fotorama__pointer {
cursor: pointer
}
.fotorama__wrap--slide .fotorama__stage__frame {
opacity: 1 !important
}
.fotorama__stage__frame {
overflow: hidden
}
.fotorama__stage__frame.fotorama__active {
z-index: 8
}
.fotorama__wrap--fade .fotorama__stage__frame {
display: none
}
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
-ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1
}
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active, .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear {
display: block;
left: 0;
top: 0
}
.fotorama__wrap--fade .fotorama__fade-front {
z-index: 8
}
.fotorama__wrap--fade .fotorama__fade-rear {
z-index: 7
}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
z-index: 9
}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
display: none
}
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html {
-ms-filter: "alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0
}
.fotorama__stage__frame--video {
background: black;
}
.fotorama__img {
-ms-filter: "alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
border: 0
}
.fotorama__loaded .fotorama__img, .fotorama__error .fotorama__img {
-ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1
}
.fotorama__img--full {
display: none
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img {
display: none
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
display: block
}
.fotorama__stage--only-active .fotorama__stage__frame {
visibility: hidden
}
.fotorama__stage--only-active .fotorama__stage__frame.fotorama__active {
visibility: visible
}
.fotorama__nav {
font-size: 0;
line-height: 0;
text-align: center;
display: none;
white-space: nowrap;
z-index: 5
}
.fotorama__nav__shaft {
position: relative;
left: 0;
top: 0;
text-align: left
}
.fotorama__nav__frame {
position: relative;
cursor: pointer
}
.fotorama__nav--dots {
display: block
}
.fotorama__nav--dots .fotorama__nav__frame {
width: 18px;
height: 30px
}
.fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border {
display: none
}
.fotorama__nav--thumbs {
display: block
}
.fotorama__nav--thumbs .fotorama__nav__frame {
padding-left: 0 !important
}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
padding-right: 0 !important
}
.fotorama__nav--thumbs .fotorama__nav__frame--dot {
display: none
}
.fotorama__dot {
display: block;
width: 4px;
height: 4px;
position: relative;
top: 12px;
left: 6px;
border-radius: 6px;
border: 1px solid
}
.fotorama__nav__frame.fotorama__active {
pointer-events: none;
cursor: default
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
width: 6px;
height: 6px;
border: 0
}
.fotorama__dot {
border-color: #7f7f7f
}
.fotorama__active .fotorama__dot {
background-color: #7f7f7f
}
.fotorama__thumb {
overflow: hidden;
position: relative;
width: 100%;
height: 100%
}
.fotorama__thumb-border {
position: absolute;
z-index: 9;
top: 0;
left: 0;
border-style: solid;
border-color: #00afea;
background-image: -webkit-linear-gradient(top left,rgba(255,255,255,.25),rgba(64,64,64,.1));
background-image: linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))
}
.fotorama__caption {
position: absolute;
z-index: 12;
bottom: 0;
left: 0;
max-width: 100%;
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #000;
background-color: #fff;
background-color: rgba(255,255,255,.9);
padding: 5px 10px
}
.fotorama__caption a {
text-decoration: none;
color: #000;
border-bottom: 1px solid;
border-color: rgba(0,0,0,.5)
}
.fotorama__caption a:hover {
color: #333;
border-color: rgba(51,51,51,.5)
}
.fotorama__wrap--video .fotorama__caption {
display: none
}
.fotorama__oooo {
width: 6px;
height: 6px;
margin-left: -8px;
margin-top: -3px
}
.fotorama__oooo:before, .fotorama__oooo:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 6px;
height: 6px;
border-radius: 6px;
background-color: #bfbfbf;
background-color: rgba(127,127,127,.5)
}
.fotorama__oooo:before {
left: -10px
}
.fotorama__oooo .fotorama__oooo {
margin-left: 17px
}
.fotorama__oooo--1:before, .fotorama__oooo--2:after, .fotorama__oooo--3 .fotorama__oooo:before, .fotorama__oooo--4 .fotorama__oooo:after {
background-color: #7f7f7f
}
.fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__stage__frame, .fotorama__wrap--css3 .fotorama__nav__frame, .fotorama__wrap--css3 .fotorama__img, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__caption {
-webkit-backface-visibility: hidden
}
.fotorama__wrap--css3 .fotorama__img, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3.fotorama__wrap--fade .fotorama__stage__frame, .fotorama__wrap--css3 .fotorama__caption {
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.fotorama__select {
cursor: auto
}
.fotorama__video {		
right: 0;
bottom: 0;
left: 0;
top: 32px;
position: absolute;
z-index: 10
}
@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__video-close {
display: block;
position: absolute;
z-index: 11;
cursor: pointer
}
.fotorama__video-play, .fotorama__video-close {
-ms-filter: "alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0
}
.fotorama__arr {
width: 48px;
height: 100%;
top: 0;
bottom: 0
}
.fotorama__arr__arr {
position: absolute;
width: 32px;
height: 32px;
left: 50%;
top: 50%;
margin-left: -7px;
margin-top: -16px;
font-family: "jkreativ";
font-size: 70px;
color: #aaa;
}
.fotorama__arr--prev {
left: 20px;
}
.fotorama__arr--prev .fotorama__arr__arr:before {	
content: "\f104";    
position: absolute;
top: -1px;
}
.fotorama__arr--next {
right: 20px;
}
.fotorama__arr--next .fotorama__arr__arr:before {	
content: "\f105";    
position: absolute;
top: -1px;	   
}
.fotorama__arr--disabled {
pointer-events: none;
cursor: default;
*display: none;
filter: alpha(opacity=0);
opacity: .1
}
.fotorama__fullscreen-icon {
width: 32px;
height: 32px;
top: 0;
right: 0;
background-position: 0 -32px;
z-index: 20
}
.fotorama--fullscreen .fotorama__fullscreen-icon {
background-position: -32px -32px
}
.fotorama__video-play {
width: 96px;
height: 96px;
left: 50%;
top: 50%;
margin-left: -48px;
margin-top: -48px;
background-position: 0 -64px
}
.fotorama__nav__frame .fotorama__video-play {
width: 32px;
height: 32px;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -16px;
background-position: -64px -32px;
-ms-filter: "alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important
}
.fotorama__video-close {
width: 32px;
height: 32px;
top: -32px;
right: -32px;
background-position: -64px 0;
z-index: 20
}
.fotorama__loaded .fotorama__video-play, .fotorama__error .fotorama__video-play {
-ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
z-index: 11
}
.fotorama__wrap--no-controls .fotorama__arr, .fotorama__wrap--no-controls .fotorama__fullscreen-icon, .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon {
-ms-filter: "alpha(Opacity=0)" !important;
filter: alpha(opacity=0) !important;
opacity: 0 !important
}
.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__fullscreen-icon, .fotorama__wrap--video .fotorama__fullscreen-icon {
top: -32px;
right: -32px
}
.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__arr--prev, .fotorama__wrap--video .fotorama__arr--prev {
left: -48px
}
.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__arr--next, .fotorama__wrap--video .fotorama__arr--next {
right: -48px
}
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
-ms-filter: "alpha(Opacity=0)" !important;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
z-index: -1
}
.fotorama__wrap--video .fotorama__video-close {
top: 0;
right: 0;
-ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1
}
.fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__video-play, .fotorama__wrap--css3 .fotorama__video-close {
-webkit-transition-property: top, right, left, opacity;
transition-property: top, right, left, opacity;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.fotorama__stage:before, .fotorama__stage:after, .fotorama__nav:before, .fotorama__nav:after {
content: "";
display: block;
position: absolute;
text-decoration: none;
top: 0;
bottom: 0;
width: 10px;
height: auto;
z-index: 10;
pointer-events: none;
background-repeat: no-repeat;
background-size: 1px 100%, 5px 100%
}
.fotorama__stage:before, .fotorama__nav:before {
background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent), -webkit-radial-gradient(0 50%,farthest-side,rgba(0,0,0,.4),transparent);
background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent), radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);
background-position: 0 0, 0 0;
left: -10px
}
.fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before {
left: 0
}
.fotorama__stage:after, .fotorama__nav:after {
background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent), -webkit-radial-gradient(100% 50%,farthest-side,rgba(0,0,0,.4),transparent);
background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent), radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);
background-position: 100% 0, 100% 0;
right: -10px
}
.fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after {
right: 0
}
.fotorama--fullscreen .fotorama__stage:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after {
display: none
} .jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 5px;
height: 100%;
background: #222222;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #ddd;
position: relative;
}
.jspDrag
{
background: #333;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
} * html .jspCorner
{
margin: 0 -3px 0 0;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 502;
overflow: hidden;
position: fixed;
background: #fff;
opacity: 0.9;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 503;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
height: 100%;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;  
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 505; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 504; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 506; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: fixed;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.5;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 36px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #000;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
height: 80px;
margin: -55px 0 0;
opacity: 0.4;
padding: 0;
position: absolute;
top: 50%;
width: 60px;
}
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-left: 20px;
}
.mfp-arrow-left {
left: 0; }
.mfp-arrow-right {
right: 0; 
}
.mfp-arrow-right, .mfp-arrow-left {
font-family: "jkreativ";
color: rgba(68, 68, 68, 0.8);
font-size: 60px;
}
.mfp-arrow-right { text-shadow: -2px 1px 2px #969696; }
.mfp-arrow-left { text-shadow: -2px 1px 2px #969696; }
.mfp-arrow-left:before { content: "\f104"; }
.mfp-arrow-right:before { content: "\f105"; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
top: -3px;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
.mfp-iframe-holder .mfp-close {
top: 0; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
padding: 0;
} .mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1; }
.mfp-figure {
line-height: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
display: none; 
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.5s ease-out; 
-moz-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.95;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.5s ease-out; 
-moz-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; } .mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; } }
@media all and (max-width: 800px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
.sl-slider-wrapper {
width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
display: none;
}
.sl-slider {
position: absolute;
top: 0;
left: 0;
} .sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
} 
.sl-slide {
z-index: 1;
} .sl-content-slice {
overflow: hidden;
position: absolute;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
opacity : 1;
} .sl-slide-horizontal .sl-content-slice {
width: 100%;
height: 50%;
left: -200px;
-webkit-transform: translateY(0%) scale(1);
-moz-transform: translateY(0%) scale(1);
-o-transform: translateY(0%) scale(1);
-ms-transform: translateY(0%) scale(1);
transform: translateY(0%) scale(1);
}
.sl-slide-horizontal .sl-content-slice:first-child {
top: -200px;
padding: 200px 200px 0px 200px;
}
.sl-slide-horizontal .sl-content-slice:nth-child(2) {
top: 50%;
padding: 0px 200px 200px 200px;
} .sl-slide-vertical .sl-content-slice {
width: 50%;
height: 100%;
top: -200px;
-webkit-transform: translateX(0%) scale(1);
-moz-transform: translateX(0%) scale(1);
-o-transform: translateX(0%) scale(1);
-ms-transform: translateX(0%) scale(1);
transform: translateX(0%) scale(1);
}
.sl-slide-vertical .sl-content-slice:first-child {
left: -200px;
padding: 200px 0px 200px 200px;
}
.sl-slide-vertical .sl-content-slice:nth-child(2) {
left: 50%;
padding: 200px 200px 200px 0px;
}  .sl-content-wrapper {
position: absolute;
}
.sl-content {
width: 100%;
height: 100%;
background: #fff;
} .sl-slide-horizontal .sl-slide-inner {
background: #ddd;
}
.sl-slide-vertical .sl-slide-inner {
background: #ccc;
}
.splitslider .sl-slider-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
} .nav-arrows span {
position: absolute;
z-index: 5;
top: 50%;
margin-top: -30px;
cursor: pointer;
cursor: pointer;
display: block;
height: 46px;
width: 46px;
margin-top: -23px;
opacity: 0.5;
position: absolute;	
top: 50%;
font-size: 70px;
line-height: 46px;	
font-family: "jkreativ";
color: #aaa;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;    
}
.splitslider:hover .nav-arrows span.nav-arrow-prev {
left: 10px;	
}
.splitslider:hover .nav-arrows span.nav-arrow-next {
right: 10px;
}
.nav-arrows span.nav-arrow-prev {
left: -50px;	
text-align: center;
}
.nav-arrows span.nav-arrow-next {
right: -50px;
}
.nav-arrows span.nav-arrow-prev:before {
content: "\f104";    	
position: absolute;
top: -1px;
}
.nav-arrows span.nav-arrow-next:before {	
content: "\f105";    	
position: absolute;
top: -1px;	   
} .nav-dots {
text-align: center;
position: absolute;
bottom: 2%;
height: 30px;
width: 100%;
left: 0;
z-index: 9;
}
.nav-dots span {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
border-radius: 50%;
margin: 3px;
background: #ddd;
background: rgba(150,150,150,0.4);
cursor: pointer;
box-shadow: 
0 1px 1px rgba(255,255,255,0.4), 
inset 0 1px 1px rgba(0,0,0,0.1);
}
.nav-dots span.nav-dot-current:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
top: 3px;
left: 3px;
border-radius: 50%;
background: rgba(255,255,255,0.8);
} .tile-wrapper {
border: 1px solid #FFFFFF;
height: 350px;
left: 50%;
margin-left: -175px;
margin-top: -175px;
position: absolute;
top: 50%;
width: 350px;
}
.slider-content {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
bottom: 10px;
left: 10px;
position: absolute;
right: 10px;
text-align: center;
top: 10px;
-webkit-transition: all 0.2s ;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.slider-content:hover {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}
.tile-wrapper i {
color: #000;
display: block;
font-size: 34px;
margin-bottom: 20px;
margin-top: 71px;
}
.tile-wrapper h2 {
color: #000000;
font-size: 18px;
font-style: normal;
letter-spacing: 5px;
line-height: 1.5;
margin: 0 auto;
max-width: 300px;
text-transform: uppercase;
}
.sl-line {
border-bottom: 1px solid #999999;
display: block;
margin: 30px auto;
width: 100px;
color: #000;
}
.slider-content > p {
color: #666666;
margin: 0 auto;
max-width: 200px;
} .bg-img {
-moz-box-sizing: content-box;
background-position: center center;
background-size: cover;      
position: absolute;    
height: 100%;
width: 100%;
}
.bg-overlay {
background: rgba(0,0,0,0.3);
position: absolute;
height: 100%;
width: 100%;
} .sl-trans-elems i {
-webkit-animation: fadeIn 1s ease-in-out both;
-moz-animation: fadeIn 1s ease-in-out both;
-o-animation: fadeIn 1s ease-in-out both;
-ms-animation: fadeIn 1s ease-in-out both;
animation: fadeIn 1s ease-in-out both;
}
.sl-trans-elems h2 {
-webkit-animation: fadeIn 0.5s ease-in-out 0.3s both;
-moz-animation: fadeIn 0.5s ease-in-out 0.3s both;
-o-animation: fadeIn 0.5s ease-in-out 0.3s both;
-ms-animation: fadeIn 0.5s ease-in-out 0.3s both;
animation: fadeIn 0.5s ease-in-out 0.3s both;
}
.sl-trans-elems .sl-line {
-webkit-animation: fadeIn 0.5s ease-in-out 0.3s both;
-moz-animation: fadeIn 0.5s ease-in-out 0.3s both;
-o-animation: fadeIn 0.5s ease-in-out 0.3s both;
-ms-animation: fadeIn 0.5s ease-in-out 0.3s both;
animation: fadeIn 0.5s ease-in-out 0.3s both;
}
.sl-trans-elems p {
-webkit-animation: fadeIn 0.5s ease-in-out 0.6s both;
-moz-animation: fadeIn 0.5s ease-in-out 0.6s both;
-o-animation: fadeIn 0.5s ease-in-out 0.6s both;
-ms-animation: fadeIn 0.5s ease-in-out 0.6s both;
animation: fadeIn 0.5s ease-in-out 0.6s both;
} .slidewrapper {
margin-top: -100px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
}
.slidewrapcontainer {
margin: 0 auto;
max-width: 1140px;
}
.leftpos .slidewrappos {
text-align: left;
width: 550px;
}
.rightpos .slidewrappos {
text-align: left;
width: 550px;
float: right;
}
.slidewrapper .text1, .slidewrapper .text2, .slidewrapper .text3 {
position: relative;	
}
.sl-trans-elems .slidewrapper .text1 {	
-webkit-animation: fadeIn 1s ease-in-out both;
-moz-animation: fadeIn 1s ease-in-out both;
-o-animation: fadeIn 1s ease-in-out both;
-ms-animation: fadeIn 1s ease-in-out both;
animation: fadeIn 1s ease-in-out both;
}
.sl-trans-elems .slidewrapper .text2 {
-webkit-animation: fadeIn 0.5s ease-in-out 0.3s both;
-moz-animation: fadeIn 0.5s ease-in-out 0.3s both;
-o-animation: fadeIn 0.5s ease-in-out 0.3s both;
-ms-animation: fadeIn 0.5s ease-in-out 0.3s both;
animation: fadeIn 0.5s ease-in-out 0.3s both;
}
.sl-trans-elems .slidewrapper .text3 {
-webkit-animation: fadeIn 0.5s ease-in-out 0.6s both;
-moz-animation: fadeIn 0.5s ease-in-out 0.6s both;
-o-animation: fadeIn 0.5s ease-in-out 0.6s both;
-ms-animation: fadeIn 0.5s ease-in-out 0.6s both;
animation: fadeIn 0.5s ease-in-out 0.6s both;
}  @media screen and (max-width: 660px) {
.tile-wrapper {
margin-left: -150px;
margin-top: -150px;
width: 300px;
height: 300px;
}
.tile-wrapper i {
margin-top: 45px;
}
.nav-arrows span {
width: 28px;
}
.nav-arrows span.nav-arrow-prev {				
font-size: 45px;
}
.nav-arrows span.nav-arrow-next {		
font-size: 45px;
}
.splitslider:hover .nav-arrows span.nav-arrow-prev {
left: 0px;	
}
.splitslider:hover .nav-arrows span.nav-arrow-next {
right: 0px;
}	
}  .flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}  @font-face {
font-family: 'flexslider-icon';
src:url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/css/fonts/flexslider-icon.eot);
src:url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/css/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),
url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/css/fonts/flexslider-icon.woff) format('woff'),
url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/css/fonts/flexslider-icon.ttf) format('truetype'),
url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/css/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;}  .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; margin-bottom: 20px;}
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; } .flex-direction-nav {*height: 0;}
.flex-direction-nav a {
background:  rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.8);
cursor: pointer;
display: block;
height: 60px;
margin: -20px 0 0;
opacity: 0;
overflow: hidden;
position: absolute;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
top: 50%;
transition: all 0.3s ease 0s;
width: 40px;
z-index: 10;
}
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 0px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 0px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before {
content: "\f104";
display: inline-block;
font-family: "jkreativ";
font-size: 35px;
font-style: normal;
height: 50px;
left: 12px;
line-height: 60px;
position: relative;
width: 40px;
left: 11px;
}
.flex-direction-nav a.flex-next { border-radius: 2px 0 0 2px; }
.flex-direction-nav a.flex-prev { border-radius: 0 2px 2px 0; }
.flex-direction-nav a.flex-next:before  { content: '\f105'; left: inherit; right: 11px;} .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav {width: 100%; bottom: -60px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}html,
button,
input,
select,
textarea {
color: #222;
} ::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ddd;
margin: 1em 0;
padding: 0;
}
hr.doubleline { border-top: 3px double #ddd; }
hr.shorthr{ width: 20%; }
.doublemargin { margin: 2em 0; } img {
vertical-align: middle;
max-width: 100%;
} fieldset {
border: 0;
margin: 0;
padding: 0;
} textarea {
resize: vertical;
} .chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
} input, textarea {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
input, textarea, select, .uneditable-input {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
color: #777;
display: inline-block;
font-size: 13px;
height: 18px;
line-height: 18px;
margin-bottom: 9px;
padding: 5px;
width: 100%;
}
select {
height: 30px;
}
input[type="submit"] {
border: 1px solid #AAAAAA;
color: #666666;
font-family: "open sans";
font-weight: bold;
height: auto;
letter-spacing: 1px;
line-height: 20px;
margin: 0;
padding: 6px 25px;
text-transform: uppercase;
width: auto;
}
textarea {
height: auto;
}
body {
font-size: 13px;
line-height: 21px;
font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
color:#555;
background: url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/img/bg.png) #EEEEEE;
}
body.page-landing {
background: #FFFFFF;
}
a {
text-decoration: none;
color: #cd9a66;
font-family: Georgia, Times, serif;
font-style: italic;
outline: none;
}
a:hover {
color: #333;
}
h1 , h2 , h3 , h4 , h5 , h6 {
font-family: "Roboto Slab", "Open Sans", Georgia, Times, serif;
font-weight: normal;
word-spacing: 1px;
color: #555;
}
.jviewport {
height: 100%;
position: absolute;
width: 100%;
}
.responsiveheader {
background-color: #FFFFFF;
position: relative;
z-index: 20;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.25));
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
display: none;
}
.responsiveheader .logo {
padding: 15px 0;
text-align: center;
}
.responsiveheader .logo h1 {
margin: 0;
line-height: normal;
font-size: 22px;
}
.responsiveheader .navleft, .responsiveheader .navright {
display: block;
height: 100%;
padding: 0 20px;
position: absolute;
text-align: center;
left: 0;
cursor: pointer;
width: 26px;
}
.responsiveheader .navright {
left: inherit;
right: 0;
top: 0;
}
.responsiveheader .navleftinner, .responsiveheader .navrightinner {
position: absolute;
top: 50%;
}
.responsiveheader .navleftwrapper, .responsiveheader .navrightwrapper {
display: block;
margin-top: -50%;
position: relative;
}
.responsiveheader .iconlist:before {
content: "\e006";
font-family: "jkreativ";
font-size: 26px;
line-height: 100%;
}
.responsiveheader .navright .iconlist:before {
content: "\f002";
}
.mobilesearch {
background: white;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
overflow: hidden;
}
.mobilesearch form {
height: 100%;
}
.mobilesearch input {
border: medium none;
font-family: georgia;
font-style: italic;
height: 100%;
padding-left: 20px;
width: 100%;
font-size: 18px;
padding-bottom: 0;
padding-top: 0;
margin-bottom: 0;
}
.mobilesearch .closemobilesearch {
position: absolute;
right: 20px;
}
.mobilesearch .closemobilesearch {
cursor: pointer;
display: block;
font-size: 24px;
height: 100%;
position: absolute;
right: 35px;
top: 0;
z-index: 20;
}
.closemobilesearch span {
margin-top: -12px;
position: absolute;
top: 50%;
}
.mobile-float {
background: #333333;
height: 9999px;
position: absolute;
top: 0;
width: 270px;
z-index: -1;
}
#leftsidebar { width: 270px; }
#rightsidecontainer {
position : absolute;
width: 100%;
height: 100%;
}
.contentholder {
margin-left: 270px;
overflow: hidden;
}
.mobile-menu { display: none; }
.contentoverflow {
background: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
cursor: pointer;
z-index: 10;
}
#leftsidebar {
background: #fff;
position: fixed;
left: 0;
top: 0;
height: 100%;
z-index: 100;
border-right: 1px solid #eee;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .23);
-moz-box-shadow:0 0 15px rgba(0, 0, 0, .33);
box-shadow: 0 0 15px rgba(0, 0, 0, .33);
}
.headermenu {
background: #222;
color: #CCCCCC;
left: 0;
min-height: 40px;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
} .headermenu.fademe:hover {
opacity: 1;
}
.headermenu .toplink {
float: right;
}
.headermenu .toplink ul {
margin: 0;
padding: 0;
}
.headermenu .toplink li {
float: left;
list-style: none;
padding: 0 15px;
position: relative;
}
.headermenu .toplink li a {
color: #ababab;
font-family: Georgia, Times, serif;
font-style: italic;
font-size: 12px;
line-height: 40px;
display: block;
outline: none;
}
.headermenu .toplink li a:hover {
color: #fff;
}
.headermenu .toplink li.active , .headermenu .toplink li.active > a {
background: #EEEEEE;
color: #666666;
}
.headermenu .toplink .separator:after {
content: "|";
font-size: 11.5px;
font-weight: bold;
}
.headermenu .toplink .separator {
padding: 0;
margin-right: -2px;
}
.toplink ul > li > a:before {
font-family: "jkreativ";
margin-right: 10px;
font-style: normal;
font-size: 13px;
}
.topaccount > a > img {
border-radius: 10px 10px 10px 10px;
height: 20px;
margin-right: 8px;
position: relative;
top: -2px;
width: 20px;
}
.toplink .toplogin > a:before { content: "\e037"; }
.toplink .topcart > a:before {  content: "\e026"; }
.toplink .topcheckout > a:before { content: "\e056"; } .active .accountdrop {
display: block;
}
.accountdrop {
background:  #FFFFFF;
box-shadow: -2px 6px 6px rgba(0, 0, 0, 0.33);
position: absolute;
right: 0;
width: 220px;
display: none;
}
.headermenu .toplink .accountdrop li {
border-bottom: 1px dotted #DDDDDD;
float: none;
line-height: 1.5;
margin: 0;
padding: 0 20px;
text-align: right;
}
.headermenu .toplink .accountdrop li:hover {
background: #eee;
}
.headermenu .toplink .accountdrop li:hover a {
color: #222;
}
.headermenu .toplink .accountdrop li a {
color: #555555;
font-family: roboto slab;
font-size: 13px;
font-style: normal;
letter-spacing: 0.5px;
line-height: 47px;
text-transform: uppercase;
} .active .topcartcontent {
display: block;
}
.topcartcontent {
display: none;
background: #FFFFFF;
position: absolute;
right: 0;
width: 300px;
padding: 10px 25px;
box-shadow: -2px 6px 6px rgba(0, 0, 0, 0.33);
}
.topcartheader {
font-size: 15px;
letter-spacing: 2px;
line-height: 50px;
margin: 0;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
}
.topcarthr {
border: none;
border-bottom: 1px solid #ccc;
margin: 0;
}
.topcartlist_product {
margin-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
}
.topcartlist_product:last-child {
border-bottom: none;
}
.topcartlist_image {
float: left;
}
.topcart_desc {
float: left;
margin-left: 10px;
width: 150px;
}
.topcart_price {
float: left;
width: 70px;
text-align: right;
font-family: roboto slab;
}
.topcart_desc strong, .topcart_desc a:hover strong {
display: block;
font-family: "Roboto Slab","Open Sans",Georgia,Times,serif;
font-weight: normal;
font-style: normal;
color: #666;
line-height: 1.6;
}
.topcart_desc > span {
color: #888888;
font-family: georgia;
font-size: 11px;
font-style: italic;
display: block;
}
.topcart_subtotal {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
font-family: roboto slab;
font-size: 15px;
line-height: 50px;
margin-bottom: 12px;
}
.topcart_subtotal > strong {
float: right;
}
.topcart_button {
margin-bottom: 10px;
}
.topcart_product_remove {
font-family: georgia;
font-size: 11px;
font-style: italic;
margin-right: 5px;
text-align: right;
cursor: pointer;
}
.headermenu .toplink li a.topcart_btn {
background:  #FFFFFF;
border: 1px solid #aaa;
display: inline-block;
line-height: 30px;
text-align: center;
width: 139px;
color: #666;
}
.headermenu .toplink li a.topcart_btn.viewcart {
margin-right: 5px;
}
.headermenu .searchheader {
color: #ABABAB;
cursor: pointer;
float: right;
font-size: 16px;
line-height: 42px;
padding: 0 24px 0 12px;
}
.headermenu .searchcontent {
background: white;
height: 42px;
position: absolute;
top: -44px;
width: 100%;
border-bottom: 1px solid #ddd;
z-index: 2;
-webkit-transition: all 0.2s ;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.headermenu .searchcontent input {
background: transparent;
border: none;
height: 42px;
width: 80%;
font-family: Georgia, Times, serif;
font-style: italic;
outline: none;
padding-left: 290px;
padding-top: 0;
}
.closesearch {
cursor: pointer;
line-height: 42px;
margin-right: 22px;
position: absolute;
right: 0;
top: 0;
color: #000;
}
.opensearch .headermenu .searchcontent {
top: 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.withheadermenu .content {
}
.content {
position: relative;
}
.leftfooter {
background: white;
bottom: 0;
position: absolute;
width: 100%;
}
.topnavigation {
display: none;
}
.topnavigation .logo {
float: left;
padding: 0;
padding-left: 20px;
text-align: left;
}
.topnavigation .sectioncontainer .logo {
padding-left: 0px;
}
.topnavigationsearch {
float: right;
font-size: 15px;
line-height: 60px;
padding: 0 20px 0 10px;
cursor: pointer;
}
.topsearchwrapper {
background: #FFFFFF;
height: 60px;
position: absolute;
top: -60px;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.topsearchwrapper input {
border:  none;
box-shadow: none;
font-family: "Georgia";
font-style: italic;
font-size: 18px;
height: 60px;
line-height: 60px;
margin: 0;
padding: 0 0 0 20px;
}
.opensearch .topsearchwrapper {
top: 0px;
}
.topsearchwrapper .closesearch {
font-size: 15px;
line-height: 60px;
}
.navcontent {
float: right;
}
.sectioncontainer .navcontent {
margin-right: 0;
}
.navcontent > ul {
margin: 0;
padding: 0;
}
.navcontent li {
float: left;
list-style: none outside none;
position: relative;
}
.navcontent a {
color: #444;
display: block;
font-family: open sans;
font-size: 11px;
font-style: normal;
letter-spacing: 2px;
padding: 0 20px;
text-align: center;
text-transform: uppercase;
}
.navcontent .childmenu {
background: #FFFFFF;
border-radius: 0 0 2px 2px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
margin: 0;
padding: 0;
position: absolute;
width: 200px;
border: 1px solid #ddd;
border-top: none;
}
.navcontent .childmenu > li {
border-top: 1px dashed #EEEEEE;
float: none;
height: 45px;
line-height: 45px;
}
.navcontent .childmenu > li a {
color: #555;
}
.navcontent .childmenu > li:hover {
background: #f9f9f9;
}
.navcontent .childmenu {
display: none;
}
.footercontent {
background: #FFFFFF;
bottom: 0;
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
height: 40px;
position: fixed;
width: 100%;
z-index: 100;
display: none;
}
.horizontalnav .footercontent {
display: block;
}
.horizontalnav .fs-container {
padding-top: 60px;
}
.horizontalnav .kennav {
top: 80px;
}
.horizontalnav .blog-masonry-wrapper {
padding-top: 65px;
}
.horizontalnav .fullbgwrapper {
margin-left: 0;
}
.horizontalnav .halfwidth .mainpage {
margin-bottom: 0px;
}
.horizontalnav .blog-normal-wrapper {
padding-top: 60px;
}
.footercontent .copyright {
font-family: Georgia;
font-style: italic;
font-size: 11px;
line-height: 40px;
color: #555;
margin-left: 25px;
float: left;
}
.topnavigation .footsocial {
clear: none;
float: right;
line-height: 60px;
padding-left: 20px;
padding-right: 20px;
border-left: 1px dashed #DDDDDD;
}
.topnavigation .footsocial a {
border: 1px solid transparent;
font-size: 14px;
}
.horizontalnav .bigloader {
margin-left: -30px;
}
.horizontalnav .filterfloat {
display: block;
left: auto;
top: 80px;
}
.horizontalnav .pagewrapper {
padding-top: 75px;
} .horizontalnav .portfolionavtitle {
display: none;
}
.horizontalnav .portfolionavbar {
background: transparent;
border: none;
right: 20px;
top: 75px !important;
width: auto;
}
.horizontalnav .portfolionavlist > ul {
padding: 0;
}
.horizontalnav .portfolionavlist li {
background:  #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
}
.horizontalnav .portfolionavlist li, .horizontalnav .portfolionavlist li > a {
height: 40px;
width: 40px;
}
.horizontalnav .portfolionavlist .navicon {
line-height: 40px;
font-size: 20px;
}
.horizontalnav .portfoliolove .navicon {
position: relative;
top: -2px;
}
.horizontalnav .portfoliolove .navicon:before {
font-size: 12px;
}
.horizontalnav .portfolionavlist .portfoliolove .navicon:before { top: 1px; }
.horizontalnav .portfolionavlist .portfolioprev .navicon:before {  }
.horizontalnav .portfolionavlist .portfolionext .navicon:before {  }
.horizontalnav .portfolionavlist .portfolioinfo .navicon:before { font-size: 17px; }
.horizontalnav .portfolionavlist .portfolioclose .navicon:before {  } .dotnavigation {
position: fixed;
right: 25px;
top: 50%;
z-index: 1000;
}
.dotnavigation > ul {
margin: 0;
padding: 0;
}
.dotnavigation li {
cursor: pointer;
height: 10px;
list-style: none outside none;
padding-bottom: 15px;
padding-top: 10px;
position: relative;
width: 200px;
}
.dotnavigation .active .tipcontainer, .dotnavigation .hovered .tipcontainer {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.dotnavigation .tipcontainer {
background: #DDDDDD;
display: block;
font-family: georgia;
font-size: 11px;
font-style: italic;
position: absolute;
right: 25px;
text-align: right;
text-transform: lowercase;
top: 0px;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out 2;
-moz-transition: all 0.2s ease-in-out 2;
-o-transition: all 0.2s ease-in-out 2;
-ms-transition: all 0.2s ease-in-out 2;
transition: all 0.2s ease-in-out;
}
.dotnavigation .tipcontainer span {
display: block;
padding: 2px 15px 2px 12px;
}
.dotnavigation .tipcontainer .arrow {
border-color: transparent transparent transparent #ddd;
border-style: solid;
border-width: 5px;
position: absolute;
right: -10px;
top: 7px;
}
.dotnavigation i {
background: #ddd;
border: 1px solid #fff;
border-radius: 10px 10px 10px 10px;
cursor: pointer;
display: block;
float: right;
height: 8px;
width: 8px;
}  .leftfooterwrapper {
padding-top: 10px;
}
.footlink {
text-align: center;
}
.footlink li {
list-style: none;
display: inline-block;
margin-right: 12px;
}
.footlink li a {
font-size: 12px;
}
.footlink ul {
margin-bottom: 20px;
padding: 0;
}
.footlink .separator {
position: relative;
top: -2px;
margin-right: 8px;
}
.footlink .separator:after {
content: "|";
font-size: 11px;
}
.footlink .separator:last-child {
display: none;
} .footsocial {
text-align: center;
clear: both;
}
.footsocial ul {
margin: 0;
padding: 0;
}
.footsocial a {
border: 1px solid #000;
color: #000000;
margin: 0 5px;
padding: 5px 5px 3px;
text-align: center;
font-size: 11px;
}
.footsocial a:hover {
color: #666666;
border: 1px solid #666666;
}
.footsocial li {
display: inline-block;
list-style: none;
}
.footcopy {
font-family: Georgia, Times, serif;
font-size: 11px;
font-style: italic;
margin: 20px;
text-align: center;
clear: both;
}
.logo {
padding: 45px 0 30px;
text-align: center;
}
.logo > a {
display: block;
}
.mainnavigation {
padding-bottom: 10px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.mainnavigation .arrow:after {
font-family: "jkreativ";
content: "\f107";
font-style: normal;
}
.mainnav {
font-family: Georgia, Times, serif;
margin: 0;
padding: 0;
}
.mainnav > li {
list-style: none;
text-align: center;
overflow: hidden;
} .mainnav > li > a > h2 {
color: #333333;
display: inline-block;
font-family: 'Open Sans',sans-serif;
font-style: normal;
letter-spacing: 1px;
line-height: 35px;
margin: 0;
position: relative;
text-transform: uppercase;
padding: 0 10px;
}
.mainnav > li > a > h2:after {
background: #EEEEEE;
content: "";
height: 1px;
left: 0;
opacity: 1;
position: absolute;
text-align: center;
bottom: 0;
width: 100%;
}
.mainnav > li:last-child > a > h2:after {
background: none;
}
.mainnav > li > a {
display: block;
outline: none;
}
.mainnav  li.active > a > h2, .mainnav  li:hover > a > h2, .menudown > a > h2,
.mainnav li[class^="current"] > a > h2,
.mainnav li[class*="current_"] > a > h2,
.menu-top-navigation li[class^="current"] > a > h2,
.menu-top-navigation li[class*="current_"] > a > h2 {
color: #cd9a66;
}  .mainnav .childmenu {
margin: 25px 0;
padding: 0;
display: none;
}
.mainnav .childmenu .childmenu h2 {
font-family: Georgia;
font-style: italic;
text-transform: none;
}
.mainnav .childmenu .childmenu li:last-child h2:after {
background: none;
}
.mainnav .childmenu a {
display: block;
}
.mainnav .childmenu li {
list-style: none;
}
.mainnav h2 {
font-size: 12px;
}
.mainnav .childmenu h2 {
display: inline;
font-weight: normal;
line-height: 35px;
margin: 0;
padding: 0;
position: relative;
padding: 0 10px;
letter-spacing: 0;
font-style: normal;
text-transform: uppercase;
}
.mainnav .childmenu h2:after {
background:  #EEEEEE;
content: "";
height: 1px;
left: 0;
opacity: 1;
position: absolute;
text-align: center;
top: 24px;
width: 100%;
} .mainnav .childmenu li:first-child {
padding-top: 5px;
}
.mainnav .childmenu li:last-child {
padding-bottom: 5px;
}
.mainnav .childmenu .menudown > a > h2:after {
background: none;
} .additionalblock {
padding: 20px 40px;
text-align: center;
border-top: 1px solid #eee;
}
.additionalblock:last-child{
border-bottom: 1px solid #eee;
}
.additionalblock i {
text-align: center;
display: block;
font-size: 20px;
}
.additionalblock h3 {
font-family: open sans;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
margin-bottom: 11px;
margin-top: 7px;
}
.additionalblock .line {
height: 1px;
background: #eee;
width: 150px;
margin: 0 auto 15px;
display: block;
}
.additionalblock input[type="text"] {
text-align: center;
width: 180px;
border: 1px solid #ccc;
font-family: georgia;
line-height: 23px;
height: 23px;
font-style: italic;
font-size: 12px;
}
.additionalblock p {
font-family: georgia;
font-style: italic;
font-size: 12px;
color: #666;
line-height: 24px;
margin-top: 20px;
} .fs-container, .fs-overflow {
overflow: hidden;
}
.fs-overflow .contentholder {
height: 100%;
}
.fs-overflow .content, .fs-container {
height: 100%;
width: 100%;
}
.fs-container {
background:  #f1f1f1;
padding-top: 0;
}
.slideshowgallery {
width: 100%;
height: 100%;
}
.slideshowgallery > a {
display: none;
}
.slideshowgallery .fotorama__wrap > .fotorama__nav-wrap {
border-top: 1px solid #DDDDDD;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.33);
}
.slideshowgallery .fotorama__stage img {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.20) !important;
} .sidebarcollapse #leftsidebar {
left: -210px;
}
.sidebarcollapse .lefttop , .sidebarcollapse .leftfooter {
display: none;
width: 100% !important;
}
.sidebarcollapse .contentholder {
margin-left: 60px;
}
.sidebarcollapse .topleftmenu {
margin-left: 60px;
}
.sidebarcollapse .headermenu .searchcontent input {
margin-left: 60px;
}
.csbwrapper {
height: 100%;
position: absolute;
right: 0;
width: 60px;
display: none;
cursor: pointer;
}
.sidebarcollapse .csbwrapper {
display: block;
}
.csbfooter, .cbsheader {
position: absolute;
text-align: center;
width: 100%;
}
.csbfooter {
bottom: 0;
}
.cbsheader {
top: 0;
}
.cbsheader .csbhicon {
margin-top: 20px;
}
.cbsheader .csbhicon:before {
font-family: "jkreativ";
content: "\e006";
font-style: normal;
font-size: 36px;
}
.csbfooter ul {
list-style: none;
padding: 0;
}
.csbfooter ul {
margin: 0 0 22px 0;
}
.csbfooter li {
margin: 0 0 16px 0;
}
.csbfooter li a {
border: 1px solid #000000;
color: #000000;
font-size: 12px;
padding: 5px 5px 3px;
text-align: center;
}
.sidebarcollapse .bigloader {
margin-left: -30px;
} .noheadermenu .headermenu, .noheadermenu .contentheaderspace  {
display: none;
}
.noheadermenu .fs-container, .noheadermenu .blog-normal-wrapper{
padding-top: 0;
}
.noheadermenu  .blog-masonry-wrapper {
padding-top: 5px;
}
.noheadermenu .filterfloat  {
display: block;
}
.filterfloat {
display: none;
position: fixed;
z-index: 20;
top: 10px;
right: 20px;
}
.sidebarcollapse .filterfloat {
left: 70px;
}
.filterfloatbutton > span {
position: relative;
top: -4px;
}
.filterfloatbutton:hover {
opacity: 1;
}
.filterfloat.active .filterfloatbutton {
opacity: 1;
}
.filterfloat.active .filterfloatbutton {
background-color: #ddd;
}
.filterfloatbutton {
background: white;
color: #666;
cursor: pointer;
font-family: Georgia,Times,serif;
font-size: 12px;
font-style: italic;
line-height: 38px;
height: 38px;
opacity: 0.7;
padding: 0 14px 0 10px;
border-radius: 2px;
}
.filterfloatbutton:before {
font-family: "jkreativ";
content: "\e006";
font-style: normal;
font-size: 20px;
padding-right: 5px;
}
.filterfloatlist {
display: none;
background: white;
}
.filterfloat.active .filterfloatlist {
display: block;
}
.filterfloatlist ul {
background-color: #FEFEFE;
list-style: square outside none;
margin: 0;
min-width: 150px;
padding: 10px 40px 12px;
}
.filterfloatlist li {
color: #999999;
cursor: pointer;
font-family: Georgia,Times,serif;
font-size: 12px;
font-style: italic;
line-height: 27px;
text-transform: capitalize;
}
.filterfloatlist li:hover,
.filterfloatlist li.active {
color: #333;
}
.filterfloatlist h3 {
background: #ddd;
border-bottom: 1px solid #EEEEEE;
border-top: 1px solid #EEEEEE;
color: #666666;
font-family: Georgia;
font-size: 13px;
font-style: italic;
margin: 0;
padding: 8px 20px;
}  .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition,
.no-transition .isotope-item {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
} .isotopewrapper img {
width: 100%;
}
.contentheaderspace {
height: 42px;
display: block;
}
.portfoliowrapper {
display: block;
left: 0%;
position: relative;
width: 100%;
}
.marginportfolio .portfoliocontentwrapper,
.pinterestportfolio .portfoliocontentwrapper,
.marginimg .imagelist-content-wrapper,
.marginproduct .product-content-wrapper {
padding: 10px 10px 10px 10px;
}
.marginimg .imagelist-content-wrapper.nomargin {
padding: 0;
margin: -5px;
padding-bottom: 15px;
}
.marginportfolio  .portfolioitem a,
.pinterestportfolio .portfolioitem a,
.marginimg .imggalitem a,
.marginproduct .productcontent
{
margin: 5px;
}
.portfoliofilter, .blogfilter, .topheadertitle {
float: left;
margin-left: 270px;
}
.topheadertitle {
font-family: georgia;
font-style: italic;
line-height: 42px;
padding-left: 20px;
}
.blogfilter h3 {
background: #F1F1F1;
border-bottom: 1px solid #EEEEEE;
border-top: 1px solid #EEEEEE;
color: #666666;
font-family: Georgia;
font-size: 13px;
font-style: italic;
margin: 0;
padding: 8px 20px;
}
.blogfilter.active .blogfilterbutton{
background: #EEEEEE;
color: #666;
}
.blogfilterbutton {
color: #999999;
cursor: pointer;
font-family: Georgia, Times, serif;
font-size: 12px;
font-style: italic;
line-height: 42px;
padding: 0 24px 0 18px;
}
.blogfilterbutton:before  {
font-family: "jkreativ";
content: "\e006";
font-style: normal;
font-size: 20px;
float: left;
padding-right: 5px;
}
.blogfilterlist {
box-shadow: -2px 6px 6px rgba(0, 0, 0, 0.33);
display: none;
position: absolute;
background-color: #fff;
z-index: 5;
}
.blogfilter.active .blogfilterlist {
display: block;
}
.blogfilterlist ul {
background-color: #FEFEFE;
list-style: square;
margin: 0;
padding: 10px 40px 12px 40px;
min-width: 150px;
}
.blogfilterlist li {
color: #999999;
cursor: pointer;
font-family: Georgia,Times,serif;
font-size: 12px;
font-style: italic;
line-height: 27px;
text-transform: capitalize;
}
.blogfilterlist li:hover,
.blogfilterlist li.active {
color: #333;
}
.bloginputfilter {
display: none;
}
.blogpagingholder{
height: 40px;
}
.blogpagingholder .pagedot > a, .blogpagingholder .pagedot > span {
border: 1px dotted #BBBBBB;
display: block;
float: left;
font-family: Georgia,sans-serif;
font-size: 12px;
font-style: italic;
margin: 7px 2px 0;
padding: 2px 7px;
}
.blogpagingholder .pagedot > a:hover {
background: #f1f1f1;
}
.blogpagingholder .pagedot > span {
border: none;
}
.blogpagingholder .pagedot {
padding-left: 7px;
padding-right: 7px;
}
.blogpagingwrapper {
background: #ffffff;
bottom: 0;
opacity: 1;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
height: 40px;
left: 0;
position: fixed;
width: 100%;
z-index: 3;
}
.blogpagingwrapper.hideme {
opacity: 0;
}
.pagetext {
border-right: 1px solid #ddd;
float: right;
font-family: Georgia,Times,serif;
font-size: 13px;
font-style: italic;
line-height: 40px;
padding-right: 20px;
}
.pagedot {
border-left: 1px solid #FFFFFF;
float: right;
height: 40px;
padding-left: 20px;
padding-right: 15px;
}
.pagedot ul {
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.pagedot li {
cursor: pointer;
float: left;
line-height: 40px;
list-style: none;
margin-right: 10px;
width: 20px;
text-align: center;
}
.pagedot li span {
background: #333333;
border-radius: 10px;
display: inline-block;
height: 10px;
line-height: 40px;
overflow: hidden;
text-indent: 9999px;
width: 10px;
}
.pagedot li.active span {
background: #999;
}
.pagedot li.active {
cursor: auto;
}
.bigloader {
background-image: url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/img/loading.gif);
background-repeat: no-repeat;
background-position: 10px 10px;
background-color: rgba(255,255,255,0);
background-size: 40px;
border-radius: 30px 30px 30px 30px;
display: block;
height: 60px;
left: 50%;
margin-left: 105px;
margin-top: -30px;
opacity: 0.7;
position: fixed;
top: 50%;
width: 60px;
z-index: 100;
} .btn {
display: inline-block;
padding: 8px 22px;
margin-bottom: 0;
font-size: 13px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid #333;
color: #333;
letter-spacing: 1px;
font-family: "Open Sans"; font-style: normal;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #333333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.password-page-form .portfolio-passsword {
margin-left: -175px;
margin-top: -100px;
width: 350px;
}
.password-page-form .portfolio-form-body {
height: 170px;
}
.password-page-form form {
margin: 25px 40px 25px 25px;
} .portfolio-password-overlay {
background: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.portfolio-passsword {
background: #FFFFFF;
left: 50%;
margin-left: -151px;
margin-top: -74px;
position: absolute;
top: 50%;
width: 300px;
z-index: 120;
background: #fff;
border-radius: 2px;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
}
.portfolio-form-header > h2 {
background: #fff;
color: #333;
font-size: 15px;
font-weight: bold;
margin: 0;
padding: 10px 10px 10px 20px;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
}
.portfolio-form-body {
height: 120px;
}
.portfolio-form-body > input {
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
height: 26px;
margin-left: 18px;
margin-top: 16px;
padding-left: 10px;
width: 250px;
}
.portfolio-form-body > div {
margin-top: 20px;
text-align: center;
}
.portfolio-form-body .slider-button {
border: 1px solid #CCCCCC;
}
.portfolio-form-body .slider-button .button-text {
color: #333333;
font-size: 12px;
}
.video-container {
height: 0;
overflow: hidden;
padding-bottom: 56%;
position: relative;
}
iframe, object, embed, video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
} .kenburntext {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.kenburntextcontent {
bottom: 40px;
left: 40px;
position: absolute;
padding-right: 20px;
top: auto;
}
.kenburntextcontent.item .text1, .kenburntextcontent.item .text2 {
margin: 0;
}
.kenburntextcontent.item .text1 {
font-size: 36px;
}
.kenburntextcontent.item .text2 {
font-size: 21px;
}
.kenburntextcontent {
display: none;
}
.kenburntextcontent > div {
opacity: 0;
}
.kennav {
position: absolute;
right: 20px;
top: 60px;
display: none;
}
.noheadermenu .kennav  {
top: 20px;
}
.kennav > ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.kennav li {
background: white;
color: #333333;
border-radius: 26px 26px 26px 26px;
cursor: pointer;
float: left;
font-family: georgia;
font-size: 10px;
font-style: italic;
height: 22px;
line-height: 20px;
margin: 0 3px;
text-align: center;
width: 22px;
}
.kennav li.active {
background: black;
color: white;
} .blog-masonry-wrapper {
padding-top: 55px;
padding-left: 12px;
}
.blog-masonry-wrapper .isotopewrapper {
padding-bottom: 10px;
}
.article-image {
padding-bottom: 15px;
position: relative;
}
.article-masonry-container {
opacity: 0;
}
.article-masonry-box, .article-normal-box {
background: white;
border: 1px solid #ccc;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
position: relative;
width: auto;
display: block;
margin: 10px;
}
.article-masonry-box-ads {
text-align: center;
}
.article-masonry-box-ads img {
width: 100%;
}
.article-masonry-ads-text {
background: #F2F2F2;
border-bottom: 1px dotted #BDBDBD;
font-size: 11px;
margin: -20px -20px 15px;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
}
.article-masonry-box-ads a {
display: block;
margin-bottom: 20px;
margin-top: 20px;
}
.article-category > a {
font-family: open sans;
font-size: 10px;
font-style: normal;
text-transform: uppercase;
}
.article-masonry-wrapper, .article-normal-wrapper {
padding: 0 20px;
margin-top: 20px;
}
.article-normal-wrapper {
padding: 0 15px;
}
.article-masonry-box h2, .article-normal-box h2 {
font-size: 19px;
line-height: 26px;
margin-bottom: 10px;
margin-top: 0;
text-align: center;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.article-masonry-wrapper h2 a, .article-normal-wrapper h2 a {
font-size: 20px;
font-family: "Open Sans", arial;
font-style: normal;
color: #444444;
text-transform: uppercase;
}
.article-masonry-box .article-meta {
font-size: 12px;
margin-bottom: 12px;
text-align: center;
}
.article-masonry-box a {
text-decoration: none;
}
.article-image img {
display: block;
height: auto;
width: 100%;
}
.article-masonry-summary {
background: #F7F7F7;
border-top: 1px dotted #D1D1D1;
color: #333333;
font-size: 13px;
line-height: 20px;
margin: 20px -20px 0;
padding: 0 20px 25px;
}
.article-masonry-summary p {
margin-bottom: 0;
margin-top: 20px;
color: #666;
}
.article-masonry-meta-wrapper {
background-color: #F2F2F2;
border-top: 1px solid #DDDDDD;
font-size: 11px;
line-height: 20px;
margin-left: -20px;
margin-right: -20px;
padding: 12px 20px;
}
.article-comment {
font-size: 12px;
margin-top: 10px;
text-align: right;
}
.article-masonry-container .flexslider {
margin: 0;
padding-bottom: 40px;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.article-masonry-container .flex-control-nav {
bottom: 5px;
}
.article-masonry-container  .flex-control-paging li a {
border-radius: 9px 9px 9px 9px;
height: 9px;
width: 9px;
}
.article-masonry-container [data-type="youtube"],
.article-masonry-container [data-type="vimeo"],
.article-masonry-container [data-type="soundcloud"] {
margin-bottom: 15px;
} .article-quote-container .article-masonry-wrapper, .article-quote-container .article-normal-wrapper {
margin-bottom: 20px;
}
.article-quote-wrapper {
background: #333333;
padding: 20px;
font-size: 20px;
color: #ddd;
}
.article-quote-wrapper h1, .article-quote-wrapper h2, .article-quote-wrapper h3, .article-quote-wrapper h4, .article-quote-wrapper h5, .article-quote-wrapper h6 {
color: #fff;
}
.article-normal-container .article-quote-wrapper {
font-size: 30px;
}
.article-quote-wrapper quote {
color: #FFFFFF;
display: block;
font-family: open sans;
font-size: 22px;
font-weight: bold;
line-height: 30px;
padding-bottom: 20px;
}
.article-normal-container quote {
text-align: center;
}
.article-quote-wrapper .article-meta {
color: #FFFFFF;
margin-bottom: 0;
text-align: right;
font-size: 12px;
}
.article-quote-valign {
vertical-align: middle !important;
}
.article-quote-wrapper:before {
font-family: "jkreativ";
content: "\e01a";
}
.article-sidebar .article-quote-wrapper {
text-align: left;
}
.article-sidebar .article-quote-wrapper quote {
font-size: 20px;
} .blog-normal-wrapper {
overflow: hidden;
width: 100%;
padding-top: 42px;
max-width: 1550px;
position: relative;
z-index: 1;
}
.blog-normal-article .article-header h2 {
font-family: "open sans";
}
.blog-big-wrapper {
width: auto;
margin-right: 40px;
background: #fdfdfd;
border-right: 1px solid #ddd;
}
.blog-main-content {
width: 75%;
background-color: white;
float: left;
position: relative;
}
.blog-right-content {
position: relative;
width: 25%;
float: left;
}
.article-inner-wrapper {
position: relative;
}
.blog-normal-article .article {
padding: 20px 30px 20px 30px;
}
.blog-normal-article, .comment-container {
width: 100%;
position: relative;
-webkit-transition: background 1s ease-out;
-moz-transition: background 1s ease-out;
-o-transition: background 1s ease-out;
-ms-transition: background 1s ease-out;
transition: background 1s ease-out;
}
.blog-normal-article {
border-bottom: 1px solid #eee;
}
.single-post .blog-normal-article:hover {
background: none;
}
.single-post .featured {
margin-bottom: 25px;
}
.blog-normal-wrapper .article > .featured {
margin-bottom: 25px;
}
.article-header {
margin-top: 10px;
display: block;
margin-bottom: 20px;
clear: both;
text-align: left;
}
.single-post .blog-normal-article:hover .insetshadow img {
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.blog-normal-article .featured img {
width: 100% !important;
}
.insetshadow {
display:block;
position:relative;
overflow: hidden;
}
.insetshadow img {
display:block;
}
.insetshadow:before {
display:block;
content:'';
position:absolute;
width:100%;
height:100%;
z-index: 2;
-moz-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
}
.blog-normal-article:hover .insetshadow img {
transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-webkit-transition: all 20s ease-out;
-moz-transition: all 20s ease-out;
-o-transition: all 20s ease-out;
-ms-transition: all 20s ease-out;
transition: all 20s ease-out;
}
.blog-normal-article .insetshadow img {
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
}
.article-header h2 {
color: #555;
font-style: normal;
line-height: 32px;
margin-bottom: 5px;
margin-top: 0;
text-transform: uppercase;
letter-spacing: 1px;
}
.single-post .blog-normal-article .article-header h2  {
letter-spacing: 1px;
}
.blog-normal-article .meta-top {
font-family: georgia;
font-style: italic;
font-size: 12px;
color: #999;
}
.blog-normal-article .article-masonry-meta-wrapper {
border-top: 1px solid #E0E0E0;
background-color: rgba(0, 0, 0, 0);
margin-left: 0;
margin-right: 0;
margin-top: 20px;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.blog-normal-article .featured h2 {
margin-top: 0px;
}
.blog-normal-article .meta-top {
display: block;
margin-bottom: 15px;
}
.blog-normal-article .article-share {
max-width: 60px;
width: 60px;
margin: 0px 5px 0 15px;
position: absolute;
text-align: center;
top: 0;
overflow: hidden;
}
.blog-normal-article .share-wrapper {
position: relative;
display: block;
}
.blog-normal-article .article-wrapper {
margin-left: 80px;
padding-left: 20px;
min-height: 315px;
border-left: 1px solid #e0e0e0;
}
.hideshare .blog-normal-article .article-wrapper {
min-height: 0;
border-left: none;
margin-left: 0;
padding-left: 10px;
}
.blog-normal-article .article-content {
margin-top: 20px;
}
.blog-normal-article .article-quote-wrapper quote {
font-family: Georgia;
font-size: 23px;
font-style: italic;
font-weight: normal;
}
.article-slider-wrapper .article-image-slider {
display: none;
}
.article-slider-wrapper.loading {
background: url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/img/loading.gif) no-repeat scroll 10px 10px white;
background-size: 40px;
border-radius: 30px 30px 30px 30px;
display: block;
height: 60px;
left: 50%;
margin-bottom: 50px;
margin-left: -30px;
margin-top: 50px;
opacity: 0.7;
position: relative;
top: 50%;
width: 60px;
} .mainpage table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; }
.mainpage table tr:nth-child(even) { background: #f7f7f7; }
.mainpage table td { border-bottom: 1px solid #f7f7f7; text-align: center; padding: 5px; vertical-align: middle; }
.mainpage table th { font-weight: 600; text-align: center; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; padding: 10px 5px; } .mainpage img {height: auto !important; max-width: 100%;}
.mainpage img.size-auto,
.mainpage img.size-large,
.mainpage img.size-medium,
.mainpage .attachment img { max-width: 100%; height: auto; }
.mainpage img.alignleft { margin: 18px 20px 18px 0; }
.mainpage img.alignright { margin: 18px 0 18px 20px; }
.mainpage img.aligncenter { margin: 18px auto; clear: both; display: block; }
.mainpage img .size-full { width: 100%!important; }
.mainpage .gallery img, .mainpage img.wp-smiley { margin: 0; }
.mainpage .wp-caption { background: #f7f7f7; max-width: 100%; margin-bottom: 14px; text-align: center; }
.mainpage .wp-caption-text { font-style: italic; }
.mainpage .wp-caption a { border-bottom: none; }
.mainpage .wp-caption img { margin: 0; max-width: 100%; height: auto; }
.mainpage .wp-caption.alignleft { margin-right: 20px; }
.mainpage .wp-caption.alignright { margin-left: 20px; }
.mainpage .wp-caption.alignnone { width: 100%!important; overflow: hidden; }
.mainpage .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; }
.mainpage .wp-caption-text { color: #999; font-size: 13px; padding: 8px 0; margin: 0; } .mainpage .gallery { clear: both; overflow: hidden; width: 100%; margin: 15px 0!important; }
.mainpage .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: transparent!important; }
.mainpage .gallery .gallery-item { position: relative; overflow: hidden; border-color: transparent; margin: 0!important; }
.mainpage .gallery .gallery-caption { background: rgba(255,255,255,0.8); color: #333; font-size: 11px; padding: 5px 0; text-align: left; text-indent: 10px; font-style: normal; margin: 0; bottom: -44px; left: 2px; right: 2px; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%; transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; }
.mainpage .gallery .gallery-item:hover .gallery-caption  { bottom: 0; }
.mainpage .gallery-columns-5 .gallery-caption,
.mainpage .gallery-columns-6 .gallery-caption,
.mainpage .gallery-columns-7 .gallery-caption,
.mainpage .gallery-columns-8 .gallery-caption,
.mainpage .gallery-columns-9 .gallery-caption { display: none!important; } .blog-right-content-wrapper {
position: relative;
display: block;
width: auto;
height: 100%;
border-left: 1px solid #ddd;
}
.blog-main-content .blog-right-content-float {
background-color: #fff;
}
.blog-right-content .blog-right-content-float {
background-color: #f9f9f9;
}
.blog-right-content-float {
background: #FFF;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
height: 9999em;
left: 0;
top: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.blog-side-space {
display: block;
height: 100%;
padding-right: 40px;
position: absolute;
right: 0;
top: 0;
}
.blog-sidebar {
padding-top: 15px;
}
.blog-sidebar-title h3:after {
border-color: transparent transparent transparent #ccc;
border-style: solid;
border-width: 0 0 10px 14px;
content: " ";
display: block;
height: 0;
width: 0;
position: absolute;
right: 0;
top: 100%;
}
.blog-sidebar-title {
margin: -25px -25px 25px;
}
.blog-sidebar-title h3 {
background-color: #F2F2F2;
color: #666;
font-family: Arial;
font-size: 14px;
font-weight: bold;
height: 42px;
line-height: 42px;
margin: 0 -15px 0 0;
padding-left: 20px;
position: relative;
text-transform: uppercase;
letter-spacing: 0.5px;
border: 1px solid #ccc;
border-left: none;
}
.blog-sidebar-content {
padding: 25px;
} .widget_search input {margin: 0} .article-sidebar-container {
margin-bottom: 20px;
display: block;
}
.article-sidebar {
background: white;
border: 1px solid #ddd;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
padding: 15px;
text-align: center;
margin-bottom: 25px;
}
.article-sidebar .article-category {
font-size: 11px;
color: #acacac;
text-transform: uppercase;
font-style: normal;
font-family: Arial;
}
.article-sidebar h2 {
line-height: 1;
margin-bottom: 15px;
margin-top: 2px;
}
.article-sidebar h2 a {
font-family: "Open Sans";
font-style: normal;
color: #333;
line-height: 25px;
font-size: 18px;
text-transform: uppercase;
}
.article-sidebar .article-meta {
font-family: Georgia;
font-size: 12px;
color: #8c8c8c;
font-style: italic;
}
.sticky .featured-post:before {
font-family: 'jkreativ';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e601";
margin-right: 4px;
}
.blog-sidebar-content > ul {
margin: 0;
padding-left: 20px;
} #fb-root {
display: none;
} .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
} #wp-calendar {
text-align: center;
width: 100%;
}
#wp-calendar caption {
line-height: 35px;
}
table th {
color: #5F5F5F;
font-size: 13px;
font-weight: normal;
padding: 5px 4px;
}
table#wp-calendar th {
background-color: #E8E8E8;
border: 1px solid #C2C2C2;
text-shadow: 1px 1px 0 #F4F4F4;
}
table#wp-calendar td {
border: 1px solid #DCDCDC;
box-shadow: none;
padding: 4px;
text-shadow: 1px 1px 0 #FFFFFF;
}
table#wp-calendar td a {
display: block;
}
table#wp-calendar td:hover, table#wp-calendar td a:hover {
background: rgba(82, 168, 236, 0.8);
color: #FFFFFF;
text-shadow: 1px 1px 0 #000000;
} .blog-sidebar #searchform {
margin: 0 40px 0 0;
position: relative;
}
.blog-sidebar #searchform label {
display: none;
}
#searchform input[type="text"] {
background: url(//evidenceofwar.com/wp-content/themes/jkreativ-lite/public/img/search.png) no-repeat scroll 6px 4px transparent;
font-size: 90%;
margin-bottom: 5px;
padding-left: 30px;
width: 100%;
}
.notfound #searchform input[type="text"] {
margin-bottom: 30px;
margin-top: 20px;
width: 220px;
}
.blog-sidebar #searchform input[type="submit"] {
display: none;
}
.blog-sidebar #searchform #s {
} .blognormalpaging {
position: relative;
z-index: 3;
}
.blognormalpaging.blogpagingholder {
margin-top: 40px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-radius: 2px;
}
.pagewrapper .blognormalpaging.blogpagingholder {
background: white;
border: 1px solid #ddd;
margin-top: 15px;
margin-bottom: 15px;
} .nopassword {
border-bottom: 1px solid #EEEEEE;
padding: 20px 20px 30px;
}
.comment-container {
padding: 30px 40px 50px;
width: auto;
}
.comment-container hr {
border-top: 1px solid #E2E2E2;
}
#comments > h2 {
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
line-height: 20px;
text-align: left;
text-transform: uppercase;
}
.comment-container ul, .comment-container li {
list-style: none;
margin: 0;
padding: 0;
}
.comment-container ul.children {
margin-left: 40px;
}
.coment-box-inner {
padding: 10px 0 10px;
}
.comment-autor {
float: left;
margin-right: 20px;
}
.coment-box {
margin-bottom: 20px;
border-bottom: 1px solid #E7E7E7;
}
.addby {
font-size: 14px;
text-transform: uppercase;
}
.replycomment, .closecommentform {
display: list-item;
color: #CD9A66;
cursor: pointer;
float: right;
font-size: 12px;
list-style: square;
padding-right: 5px;
padding-top: 2px;
font-family: "Open Sans";
}
.closecommentform {
display: none;
}
span.liststyle {
display: list-item;
}
.addby .authorcomment {
color: #333333;
display: inline-block;
padding-right: 10px;
}
.authorcomment a {
font-family: "Open Sans";
font-style: normal;
font-weight: bold;
}
.addtime {
color: #7F7F7F;
font-family: georgia;
font-size: 12px;
font-style: italic;
}
.comment-text {
margin-left: 100px;
margin-top: 10px;
}
.comment-form-author, .comment-form-email , .comment-form-url{
float: left;
width: 33%;
}
.comment-input-wrapper, .comment-author-wrapper  {
display: block;
margin-right: 30px;
}
.comment-input-wrapper input {
width: 100%;
}
.comment-form-comment textarea {
width: 100%;
}
.comment-form-comment {
clear: both;
margin-right: 10px;
}
.comment-form-url .comment-input-wrapper {
margin-right: 0;
}
.comment-textarea-wrapper {
margin-right: 10px;
}
#respond > h3 {
clear: both;
font-size: 18px;
margin-left: 0;
padding-left: 0;
text-transform: uppercase;
letter-spacing: 1px;
}
#respond label {
font-style: italic;
font-size: 12px;
font-family: Georgia;
color: #666;
}
.comment-notes {
color: #666666;
font-family: georgia;
font-style: italic;
}
.comment-respond {
margin-top: 10px;
}
.form-allowed-tags {
color: #999999;
}
#comments .bypostauthor .coment-box { border-bottom:double medium #bbb;} .notfound h1 {
border-bottom: 1px dashed #CCCCCC;
font-size: 80px;
padding: 30px 0;
text-align: center;
}
.notfoundsec {
text-align: center;
padding-bottom: 30px;
}
.notfoundtext {
font-family: georgia;
font-size: 20px;
font-style: italic;
line-height: 1.5;
color: #999;
}  .row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.127659574468085%;
*margin-left: 2.074468085106383%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.127659574468085%;
}
.row-fluid .span12, .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11, .span11 {
width: 91.48936170212765%;
*width: 91.43617021276594%;
}
.row-fluid .span10, .span10 {
width: 82.97872340425532%;
*width: 82.92553191489361%;
}
.row-fluid .span9, .span9 {
width: 74.46808510638297%;
*width: 74.41489361702126%;
}
.row-fluid .span8, .span8 {
width: 65.95744680851064%;
*width: 65.90425531914893%;
}
.row-fluid .span7, .span7 {
width: 57.44680851063829%;
*width: 57.39361702127659%;
}
.row-fluid .span6, .span6 {
width: 48.93617021276595%;
*width: 48.88297872340425%;
}
.row-fluid .span5, .span5 {
width: 40.42553191489362%;
*width: 40.37234042553192%;
}
.row-fluid .span4, .span4 {
width: 31.914893617021278%;
*width: 31.861702127659576%;
}
.row-fluid .span3, .span3 {
width: 23.404255319148934%;
*width: 23.351063829787233%;
}
.row-fluid .span2, .span2 {
width: 14.893617021276595%;
*width: 14.840425531914894%;
}
.row-fluid .span1, .span1 {
width: 6.382978723404255%;
*width: 6.329787234042553%;
}
.alignleft {
float: left !important;
margin-left: 0 !important;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.alignright {
float: right !important;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.aligncenter {
display: block;
float: none !important;
margin-left: auto;
margin-right: auto;
} .pull-right {
float: right !important;
padding-right: 15px;
padding-left: 20px;
}
.pull-left {
float: left !important;
padding-right: 20px;
padding-left: 15px;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #eeeeee;
}
blockquote p {
font-size: 17.5px;
font-weight: 300;
margin-top: 6px;
margin-bottom: 10px;
line-height: 1.4;
font-family: Georgia;
}
blockquote small {
display: block;
line-height: 1.428571429;
color: #999999;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote:after {
content: '';
display: block;
clear: both;
}
blockquote.pull-right {
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p, blockquote.pull-right small {
text-align: right;
} .slider-inside-post {
margin-top: 20px;
margin-bottom: 20px;
} .fullbgcontainer {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.fullbgwrapper {
position: relative;
height: 100%;
margin-left: 270px;
}
.menuopen .fullbgcontainer {
margin-left: 271px;
}
.noheadermenu .pagewrapper {
padding-top: 20px;
}
.pagewrapper {
padding-top: 65px;
margin-right: 20px;
margin-left: 20px;
}
.mainpage {
position: relative;
float: left;
}
.mainpage.blog-normal-article:hover {
background: inherit;
}
.nomargin .imageholder {
padding: 0px;
border: 0;
}
.imageholder {
margin-bottom: 15px;
padding: 10px;
background: white;
border: 1px solid #ddd;
position: relative;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
}
.imageholder img {
min-width: 100%;
}
.nomargin .imageholderdesc {
bottom: -1px;
}
.imageholderdesc {
position: absolute;
bottom: 8px;
left: 0;
background: rgba(255,255,255,0.8);
text-align: center;
font-family: Georgia;
font-style: italic;
font-size: 15px;
line-height: 2.7;
width: 100%;
}
.pageleft {
float: left;
}
.pageright {
float: right;
}
.pagecenter {
margin-left: 50%;
margin-right: auto;
display: inline-block;
}
.pagecenter .pageholder {
margin-left: -50%;
display: inline-block;
margin-bottom: -5px;
}
.pageinnerwrapper {
padding: 30px;
background: #FFF;
border: 1px solid #fff;
margin-bottom: 15px;
border-radius: 2px;
border: 1px solid #ddd;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
}
.postnotfound .pagetext {
border: none;
margin: 30px 0;
text-align: center;
float: none;
}
.postnotfound .pagetotal {
font-size: 20px;
}
.mainpage {
border-bottom: 0;
}
.mainpage .article-header {
margin-bottom: 20px;
}
.mainpage.blog-normal-article .article-content {
margin-top: 0;
}
.pageinnerwrapper > .featured {
margin-top: -10px;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 20px;
}
.pageinnerwrapper > .featured.nomargin {
margin: -31px -31px 30px;
}
.pageholder > .featured {
background: white;
position: relative;
margin-bottom: 10px;
padding: 20px;
border: 1px solid #DDDDDD;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.13);
}
.pageholder > .featured.nomargin {
padding: 0;
border: none;
}
.coverwidth .pageholder > .featured {
margin-bottom: 15px;
}
.mainpage .comment-container, .mainsidebar .comment-container {
padding: 20px 0 0 0;
margin-top: 10px;
}
.mainpage .comment-input-wrapper input, .mainsidebar .comment-input-wrapper input {
width: 100%;
}
.mainpage .comment-form-author, .mainpage .comment-form-email, .mainpage .comment-form-url,
.mainsidebar .comment-form-author, .mainsidebar .comment-form-email, .mainsidebar .comment-form-url {
width: 100%;
}
.mainpage  .comment-form-author, .mainpage  .comment-form-email , .mainpage  .comment-form-url {
margin: 5px 0;
}
.mainpage .comment-input-wrapper, .mainpage .comment-author-wrapper, .mainpage .comment-form-wrapper {
margin-right: 10px;
}
.mainpage .comment-container ul.children {
margin-left: 20px;
}
.article-sharing {
position: relative;
overflow: hidden;
margin-top: 10px;
}
.article-sharing-wrapper {
background:  #AAAAAA;
color: #FFFFFF;
display: inline-block;
font-family: Georgia;
font-size: 11px;
font-style: italic;
letter-spacing: 2px;
padding: 2px 20px;
}
.article-sharing .sharing-wrapper {
float: left;
display: block;
width: 95px;
height: 30px;
position: relative;
} .mainsidebar {
float: left;
margin-left: 10px;
position: relative;
}
.mainsidebar-wrapper {
position: relative;
padding-bottom: 20px;
}
.mainsidebar .blog-sidebar {
background: white;
border: 1px solid #ddd;
margin-bottom: 10px;
padding-top: 0;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
}
.mainsidebar .blog-sidebar:last-child {
margin-bottom: 15px;
}
.mainsidebar .blog-sidebar-title h3 {
border: none;
border-bottom: 1px solid #DDDDDD;
background-color: transparent;
margin: 0;
font-family: "Open sans";
font-weight: normal;
font-size: 15px;
height: 46px;
line-height: 46px;
}
.mainsidebar .blog-sidebar-title h3:after {
border: none;
}
.pagewrapper.nosidebar .mainsidebar {
display: none;
} .halfwidth .mainpage , .halfwidth.nosidebar .pageholder{ width: 550px; }
.halfwidth .mainsidebar, .halfwidth .mainsidebar .mainsidebar-wrapper { width: 300px; }
.halfwidth .pageholder { width: 860px; }
.fullwidth .mainpage { width: 820px; }
.fullwidth .mainsidebar, .fullwidth .mainsidebar .mainsidebar-wrapper { width: 330px; }
.fullwidth .pageholder { width: 1160px; }
.fullwidth.nosidebar .mainpage,
.fullwidth.nosidebar .pageholder { width: 1080px; }
.coverwidth { display: block; width: inherit; }
.coverwidth .mainpage { width: 70%; }
.coverwidth .mainsidebar { margin-left: 0; width: 30%;}
.coverwidth .blog-sidebar { margin-left: 15px; margin-bottom: 15px; width: auto;} .wpcf7 {
margin: 20px 0;
}
.wpcf7 input {
margin-top: 5px;
} #loading {
background:  #FFFFFF;
height: 100%;
position: fixed;
text-align: center;
width: 100%;
z-index: 10000;
}
#loading[data-type="linear"] {
background: transparent;
}
#loading #loader {
height: 276px;
left: 50%;
margin-left: -200px;
margin-top: -138px;
position: absolute;
top: 50%;
width: 400px;
}
#loader #imgLoading {
left: 65px;
position: absolute;
top: 3px;
}
#loading canvas {
display: inline-block;
}
#loadingbg {
left: 0;
position: fixed;
top: 0;
z-index: 2001;
}
#loading .line {
background: #000000;
height: 2px;
position: absolute;
top: 50%;
width: 0%;
margin-top: -1px;
}
#loading .percentage {
height: 50%;
left: 0;
position: absolute;
width: 100%;
}
#loading .percentage span {
bottom: 0;
color: #000000;
font-family: "roboto slab";
font-size: 55px;
left: 0;
margin-bottom: 45px;
position: absolute;
text-align: center;
width: 100%;
}
#loading .loadingwrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
}
#loading .loadsplit {
width: 100%;
height: 50%;
overflow: hidden;
position: absolute;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
opacity : 1;
}
#loading .loadsplit:first-child {
top: 0%;
}
#loading .loadsplit:nth-child(2) {
top: 50%;
}
.admin-bar .headermenu {
top: 32px;
}@media only screen and (max-width:1500px) {
.blog-main-content { width: 70%; }	
.blog-right-content { width: 30%; }
.fullwidth .mainpage { width: 720px; }
.fullwidth .mainsidebar, .fullwidth .mainsidebar .mainsidebar-wrapper { width: 300px; }
.fullwidth .pageholder {  width: 1030px; }
.fullwidth.nosidebar .mainpage,
.fullwidth.nosidebar .pageholder { width: 860px; }	
.landingslider { height: 550px; }
.slidewrapcontainer { max-width: 900px; }
.sectioncontainer { width: 960px; }
.horizontalnav .sectioncontainer { width: 1180px; }
}
@media only screen and (max-width:1367px) {
.fullwidth .mainpage { width: 620px; }
.fullwidth .mainsidebar, .fullwidth .mainsidebar .mainsidebar-wrapper { width: 300px; }
.fullwidth .pageholder {  width: 930px; }
.teamlist { text-align: center; }
.teamsocial { text-align: center; }
.teamimage { float: none; margin-bottom: 20px; }
.teammeta, .teamword, .teamsocial { margin-left: 0; }	
.horizontalnav .sectioncontainer { width: 1080px; }
}
@media only screen and (max-width:1280px) {
.portfolio-content-slider, .ptcontent {	 
width: 100% !important;
}
.portfolio-content-wrapper {
width: 50%;
}
.kenburntextcontent.item .text1, .item .text1 {	  
font-size: 30px;
max-width: 700px;
line-height: 1.4;
}
.kenburntextcontent.item .text2, .item .text2 {
font-size: 20px;
line-height: 1.6;		
padding-top: 0;
padding-bottom: 0;
}
.item .text3 {
margin-top: 15px;
}
.navigationdot {
bottom: 30px;  
}
.blog-main-content, 
.blog-right-content {
width: 100%;
position: relative;
clear: both;
right: inherit;
}
.blog-main-content, .blog-right-content {
margin-bottom : 0;
padding-bottom: 0;
}
.blog-side-space, .blog-right-content-wrapper {
padding-right: 0;
margin-right: 0;
}
.blog-popular-post {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.pagewrapper .blog-popular-post {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}	
.halfwidth .mainpage , .halfwidth.nosidebar .pageholder{ width: 450px; }
.halfwidth .mainsidebar, .halfwidth .mainsidebar .mainsidebar-wrapper { width: 270px; }
.halfwidth .pageholder { width: 730px; }
.fullwidth .mainpage { width: 520px; }
.fullwidth .mainsidebar, .fullwidth .mainsidebar .mainsidebar-wrapper { width: 270px; }
.fullwidth .pageholder {  width: 800px; }
.fullwidth.nosidebar .mainpage,
.fullwidth.nosidebar .pageholder { width: 760px; }	
table.shop_table .product-thumbnail { display: none; }
.landingslider { height: 500px; }	
.slidewrapcontainer { max-width: 800px; }
.rightpos .slidewrappos, .leftpos .slidewrappos { width: 450px; }
.sectioncontainer { width: 800px; }	
.horizontalnav .sectioncontainer { width: 960px; }
.serviceicon {
margin: 10px auto 35px;
height: 180px;  
width: 180px;
}
.testiwrapperinner {
max-width: 80%; 
}
.horizontalnav .fullwidth .mainpage { width: 620px; }
.horizontalnav .fullwidth .mainsidebar, .horizontalnav .fullwidth .mainsidebar .mainsidebar-wrapper { width: 300px; }
.horizontalnav .fullwidth .pageholder { width: 930px; }
.horizontalnav .fullwidth.nosidebar .mainpage, 
.horizontalnav .fullwidth.nosidebar .pageholder { width: 960px; }
}
@media only screen and (max-width:1152px) {
.coverwidth .mainpage { width: 100%; }
.coverwidth .mainsidebar, .coverwidth .mainsidebar .mainsidebar-wrapper { margin-left: 0; width: 100%;}
.coverwidth .blog-sidebar { margin-left: 0; margin-bottom: 15px; width: auto;}
}
@media only screen and (max-width:1024px) {
.headermenu, .portfoliopagingwrapper  {
position: absolute;
}
#leftsidebar, .lefttop {
width: 250px;
}
#rightsidecontainer {
margin-left: 0;
}
.contentholder {
margin-left: 250px;
}
.portfoliofilter, .headermenu .searchcontent input, .blogfilter  {
margin-left: 0;
}
.logo {
padding: 50px 30px;
}
.sidebarcollapse #leftsidebar {
left: -190px;
}
.filterfloat , .sidebarcollapse .filterfloat, .horizontalnav .filterfloat {
position: absolute;		
top: 10px;
right: 10px;
} .blog-normal-article .article-share {
display: none;
}
.blog-normal-article .article-wrapper {
border-left: none;
margin-left: 0;
}
.blog-big-wrapper {
margin-right: 0;
}
.blog-sidebar-title h3 {
margin: 0;
border-right: 0;
}
.blog-sidebar-title h3:after {
border: none;
}
.comment-input-wrapper input {
width: 100%;
}
.comment-form-author, .comment-form-email, .comment-form-url {
width: 100%;
}
.comment-input-wrapper, .comment-author-wrapper {
margin-right: 0;
}
.blog-normal-article .article-wrapper {
padding-left: 0;
}
.testimonialblock p {
margin-left: 0;
}
.testimonialblock .author {
margin-left: 0px;  		
}
.testimonialblock > img {
display: none;
}
.testimonialblock.testiright p {
margin-right: 0;
}
.testimonialblock.testiright .author {
margin-right: 0;
}
.fullbgwrapper, .sidebarcollapse .fullbgwrapper  { margin-left: 0; }	
.fullwidth .mainpage, .fullwidth .mainsidebar, .fullwidth .mainsidebar .mainsidebar-wrapper,
.halfwidth .mainpage, .halfwidth .mainsidebar, .halfwidth .mainsidebar .mainsidebar-wrapper { width: 100% !important; }	 
.fullwidth .pageholder, 
.fullwidth.nosidebar .pageholder,
.fullwidth.nosidebar .mainpage,
.fullwidth.nosidebar .pageholder {  width: 550px; }	 	
.halfwidth .pageholder { width: 450px; }
.mainsidebar {
margin-left: 0;
margin-top: 10px;
}
.left_column_cart {
border-left: none;
margin: 0;
padding: 0;
}
.left_column_cart h3 {
display: block;
text-align: center;
}
.coupon_inputs_wrapper {	 
margin-right: 20px;
text-align: center;	  
}
.coupon .input-text {
margin-bottom: 10px;
width: 100%;
}
table.shop_table td {
vertical-align: top;
}
.coupon {
margin: 20px  0 20px;	  	
}
.accountnavigation {
border-right: none;
}
.accountnavigation > ul {
padding-bottom: 20px;
}
.horizontalnav .topnavigation, .dotnavigation {
display: none !important;
}
.landingslider { height: 450px; }	
.slidewrapcontainer { max-width: 600px; }
.sectioncontainer { width: 720px; }
.horizontalnav .sectioncontainer { width: 720px; }
.service-item {
margin: 5px;
padding: 15px;
}
.horizontalnav .portfolioholderwrap {
margin-top: 50px;
}
.horizontalnav .portfolionavbar {
background: #FFFFFF;
border-bottom: 1px solid #DDDDDD;
right: 0;
top: 0 !important;
width: 100%;
}
.horizontalnav .portfolionavlist li, .horizontalnav .portfolionavlist li > a {
background: transparent;
border-bottom: none;
border-top: none;
height: 50px;
width: 50px;
}
.horizontalnav .portfolionavlist .navicon {
font-size: 25px;
line-height: 50px;
}
.horizontalnav .portfoliolove .navicon:before {
font-size: 15px;
}
.pricing-table.three-col .pricing-col,
.pricing-table.four-col .pricing-col,
.pricing-table.five-col .pricing-col { width: 50%; margin-top: 20px; }		
.pricing-table { margin-top: 0; }
.price-heading span { display: none; }
.pricing-col.pricehighlight .price-heading > h3,
.pricing-table .pricing-col.pricehighlight .price-btn { padding: 20px; }	
.pricing-col.pricehighlight { margin-top: 0; box-shadow: none; }
[data-animation="janimate-fadein"] .jeg_do_animate, 
[data-animation="janimate-fadein"].jeg_do_animate {
opacity: 1;
}
[data-position="janimpos-left"] .jeg_do_animate a,
[data-position="janimpos-left"].jeg_do_animate a {
left: 0;
}
[data-position="janimpos-right"] .jeg_do_animate a,
[data-position="janimpos-right"].jeg_do_animate a {
right: 0;
}
}
@media only screen and (max-width:801px) {	
.fullwidth .pageholder, 
.fullwidth.nosidebar .pageholder,
.fullwidth.nosidebar .mainpage,
.fullwidth.nosidebar .pageholder {  width: 450px; }	
} @media only screen and (max-width:768px) {
}
@media only screen and (max-width:1024px) {
.sidebarcollapse .contentholder, .contentholder {
margin-left: 0;
}
.contentheaderspace {
display: none;
}
.responsiveheader {
display: block;
}
#leftsidebar {
display: none;
}
.withheadermenu .portfoliowrapper, .portfoliowrapper {
margin-top: 0;
}
.withheadermenu .portfoliocontent {
top: 0;
}
#rightsidecontainer, .headermenu .searchcontent input, .portfoliofilter {
margin-left: 0;
}	
.headermenu {
display: none;
}
.portfoliopagingwrapper,  .blogpagingwrapper {
position: absolute;		
}
.headermenu .searchheader, .portfoliofilterbutton span {
display: none;
}
.portfoliofilterbutton {
display: block;
height: 42px;
width: 20px;
overflow: hidden;
}
.portfolioitem .mask {
background:  white;
color: #000000;
height: 100%;
left: 0;
opacity: 1;
position: relative;
top: 0;
width: 100%;
}
.portfolioitem .mask .info {
background: white;
margin-top: 0 !important;
}
.portfolioitem .info h2, .portfolioitem .info span {
color: #000000;
opacity: 1;
}	
.portfolioitem .info span {
background-color : rgba(0, 0, 0, 0.3);
}		
.portfoliowrapper .portfolioitem:hover {
box-shadow: none;
}
.portfolioitem .info h2 {
font-size: 15px;
padding-top: 12px;
}
.portfolioitem .info p {
color: #AAAAAA;
margin-bottom: 0;
opacity: 1;
padding-bottom: 10px;	
margin-top: 5px;
}
.portfolioitem .info h2, .portfolioitem .info span, .portfolioitem .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.portfolionavbar {
border-top: 1px solid #ddd;
}
.marginportfolio .portfolioitem a, .pinterestportfolio .portfolioitem a {
border: 1px solid #DDDDDD;	  
}
.portfoliowrapper.marginportfolio .portfolioitem:hover a, .portfoliowrapper.pinterestportfolio .portfolioitem:hover a {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.bigloader {
margin-left: -30px;
} .container {
position: relative;
width: 100%;		
}
.mobile-menu {	
float: left;		
height: 100%;
background: #333;		
width: 270px;
display: block;
z-index: 10;		
}	
.mobile-menu[data-position="left"] {
display: none;
}
.mobile-menu[data-position="right"] {
display: none;
} .menuopen .jviewport{
height: auto !important;
min-height: 100%;
overflow: hidden;
}
.mobile-menu-trigger.active {
background: #444;
}
.mobile-menu-trigger.active .iconlist {
color: white;
}
.menuopen[role="main-mobile-menu"] .container {
left: 270px;
position: absolute;
border-left: 1px solid #000000;
box-shadow: -5px 0 0 0 rgba(0, 0, 0, 0.1);
height: 100%;
overflow: hidden;
}
.menuopen[role="main-mobile-menu"] #main-mobile-menu {
left: 0;
display: block;
}
.menuopen[role="secondary-mobile-menu"] .container {
right: 270px;
position: absolute;
}
.menuopen[role="secondary-mobile-menu"] #secondary-mobile-menu {
right: 0;
} .search-mobile {
padding: 10px;
}
.search-mobile form {
padding-right: 10px;
}
.search-mobile input {
background:  #666666;
border: 2px solid #555555;
border-radius: 0 0 0 0;
color: #EEEEEE;
font-family: helvetica,arial;
font-size: 16px;
height: 30px;
padding-left: 5px;
width: 100%;
}
.mobile-menu-content {
padding: 0 0 0 12px;
}
.mobile-menu h2 {	  
color: #AAAAAA;
font-family: "open sans",arial;
font-size: 14px;
font-weight: bold;
margin: 15px 0;
text-transform: uppercase;
}
.mobile-menu ul {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}
.mobile-menu li a {
background:  #555555;
border-top: 1px solid #777777;
border-bottom: 1px solid #444444;
color: #DDDDDD;
display: block;
font-family: helvetica, arial;
font-size: 17px;
font-style: normal;
font-weight: bold;
line-height: 48px;
padding-left: 20px;
}
.mobile-menu li a:hover,
.mobile-menu li[class^="current"] > a,
.mobile-menu li[class*="current_"] > a {
border-left-style: solid;
border-left-width: 12px;
margin-left: -12px;
background-color: #666;
border-top-color: #888;
}
.mobile-menu i {
font-size: 20px;
margin-right: 10px;
position: relative;
top: 3px;
}
.mobile-menu .copyright {
color: #CCCCCC;
font-family: georgia;
font-style: italic;
margin: 30px 10px;
text-align: center;
}  .blogwrapper {
padding-top: 0;
}
.blog-masonry-wrapper, .horizontalnav .blog-masonry-wrapper {
padding-left: 12px;
padding-top: 10px;
}
.kenburntextcontent.item .text1, .item .text1 {
font-size: 24px;
line-height: 30px;
max-width: 500px;
}
.kenburntextcontent.item .text2, .item .text2 {
font-size: 17px;
line-height: 1.6;
padding-top: 0;
padding-bottom: 0;
line-height: 30px;
}
.horizontalnav .kennav, .kennav {
top: 20px;
}
.fs-overflow {
overflow: inherit;
}	
.fs-overflow .container, .fs-overflow .containerwrapper, .fs-overflow .contentholder {
height: 100%;
}
.fs-container, .horizontalnav .fs-container {
padding-top: 0px;
} 
.filterfloat , .sidebarcollapse .filterfloat {
display: none;
} .blog-normal-wrapper {
padding-top: 0;
}
.blog-normal-article .article-header {
text-align: center;
}
.blog-popular-post {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.blog-normal-article .article-wrapper {
padding-left: 0;
}
.blog-normal-article .article {
padding: 20px;
}
.comment-container {
padding: 20px;
}
.comment-container ul.children {
margin-left: 20px;
}
.comment-text {
margin-left: 0;
}
.testimonialblock p, .testimonialblock .author {
text-align: center !important;
}
.fullbgcontainer {
top: 0;
left: 0;
}
.mainpage {
margin-top: 30px;
}
.kenburntextcontent {
bottom: 20px;
left: 20px;
}
.pagewrapper, .noheadermenu .pagewrapper, .horizontalnav .pagewrapper { margin: 10px; padding: 0; float: none !important;  }	
.pageholder, .mainpage { width: 100% !important; }	
.pagecenter .pageholder { margin-left: 0; }	
.pagecenter {
display: inherit;
}
.mainpage { margin-top: 0; }
.portfoliobottombar { display: none !important; }
.pt-next { right: 0 }
.pt-prev { left: 0 }
.portfolionavprevnext:hover .pt-bgarrow { 
border-radius: 23px;				
height: 46px;						
width: 46px;		
margin: -23px 0 0 -23px;
opacity: 1;
}
.portfolionavprevnext:hover .pt-next-prev-bg { 
display: none;
height: 0;
width: 0;
margin: 0;	
}
.portfolioitem[data-width="0.5"] .info{
display: inherit;
}
.pageinnerwrapper > .featured.nomargin {
margin: -21px -21px 20px;
}	
.pageinnerwrapper > .featured {
margin: 0 0 20px;
}
.teamlist {
display: block;
}
.teamlist:last-child {
border-left: 1px solid #ddd;
}
.teamwrapper .teamrow:first-child .teamlist:last-child {
border-top: none;
}
.fotorama__arr__arr { font-size: 45px; }
.fotorama__arr--prev { left: 0; }		
.fotorama__arr--next { right: 0; } .productitem .pmask, .pmask-border, .productitem .pinfo { 
position: relative;
left: 0;
right: 0;
bottom: 0;
top: 0 !important;
margin: 0;
opacity: 1 !important;
background: white;
}
.productitem .pinfo {
padding: 10px;
}
.productitem .pinfo h2 {
font-size: 15px;
font-weight: bold;
}
.productitem .pinfo > small {
display: none;
font-weight: bold;
}
.productitem .price {
margin-top: 5px;
margin-bottom: 5px;
position: relative;
}
.productitem .pinfo h2, .productitem .pinfo span.line, .productitem .price {
opacity: 1 !important;
top: 0 !important;
text-align: center;
color: #333;
}
.productitem .price > span.amount {
font-size: 16px;
font-weight: normal;
margin-left: 5px;
}
.productitem .slider-button {
display:none; 
}
.productitem .pinfo span.line {
border-bottom: 1px solid #AAAAAA;
display: block;
margin: 0 auto;
}
.iosSlider .slider .item .text1, 
.iosSlider .slider .item .text2,
.iosSlider .slider .item .text3 {
opacity: 0;
left: 0;				
right: 0;
top: 0;
}
.landingslider { height: 300px; }
.slidewrapper { margin-top: -70px !important; }
.rightpos .slidewrappos, .leftpos .slidewrappos { 
text-align: center; 
float: none; 
width: 100%;
}
section { padding: 20px 0; }
.sectioncontainer { padding: 0px 20px; width: auto; }
.horizontalnav .sectioncontainer { padding-top: 20px; padding-bottom: 20px; width: auto; }
.section-header > h2 { font-size: 22px; }
.flexslider.service-slide {
margin: 20px 0 0;
}
.serviceicon {
height: 150px;
width: 150px;
margin: 10px auto 35px;	  
}
.flex-viewport {
margin-bottom: 0;
}
.flex-control-nav {
margin-top: 20px;
text-align: center;
position: static;
}
.bgparallax {
background-position: center center !important;
}
.horizontalnav .footercontent, .contentfooterspace {
display: none;
}
}
@media only screen and (max-width:768px) {
.service-extend {
text-align: center;
} .row-fluid [class*="span"], [class*="span"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.text-slider li {
font-size: 20px;
line-height: 30px;
letter-spacing: 2px;
}
}
@media only screen and (max-width:480px) {
.productitem .mask h2 {
font-size: 18px;
}
.productitem .slider-button .button-text {
font-size: 12px;
}
.productitem .slider-button, .buyorviewbutton {
border: 1px solid #EEE;
}
.article-masonry-box {
margin: 10px 0;
}
.portfolionavtitle {
display: none;
}
.responsiveheader .navleft, .responsiveheader .navright {
border-right: none;
border-left: none;
padding: 0 10px;
width: 24px;
} 	
.responsiveheader .iconlist:before {
font-size: 24px; 
}
.portfolio-passsword {
width: 250px;
margin-left: -125px;
}
.portfolio-form-body > input {
width: 200px;
}
.pagetotal {
display: none;
}	
.fs-container, .sliderContainer {
min-height: 320px;
}
.kenburntextcontent.item .text1, .item .text1 {
font-size: 21px;
line-height: 30px;
max-width: 300px;
}
.kenburntextcontent.item .text2, .item .text2 {
font-size: 17px;
line-height: 1.6;
display: none;
}
.slider-button {
padding: 7px 12px;
}
.slider-button .button-text {
font-size: 12px;
}
.navigationdot {
bottom: 20px;
}
.comment-autor {
display: none;
}	
.pageinnerwrapper {
padding: 20px;
}
.dropcaps {
font-size: 50px;
}
.comment-respond {
margin-top: 0;
}
.comment-respond, .mainpage .comment-input-wrapper input {
text-align: center;
}
.mainpage .comment-container ul.children {
margin-left: 0;
}
.product-quantity {
display: none;
}
.cartpage .article-header h2 {
font-size: 20px;
margin: -25px -20px 20px;
padding: 30px 0;
}
table.shop_table td.product-subtotal {
font-size: 14px;
}
table.shop_table .product-subtotal {	  
width: 50px;
}
table.shop_table .product-name a {
font-size: 14px;
}	
.col2-set .col-1 {
float: none;
width: inherit;
margin-bottom: 20px;
}
.order-actions, .order-total {
display: none;
}	
.product-img {
display: none;
}
table.totals_table {
margin-right: 0;
width: inherit;
}
.wishlist_table .product-price, .wishlist_table  .product-remove, .wishlist_table .product-stock-status {
display: none;
} 
.portfolio-content-wrapper-inner {
padding: 20px;
}
.splitslider #nav-arrows {
display: none;
}
.testislide blockquote span {
font-size: 18px;
}
.testislide blockquote span:before {
font-size: 22px;
}
section quote {
font-size: 20px;
width: 80%;
padding: 50px 0;
}
.testiwrapper {
padding: 50px 0;	    
}
.landingmasonryitem { 
width: 100% !important;
}
.sectioncontainer.sectionheading {
padding: 100px 10px;
}
.sectionheading > h2 {
font-size: 30px;	  
}
.pricing-table.three-col .pricing-col, .pricing-table.four-col .pricing-col, .pricing-table.five-col .pricing-col {
width: 100%;
}
}