/*
Theme Name: grafikfabriken
Theme URI: http://www.grafikfabriken.nu
Description: Onepage
Version: 1.0
Author: Grafikfabriken
Author URI: http://www.grafikfabriken.nu
Tags: Grafikfabriken, fixed-width, three-columns, valid HTML5, widgets
*/

body{
    font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}



#s-main
{
   background: #1B232D;
   margin:0 auto;
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}
table, ul.s-hmenu
{
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */
.s-button,.sbutton
{
   border: 0;
   border-collapse: separate;
   -webkit-border-radius: 0;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #ff3131;
   border-width: 0;
   padding:0 15px;
   margin:0 auto;
   height:40px;
}

.s-postcontent,
.s-postheadericons,
.s-postfootericons,
.s-blockcontent,
ul.s-vmenu a 
{
   text-align: left;
}

.s-postcontent,
.s-postcontent li,
.s-postcontent table,
.s-postcontent a,
.s-postcontent a:link,
.s-postcontent a:visited,
.s-postcontent a.visited,
.s-postcontent a:hover,
.s-postcontent a.hovered
{
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 150%;
   font-weight: normal!important;
}

.s-postcontent p
{
   margin: 20px 0;
   text-align: center;
}

.s-postcontent h1, .s-postcontent h1 a, .s-postcontent h1 a:link, .s-postcontent h1 a:visited, .s-postcontent h1 a:hover,
.s-postcontent h2, .s-postcontent h2 a, .s-postcontent h2 a:link, .s-postcontent h2 a:visited, .s-postcontent h2 a:hover,
.s-postcontent h3, .s-postcontent h3 a, .s-postcontent h3 a:link, .s-postcontent h3 a:visited, .s-postcontent h3 a:hover,
.s-postcontent h4, .s-postcontent h4 a, .s-postcontent h4 a:link, .s-postcontent h4 a:visited, .s-postcontent h4 a:hover,
.s-postcontent h5, .s-postcontent h5 a, .s-postcontent h5 a:link, .s-postcontent h5 a:visited, .s-postcontent h5 a:hover,
.s-postcontent h6, .s-postcontent h6 a, .s-postcontent h6 a:link, .s-postcontent h6 a:visited, .s-postcontent h6 a:hover,
.s-blockheader .t, .s-blockheader .t a, .s-blockheader .t a:link, .s-blockheader .t a:visited, .s-blockheader .t a:hover,
.s-vmenublockheader .t, .s-vmenublockheader .t a, .s-vmenublockheader .t a:link, .s-vmenublockheader .t a:visited, .s-vmenublockheader .t a:hover,
.s-headline, .s-headline a, .s-headline a:link, .s-headline a:visited, .s-headline a:hover,
.s-slogan, .s-slogan a, .s-slogan a:link, .s-slogan a:visited, .s-slogan a:hover,
.s-postheader, .s-postheader a, .s-postheader a:link, .s-postheader a:visited, .s-postheader a:hover
{
   font-size: 22px;
   font-family: 'Lato', sans-serif;
   font-weight: normal;
   font-style: normal;
   line-height: 120%;
}

.s-postcontent a, .s-postcontent a:link
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #ffffff;
}

.s-postcontent a:visited, .s-postcontent a.visited
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #ffffff;
}

.s-postcontent  a:hover, .s-postcontent a.hover
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #ff3131;
}

.s-postcontent h1
{
   color: #ff3131;
   margin: 10px 0 0;
   font-size: 60px;
   font-family: 'Lato', sans-serif;
}

.s-blockcontent h1
{
   margin: 10px 0 0;
   font-size: 60px;
   font-family: 'Lato', sans-serif;
}

.s-postcontent h1 a, .s-postcontent h1 a:link, .s-postcontent h1 a:hover, .s-postcontent h1 a:visited, .s-blockcontent h1 a, .s-blockcontent h1 a:link, .s-blockcontent h1 a:hover, .s-blockcontent h1 a:visited 
{
   font-size: 60px;
   font-family: 'Lato', sans-serif;
}

.s-postcontent h2
{
   color: #ff3131;
   margin: 10px 0 0;
   font-size: 48px;
   font-family: 'Lato', sans-serif;
}

.s-blockcontent h2
{
   margin: 10px 0 0;
   font-size: 48px;
   font-family: 'Lato', sans-serif;
}

.s-postcontent h2 a, .s-postcontent h2 a:link, .s-postcontent h2 a:hover, .s-postcontent h2 a:visited, .s-blockcontent h2 a, .s-blockcontent h2 a:link, .s-blockcontent h2 a:hover, .s-blockcontent h2 a:visited 
{
   font-size: 48px;
   font-family: 'Lato', sans-serif;
}

.s-postcontent h3
{
   color: #ff3131;
   margin: 10px 0 0;
   font-size: 36px;
   font-family: 'Lato', sans-serif;
}

.s-blockcontent h3
{
   margin: 10px 0 0;
   font-size: 36px;
   font-family: 'Lato', sans-serif;
}

.s-postcontent h3 a, .s-postcontent h3 a:link, .s-postcontent h3 a:hover, .s-postcontent h3 a:visited, .s-blockcontent h3 a, .s-blockcontent h3 a:link, .s-blockcontent h3 a:hover, .s-blockcontent h3 a:visited 
{
   font-size: 36px;
   font-family: 'Lato', sans-serif;
}

.s-postcontent h4
{
   color: #ff3131;
   margin: 10px 0 0;
   font-size: 28px;
   font-family: 'Lato', sans-serif;
}

.s-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 28px;
   font-family: 'Lato', sans-serif;
}

.s-postcontent h4 a, .s-postcontent h4 a:link, .s-postcontent h4 a:hover, .s-postcontent h4 a:visited, .s-blockcontent h4 a, .s-blockcontent h4 a:link, .s-blockcontent h4 a:hover, .s-blockcontent h4 a:visited 
{
   font-size: 28px;
   font-family: 'Lato', sans-serif;
}

.s-postcontent h5
{
   color: #ff3131;
   margin: 10px 0 0;
   font-size: 24px;
   font-family: 'Lato', sans-serif;
}

.s-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 24px;
   font-family: 'Lato', sans-serif;
}

.s-postcontent h5 a, .s-postcontent h5 a:link, .s-postcontent h5 a:hover, .s-postcontent h5 a:visited, .s-blockcontent h5 a, .s-blockcontent h5 a:link, .s-blockcontent h5 a:hover, .s-blockcontent h5 a:visited 
{
   font-size: 24px;
   font-family: 'Lato', sans-serif;
}

.s-postcontent h6
{
   color: #ff3131;
   margin: 10px 0 0;
   font-size: 16px;
   font-family: 'Lato', sans-serif;
}

.s-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 16px;
   font-family: 'Lato', sans-serif;
}

.s-postcontent h6 a, .s-postcontent h6 a:link, .s-postcontent h6 a:hover, .s-postcontent h6 a:visited, .s-blockcontent h6 a, .s-blockcontent h6 a:link, .s-blockcontent h6 a:hover, .s-blockcontent h6 a:visited 
{
   font-size: 16px;
   font-family: 'Lato', sans-serif;
}

header, footer, article, nav, #s-hmenu-bg, .s-sheet, .s-hmenu a, .s-vmenu a, .s-slidenavigator > a, .s-checkbox:before, .s-radiobutton:before
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

header, footer, article, nav, #s-hmenu-bg, .s-sheet, .s-slidenavigator > a, .s-checkbox:before, .s-radiobutton:before
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height: 100%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

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

body
{
   padding: 0;
   margin:0;
   min-width: 940px;
   color: #FFFFFF;
}

.s-header:before, #s-header-bg:before, .s-layout-cell:before, .s-layout-wrapper:before, .s-footer:before, .s-nav:before, #s-hmenu-bg:before, .s-sheet:before
{
   width: 100%;
   content: " ";
   display: table;
}
.s-header:after, #s-header-bg:after, .s-layout-cell:after, .s-layout-wrapper:after, .s-footer:after, .s-nav:after, #s-hmenu-bg:after, .s-sheet:after,
.cleared, .clearfix:after {
   clear: both;
   font: 0/0 serif;
   display: block;
   content: " ";
}

form
{
   padding: 0;
   margin: 0;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

li h1, .s-postcontent li h1, .s-blockcontent li h1 
{
   margin:1px;
} 
li h2, .s-postcontent li h2, .s-blockcontent li h2 
{
   margin:1px;
} 
li h3, .s-postcontent li h3, .s-blockcontent li h3 
{
   margin:1px;
} 
li h4, .s-postcontent li h4, .s-blockcontent li h4 
{
   margin:1px;
} 
li h5, .s-postcontent li h5, .s-blockcontent li h5 
{
   margin:1px;
} 
li h6, .s-postcontent li h6, .s-blockcontent li h6 
{
   margin:1px;
} 
li p, .s-postcontent li p, .s-blockcontent li p 
{
   margin:1px;
}


.s-shapes
{
   position: absolute;
   top: 0px;
   left: 0;
   overflow: hidden;
   z-index: 0;
   max-width: 200px;
   z-index: 99999;
}
.s-shapes img{
    max-width: 100%;
}

.s-slider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.s-slidenavigator > a {
   display: inline-block;
   vertical-align: middle;
   outline-style: none;
   font-size: 1px;
}

.s-slidenavigator > a:last-child {
   margin-right: 0 !important;
}





.ie7 .s-post .s-layout-cell {border:none !important; padding:0 !important; }
.ie6 .s-post .s-layout-cell {border:none !important; padding:0 !important; }

.s-header {
    margin: 0 auto;
    background-repeat: no-repeat;
    height: 54px;
    min-height: 54px;
    position: fixed;
    background-color: #fff;
    background-position: center top;
    text-align: center;
    top: 0px;
    width: 100%;
    z-index: 9999;
    border-bottom: 3px solid #eee;
    box-sizing: border-box;
}
.admin-bar .s-header{
    top:32px!Important;
}

.custom-responsive .s-header
{
}
.s-header .headerin {
    width: 100%;
    margin: 0 auto;
    display: inline-block!important;
    max-width: 940px!Important;
    position: relative;
    height: 100%;
}


.s-header-inner{
   position: relative;
   width: 940px;
   z-index: auto !important;
   margin: 0 auto;
}

.s-header>.widget 
{
   position:absolute;
   z-index:101;
}

.s-nav
{
   background: #303F50;
   background: transparent;
   border-bottom:1px dotted transparent;
   position: absolute;
   margin: 0;
   bottom:     0;
   width: 100%!important;
   z-index: 100;
   top:6px!important;
   right: 0px!important;
   left: auto!important;
   max-width: 940px!Important;
}

ul.s-hmenu a, ul.s-hmenu a:link, ul.s-hmenu a:visited, ul.s-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.s-hmenu, ul.s-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.s-hmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.s-hmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}

ul.s-hmenu:after, ul.s-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

ul.s-hmenu, ul.s-hmenu ul 
{
   min-height: 0;
}

ul.s-hmenu 
{
   display: inline-block;
   vertical-align: bottom;
   padding-left: 0;
   padding-right: 0;
}

.s-nav-inner:before 
{
   content:' ';
}

nav.s-nav
{
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

.s-nav-inner{
   text-align: right;
   margin:0 auto;
}

.desktop  .s-nav-inner{
   width: 940px;
   padding-left: 0;
   padding-right: 0;
}

.desktop .s-nav
{
   padding-left: 0;
   padding-right: 0;
}

.s-hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.s-hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.s-hmenu
{
   float: right;
}

.s-menuitemcontainer
{
   margin:0 auto;
}
ul.s-hmenu>li {
   margin-left: 0;
}
ul.s-hmenu>li:first-child {
   margin-left: 0;
}
ul.s-hmenu>li:last-child, ul.s-hmenu>li.last-child {
   margin-right: 0;
}

ul.s-hmenu>li>a
{
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   padding:0px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 39px;
   cursor: pointer;
   text-decoration: none;
   color: #111;
   line-height: 39px;
   text-align: center;
   margin-left: 25px;
}
ul.s-hmenu>li>ul>li>a{
   padding:5px;
   position: relative;
   display: block;
   cursor: pointer;
   text-decoration: none;
   color: #111;
   text-align: left;
   font-size: 16px;
   font-family: 'Lato', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
}
ul.s-hmenu>li>ul>li>a:hover,
ul.s-hmenu>li>ul>li>a:active,
ul.s-hmenu>li>ul>li>a.active,
ul.s-hmenu>li.active>a{
    font-size: 16px;
   font-family: 'Lato', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   color:#ff3131;
}

.s-hmenu>li>a, 
.s-hmenu>li>a:link, 
.s-hmenu>li>a:visited, 
.s-hmenu>li>a.active, 
.s-hmenu>li>a:hover
{
   font-size: 16px;
   font-family: 'Lato', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: left;
}

ul.s-hmenu>li>a.active
{
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   color: #ff3131;
   text-decoration: none;
}

ul.s-hmenu>li>a:visited, 
ul.s-hmenu>li>a:hover, 
ul.s-hmenu>li:hover>a {
   text-decoration: none;
}

ul.s-hmenu>li>a:hover, .desktop ul.s-hmenu>li:hover>a
{
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
}
ul.s-hmenu>li>a:hover, 
.desktop ul.s-hmenu>li:hover>a {
   color: #ff3131;
   text-decoration: none;
}

ul.s-hmenu ul
{
   display: none;
}

.s-sheet
{
   margin:10px auto 0;
   position:relative;
   cursor:auto;
   width: 100%;
   z-index: auto !important;
   margin-top: 54px;
}

.s-layout-wrapper
{
   position: relative;
   margin: 0 auto 0 auto;
   z-index: auto !important;
}

.s-content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.s-content-layout-row 
{
   display: table-row;
}

.s-layout-cell
{
   display: table-cell;
   vertical-align: top;
}

/* need only for content layout in post content */ 
.s-postcontent .s-content-layout
{
   border-collapse: collapse;
}

.s-vmenublock
{
   margin:3px;
}
div.s-vmenublock img
{
   margin: 0;
}

.s-vmenublockheader
{
   padding:10px 0;
   margin:0 auto 7px;
}
.s-vmenublockheader .t,
.s-vmenublockheader .t a,
.s-vmenublockheader .t a:link,
.s-vmenublockheader .t a:visited, 
.s-vmenublockheader .t a:hover
{
   color: #FA6114;
   font-size: 16px;
   font-family: 'Lato', sans-serif;
   font-weight: normal;
   font-style: normal;
   margin: 0 10px;
}

.s-vmenublockcontent
{
   margin:0 auto;
}

ul.s-vmenu, ul.s-vmenu ul
{
   list-style: none;
   display: block;
}

ul.s-vmenu, ul.s-vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.s-vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.s-vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position: relative;
}

ul.s-vmenu ul.active
{
   display: block;
}

ul.s-vmenu>li>a
{
   padding:0 15px;
   margin:0 auto;
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   color: #708BA9;
   min-height: 30px;
   line-height: 30px;
}
ul.s-vmenu a 
{
   display: block;
   cursor: pointer;
   z-index: 1;
   position:relative;
}

ul.s-vmenu li{
   position:relative;
}

ul.s-vmenu>li
{
   margin-top: 0;
}
ul.s-vmenu>li>ul
{
   padding: 0;
   margin-top: 0;
   margin-bottom: 0;
}
ul.s-vmenu>li:first-child
{
   margin-top:0;
}

ul.s-vmenu>li>a:before
{
   content:url('http://compactlivingstore.com/wp-content/themes/grafikfabriken/images/vmenuitemicon.png');
   margin-right:5px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.s-vmenu>li>a:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.s-vmenu>li>a.active:before
{
   content:url('images/vmenuactiveitemicon.png');
   margin-right:5px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.s-vmenu>li>a.active:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.s-vmenu>li>a:hover:before,  ul.s-vmenu>li>a.active:hover:before,  ul.s-vmenu>li:hover>a:before,  ul.s-vmenu>li:hover>a.active:before
{
   content:url('images/vmenuhovereditemicon.png');
   margin-right:5px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.s-vmenu>li>a:hover:before, .opera   ul.s-vmenu>li>a.active:hover:before, .opera   ul.s-vmenu>li:hover>a:before, .opera   ul.s-vmenu>li:hover>a.active:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.s-vmenu>li>a:hover, ul.s-vmenu>li>a.active:hover
{
   padding:0 15px;
   margin:0 auto;
}
ul.s-vmenu>li>a:hover, ul.s-vmenu>li>a.active:hover
{
   text-decoration: none;
}

ul.s-vmenu a:hover, ul.s-vmenu a.active:hover 
{
   color: #FA681E;
}

ul.s-vmenu>li>a.active:hover>span.border-top, ul.s-vmenu>li>a.active:hover>span.border-bottom 
{
   background-color: transparent;
}

ul.s-vmenu>li>a.active
{
   padding:0 15px;
   margin:0 auto;
   text-decoration: none;
   color: #FA681E;
}

ul.s-vmenu>li>ul:before
{
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

ul.s-vmenu li li a
{
   margin:0 auto;
   position: relative;
}
ul.s-vmenu ul li
{
   margin: 0;
   padding: 0;
}
ul.s-vmenu li li{
   position: relative;
   margin-top: 0;
}

ul.s-vmenu ul a
{
   display: block;
   position: relative;
   min-height: 22px;
   overflow: visible;
   padding: 0;
   padding-left: 27px;
   padding-right: 27px;
   z-index: 0;
   line-height: 22px;
   color: #7B8C9D;
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.s-vmenu ul a:visited, ul.s-vmenu ul a.active:hover, ul.s-vmenu ul a:hover, ul.s-vmenu ul a.active
{
   line-height: 22px;
   color: #7B8C9D;
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.s-vmenu ul ul a
{
   padding-left: 54px;
}
ul.s-vmenu ul ul ul a
{
   padding-left: 81px;
}
ul.s-vmenu ul ul ul ul a
{
   padding-left: 108px;
}
ul.s-vmenu ul ul ul ul ul a
{
   padding-left: 135px;
}

ul.s-vmenu ul>li>a:hover, ul.s-vmenu ul>li>a.active:hover
{
   margin:0 auto;
}
ul.s-vmenu ul li a:hover, ul.s-vmenu ul li a.active:hover
{
   text-decoration: none;
   color: #FA681E;
}

ul.s-vmenu ul a:hover:after
{
   background-position: center ;
}
ul.s-vmenu ul a.active:hover:after
{
   background-position: center ;
}
ul.s-vmenu ul a.active:after
{
   background-position: bottom ;
}

ul.s-vmenu ul>li>a.active
{
   margin:0 auto;
}
ul.s-vmenu ul a.active, ul.s-vmenu ul a:hover, ul.s-vmenu ul a.active:hover
{
   text-decoration: none;
   color: #FA681E;
}

.s-block
{
   margin:3px;
}
div.s-block img
{
   border: none;
   margin: 0;
}

.s-blockheader
{
   padding:6px 5px;
   margin:0 auto 2px;
}
.s-blockheader .t,
.s-blockheader .t a,
.s-blockheader .t a:link,
.s-blockheader .t a:visited, 
.s-blockheader .t a:hover
{
   color: #ff3131;
   font-size: 60px;
   font-family: 'Lato', sans-serif;
   font-weight: normal;
   font-style: normal;
   margin: 0 5px;
}

.s-blockcontent
{
   padding:5px;
   margin:0 auto;
   color: #FFFFFF;
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 100%;
}
.s-blockcontent table,
.s-blockcontent li, 
.s-blockcontent a,
.s-blockcontent a:link,
.s-blockcontent a:visited,
.s-blockcontent a:hover
{
   color: #FFFFFF;
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 100%;
}

.s-blockcontent p
{
   margin: 0 5px;
}

.s-blockcontent a, .s-blockcontent a:link
{
   color: #ffffff;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.s-blockcontent a:visited, .s-blockcontent a.visited
{
   color: #ffffff;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.s-blockcontent a:hover, .s-blockcontent a.hover
{
   color: #ff3131;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}
.s-block ul>li:before
{
   content:url('images/blockbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -12px;
}
.opera .s-block ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.s-block li
{
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
   color: #E9EDF2;
   margin: 5px 0 0 10px;
}

.s-block ul>li, .s-block ol
{
   padding: 0;
}

.s-block ul>li
{
   padding-left: 12px;
}

.s-breadcrumbs
{
   margin:0 auto;
}

a.s-button,
a.s-button:link,
a:link.s-button:link,
body a.s-button:link,
a.s-button:visited,
body a.s-button:visited,
input.s-button,
input.sbutton,
button.s-button
{
   text-decoration: none;
   font-size: 24px;
   font-family: 'Lato', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #FFFFFF;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 40px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

.s-button img
{
   margin: 0;
   vertical-align: middle;
}

.firefox2 .s-button
{
   display: block;
   float: left;
}

input, select, textarea, a.s-search-button span
{
   vertical-align: middle;
   font-size: 16px;
   font-family: 'Lato', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.s-block select 
{
   width:96%;
}

input.s-button
{
   float: none !important;
   -webkit-appearance: none;
}

.s-button.active, .s-button.active:hover
{
   background: #ff3131;
   border-width: 0;
   padding:0 15px;
   margin:0 auto;
}
.s-button.active, .s-button.active:hover {
   color: #FFFFFF !important;
}

.s-button.hover, .s-button:hover
{
   background: #ffffff;
   border-width: 0;
   padding:0 15px;
   margin:0 auto;
}
.s-button.hover, .s-button:hover {
   color: #FFFFFF !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   background: #F9FAFB;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   border-width: 0;
   margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   width: 100%;
   padding: 4px 0;
   color: #ffffff !important;
   font-size: 16px;
   font-family: 'Lato', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
}
input.s-error, textarea.s-error
{
   background: #F9FAFB;
   border:1px solid #E2341D;
   margin:0 auto;
}
input.s-error, textarea.s-error {
   color: #3D5166 !important;
   font-size: 16px;
   font-family: 'Lato', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.s-search input[type="text"]
{
   background: #FFFFFF;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:1px solid #CCD6E0;
   margin:0 auto;
   width: 100%;
   padding: 4px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #364049 !important;
   font-size: 16px;
   font-family: 'Lato', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.s-search 
{
   background-image: none;
   border: 0;
   display:block;
   position:relative;
   top:0;
   padding:0;
   margin:5px;
   left:0;
   line-height: 0;
}

form.s-search input, a.s-search-button
{
   -webkit-appearance: none;
   top:0;
   right:0;
}

form.s-search>input, a.s-search-button{
   bottom:0;
   left:0;
   vertical-align: middle;
}

form.s-search input[type="submit"], input.s-search-button, a.s-search-button
{
   border-radius: 0;
   margin:0 auto;
}
form.s-search input[type="submit"], input.s-search-button, a.s-search-button {
   position:absolute;
   left:auto;
   display:block;
   border:none;
   background:url('images/searchicon.png') center center no-repeat;
   width:24px;
   height: 100%;
   padding:0;
   color: #FFFFFF !important;
   cursor: pointer;
}

a.s-search-button span.s-search-button-text {
   display: none;
}

label.s-checkbox:before
{
   background: #F9FAFB;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   border-width: 0;
   margin:0 auto;
   width:16px;
   height:16px;
}
label.s-checkbox
{
   cursor: pointer;
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 16px;
   display: inline-block;
   color: #C4CCD4 !important;
}

.s-checkbox>input[type="checkbox"]
{
   margin: 0 5px 0 0;
}

label.s-checkbox.active:before
{
   background: #FC905A;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   border-width: 0;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.s-checkbox.hovered:before
{
   background: #D9DEE3;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   border-width: 0;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.s-radiobutton:before
{
   background: #F9FAFB;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   margin:0 auto;
   width:12px;
   height:12px;
}
label.s-radiobutton
{
   cursor: pointer;
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 12px;
   display: inline-block;
   color: #C4CCD4 !important;
}

.s-radiobutton>input[type="radio"]
{
   vertical-align: baseline;
   margin: 0 5px 0 0;
}

label.s-radiobutton.active:before
{
   background: #B9C2CB;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

label.s-radiobutton.hovered:before
{
   background: #D9DEE3;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

.s-comments
{
   border-top:1px dotted #A1ADBA;
   margin:0 auto;
   margin-top: 25px;
}

.s-comments h2
{
   color: #B0BAC4;
}

.s-comment-inner
{
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   padding:5px;
   margin:0 auto;
   margin-left: 96px;
}
.s-comment-avatar 
{
   float:left;
   width:80px;
   height:80px;
   padding:2px;
   background:#fff;
   border:1px solid #E2E8EE;
}

.s-comment-avatar>img
{
   margin:0 !important;
   border:none !important;
}

.s-comment-content
{
   padding:10px 0;
   color: #BFCCD9;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.s-comment
{
   margin-top: 6px;
}

#comment-list>li:first-child>.s-comment
{
   margin-top: 0;
}

.s-comment-header
{
   color: #B0BAC4;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 100%;
}

.s-comment-header a, 
.s-comment-header a:link, 
.s-comment-header a:visited,
.s-comment-header a.visited,
.s-comment-header a:hover,
.s-comment-header a.hovered
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 100%;
}

.s-comment-header a, .s-comment-header a:link
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   color: #FFFFFF;
}

.s-comment-header a:visited, .s-comment-header a.visited
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #FFFFFF;
}

.s-comment-header a:hover,  .s-comment-header a.hovered
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #FFFFFF;
}

.s-comment-content a, 
.s-comment-content a:link, 
.s-comment-content a:visited,
.s-comment-content a.visited,
.s-comment-content a:hover,
.s-comment-content a.hovered
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.s-comment-content a, .s-comment-content a:link
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #FEE7DC;
}

.s-comment-content a:visited, .s-comment-content a.visited
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #D2DBE4;
}

.s-comment-content a:hover,  .s-comment-content a.hovered
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #FEE7DC;
}

.s-pager
{
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   padding:6px;
   margin:2px;
}

.s-pager>*:last-child
{
   margin-right:0 !important;
}

.s-pager>span {
   cursor:default;
}

.s-pager>*
{
   background: #FFFFFF;
   padding:10px;
   margin:0 4px 0 auto;
   line-height: normal;
   position:relative;
   display:inline-block;
   margin-left: 0;
}

.s-pager a:link,
.s-pager a:visited,
.s-pager .active
{
   line-height: normal;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #23292F
;
}

.s-pager .active
{
   background: #ff3131;
   padding:10px;
   margin:0 4px 0 auto;
   color: #FFFFFF
;
}

.s-pager .more
{
   background: #D9DEE3;
   margin:0 4px 0 auto;
}
.s-pager a.more:link,
.s-pager a.more:visited
{
   color: #411701
;
}
.s-pager a:hover
{
   background: #ffffff;
   padding:10px;
   margin:0 4px 0 auto;
}
.s-pager  a:hover,
.s-pager  a.more:hover
{
   text-decoration: none;
   color: #FFFFFF
;
}
.s-pager>*:after
{
   margin:0 0 0 auto;
   display:inline-block;
   position:absolute;
   content: ' ';
   top:0;
   width:0;
   height:100%;
   right: 0;
   text-decoration:none;
}

.s-pager>*:last-child:after{
   display:none;
}

.s-commentsform
{
   background: #E2E8EE;
   background: transparent;
   padding:0px;
   margin:0 auto;
   margin-top:25px;
   color: #B0BAC4;
}

.s-commentsform h2{
   padding-bottom:10px;
   margin: 0;
   color: #B0BAC4;
}

.s-commentsform label {
   display: inline-block;
   line-height: 25px;
}

.s-commentsform input:not([type=submit]), .s-commentsform textarea {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width:100%;
   max-width:100%;
}

.s-commentsform .form-submit
{
   margin-top: 10px;
}
.s-post
{
   padding:0px;
}
a img
{
   border: 0;
}

.s-article img, img.s-article, .s-block img, .s-footer-text img
{
   margin: 0 0 0 0;
}

.s-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.s-article table, table.s-article
{
   border-collapse: collapse;
   margin: 1px;
}

.s-post .s-content-layout-br
{
   height: 0;
}

.s-article th, .s-article td
{
   padding: 2px;
   vertical-align: top;
   text-align: left;
}

.s-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.image-caption-wrapper
{
   padding: 0 0 0 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper img
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper div.s-collage
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper p
{
   font-size: 80%;
   text-align: right;
   margin: 0;
}

.s-postheader
{
   color: #fff;
   margin: 0px;
   font-size: 38px;
   font-family: 'Lato', sans-serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: 1px 1px #000;
   text-align: center;
}

.s-postheader a, 
.s-postheader a:link, 
.s-postheader a:visited,
.s-postheader a.visited,
.s-postheader a:hover,
.s-postheader a.hovered
{
   font-size: 60px;
   font-family: 'Lato', sans-serif;
   font-weight: normal;
   font-style: normal;
}

.s-postheader a, .s-postheader a:link
{
   font-family: 'Lato', sans-serif;
   text-decoration: none;
   text-align: left;
   color: #ffffff;
}

.s-postheader a:visited, .s-postheader a.visited
{
   font-family: 'Lato', sans-serif;
   text-decoration: none;
   text-align: left;
   color: #ffffff;
}

.s-postheader a:hover,  .s-postheader a.hovered
{
   font-family: 'Lato', sans-serif;
   text-decoration: none;
   text-align: left;
   color: #ff3131;
}

.s-postcontent ul>li:before,  .s-post ul>li:before,  .s-textblock ul>li:before
{
   content:url('images/postbullets.png');
   margin-right:6px;
   bottom: 3px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .s-postcontent ul>li:before, .opera   .s-post ul>li:before, .opera   .s-textblock ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.s-postcontent li, .s-post li, .s-textblock li
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #FFFFFF;
   margin: 3px 0 0 11px;
}

.s-postcontent ul>li, .s-post ul>li, .s-textblock ul>li, .s-postcontent ol, .s-post ol, .s-textblock ol
{
   padding: 0;
}

.s-postcontent ul>li, .s-post ul>li, .s-textblock ul>li
{
   padding-left: 14px;
}

.s-postcontent ul>li:before,  .s-post ul>li:before,  .s-textblock ul>li:before
{
   margin-left: -14px;
}

.s-postcontent ol, .s-post ol, .s-textblock ol, .s-postcontent ul, .s-post ul, .s-textblock ul
{
   margin: 1em 0 1em 11px;
}

.s-postcontent li ol, .s-post li ol, .s-textblock li ol, .s-postcontent li ul, .s-post li ul, .s-textblock li ul
{
   margin: 0.5em 0 0.5em 11px;
}

.s-postcontent li, .s-post li, .s-textblock li
{
   margin: 3px 0 0 0;
}

.s-postcontent ol>li, .s-post ol>li, .s-textblock ol>li
{
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.s-postcontent ul>li, .s-post ul>li, .s-textblock ul>li
{
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

blockquote
{
   background: #ff3131 url('images/postquote.png') no-repeat scroll;
   padding:10px 10px 10px 33px;
   margin:10px 0 0 25px;
   color: #FFFFFF;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}
blockquote a, .s-postcontent blockquote a, .s-blockcontent blockquote a, .s-footer-text blockquote a,
blockquote a:link, .s-postcontent blockquote a:link, .s-blockcontent blockquote a:link, .s-footer-text blockquote a:link,
blockquote a:visited, .s-postcontent blockquote a:visited, .s-blockcontent blockquote a:visited, .s-footer-text blockquote a:visited,
blockquote a:hover, .s-postcontent blockquote a:hover, .s-blockcontent blockquote a:hover, .s-footer-text blockquote a:hover
{
   color: #FFFFFF;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.s-postcontent blockquote p,
.s-blockcontent blockquote p,
.s-footer-text blockquote p
{
   margin: 0;
   margin: 5px 0;
}

.Sorter img
{
   border:0;
   vertical-align:middle;
   padding:0;
   margin:0;
   position:static;
   z-index:1;
   width: 12px;
   height: 6px;
}

.Sorter a
{
   position:relative;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #C4CCD4;
}

.Sorter a:link
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #C4CCD4;
}

.Sorter a:visited, .Sorter a.visited
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #C4CCD4;
}

.Sorter a:hover, .Sorter a.hover
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #A7B2BE;
}

.Sorter
{
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color:#C4CCD4;
}

.s-footer
{
   padding:25px;
   margin:0 auto;
   position: relative;
   color: #FFFFFF;
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 100%;
   text-align: center;
}

.s-footer-text a,
.s-footer-text a:link,
.s-footer-text a:visited,
.s-footer-text a:hover,
.s-footer-text td, 
.s-footer-text th,
.s-footer-text caption
{
   color: #FFFFFF;
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 100%;
}

.s-footer-text p 
{
   padding:0;
   text-align: center;
}

.s-footer-text a,
.s-footer-text a:link
{
   color: #ffffff;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.s-footer-text a:visited
{
   color: #ff3131;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.s-footer-text a:hover
{
   color: #ff3131;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.s-footer-text h1
{
   color: #8A99A8;
   font-family: 'Lato', sans-serif;
}

.s-footer-text h2
{
   color: #A1ADBA;
   font-family: 'Lato', sans-serif;
}

.s-footer-text h3
{
   color: #FA681E;
   font-family: 'Lato', sans-serif;
}

.s-footer-text h4
{
   color: #9CAFC4;
   font-family: 'Lato', sans-serif;
}

.s-footer-text h5
{
   color: #9CAFC4;
   font-family: 'Lato', sans-serif;
}

.s-footer-text h6
{
   color: #9CAFC4;
   font-family: 'Lato', sans-serif;
}

.s-footer-text img
{
   border: none;
   margin: 0;
}

.s-rss-tag-icon
{
   background:  url('images/footerrssicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.s-rss-tag-icon:empty
{
   vertical-align: middle;
}

.s-facebook-tag-icon
{
   background:  url('images/footerfacebookicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.s-facebook-tag-icon:empty
{
   vertical-align: middle;
}

.s-twitter-tag-icon
{
   background:  url('images/footertwittericon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.s-twitter-tag-icon:empty
{
   vertical-align: middle;
}

.s-tumblr-tag-icon
{
   background:  url('images/tumblricon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.s-tumblr-tag-icon:empty
{
   vertical-align: middle;
}

.s-pinterest-tag-icon
{
   background:  url('images/pinteresticon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.s-pinterest-tag-icon:empty
{
   vertical-align: middle;
}

.s-vimeo-tag-icon
{
   background:  url('images/vimeoicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.s-vimeo-tag-icon:empty
{
   vertical-align: middle;
}

.s-youtube-tag-icon
{
   background:  url('images/youtubeicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.s-youtube-tag-icon:empty
{
   vertical-align: middle;
}

.s-linkedin-tag-icon
{
   background:  url('images/linkedinicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.s-linkedin-tag-icon:empty
{
   vertical-align: middle;
}

.s-footer-text ul>li:before
{
   content:url('images/footerbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -20px;
}
.opera .s-footer-text ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.s-footer-text li
{
   font-size: 16px;
   font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #FED0B9;
}

.s-footer-text ul>li, .s-footer-text ol
{
   padding: 0;
}

.s-footer-text ul>li
{
   padding-left: 20px;
}

.s-page-footer, 
.s-page-footer a,
.s-page-footer a:link,
.s-page-footer a:visited,
.s-page-footer a:hover
{
   font-family: Arial;
   font-size: 16px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #C4CCD4;
}

.s-page-footer
{
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #9FB2C6;
}

.s-lightbox-wrapper 
{
   background: #333;
   background: rgba(0, 0, 0, .8);
   bottom: 0;
   left: 0;
   padding: 0 100px;
   position: fixed;
   right: 0;
   text-align: center;
   top: 0;
   z-index: 1000000;
}

.s-lightbox,
.s-lightbox-wrapper .s-lightbox-image
{
   cursor: pointer;
}

.s-lightbox-wrapper .s-lightbox-image
{
   border: 6px solid #fff;
   border-radius: 3px;
   display: none;
   max-width: 100%;
   vertical-align: middle;
}

.s-lightbox-wrapper .s-lightbox-image.active
{
   display: inline-block;
}

.s-lightbox-wrapper .lightbox-error
{
   background: #fff;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 80px;
   opacity: .95;
   padding: 20px;
   position: fixed;
   width: 300px;
   z-index: 100;
}

.s-lightbox-wrapper .loading
{
   background: #fff url('images/preloader-01.gif') center center no-repeat;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 32px;
   opacity: .5;
   padding: 10px;
   position: fixed;
   width: 32px;
   z-index: 10100;
}

.s-lightbox-wrapper .arrow
{
   cursor: pointer;
   height: 100px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   width: 82px;
   z-index: 10003;
}

.s-lightbox-wrapper .arrow.left
{
   left: 9px;
}

.s-lightbox-wrapper .arrow.right
{
   right: 9px;
}

.s-lightbox-wrapper .arrow:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.s-lightbox-wrapper .arrow.disabled 
{
   display: none;
}

.s-lightbox-wrapper .arrow-t, 
.s-lightbox-wrapper .arrow-b
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   left: 26px;
   position: relative;
   width: 30px;
}

.s-lightbox-wrapper .arrow-t
{
   top: 38px;
}

.s-lightbox-wrapper .arrow-b
{
   top: 50px;
}

.s-lightbox-wrapper .close
{
   cursor: pointer;
   height: 22px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   right: 39px;
   top: 30px;
   width: 22px;
   z-index: 10003;
}

.s-lightbox-wrapper .close:hover 
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.s-lightbox-wrapper .close .cw, 
.s-lightbox-wrapper .close .ccw
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   position: absolute;
   left: -4px;
   top: 8px;
   width: 30px;
}

.s-lightbox-wrapper .cw
{
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   /* IE 9 */
    -webkit-transform: rotate(45deg);
   /* Safari and Chrome */
    -o-transform: rotate(45deg);
   /* Opera */
    -moz-transform: rotate(45deg);
/* Firefox */}

.s-lightbox-wrapper .ccw
{
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   /* IE 9 */
    -webkit-transform: rotate(-45deg);
   /* Safari and Chrome */
    -o-transform: rotate(-45deg);
   /* Opera */
    -moz-transform: rotate(-45deg);
/* Firefox */}

.s-lightbox-wrapper .close-alt, 
.s-lightbox-wrapper .arrow-right-alt, 
.s-lightbox-wrapper .arrow-left-alt 
{
   color: #fff;
   display: none;
   font-size: 2.5em;
   line-height: 100%;
}

.ie8 .s-lightbox-wrapper .close-alt, 
.ie8 .s-lightbox-wrapper .arrow-right-alt, 
.ie8 .s-lightbox-wrapper .arrow-left-alt 
{
   display: block;
}

.ie8 .s-lightbox-wrapper .cw, 
.ie8 .s-lightbox-wrapper .ccw 
{
   display: none;
}

.s-content-layout .s-sidebar1
{
   margin:0 auto;
   width: 200px;
}

.s-content-layout .s-content
{
   margin:0 auto;
}



#comment
{
    width:99%;
}

#comments-list, #comments-list .comment 
{
  background: none;
  padding:0;
  margin:0;
  overflow: visible;
}

#comments-list .comment:before, #comments-list .comment:after
{
  display:none;
}

#comments-list .comment .comment 
{
  margin-left: 20px;
}

span.page-navi-outer, span.page-navi-inner 
{
    position:relative;
    display:block;
    float:left;
    margin:0;
    padding:0;
}

span.page-navi-outer
{
  margin: 1px;
  border: 1px solid #aaa;
}

span.page-navi-inner 
{
  padding: 1px;
  min-width:14px;
  line-height:18px;
  text-align:center;
  border: 2px solid #fff;
  font-weight:bold;
}

a span.page-navi-inner, span.page-navi-caption span.page-navi-inner 
{
    border-width:1px;
    font-weight:normal;
}

a span.page-navi-outer, span.page-navi-caption
{
    margin:2px 1px;
}

ul#comments-list li cite
{
  font-size: 1.2em;
}

#commentform textarea
{
  width: 100%;
}

#commentform
{
  text-align:left;
}

.rtl #commentform
{
  text-align:right;
}

img.wp-smiley
{
  border: none;
  margin: 1px;
  vertical-align:middle;
  padding: 0;
}

.navigation
{
  display: block;
  text-align: center;
}

/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .s-article .aligncenter img, .aligncenter img.s-article, .aligncenter img, img.aligncenter
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p.aligncenter , p.center 
{
   text-align: center; 
}

.alignleft
{
  float: left;
}

.alignright
{
  float: right;
}

.wp-caption
{
  border: 1px solid #ddd;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
}

.wp-caption img
{
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text
{
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

.wp-caption, .wp-caption p
{
    text-align: center;
}

.gallery {
	margin: 0 auto 18px;
    clear:both;
    overflow:hidden;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl {
	margin: 0;
}

.gallery img {
	border: 10px solid #f1f1f1;
}

.gallery br+br {
	display: none;
}
/* End */


.hidden
{
  display: none;
}

/* Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 155px;
}

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}

#wp-calendar a {
  display: block;
}

#wp-calendar caption {
  text-align: center;
  width: 100%;
}

#wp-calendar td {
  padding: 3px 0;
  text-align: center;
}

.gallery {
  letter-spacing: normal;
}

.s-content {
  position: relative;
  z-index: 1;   
}

#todays-events{
  position: relative;
  z-index: 11;    
}

#upcoming-events{
  position: relative;
  z-index: 10;    
}

img.wp-post-image 
{
    margin:0px;
}

ul#comments-list li
{
    list-style-image: none;
    background:none;
    list-style-type:none;
    
}

div.s-footer div.s-content-layout
{
    margin:0 auto;
    width:100%;
}

div.s-layout-cell-size1 
{
    width:100%;
}

div.s-layout-cell-size2 
{
    width:50%;
}
div.s-layout-cell-size3 
{
    width:33%;
}

div.s-layout-cell-size4
{
    width:25%;
}

.s-widget-title
{
    padding:0 0 0 24px;
    margin-bottom:0;
}

div.s-center-wrapper
{
  position: relative;
  float: right;
  right: 50%;

}

div.s-center-inner
{
  position: relative;
  float: left;
  left: 50%;
}

.firefox2 div.s-center-inner
{
  float: none;
}

.s-hmenu-extra1, .s-hmenu-extra2 {
 font-size:12px;
}

div.breadcrumbs h4, 
div.breadcrumbs p, 
li.pingback p, 
#respond p,
h3#reply-title, 
h4#comments, 
h4.box-title
{
    margin:0;
}

#respond .comment-notes {
	margin-bottom: 1em;
}

.form-allowed-tags {
	line-height: 1em;
}

#comments-list #respond {
	/*margin-left: NaNpx !important; TODO NodeJS*/
}

#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

#respond .required {
	color: #ff4b33;
	font-weight: bold;
}

#respond label {
	font-size: 12px;
}

#respond input {
	margin: 0 0 9px;
	width: 98%;
}

#respond textarea {
	width: 98%;
}

#respond .form-allowed-tags {
	font-size: 12px;
	line-height: 18px;
}

#respond .form-allowed-tags code {
	font-size: 11px;
}

#respond .form-submit {
	margin: 12px 0;
}

#respond .form-submit input {
	width: auto;
}

.s-footer .s-widget-title 
{
    font-size:1.2em;
    padding: 0;
}

.s-footer .s-widget,
.s-footer .s-widget a,
.s-footer .s-widget a:link,
.s-footer .s-widget a:visited,
.s-footer .s-widget a:hover
{
    text-align: left;
}

DIV[id^="GMPmap"] IMG 
{
    margin: 0px;
}

/* Begin Additional CSS Styles */
.slideitem{
    background-size: cover;
    background-position: 50% 50%;
}
.row{
    width: 100%!important;
    clear: both;
    float: none;
    position: fixed;
    background-color: #232323;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}
.innercontent {
    max-width: 940px;
    margin: 0 auto;
    display: table;
    width: 100%;
}
.BlackText .innercontent{
    width: 100%;
}
.thecont{
    margin: 100px 0;
    max-width: 940px;
    width: 100%;
    position: relative;
    display: table;
    box-sizing: border-box;
}
.fixed .thecont{
    margin: 0px;
    padding: 40px;
}
.owl-controls {
top:0px!important;
margin-top: 0px!Important;
}
.owl-prev{
    background-image: url("images/prev.png")!important;
    background-position: 0!important;
    background-color: transparent!important;
    background-size: 100% 100%!important;
    width: 50px!important;
    height: 50px!important;
    position: absolute;
    left: 20px!important;
    opacity: 1!Important;
    border-radius: 0px!Important;
    padding:0px!Important;
}
.owl-next{
    background-image: url("images/next.png")!important;
    background-position: 0!important;
    background-color: transparent!important;
    background-size: 100% 100%!important;
    width: 50px!important;
    height: 50px!important;
    position: absolute;
    right: 20px!important;
    opacity: 1!Important;
    border-radius: 0px!Important;
    padding:0px!Important;
}
.owl-buttons{
    display: block!Important;
    position: absolute!important;
    bottom: 55%!important;
    width: 100%!important;
}
.owl-theme .owl-controls {
text-align: center!important;
width: 100%!important;
height: 100%!important;
}
.owl-pagination {
position: absolute;
bottom: 10px;
width: 100%;
}
.textbox{
    background-color: rgba(0,0,0,.46);
    width: 35%;
    position: absolute;
}
.textbox-inner{
    padding: 40px;
    font-size: 16px;
}
.textbox-inner h2{
    font-size: 30px;
}
.textbox-inner .linken,.textbox-inner p{
    margin-top: 20px;
    font-weight: bold!important;
}
.textbox-inner p{
    line-height: 150%;
}
.textbox-inner a{
    font-size: 27px!important;
        font-family: 'Lato', sans-serif!Important;
        font-weight: bold!important;
    color:#ffffff;
    text-decoration: none;
}
.textbox-inner a:hover{
    color:#ff3131;
}
.textboxe{
    width:100%;
    max-width: 940px;
    margin: 0 auto;
    position:  relative;
}
article{
    background-color: #111017!important;
}

.leftside {
text-align: right!important;
float: left;
width: 30%;
}
.leftside ul{
    margin: 0px!important;
        padding:0px!important;
}
.leftside ul li{
    margin: 0px!Important;
    padding: 0px!important;
    margin-bottom: 20px!important;
}
.leftside ul li:before{
    content: none!important;
}
.leftside .topheader{
    margin-bottom: 20px!important;
}
.leftside .topheader, .leftside .s-postheader a{
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    text-decoration: none!important;
    color: #ffffff;
}
.s-preamble{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color:#ffffff!important;
    line-height: 100%; 
}
.leftside .s-postheader{
    font-size: 16px!important;
    line-height: 100%;
    
    
}

.leftside .s-postfootericons{
    text-align: right!important;
}
.leftside .s-postdateicon span{
    font-size: 16px;
    font-weight: bold;
    text-align: right!important;
}
.blogs {
float: left;
width: 70%;
clear: right;
position: relative;
}
.blogs .thecont{
    margin: 0px;
    margin-top: -20px;
}
div#rightsidecont {
padding-left: 40px;
}
.theitems{
    max-width: 570px;
}
.theitems .pitem{
    float: left;
    margin: 2px;
    position: relative;
}
.theportfolio .thecont{
    width: 350px!Important;
    float: left;
}
.portfoio{
    width: 570px;
    float: right;
    margin: 80px 0;
    margin: 52px 0px 80px 0;
}
.round{
    width: 30px;
    height: 30px;
    line-height: 26px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    display: block!important;
    text-align: center;
    bottom: 10px;
    right: 10px;
    font-weight: bold;
    color:#fff;
    font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-size: 28px;
    cursor: pointer;
}
.round:hover{
    background-color: rgba(0,0,0,.8);
    cursor: pointer;
}
.pitem:hover .round{
    background-color: rgba(0,0,0,.8);
}
.controls {
text-align: right;
clear: both;
float: none;
height: auto;
font-size: 30px;
font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
width: 100%;
display:  inline-block;
}
.lefta {
width: 40px;
height: 40px;
float: right;
clear: left;
background-image: url("images/prev.png")!important;
    background-position: 0!important;
    background-color: transparent!important;
    background-size: 100% 100%!important;
    cursor: pointer!important;
z-index: 9;
}
.righta {
width: 40px;
height: 40px;
float: right;
clear: right;
background-image: url("images/next.png")!important;
    background-position: 0!important;
    background-color: transparent!important;
    background-size: 100% 100%!important;
    cursor: pointer!important;
z-index: 9;
}
.righta:hover,.lefta:hover{
    opacity: 0.9;
}
.number {
width: 45px;
float: right;
}
.theportfolio .s-preamble{
    font-size: 16px;
    line-height: 120%;
}
.theportfolio .s-postcontent{
    font-size: 16px!important;
    line-height: 120%;
    font-weight: bold;
}
.pitem img{
    width: 186px!important;
}
.theportfolio .innercontent{
    width: 100%!important;
}
@media (max-width:940px){
    .BlackText .innercontent{
    width: auto!important;
}
    .theportfolio .innercontent{
        width: auto!important;
    }
    .s-shapes img{
        max-height: 90px!Important;
        margin-left: 5px;
    }
    .thecont{
        margin: 25px 0;
    }
    .portfoio{
        width: 100%!Important;
        margin: 0px 0px 25px 0;
    }
    .theitems {
        max-width: 100%;
    }
    .theitems .pitem{
        width: 23%!Important;
        margin: 1%!Important;
    }
    .theitems .pitem img{
                         width: 100%!important;
    }
    .theportfolio .thecont{
        width: 100%!important;
    }
    .blogs .thecont{
        margin-top: 0px!Important;
    }
    .blogitem .innercontent{
        display: block!Important;
    }
    div#leftside {
margin-top: 5px;
}
.s-shapes{
    left:0px;
}
.textbox{
        top:0px!important;
        width: 100%;
    }
    .textbox-inner{
        padding: 10px;
        font-weight: bold!important;
    }
    .textbox-inner .linken, .textbox-inner p{
        margin-top: 10px;
        font-weight: bold!important;
    }
    .linken a{
        font-size: 30px!important;
        font-family: 'Lato', sans-serif!Important;
        font-weight: bold!important;
    }
    .s-postheader, h1,.s-postcontent h1{
        font-size: 30px;
    }
    .s-preamble{
        font-size: 16px;
    }
    .s-postcontent, .s-postcontent li, .s-postcontent table,
    .s-postcontent a,
    .s-postcontent a:link,
    .s-postcontent a:visited,
    .s-postcontent a.visited,
    .s-postcontent a:hover,
    .s-postcontent a.hovered{
        font-size: 16px;
    }
    .innercontent{
        padding: 0px 10px;
    }
    .blogtemplate .innercontent{
        padding: 0px!important;
    }
    div#rightsidecont{
        padding-left: 0px;
    }
    .blogs{
        width: 60%;
    }
    .leftside{
        width: 40%;
    }
    .rightsidecont .innercontent{
        padding: 0px;
    }
    .blogitem{
        padding: 10px;
        padding-top: 0px; 
    }
}
@media (max-width:380px){
    .s-shapes{
        text-align: left!important;
    }
}
article.blogitem{
    background-color: transparent!important;
}
.BlackText{
    background-color: #fffff1!important;
}
.BlackText,.BlackText a,.BlackText p, .BlackText table,.BlackText span, .BlackText ul, .BlackText li, .BlackText input{
    color:#362f2d!important;
}
.owl-theme .owl-controls .owl-page span{
    background-color: #ff3131!important;
}
/* End Additional CSS Styles */
@media (max-width:767px){
    .row{
        position: relative!important;
        margin-top: 0px!Important;
        top:0px!important;
    }
    .slideitem {
        background-size: cover!important;
        background-repeat: no-repeat!important;
        height: 250px!important;
      }
      .textboxe{
          display: none!Important;
      }
      .slideitem,.row{
          background-position: center center!Important;
      }
}
@media (max-width:480px){

    .slideitem {
        height: 150px!important;
      }
}
.overlay.parallax {
    background-color: rgba(0,0,0,0.65);
/*    background-image: url("http://compactlivingstore.com/wp-content/themes/grafikfabriken/images/parallax.png");*/
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
}


.s-postcontent a.btn {
    padding: 5px 10px;
    border-radius: 3px;
    text-align: center;
    color: #fff!important;
    background-color: #ff3131!important;
    margin-top: 5px;
    font-size: 16px;
    display: inline-block;
}

.s-postcontent a.btn:hover {
    color:#111!important;
}
.movie,.map,video{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%!important;
    overflow: hidden;
}
.google_map{
    width: 100%;
    height: 100%;
    position: relative;
}
.relativepos{
    position: relative;
    width: 100%;
    height: 100%;
}
.Contact .innercontent .thecont{
    background-color: #eee;
    text-align: left!important;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}
.Contact .innercontent .thecont h1, .Contact .innercontent .thecont .s-postcontent *{
    text-align: left!important;
    color:#111;
    text-shadow: none!important;
}
.Contact .innercontent .thecont .s-postcontent.clearfix,
.Contact .innercontent .thecont .contactform {
    width: 50%;
    float: left;
    clear: left;
}
.Contact .innercontent .thecont .contactform {
    clear: right!important;
    margin-top: 20px;
}
.Contact .innercontent .thecont .contactform p{
    margin-bottom: 10px;
    color:#111!important;
}
.Contact .innercontent .thecont .contactform input[type="text"],
.Contact .innercontent .thecont .contactform input[type="email"],
.Contact .innercontent .thecont .contactform textarea {
    color: #111!important;
    padding-left: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    margin-top: 5px;
}
.Contact .innercontent .thecont .contactform input[type="submit"]{
    color:#fff;
    background-color: #ff3131;
    padding: 5px 10px;
    border-radius: 3px;
    border: none;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.Contact .innercontent .thecont a:hover,.Contact .innercontent .thecont a:hover i{
    color:#ff3131!important;
}
@media (max-width: 940px){
    .Contact .innercontent{
        padding: 0px!important;
    }
.Contact .innercontent .thecont {
    margin: 5%!important;
    left: auto!important;
    width: 90%!Important;
    position: relative!important;
    top: auto!important;
}
}
@media (max-width: 768px){
    .Contact .innercontent .thecont .s-postcontent.clearfix, .Contact .innercontent .thecont .contactform{
        float: none!important;
        clear: both!important;
        width: 100%!important;
    }
    .Contact .innercontent .thecont {
        padding: 10px!important;
    }
    .s-postcontent,
.s-postcontent li,
.s-postcontent table,
.s-postcontent a,
.s-postcontent a:link,
.s-postcontent a:visited,
.s-postcontent a.visited,
.s-postcontent a:hover,
.s-postcontent a.hovered,
input,
div.wpcf7-response-output,
span.wpcf7-not-valid-tip{
    font-size: 14px!important;
}
}

div.wpcf7-response-output {
    margin: 0!important;
    padding: 5px;
    color: #111;
    max-width: 100%;
    float: left;
}
span.wpcf7-not-valid-tip {
    margin-top: 10px;
}

/** Fakefooter **/
.fakefooter{
    bottom: 0px!Important;
    top: auto!important;
    background-color: #ff3131!important;
    
}
.fakefooter .thecont{
    margin: 10px 0px;
    color:#fff!important;
}
.red{
    color:#ff3131!important;
    margin-right: 5px;
}
.red.fa-phone{
    margin-right: 5px;
}
.ll{
    float: left;
    clear: left;
    width: 45%;
    display: block;
}
.rr{
    float: right;
    clear: right;
    width: 45%;
    display: block;
}
.ll h2,.rr h2 {
    color: #fff;
    margin: 0px;
    font-size: 24px!important;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: 1px 1px #000;
    text-align: center;
}
@media(max-width:768px){
    .ll,.rr{
        width: 100%;
        clear: both;
        float: none;
    }
}




/* Bacon */
.one-third{
   width: 33%;
   clear:both;
}

.well{
   padding: 0 50px;
   box-sizing: border-box;
   float: left;
   display: table;
}
.well a{
   display: table-cell;
   padding-right: 15px;
}
.well img{
   display: block;
}

.well .fa{
   font-size:20px;
   color:#FF3131;
}

.product_meta .posted_in a{
   color:#FF3131;
}


.image-list{
   padding: 0px 15px;
   box-sizing: border-box;
}
.image-list a{
    color:#000!important;
}
.image-list img {
    /* max-width: 16%; */
    height: auto;
    display: inline-block!important;
    cursor: pointer;
    /* margin-right: 20px; */
    margin-top: 20px;
    /* min-height: 40px; */
    width: 100%!important;
    padding: 0 15px;
    box-sizing: border-box;
}

.image-list img:nth-child(5n + 5){
    margin-right: 0px;
}

.woocommerce #s-main{
   background-color: #000;
}

.woocommerce .s-button{
   font-size: 16px!important;
}

.woocommerce .container{
   padding: 50px 10% 100px 10%;
}


@media screen and (min-width:1500px){
   .woocommerce .container{
      padding: 50px 15% 100px 15%;
   }
}

.woocommerce.single-product .container{
    padding-bottom: 50px!important;
}

.woocommerce-tabs{
   padding: 0 50px;
   box-sizing: border-box;
   width: 48%;
   display: inline-block;
}
@media screen and (max-width: 768px){
   .woocommerce-tabs{
      padding: 0;
      float: left;
   }
}
.woocommerce-tabs ul{
   display: none;
}

.related.products{
   float: left;
   width: 100%;
   clear: both;
   float: none;
   margin-top: 60px;
}
@media (max-width:768px){
    .related.products{
        margin-top: 20px;
    }
}

ul.tabs li:before,
ul.tabs li:after{
   display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
   border:none;
   display: block;
   background-color: transparent;
   color:white;
}

.woocommerce .images #current{
   background-color: #fff;
}

@media screen and (max-width: 768px){
   .woocommerce .container{
      padding: 50px 15px;
   }  
   .woocommerce div.product div.images .image-list img{
      width: 20%;
   }
}

.full-categories{
   width: 100%;
   padding: 20px!important;
   background-color: #FF3131;
   box-sizing: border-box;
}

.full-categories ul{
   text-align: center;
}
.full-categories li{
   width: 100px;
   display: inline-block;
   padding: 0 5px;
}
.full-categories li a{
   text-decoration: none;
}
@media (max-width:968px){
    .full-categories{
        padding-bottom: 0px!important;
    }
.full-categories li{
   margin-bottom: 15px;
}    
}
.woocommerce div.product form.cart div.quantity{
   margin-top: 7px;
}
.woocommerce.single-product .cart button,
.button-red{
   border:none;
   outline:none;
   height: 40px;
   padding: 0px 10px;
   border-radius: 3px;
   text-align: center;
   color: #fff!important;
   background-color: #ff3131!important;
   margin-top: 5px;
   font-size: 16px;
   display: inline-block;
   width: 100%;
}

.button-red{
   margin-bottom: 1em;
   margin-top: 1em;
}
.button-red:hover{
   cursor: pointer;
}
.contact-us{
   margin-top: 15px;
}
#contact-form{
   display: none;
}


.woocommerce.single-product ul.products li.product{
   width: 16.96%;
}
@media screen and (max-width: 768px){
   .woocommerce.single-product ul.products li.product{
      width: 48%;
   }
}
.woocommerce.single-product ul.products li.product a{
   color:white;
}
.woocommerce.single-product ul.products li.product a.button{
   display: none;
}
.woocommerce.single-product ul.products li.product{
    margin-bottom: 0px!important;
}

.full-categories li a,
.archive.woocommerce .products a,
.woocommerce-pagination a{
   color:white;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
   background-color: #FF3131;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
   background-color: #C30F40;
}
.woocommerce .widget_price_filter .price_slider_amount .button{
   background-color: #fff;
}

.woocommerce div.product div.images, .woocommerce div.product div.summary{
   margin-bottom: 1em;
}

/* Master-slider */
.ms-inner-controls-cont, .ms-container{
   position: static;
}

.ms-slide-info{
   position: absolute!important;
   top: 30%;
   left:0;
}

.ms-info{
   text-align: center;
   color:#FF3131;
   font-size:35px;
   font-family: 'Open Sans';
   font-weight: bold;   
}
@media (max-width:480px){
    .ms-info{
        font-size: 18px;
    }
}

/* Single product */

.single-product input[type="text"],
.single-product input[type="password"],
.single-product input[type="email"],
.single-product input[type="url"],
.single-product textarea {
	color: #ff3131!important;
	padding: 10px;
}

.single-product input[type="submit"] {
	border: none!important;
	outline: none!important;
	height: 40px!important;
	padding: 0px 10px!important;
	border-radius: 3px!important;
	text-align: center!important;
	color: #fff!important;
	background-color: #ff3131!important;
	margin-top: 1em!important;
	cursor: poniter!important;
	font-size: 16px!important;
	display: inline-block!important;
}

.posted_in {
    display: none;
}

.single-product p {
	font-size: 16px;
	font-family: "Lato", Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-weight: normal;
	font-style: normal;
}

.fa-ul li a {
	color: #fff;
	text-decoration: none;
}

.fa-ul li {
	margin-bottom: 10px;
}

.single-product #s-main,
.page-template-custom-template-php #s-main{
    background: #fff!important;
    color: #000!important;
}
.single-product #s-main a,
.normal-page a{
    color:#000!important;
}

.single-product #s-main a:hover,
.normal-page a:hover{
    color:#ff0000!important;
}
.normal-page label, .normal-page ul li{
    color:#000;
}

.normal-page h1,
.normal-page h2,
.normal-page h3,
.normal-page h4,
.normal-page h5{
    color:#000;
    text-shadow:none!important;
    margin-bottom: 20px;
}
.normal-page h1.s-postheader{
    margin: 30px auto;
    margin-bottom: 40px;
}
.normal-page h2{
    font-size: 28px;
}
.normal-page input[type="text"],
.normal-page input[type="email"],
.normal-page input[type="tel"],
.normal-page input[type="url"],
.normal-page input[type="password"],
.normal-page textarea{
    color:#000!important;
    box-shadow: none!important;
    padding: 10px;
    color:#ff0000;
    font-size: 16px;
    box-sizing: border-box;
    border: 1px solid #F9FAFB!important;
    background-color: #F9FAFB;
}
.normal-page .woocommerce-validated input{
    border: 1px solid #006505!important;
}
.normal-page input[type="submit"],.normal-page .s-button,.normal-page .sbutton{
    height: auto!important;
    line-height: 1!important;
}
.normal-page .innercontent{
    box-sizing: border-box;
}
.normal-page .thecont{
    margin: 20px 0;
    text-align: left!important;
}
.normal-page .s-postcontent,
.normal-page .s-postcontent p{
    text-align: left!important;
}
.normal-page .thecont .cart_totals a.checkout-button,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    color:#fff!important;
    background-color: #FF0000!important;
    font-weight: 700!important;
}
.normal-page .thecont .cart_totals a.checkout-button:hover{
    background-color: #000!important;
}
.normal-page .lc{
    float: left;
    width: 49%;
    clear: left;
    box-sizing: border-box;
}
.normal-page .rc{
    float: right;
    width: 49%;
    clear: right;
    box-sizing: border-box;
}
.normal-page .rc img,
.normal-page .lc img{
    width: 100%!important;
    height: auto!important;
    max-width: 940px!important;
}

.normal-page h3, .lc h3, .rc h3 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
}

.normal-page .lc .s-button,
.normal-page .rc .s-button,
.normal-page .sbutton{
    color:#fff!important;
    border-radius: 4px;
    font-size: 16px!important;
    line-height: 200%!important;
}
.normal-page .sbutton{
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
.normal-page .sbutton:hover{
    background-color: #000!important;
}

.woocommerce a.remove{
    line-height: 14px!important;
}

.single-product #s-main .right-content{
    float: right;
    width: 37%;
}
.single-product #content div.product div.summary, 
.single-product div.product div.summary, 
.single-product #content div.product div.summary, 
.single-product div.product div.summary,
.single-product .woocommerce-tabs,
.single-product .well{
    width: 100%!Important;
    float: none;
    clear: both;
    padding: 0px;
    margin-bottom: 0px;
}
.single-product div.product .woocommerce-tabs .panel{
    margin-bottom: 20px;
}

.single-product div.product div.images {
    width: 59%!important;
    margin: 0px!important;
    padding-right: 5px;
    box-sizing: border-box;
}

.single-product div.product .product_title{
    font-weight: 500;
}
.single-product div.product p.price, .single-product div.product span.price{
    font-weight: 700;
}

.single-product ul.products li.product{
    
}

.woocommerce.single-product div.product form.cart, .woocommerce.single-product div.product p.cart{
    margin-top: 20px;
}
.woocommerce.single-product div.product form.cart div.quantity{
    margin-top: 0px;
    width: 20%;
    box-sizing: border-box;
    margin: 0px!important;
    
}
.woocommerce.single-product .quantity .qty{
    padding: 9px 0px;
    
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
}
.woocommerce.single-product .single_add_to_cart_button{
    width: 79%!important;
    margin: 0px!important;
    margin-left: 1%!important;
    box-sizing: border-box;
}

.woocommerce .fakefooter,.page-template-custom-template-php .fakefooter{
    position: relative;
}
ul.ul-buttons li a{
    border: 1px solid #c7c7c9;
    font-weight: 500;
    color:#c7c7c9!important;
    width: 100%;
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 15px 0px;
    box-sizing: border-box;
    margin-top: 20px;
    text-transform: uppercase!important;
}
ul.ul-buttons li:first-child a{
    margin-top: 0px;
}
ul.ul-buttons li a:hover{
    color:#ff0000!important;
    border-color: #ff0000!important;
}

/**WC TABS HEADING**/
.wc-tab h2,.sharer h2{
    text-transform: uppercase;
    border-bottom: 1px solid #ff0000;
    font-size: 15px!important;
    margin-bottom: 7px;
}
.wc-tab p{
    font-size: 13px;
    font-weight: 300;
    line-height: 175%!important;
}
.sharer{
    margin-top: 20px;
}
.sharer .left,.sharer .right{
    float: left;
    width: 50%;
}
.sharer .right{
    text-align: right;
    font-size: 13px!important;
}
.sharer .right span i{   
    margin-right: 10px;
    font-size: 18px!important;
    color:#ff0000!important;
    cursor: pointer!important;
               }
               .sharer .right span:hover i{
                   color:#000!important;
               }
.sharer a,.sharer a i{
    color:#ff0000;
    text-decoration: none;
    font-size: 13px!important;
    font-weight: 300!important;
    
}
.sharer a:hover i{
    color:#000!important;
}
.sharer a i{
    margin-right: 10px;
    font-size: 18px!important;
}
.related.products h2{
    color:#c7c7c9;
    margin-bottom: 15px;
    font-weight: 500;
}

@media (max-width:768px){
    .single-product .right-content,
    .single-product div.product div.images{
        width: 100%!important;
        float: none!important;
    }
    .single-product div.product div.images{
        margin-bottom: 20px!important;
    }
}
.woocommerce .woocommerce-message .s-button{
    height: auto!important;
    line-height: 1!important;
}
.single-product div#contact-form {
    margin-bottom: 20px;
}
.single-product .owl-buttons{
    bottom: 64%!important;
}
.single-product .owl-theme .owl-controls .owl-buttons div{
    color:#000;
    background: none!Important;
    font-size: 26px;
    width: auto!important;
    height: auto!important;
    padding: 0px!important;
    margin: 0px;
}
.single-product .owl-theme .owl-controls .owl-buttons div.owl-next{
    right: 15px!important;
}
.single-product .owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: -15px!important;
}

.share_email{
    box-sizing: border-box;
    width: 100%;
    display: table;
    margin: 15px 0px;
    border-bottom: 1px solid #ff0000;
    padding-bottom: 15px;
}
.share_email input{
    box-sizing: border-box;
    margin-bottom: 15px;
    box-shadow: none;
    
}
 #contact-form input{
    box-sizing: border-box;
    box-shadow: none;
    
}
.share_email *:focus, #contact-form *:focus{
    border-color: inherit;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  outline: 0!important;
    
}
.share_email input[type="submit"],#contact-form input[type="submit"]{
    margin-bottom: 0px;
    margin-top: -20px!important;
}
#contact-form input[type="submit"]{
    margin-bottom: 0px;
    margin-top: -5px!important;
}
.share_email span.wpcf7-not-valid-tip {
    margin-top: -10px;
    margin-bottom: 15px;
}
.share_email div.wpcf7-response-output {
    margin: 0!important;
    padding: 5px;
    color: #111;
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin-top: 15px!important;
}

@media (max-width:768px){
    .fixed .thecont{
        position: relative!important;
        top:auto!important;
    }
}


.gf_parallax{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin: 80px 0px;
    clear: both;
    float: none;
    
}
.gf_parallax .text{
    text-align: center;
    max-width: 940px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    font-weight: bold;
    font-size: 34px;
    color:#fff;
    line-height: 150%;
}
.gf_parallax .text span,.count,.count-p{
    color:red;
}
.gf_parallax .pbg{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
}
.text-center,.normal-page p.text-center{
    text-align: center!important;
}

.randproducts{
    width: 100%;
    box-sizing: border-box;
    margin-top: 40px;
}
.randproducts ul{
    list-style: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.randproducts ul li{
    float: left;
    width: 25%;
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    position: relative;
    display: inline-block;
}
@media(max-width:768px){
.randproducts ul li{
    width: 50%;
}    
}
.randproducts ul li img{
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    max-width: 600px!important
}



.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 100%;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}
.page-id-1134 .clear {
    margin-top: 15px;
    clear: both;
    width: 100%;
    display: inline-block;
    float: none;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
        background-color: red;
        color:#fff!important;
        text-align: center;
        box-sizing: border-box;
        padding: 10px;
        font-weight: bold;
        font-size: 18px;
}
.back a {
    color: #fff!important;
    text-decoration: none;
    padding: 10px;
    line-height: 100%;
    display: block;
}
.back a:hover {
    color:#000!important;
}
.flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {
	transform: rotateY(180deg);
}

ul.s-hmenu > li > ul{
    top: 35px;
    padding: 10px;
    min-width: 150px;
    border-top:10px solid #fff;
    left: 15px;
}

ul.s-hmenu > li:hover > ul,
ul.s-hmenu > li > ul:hover,
ul.s-hmenu > li.open ul{
    display: block;
    width: 100%;
    list-style: none;
    position: absolute;
    background-color: #eee;
    
    text-align: left;
}
ul.s-hmenu > li:hover > ul > li{
    float: none;
}
.responsive .s-nav ul.s-hmenu >li:hover > ul{
    display: block!important;
    border-top: 0px;
}
.responsive .s-nav ul.s-hmenu>li>ul{
    position: relative;
    padding: 0px!important;
    border: none!important;
    left: 0px;
}
.responsive .s-nav ul.s-hmenu>li>ul>li>a,
.responsive .s-nav ul.s-hmenu>li>ul>li{
    text-align: left!important;
    padding-left: 10px;
}
div.wpcf7 img.ajax-loader{
    width: auto!important;
    height: auto!important;
}
.subtit{
    border-bottom:  1px solid #cecece;
    width: 100%;
    padding-bottom: 15px;
    display: block;
    box-sizing: border-box;
    margin-bottom: 15px;
    margin-top: -12px;
}
.page-id-1011 .lc,.page-id-1011 .rc{
    width: 50%;
    background-color: #eee;
    padding: 7px 20px;
    box-sizing: border-box;
    min-height: 352px;
}
.page-id-1028 .lc,.page-id-1028 .rc{
    margin: 10px auto;
}
.insp.lc,.insp.rc{
    width: 50%;
    background-color: #eee;
    padding: 20px 20px;
    box-sizing: border-box;
    min-height: 352px;
}
body .nopadd{
    padding: 0px!important;
    line-height: 0px;
    
}
body .nopadd img{
    line-height: 0px;
    margin: 0px;
}

@media (max-width:768px){
    .normal-page .lc,
    .normal-page .rc{
        width: 100%;
        float: none;
        min-height: 0px;
    }
    .insp.lc{
    float: right;    
    padding: 17px 10px;
    }
    .insp.rc{
        float: left;
        padding: 17px 10px;
    }
}
.yt {
    margin-top: 40px;
    clear: both;
    display: table;
    width: 100%;
    float: left;
}
.gf_gmap{
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 30px;
}
.clearde{
    width: 100%;
    clear: both;
    display: inline-block;
    margin-top: 20px;
}
ul.catalogs{
    width: 100%;
    clear: both;
    list-style: none;
    display: inline-block;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
}
ul.catalogs li{
    float: left!important;
    width: 33%;
    padding: 40px 20px;
    box-sizing: border-box;
    text-align: center;
    margin: 0px;
    padding: 0px;
    float: right;
    clear: none!important;
    display: inline-block;
    position: relative;
}
ul.catalogs li img{
    margin-bottom: 20px;
}
ul.catalogs li a.sbutton{
    text-decoration: none;
    margin-top: 20px;
    display: table;
}
ul.catalogs li:nth-child(3n+2){
    clear: left;
}
ul.catalogs li:before{
    content: none!important;
}
.page-id-881 .thecont p{
    text-align: center!important;
}

.f-left,.f-right,.f-center{
    width: 25%;
    box-sizing: border-box;
    float: left;
    display: inline-block;
    padding: 0 20px;
    font-size: 14px!Important;
}
.f-left p,
.f-right p,
.f-center p{
    font-size: 14px!important;
}
@media(max-width:768px){
    .fakefooter .innercontent{
        padding: 0px!important;
    }
    .f-left,.f-right,.f-center{
        width: 100%;
    }
}
.fakefooter .s-postcontent p{
    text-align: left;
    
}
.fakefooter .s-postcontent > p{
    padding-left: 20px;
}

.fakefooter .s-postcontent a:hover{
    color:#000;
}
ul#menu-sidfotsmeny {
    text-align: left;
    list-style: none!important;
    padding-left: 0px;
    margin: 20px 0px;
}
ul#menu-sidfotsmeny li{
    padding: 0px;
}
ul#menu-sidfotsmeny li:before{
    content: none;
}
.fakefooter .s-postcontent h2{
    color:#fff!Important;
    font-size: 18px;
    text-align: left;
    width: 100%;
    border-bottom: 2px solid #000;
    padding-bottom: 15px;
}

#cookie-law-info-again {
    color: #666!important;
    border-color: #eee!important;
    border-radius: 3px 3px 0px 0px;
}

.sharer a i.fa-facebook-square{
    color:#3b5998;
}
.sharer a i.fa-twitter-square{
    color:#4099FF;
}
.sharer a i.fa-google-plus-square{
    color:#dd4b39;
}
.single-product .fakefooter .top-content #menu-sidfotsmeny li a,
.fakefooter .s-postcontent a,
.single-product #s-main .fakefooter .top-content .f-right a,
.fakefooter .s-postcontent a:visited,
.fakefooter .s-postcontent a:active{
    font-size: 14px!Important;
    color:#fff!important;
    cursor: pointer;
}
.single-product .fakefooter .top-content #menu-sidfotsmeny li a:hover,
.fakefooter .s-postcontent a:hover,
.single-product #s-main .fakefooter .top-content .f-right a:hover{
    color:#000!important;
}
.wpcf7-form .left-content{
    margin-top: 15px;
    margin-bottom: 0px;
    clear: both;
    float: left;
    width: 100%;
}