/*

Theme Name: KPMV_WP

Theme URI: 

Description: KPMV

Version: 1.0

Author: Small Fry Limited

Author URI: 

Tags: fluid-layout, responsive-layout, valid HTML5, widgets

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/



/* Created by Artisteer v4.2.0.60623 */



#art-main

{

   background: #FFFFFF;

   margin:0 auto;

   font-size: 13px;

   font-family: 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.art-hmenu, ul.menu

{

   font-size: 13px;

   font-family: 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. 

 */

.art-button

{

   border: 0;

   border-collapse: separate;

   -webkit-background-origin: border !important;

   -moz-background-origin: border !important;

   background-origin: border-box !important;

   background: #A1ADBA;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   border-width: 0;

   padding:0 21px;

   margin:0 auto;

   height:24px;

}



.art-postcontent,

.art-postheadericons,

.art-postfootericons,

.art-blockcontent,

ul.art-vmenu a 

{

   text-align: left;

}



.art-postcontent,

.art-postcontent li,

.art-postcontent table,

.art-postcontent a,

.art-postcontent a:link,

.art-postcontent a:visited,

.art-postcontent a.visited,

.art-postcontent a:hover,

.art-postcontent a.hovered

{

   font-size: 18px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 175%;



}



.art-postcontent p

{

   margin: 13px 0;

}



.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,

.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,

.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,

.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,

.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,

.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,

.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,

.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,

.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,

.art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,

.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover

{

   font-size: 22px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   line-height: 120%;

}



.art-postcontent a, .art-postcontent a:link

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #df3a38;

}



.art-postcontent a:visited, .art-postcontent a.visited

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #df3a38;

}



.art-postcontent  a:hover, .art-postcontent a.hover

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: underline;

   color: #A3B4C8;

}



.art-postcontent h1

{

   color: #000000;

   margin: 10px 0 0;

   font-size: 24px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-align: center;

}



.art-blockcontent h1

{

   margin: 10px 0 0;

   font-size: 24px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-align: center;

}



.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited 

{

   font-size: 24px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-align: center;

}



.art-postcontent h2

{

   color: #000000;

   margin: 10px 0 0;

   font-size: 22px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-align: center;

}



.art-blockcontent h2

{

   margin: 10px 0 0;

   font-size: 22px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-align: center;

}



.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited 

{

   font-size: 22px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-align: center;

}



.art-postcontent h3

{

   color: #df3a38;

   margin: 10px 0 0;

   font-size: 20px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-blockcontent h3

{

   margin: 10px 0 0;

   font-size: 20px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited 

{

   font-size: 20px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h4

{

   color: #000000;

   margin: 10px 0 0;

   font-size: 18px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   
   padding: 0.2em 1.8em;

}



.art-blockcontent h4

{

   margin: 10px 0 0;

   font-size: 18px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited 

{

   font-size: 18px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h5

{

   color: #4E6883;

   margin: 10px 0 0;

   font-size: 15px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-blockcontent h5

{

   margin: 10px 0 0;

   font-size: 15px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 

{

   font-size: 15px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h6

{

   color: #A6B7C9;

   margin: 10px 0 0;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-blockcontent h6

{

   margin: 10px 0 0;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 

{

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .menu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before

{

   -webkit-background-origin: border !important;

   -moz-background-origin: border !important;

   background-origin: border-box !important;

}



header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-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: 700px;

   color: #000000;

}



.art-header:before, #art-header-bg:before, .art-layout-cell:before, .art-layout-wrapper:before, .art-footer:before, .art-nav:before, #art-hmenu-bg:before, .art-sheet:before

{

   width: 100%;

   content: " ";

   display: table;

}

.art-header:after, #art-header-bg:after, .art-layout-cell:after, .art-layout-wrapper:after, .art-footer:after, .art-nav:after, #art-hmenu-bg:after, .art-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, .art-postcontent li h1, .art-blockcontent li h1 

{

   margin:1px;

} 

li h2, .art-postcontent li h2, .art-blockcontent li h2 

{

   margin:1px;

} 

li h3, .art-postcontent li h3, .art-blockcontent li h3 

{

   margin:1px;

} 

li h4, .art-postcontent li h4, .art-blockcontent li h4 

{

   margin:1px;

} 

li h5, .art-postcontent li h5, .art-blockcontent li h5 

{

   margin:1px;

} 

li h6, .art-postcontent li h6, .art-blockcontent li h6 

{

   margin:1px;

} 

li p, .art-postcontent li p, .art-blockcontent li p 

{

   margin:1px;

}




.art-slider-inner {

   position: relative;

   overflow: hidden;

   width: 100%;

   height: 100%;

}



.art-slidenavigator > a {

   display: inline-block;

   vertical-align: middle;

   outline-style: none;

   font-size: 1px;

}



.art-slidenavigator > a:last-child {

   margin-right: 0 !important;

}



#art-hmenu-bg

{

   position: absolute;

   overflow: hidden;

   left: 0;

   margin: 0 auto;

   width: 100%;

   z-index: auto;

   border-radius: 0;

}



.art-sheet

{

   margin:0 auto;

   position:relative;

   cursor:auto;

   width: 100%;

   min-width: 700px;

   max-width: 1920px;

   z-index: auto !important;

}



.art-header

{

   margin:0 auto;

   background-repeat: no-repeat;

   height: 300px;

   background-image: url('images/header.png');

   background-position: center top;

   position: relative;

   z-index: auto !important;

}



.custom-responsive .art-header

{

   background-image: url('images/header.png');

   background-position: center top;

}



.default-responsive .art-header,

.default-responsive #art-header-bg

{

   background-image: url('images/header.png');

   background-position: center center;

   background-size: cover;

}



.art-header>.widget 

{

   position:absolute;

   z-index:101;

}



.art-nav

{

   margin:0 auto;

   position: relative;

   z-index: 499;

}

nav.art-nav {

   border-style: none;

   background: transparent;

}



ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover 

{

   outline: none;

   position: relative;

   z-index: 11;

}

ul.menu a, ul.menu a:link, ul.menu a:visited, ul.menu a:hover {

   outline: none;

   position: relative;

   z-index: 11;	

}



ul.art-hmenu, ul.art-hmenu ul, ul.menu, ul.menu ul

{

   display: block;

   margin: 0;

   padding: 0;

   border: 0;

   list-style-type: none;

}



ul.art-hmenu li, ul.menu li

{

   position: relative;

   z-index: 5;

   display: block;

   float: left;

   background: none;

   margin: 0;

   padding: 0;

   border: 0;

}



ul.art-hmenu li:hover

{

   z-index: 10000;

   white-space: normal;

}

ul.menu li:hover

{

   z-index: 10000;

   white-space: normal;

}

ul.art-hmenu:after, ul.art-hmenu ul:after

{

   content: ".";

   height: 0;

   display: block;

   visibility: hidden;

   overflow: hidden;

   clear: both;

}

ul.menu:after, ul.menu ul:after

{

   content: ".";

   height: 0;

   display: block;

   visibility: hidden;

   overflow: hidden;

   clear: both;

}

ul.art-hmenu, ul.art-hmenu ul, ul.menu, ul.menu ul  

{

   min-height: 0;

}



ul.art-hmenu, ul.menu 

{

   display: inline-block;

   vertical-align: bottom;

   padding-left: 0;

   padding-right: 0;

}



.art-nav-inner:before 

{

   content:' ';

}



.art-nav-inner{

   text-align: center;

   margin:0 auto;

}



.desktop .art-nav

{

   padding-left: 0;

   padding-right: 0;

}



.art-hmenu-extra1, .menu-extra1

{

   position: relative;

   display: block;

   float: left;

   width: auto;

   height: auto;

   background-position: center;

}



.art-hmenu-extra2, menu-extra2

{

   position: relative;

   display: block;

   float: right;

   width: auto;

   height: auto;

   background-position: center;

}



.art-menuitemcontainer

{

   margin:0 auto;

}

ul.art-hmenu>li {

   margin-left: 10px;

}

ul.menu>li {

   margin-left: 10px;

}

ul.art-hmenu>li:first-child {

   margin-left: 5px;

}

ul.menu>li:first-child {

   margin-left: 5px;

}

ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child {

   margin-right: 5px;

}

ul.menu>li:last-child, ul.menu>li.last-child {

   margin-right: 5px;

}

ul.art-hmenu>li>a

{

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   padding:0 17px;

   margin:0 auto;

   position: relative;

   display: block;

   height: 36px;

   cursor: pointer;

   text-decoration: none;

   color: #758799;

   line-height: 36px;

   text-align: center;

}

ul.menu>li>a

{

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   padding:0 17px;

   margin:0 auto;

   position: relative;

   display: block;

   height: 36px;

   cursor: pointer;

   text-decoration: none;

   color: #758799;

   line-height: 36px;

   text-align: center;

}

.art-hmenu>li>a, 

.art-hmenu>li>a:link, 

.art-hmenu>li>a:visited, 

.art-hmenu>li>a.active, 

.art-hmenu>li>a:hover

{

   font-size: 16px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   text-decoration: none;

   text-transform: uppercase;

   text-align: left;

}

.menu>li>a, 

.menu>li>a:link, 

.menu>li>a:visited, 

.menu>li>a.active, 

.menu>li>a:hover

{

   font-size: 16px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   text-decoration: none;

   text-transform: uppercase;

   text-align: left;

}



ul.art-hmenu>li>a.active

{

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   padding:0 17px;

   margin:0 auto;

   color: #df3a38;

   text-decoration: none;

}

ul.menu>li>a.active

{

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   padding:0 17px;

   margin:0 auto;

   color: #df3a38;

   text-decoration: none;

}

ul.art-hmenu>li>a:visited, 

ul.art-hmenu>li>a:hover, 

ul.art-hmenu>li:hover>a {

   text-decoration: none;

}

ul.menu>li>a:visited, 

ul.menu>li>a:hover, 

ul.menu>li:hover>a {

   text-decoration: none;

}

ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a

{

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   padding:0 17px;

   margin:0 auto;

}

ul.menu>li>a:hover, .desktop ul.menu>li:hover>a

{

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   padding:0 17px;

   margin:0 auto;

}

ul.art-hmenu>li>a:hover, 

.desktop ul.art-hmenu>li:hover>a {

   color: #A3B4C8;

   text-decoration: none;

}

ul.menu>li>a:hover, 

.desktop ul.menu>li:hover>a {

   color: #A3B4C8;

   text-decoration: none;

}

ul.art-hmenu li li a

{

   background: #B9C2CB;

   background: transparent;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   padding:0 10px;

   margin:0 auto;

}

ul.menu li li a

{

   background: #B9C2CB;

   background: transparent;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   padding:0 10px;

   margin:0 auto;

}

ul.art-hmenu li li 

{

   float: none;

   width: auto;

   margin-top: 1px;

   margin-bottom: 1px;

}

ul.menu li li 

{

   float: none;

   width: auto;

   margin-top: 1px;

   margin-bottom: 1px;

}

.desktop ul.art-hmenu li li ul>li:first-child 

{

   margin-top: 0;

}

.desktop ul.menu li li ul>li:first-child 

{

   margin-top: 0;

}

ul.art-hmenu li li ul>li:last-child 

{

   margin-bottom: 0;

}

ul.menu li li ul>li:last-child 

{

   margin-bottom: 0;

}



.art-hmenu ul a

{

   display: block;

   white-space: nowrap;

   height: 25px;

   min-width: 7em;

   border: 0 solid transparent;

   text-align: left;

   line-height: 25px;

   color: #6A7D90;

   font-size: 14px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-decoration: none;

   margin:0;

}

.menu ul a

{

   display: block;

   white-space: nowrap;

   height: 25px;

   min-width: 7em;

   border: 0 solid transparent;

   text-align: left;

   line-height: 25px;

   color: #6A7D90;

   font-size: 14px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-decoration: none;

   margin:0;

}

.art-hmenu ul a:link, 

.art-hmenu ul a:visited, 

.art-hmenu ul a.active, 

.art-hmenu ul a:hover

{

   text-align: left;

   line-height: 25px;

   color: #6A7D90;

   font-size: 14px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-decoration: none;

   margin:0;

}

.menu ul a:link, 

.menu ul a:visited, 

.menu ul a.active, 

.menu ul a:hover

{

   text-align: left;

   line-height: 25px;

   color: #6A7D90;

   font-size: 14px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-decoration: none;

   margin:0;

}

ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover>a

{

   background: #FFFFFF;

   background: transparent;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   margin:0 auto;

}

ul.menu ul li a:hover, .desktop ul.menu ul li:hover>a

{

   background: #FFFFFF;

   background: transparent;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   margin:0 auto;

}

.art-hmenu ul a:hover

{

   text-decoration: none;

   color: #df3a38;

}

.menu ul a:hover

{

   text-decoration: none;

   color: #df3a38;

}

.desktop .art-hmenu ul li:hover>a

{

   color: #df3a38;

}

.desktop .menu ul li:hover>a

{

   color: #df3a38;

}

ul.art-hmenu ul:before

{

   background: #EFF2F5;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   border:1px solid #CFD8E2;

   margin:0 auto;

   display: block;

   position: absolute;

   content: ' ';

   z-index: 1;

}

ul.menu ul:before

{

   background: #EFF2F5;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   border:1px solid #CFD8E2;

   margin:0 auto;

   display: block;

   position: absolute;

   content: ' ';

   z-index: 1;

}

.desktop ul.art-hmenu li:hover>ul {

   visibility: visible;

   top: 100%;

}

.desktop ul.menu li:hover>ul {

   visibility: visible;

   top: 100%;

}

.desktop ul.art-hmenu li li:hover>ul {

   top: 0;

   left: 100%;

}

.desktop ul.menu li li:hover>ul {

   top: 0;

   left: 100%;

}

ul.art-hmenu ul

{

   visibility: hidden;

   position: absolute;

   z-index: 10;

   left: 0;

   top: 0;

   background-image: url('images/spacer.gif');

}

ul.menu ul

{

   visibility: hidden;

   position: absolute;

   z-index: 10;

   left: 0;

   top: 0;

   background-image: url('images/spacer.gif');

}

.desktop ul.art-hmenu>li>ul

{

   padding: 16px 36px 36px 36px;

   margin: -10px 0 0 -30px;

}

.desktop ul.menu>li>ul

{

   padding: 16px 36px 36px 36px;

   margin: -10px 0 0 -30px;

}

.desktop ul.art-hmenu ul ul

{

   padding: 36px 36px 36px 18px;

   margin: -36px 0 0 -5px;

}

.desktop ul.menu ul ul

{

   padding: 36px 36px 36px 18px;

   margin: -36px 0 0 -5px;

}

.desktop ul.art-hmenu ul.art-hmenu-left-to-right 

{

   right: auto;

   left: 0;

   margin: -10px 0 0 -30px;

}

.desktop ul.menu ul.menu-left-to-right 

{

   right: auto;

   left: 0;

   margin: -10px 0 0 -30px;

}



.desktop ul.art-hmenu ul.art-hmenu-right-to-left 

{

   left: auto;

   right: 0;

   margin: -10px -30px 0 0;

}

.desktop ul.menu ul.menu-right-to-left 

{

   left: auto;

   right: 0;

   margin: -10px -30px 0 0;

}

.desktop ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {

   right: auto;

   left: 100%;

}

.desktop ul.menu li li:hover>ul.menu-left-to-right {

   right: auto;

   left: 100%;

}

.desktop ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {

   left: auto;

   right: 100%;

}

.desktop ul.menu li li:hover>ul.menu-right-to-left {

   left: auto;

   right: 100%;

}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right

{

   right: auto;

   left: 0;

   padding: 36px 36px 36px 18px;

   margin: -36px 0 0 -5px;

}

.desktop ul.menu ul ul.menu-left-to-right

{

   right: auto;

   left: 0;

   padding: 36px 36px 36px 18px;

   margin: -36px 0 0 -5px;

}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left

{

   left: auto;

   right: 0;

   padding: 36px 18px 36px 36px;

   margin: -36px -5px 0 0;

}

.desktop ul.menu ul ul.menu-right-to-left

{

   left: auto;

   right: 0;

   padding: 36px 18px 36px 36px;

   margin: -36px -5px 0 0;

}

.desktop ul.art-hmenu li ul>li:first-child {

   margin-top: 0;

}

.desktop ul.menu li ul>li:first-child {

   margin-top: 0;

}

.desktop ul.art-hmenu li ul>li:last-child {

   margin-bottom: 0;

}

.desktop ul.menu li ul>li:last-child {

   margin-bottom: 0;

}

.desktop ul.art-hmenu ul ul:before

{

   border-radius: 3px;

   top: 30px;

   bottom: 30px;

   right: 30px;

   left: 12px;

}

.desktop ul.menu ul ul:before

{

   border-radius: 3px;

   top: 30px;

   bottom: 30px;

   right: 30px;

   left: 12px;

}

.desktop ul.art-hmenu>li>ul:before

{

   top: 10px;

   right: 30px;

   bottom: 30px;

   left: 30px;

}

.desktop ul.menu>li>ul:before

{

   top: 10px;

   right: 30px;

   bottom: 30px;

   left: 30px;

}



.desktop ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {

   right: 30px;

   left: 30px;

}

.desktop ul.menu>li>ul.menu-left-to-right:before {

   right: 30px;

   left: 30px;

}

.desktop ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {

   right: 30px;

   left: 30px;

}

.desktop ul.menu>li>ul.menu-right-to-left:before {

   right: 30px;

   left: 30px;

}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right:before {

   right: 30px;

   left: 12px;

}

.desktop ul.menu ul ul.menu-left-to-right:before {

   right: 30px;

   left: 12px;

}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left:before {

   right: 12px;

   left: 30px;

}

.desktop ul.menu ul ul.menu-right-to-left:before {

   right: 12px;

   left: 30px;

}

.art-layout-wrapper

{

   position: relative;

   margin: 0 auto 0 auto;

   z-index: auto !important;

}



.art-content-layout

{

   display: table;

   width: 100%;

   table-layout: fixed;

}



.art-content-layout-row 

{

   display: table-row;

}



.art-layout-cell

{

   display: table-cell;

   vertical-align: top;

}



/* need only for content layout in post content */ 

.art-postcontent .art-content-layout

{

   border-collapse: collapse;

}



.art-block

{

   margin:3px;

}

div.art-block img

{

   border: none;

   margin: 0;

}



.art-blockheader

{

   padding:6px 5px;

   margin:0 auto 2px;

}

.art-blockheader .t,

.art-blockheader .t a,

.art-blockheader .t a:link,

.art-blockheader .t a:visited, 

.art-blockheader .t a:hover

{

   color: #758799;

   font-size: 20px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   margin: 0 5px;

}



.art-blockcontent

{

   padding:5px;

   margin:0 auto;

   color: #303F50;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 175%;

}

.art-blockcontent table,

.art-blockcontent li, 

.art-blockcontent a,

.art-blockcontent a:link,

.art-blockcontent a:visited,

.art-blockcontent a:hover

{

   color: #303F50;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 175%;

}



.art-blockcontent p

{

   margin: 0 5px;

}



.art-blockcontent a, .art-blockcontent a:link

{

   color: #FB7C3C;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-blockcontent a:visited, .art-blockcontent a.visited

{

   color: #A9BACB;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

}



.art-blockcontent a:hover, .art-blockcontent a.hover

{

   color: #FA5705;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

}

.art-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 .art-block ul>li:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-block li

{

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 175%;

   color: #4E6883;

   margin: 5px 0 0 10px;

}



.art-block ul>li, .art-block ol

{

   padding: 0;

}



.art-block ul>li

{

   padding-left: 12px;

}



.art-breadcrumbs

{

   margin:0 auto;

}



a.art-button,

a.art-button:link,

a:link.art-button:link,

body a.art-button:link,

a.art-button:visited,

body a.art-button:visited,

input.art-button,

button.art-button

{

   text-decoration: none;

   font-size: 13px;

   font-family: 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: 24px;

   -webkit-box-sizing: content-box;

   -moz-box-sizing: content-box;

   box-sizing: content-box;

}



.art-button img

{

   margin: 0;

   vertical-align: middle;

}



.firefox2 .art-button

{

   display: block;

   float: left;

}



input, select, textarea, a.art-search-button span

{

   vertical-align: middle;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}



.art-block select 

{

   width:96%;

}



input.art-button

{

   float: none !important;

   -webkit-appearance: none;

}



.art-button.active, .art-button.active:hover

{

   background: #A1ADBA;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   border-width: 0;

   padding:0 21px;

   margin:0 auto;

}

.art-button.active, .art-button.active:hover {

   color: #FFFFFF !important;

}



.art-button.hover, .art-button:hover

{

   background: #8A99A8;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   border-width: 0;

   padding:0 21px;

   margin:0 auto;

}

.art-button.hover, .art-button:hover {

   color: #FFFFFF !important;

}



input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea

{

   background: #F9FAFB;

   -webkit-border-radius:4px;

   -moz-border-radius:4px;

   border-radius:4px;

   border:1px solid #B9C2CB;

   margin:0 auto;

}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea

{

   width: 100%;

   padding: 4px 0;

   color: #3D5166 !important;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-shadow: none;

}

input.art-error, textarea.art-error

{

   background: #F9FAFB;

   border:1px solid #E2341D;

   margin:0 auto;

}

input.art-error, textarea.art-error {

   color: #3D5166 !important;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}

form.art-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: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}

form.art-search 

{

   background-image: none;

   border: 0;

   display:block;

   position:relative;

   top:0;

   padding:0;

   margin:5px;

   left:0;

   line-height: 0;

}



form.art-search input, a.art-search-button

{

   -webkit-appearance: none;

   top:0;

   right:0;

}



form.art-search>input, a.art-search-button{

   bottom:0;

   left:0;

   vertical-align: middle;

}



form.art-search input[type="submit"], input.art-search-button, a.art-search-button

{

   border-radius: 0;

   margin:0 auto;

}

form.art-search input[type="submit"], input.art-search-button, a.art-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.art-search-button span.art-search-button-text {

   display: none;

}



label.art-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.art-checkbox

{

   cursor: pointer;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   line-height: 16px;

   display: inline-block;

   color: #364049 !important;

}



.art-checkbox>input[type="checkbox"]

{

   margin: 0 5px 0 0;

}



label.art-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.art-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.art-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.art-radiobutton

{

   cursor: pointer;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   line-height: 12px;

   display: inline-block;

   color: #364049 !important;

}



.art-radiobutton>input[type="radio"]

{

   vertical-align: baseline;

   margin: 0 5px 0 0;

}



label.art-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.art-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;

}



.art-comments

{

   border-top:1px dotted #A1ADBA;

   margin:0 auto;

   margin-top: 25px;

}



.art-comments h2

{

   color: #23292F;

}



.art-comment-inner

{

   -webkit-border-radius:2px;

   -moz-border-radius:2px;

   border-radius:2px;

   padding:5px;

   margin:0 auto;

   margin-left: 96px;

}

.art-comment-avatar 

{

   float:left;

   width:80px;

   height:80px;

   padding:2px;

   background:#fff;

   border:1px solid #E2E8EE;

}



.art-comment-avatar>img

{

   margin:0 !important;

   border:none !important;

}



.art-comment-content

{

   padding:10px 0;

   color: #303F50;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-comment

{

   margin-top: 6px;

}



#comment-list>li:first-child>.art-comment

{

   margin-top: 0;

}



.art-comment-header

{

   color: #23292F;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 100%;

}



.art-comment-header a, 

.art-comment-header a:link, 

.art-comment-header a:visited,

.art-comment-header a.visited,

.art-comment-header a:hover,

.art-comment-header a.hovered

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 100%;

}



.art-comment-header a, .art-comment-header a:link

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   color: #758799;

}



.art-comment-header a:visited, .art-comment-header a.visited

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #758799;

}



.art-comment-header a:hover,  .art-comment-header a.hovered

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #758799;

}



.art-comment-content a, 

.art-comment-content a:link, 

.art-comment-content a:visited,

.art-comment-content a.visited,

.art-comment-content a:hover,

.art-comment-content a.hovered

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-comment-content a, .art-comment-content a:link

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #CD4704;

}



.art-comment-content a:visited, .art-comment-content a.visited

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #3F5369;

}



.art-comment-content a:hover,  .art-comment-content a.hovered

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #CD4704;

}



.art-pager

{

   -webkit-border-radius:4px;

   -moz-border-radius:4px;

   border-radius:4px;

   padding:6px;

   margin:2px;

}



.art-pager>*:last-child

{

   margin-right:0 !important;

}



.art-pager>span {

   cursor:default;

}



.art-pager>*

{

   background: #D9DEE3;

   -webkit-border-radius:4px;

   -moz-border-radius:4px;

   border-radius:4px;

   padding:10px;

   margin:0 4px 0 auto;

   line-height: normal;

   position:relative;

   display:inline-block;

   margin-left: 0;

}



.art-pager a:link,

.art-pager a:visited,

.art-pager .active

{

   line-height: normal;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #1C2126

;

}



.art-pager .active

{

   background: #B6BFC9;

   padding:10px;

   margin:0 4px 0 auto;

   color: #FFFFFF

;

}



.art-pager .more

{

   background: #D9DEE3;

   margin:0 4px 0 auto;

}

.art-pager a.more:link,

.art-pager a.more:visited

{

   color: #411701

;

}

.art-pager a:hover

{

   background: #B9C2CB;

   padding:10px;

   margin:0 4px 0 auto;

}

.art-pager  a:hover,

.art-pager  a.more:hover

{

   text-decoration: none;

   color: #21262C

;

}

.art-pager>*:after

{

   margin:0 0 0 auto;

   display:inline-block;

   position:absolute;

   content: ' ';

   top:0;

   width:0;

   height:100%;

   right: 0;

   text-decoration:none;

}



.art-pager>*:last-child:after{

   display:none;

}



.art-commentsform

{

   background: #E2E8EE;

   background: transparent;

   padding:10px;

   margin:0 auto;

   margin-top:25px;

   color: #23292F;

}



.art-commentsform h2{

   padding-bottom:10px;

   margin: 0;

   color: #23292F;

}



.art-commentsform label {

   display: inline-block;

   line-height: 25px;

}



.art-commentsform input:not([type=submit]), .art-commentsform textarea {

   box-sizing: border-box;

   -moz-box-sizing: border-box;

   -webkit-box-sizing: border-box;

   width:100%;

   max-width:100%;

}



.art-commentsform .form-submit

{

   margin-top: 10px;

}

.art-post

{

   padding:5px 5px 0 5px;

}

a img

{

   border: 0;

}



.art-article img, img.art-article, .art-block img, .art-footer-text img

{

   margin: 7px 7px 7px 7px;

}



.art-metadata-icons img

{

   border: none;

   vertical-align: middle;

   margin: 2px;

}



.art-article table, table.art-article

{

   border-collapse: collapse;

   /*margin: 1px;*/

}



.art-post .art-content-layout-br

{

   height: 0;

}



.art-article th, .art-article td

{

   padding: 2px;

   vertical-align: top;

   text-align: left;

}



.art-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: 7px 7px 7px 7px;

   -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.art-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;

}



.art-postheader

{

	/*

   color: #4E6883;

   margin: 5px 10px;

   font-size: 24px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;*/

  	border-top-style: solid;

	border-color: #df3a38;

	font-size: 1.8em!important;

	padding:1.2em!important;

	color:#000000;

	text-align: center!important;

	background: rgba(245,245,245,0.9);

	border-radius: 37px 37px 0 0;

	margin: -3px 0 0 0;

}



.art-postheader a, 

.art-postheader a:link, 

.art-postheader a:visited,

.art-postheader a.visited,

.art-postheader a:hover,

.art-postheader a.hovered

{

   font-size: 24px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}



.art-postheader a, .art-postheader a:link

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   text-align: left;

   color: #FB7F41;

}



.art-postheader a:visited, .art-postheader a.visited

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   text-align: left;

   color: #708BA9;

}



.art-postheader a:hover,  .art-postheader a.hovered

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   text-align: left;

   color: #FB7C3C;

}



.art-postheadericons,

.art-postheadericons a,

.art-postheadericons a:link,

.art-postheadericons a:visited,

.art-postheadericons a:hover

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #4E6883;

}



.art-postheadericons

{

   padding: 1px;

   margin: 0 0 0 10px;

}



.art-postheadericons a, .art-postheadericons a:link

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #FB722D;

}



.art-postheadericons a:visited, .art-postheadericons a.visited

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-decoration: none;

   color: #587493;

}



.art-postheadericons a:hover, .art-postheadericons a.hover

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-decoration: underline;

   color: #E65005;

}



.art-postdateicon:before

{

   content:url('images/postdateicon.png');

   margin-right:6px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

   bottom: auto;

}

.opera .art-postdateicon:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-postauthoricon:before

{

   content:url('images/postauthoricon.png');

   margin-right:6px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

   bottom: auto;

}

.opera .art-postauthoricon:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-postediticon:before

{

   content:url('images/postediticon.png');

   margin-right:6px;

   bottom: 2px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

}

.opera .art-postediticon:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before

{

   content:url('images/postbullets.png');

   margin-right:7px;

   bottom: 2px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

}

.opera .art-postcontent ul>li:before, .opera   .art-post ul>li:before, .opera   .art-textblock ul>li:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-postcontent li, .art-post li, .art-textblock li

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #303F50;

   margin: 3px 0 0 11px;

}



.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol

{

   padding: 0;

}



.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li

{

   padding-left: 17px;

}



.art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before

{

   margin-left: -17px;

}



.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul

{

   margin: 1em 0 1em 11px;

}



.art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul

{

   margin: 0.5em 0 0.5em 11px;

}



.art-postcontent li, .art-post li, .art-textblock li

{

   margin: 3px 0 0 0;

}



.art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li

{

   /* overrides overflow for "ul li" and sets the default value */

  overflow: visible;

}



.art-postcontent ul>li, .art-post ul>li, .art-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: #EFF2F5 url('images/postquote.png') no-repeat scroll;

   padding:10px 10px 10px 47px;

   margin:10px 0 0 25px;

   color: #0D1216;

   font-family: 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, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer-text blockquote a,

blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer-text blockquote a:link,

blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer-text blockquote a:visited,

blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer-text blockquote a:hover

{

   color: #0D1216;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: italic;

   text-align: left;

}



/* Override native 'p' margins*/

blockquote p,

.art-postcontent blockquote p,

.art-blockcontent blockquote p,

.art-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: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #647587;

}



.Sorter a:link

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #647587;

}



.Sorter a:visited, .Sorter a.visited

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #647587;

}



.Sorter a:hover, .Sorter a.hover

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #4C5967;

}



.Sorter

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color:#364049;

}



.art-footer

{

   background: #8a989f;

   border:3px solid #df3a38;

   padding:25px;

   margin:20px 0px 0 0px;

   position: relative;

   color: #FFFFFF;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 175%;

   text-align: center;

}



.art-footer-text a,

.art-footer-text a:link,

.art-footer-text a:visited,

.art-footer-text a:hover,

.art-footer-text td, 

.art-footer-text th,

.art-footer-text caption

{

   color: #FFFFFF;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 175%;

}



.art-footer-text p 

{

   padding:0;

   text-align: center;

}



.art-footer-text a,

.art-footer-text a:link

{

   color: #FFFFFF;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   font-size: 13px;

}



.art-footer-text a:visited

{

   color: #FFFFFF;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

    font-size: 13px;

}



.art-footer-text a:hover

{

   color: #FFFFFF;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: underline;

   font-size: 13px;

}



.art-footer-text h1

{

   color: #8A99A8;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer-text h2

{

   color: #A1ADBA;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer-text h3

{

   color: #FA681E;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer-text h4

{

   color: #9CAFC4;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer-text h5

{

   color: #9CAFC4;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer-text h6

{

   color: #9CAFC4;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer-text img

{

   border: none;

   margin: 0;

}



.art-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;

}



.art-rss-tag-icon:empty

{

   vertical-align: middle;

}



.art-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;

}



.art-facebook-tag-icon:empty

{

   vertical-align: middle;

}



.art-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;

}



.art-twitter-tag-icon:empty

{

   vertical-align: middle;

}



.art-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;

}



.art-tumblr-tag-icon:empty

{

   vertical-align: middle;

}



.art-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;

}



.art-pinterest-tag-icon:empty

{

   vertical-align: middle;

}



.art-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;

}



.art-vimeo-tag-icon:empty

{

   vertical-align: middle;

}



.art-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;

}



.art-youtube-tag-icon:empty

{

   vertical-align: middle;

}



.art-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;

}



.art-linkedin-tag-icon:empty

{

   vertical-align: middle;

}



.art-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: -13px;

}

.opera .art-footer-text ul>li:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-footer-text li

{

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #FDC6AA;

}



.art-footer-text ul>li, .art-footer-text ol

{

   padding: 0;

}



.art-footer-text ul>li

{

   padding-left: 13px;

}



.art-page-footer, 

.art-page-footer a,

.art-page-footer a:link,

.art-page-footer a:visited,

.art-page-footer a:hover

{

   font-family: Arial;

   font-size: 10px;

   letter-spacing: normal;

   word-spacing: normal;

   font-style: normal;

   font-weight: normal;

   text-decoration: underline;

   color: #647587;

}



.art-page-footer

{

   position: relative;

   z-index: auto !important;

   padding: 1em;

   text-align: center !important;

   text-decoration: none;

   color: #435970;

}



.art-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;

}



.art-lightbox,

.art-lightbox-wrapper .art-lightbox-image

{

   cursor: pointer;

}



.art-lightbox-wrapper .art-lightbox-image

{

   border: 6px solid #fff;

   border-radius: 3px;

   display: none;

   max-width: 100%;

   vertical-align: middle;

}



.art-lightbox-wrapper .art-lightbox-image.active

{

   display: inline-block;

}



.art-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;

}



.art-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;

}



.art-lightbox-wrapper .arrow

{

   cursor: pointer;

   height: 100px;

   opacity: .5;

   filter: alpha(opacity=50);

   position: fixed;

   width: 82px;

   z-index: 10003;

}



.art-lightbox-wrapper .arrow.left

{

   left: 9px;

}



.art-lightbox-wrapper .arrow.right

{

   right: 9px;

}



.art-lightbox-wrapper .arrow:hover

{

   opacity: 1;

   filter: alpha(opacity=100);

}



.art-lightbox-wrapper .arrow.disabled 

{

   display: none;

}



.art-lightbox-wrapper .arrow-t, 

.art-lightbox-wrapper .arrow-b

{

   background-color: #fff;

   border-radius: 3px;

   height: 6px;

   left: 26px;

   position: relative;

   width: 30px;

}



.art-lightbox-wrapper .arrow-t

{

   top: 38px;

}



.art-lightbox-wrapper .arrow-b

{

   top: 50px;

}



.art-lightbox-wrapper .close

{

   cursor: pointer;

   height: 22px;

   opacity: .5;

   filter: alpha(opacity=50);

   position: fixed;

   right: 39px;

   top: 30px;

   width: 22px;

   z-index: 10003;

}



.art-lightbox-wrapper .close:hover 

{

   opacity: 1;

   filter: alpha(opacity=100);

}



.art-lightbox-wrapper .close .cw, 

.art-lightbox-wrapper .close .ccw

{

   background-color: #fff;

   border-radius: 3px;

   height: 6px;

   position: absolute;

   left: -4px;

   top: 8px;

   width: 30px;

}



.art-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 */}



.art-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 */}



.art-lightbox-wrapper .close-alt, 

.art-lightbox-wrapper .arrow-right-alt, 

.art-lightbox-wrapper .arrow-left-alt 

{

   color: #fff;

   display: none;

   font-size: 2.5em;

   line-height: 100%;

}



.ie8 .art-lightbox-wrapper .close-alt, 

.ie8 .art-lightbox-wrapper .arrow-right-alt, 

.ie8 .art-lightbox-wrapper .arrow-left-alt 

{

   display: block;

}



.ie8 .art-lightbox-wrapper .cw, 

.ie8 .art-lightbox-wrapper .ccw 

{

   display: none;

}



.art-content-layout .art-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, .art-article .aligncenter img, .aligncenter img.art-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;

}



.sticky 

{

}



.bypostauthor  

{

}



.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: 70px 0 0 0!important;

    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;

}



.art-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:0 5px 5px 0 !important;

}



ul#comments-list li

{

    list-style-image: none;

    background:none;

    list-style-type:none;

    

}



div.art-footer div.art-content-layout

{

    margin:0 auto;

    width:100%;

}



div.art-layout-cell-size1 

{

    width:100%;

}



div.art-layout-cell-size2 

{

    width:50%;

}

div.art-layout-cell-size3 

{

    width:33%;

}



div.art-layout-cell-size4

{

    width:25%;

}



.art-widget-title

{

    padding:0 0 0 24px;

    margin-bottom:0;

}



div.art-center-wrapper

{

  position: relative;

  float: right;

  right: 50%;



}



div.art-center-inner

{

  position: relative;

  float: left;

  left: 50%;

}



.firefox2 div.art-center-inner

{

  float: none;

}



.art-hmenu-extra1, .art-hmenu-extra2 {

 font-size:12px;

}

.menu-extra1, .menu-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;

}



.art-footer .art-widget-title 

{

    font-size:1.2em;

    padding: 0;

}



.art-footer .art-widget,

.art-footer .art-widget a,

.art-footer .art-widget a:link,

.art-footer .art-widget a:visited,

.art-footer .art-widget a:hover

{

    text-align: left;

}



DIV[id^="GMPmap"] IMG 

{

    margin: 0px;

}



/* Assistive text */

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute;

}

.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-weight: bold;

  height: auto;

  line-height: normal;

  padding: 15px 23px 14px;

  position: absolute;

  left: 5px;

  top: 5px;

  text-decoration: none;

  text-transform: none;

  width: auto;

  z-index: 100000;

  /* Above WP toolbar */

}



/* Begin Additional CSS Styles */

p {

	font-size: 1.3em!important;

	}

h2 {

	font-size: 1.6em!important;

	}

h1{

	font-size: 1.8em!important;

	}



	h1{

	padding:1.4em!important;

	color: #000000!important;

	text-align: center!important;

	}



	h2{

	padding:1em!important;

	color: #000000!important;

	text-align: center!important;

	}



.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {



	line-height: normal!important;

	font-size: inherit!important;

}

.art-postcontent p

{

 padding: 0.2em 2em!important;

}

.desktop  .art-nav-inner{

  /*position:fixed;!important;*/

}

#mainnav ul .current-menu-item {

    background-color: red; /* you can replace red by any color or any HEX value like #fff or #d65050 */

}

#mainnav ul .current-menu-item a {

    color: yellow; /* you can replace yellow by any color or any HEX value like #fff or #d65050 */

}

.header_color .main_menu ul:first-child > li.about-scroll.current-menu-item > a {color: #333333;}

.header_color .main_menu ul:first-child > li.about-scroll > a {color: #808080;}

.current-menu-item a {

    background-color: red; /* you can replace red by any color or any HEX value like #fff or #d65050 */

}

#mainnav ul li.current-menu-item {

    background-color: red; /* you can replace red by any color or any HEX value like #fff or #d65050 */

}

#mainnav ul li.current-menu-item a {

    color: yellow; /* you can replace yellow by any color or any HEX value like #fff or #d65050 */

}

/* End Additional CSS Styles */



/*beginning of animation css*/

/*These styles contain basic styles for fomatting along with our animation css*/









.animation-element {

  opacity: 0;

  position: relative;

}

/*animation element sliding left*/



.animation-element.slide-left {

  opacity: 0;

  -moz-transition: all 500ms linear;

  -webkit-transition: all 500ms linear;

  -o-transition: all 500ms linear;

  transition: all 500ms linear;

  -moz-transform: translate3d(-100px, 0px, 0px);

  -webkit-transform: translate3d(-100px, 0px, 0px);

  -o-transform: translate(-100px, 0px);

  -ms-transform: translate(-100px, 0px);

  transform: translate3d(-100px, 0px, 0px);

}



.animation-element.slide-left.in-view {

  opacity: 1;

  -moz-transform: translate3d(0px, 0px, 0px);

  -webkit-transform: translate3d(0px, 0px, 0px);

  -o-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate3d(0px, 0px, 0px);

}

/*animation slide left styled for testimonials*/



.animation-element.slide-left.testimonial {

  float: left;

  width: 47%;

  margin: 0% 1.5% 3% 0%;

  background: #F5F5F5;

  padding: 15px;

box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);

  border: solid 1px #EAEAEA;

  left:25%!important;

}

.animation-element.slide-left.testimonial:hover,

.animation-element.slide-left.testimonial:active{

  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);

}



.animation-element.slide-left.testimonial:nth-of-type(odd) {

  width: 48.5%;

  margin: 0% 1.5% 3.0% 0%;

  left:25%!important;

}



.animation-element.slide-left.testimonial:nth-of-type(even) {

  width: 48.5%;

  margin: 0% 0% 3.0% 0%;

  left:25%!important;

}





/*media queries for small devices*/

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

  /*testimonials*/

  .animation-element.slide-left.testimonial,

  .animation-element.slide-left.testimonial:nth-of-type(odd),

  .animation-element.slide-left.testimonial:nth-of-type(even){

    width: 100%;

    margin: 0px 0px 20px 0px;

	left: 0!important;

  }

  .animation-element.slide-left.testimonial .right,

  .animation-element.slide-left.testimonial .left,

  .animation-element.slide-left.testimonial .content,

  .animation-element.slide-left.testimonial .rating{

    text-align: center;

    float: none;

  }

  .animation-element.slide-left.testimonial img{

 /*   width: 85px;

    height: 85px;

    margin-bottom: 5px;*/

  }

  

}



.animation-element.slide-left.testimonial-row {

  float: left;

  width: 47%;

  margin: 0% 1.5% 3% 0%;

  background: #F5F5F5;

  padding: 15px;

box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);

  border: solid 1px #EAEAEA;

}

.animation-element.slide-left.testimonial:nth-of-type(odd)-row {

  width: 48.5%;

  margin: 0% 1.5% 3.0% 0%;



}



.animation-element.slide-left.testimonial:nth-of-type(even)-row {

  width: 48.5%;

  margin: 0% 0% 3.0% 0%;

}





/*fade up animation*/



/*These styles contain basic styles for fomatting along with our animation css*/



body {

  font-size: 16px;

  font-family: 'Open Sans', sans-serif;

  font-weight: 400;

  background: #efefef;

  line-height: 170%;

}



strong,

b {

  font-weight: 600

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 300;

  line-height: 150%;

}



i.fa {

  color: #333;

}



*,

*:before,

*:after {

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

/*clearfixes*/



.cf:before,

.cf:after {

  content: " ";

  display: table;

}



.cf:after {

  clear: both;

}



.main-container {

  background: #fff;

  max-width: 1000px;

  margin: 25px 25px auto;

  position: relative;

}



.container {

  position: relative;

  padding: 25px;

}



.container:last-of-type {

  padding-top: 0px;

}

/*animation element*/

.animation-element2 {

  position: relative;

  /*width: 30%;*/

  width:100%;

  margin: 0% 1.33 2.66% 1.33%;

  float: left;

}

/*3 grid layout*/



.animation-element2:nth-of-type(3n-2) {

 /* width: 31.5%;*/

 width:100%;

  margin: 0% 1.375% 2.75% 0%;

  clear: left;

}



.animation-element2:nth-of-type(3n-1) {

  /*width: 31.5%;*/

  width:100%;

  margin: 0% 1.375% 2.75% 1.375%;

}



.animation-element2:nth-of-type(3n-0) {

 /* width: 31.5%;*/

 width:100%;

  margin: 0% 0% 2.75% 1.375%;

  clear: right;

}

/*bounce up animation for the subject*/

.bounce-up .subject {

  opacity: 0;

  -moz-transition: all 700ms ease-out;

  -webkit-transition: all 700ms ease-out;

  -o-transition: all 700ms ease-out;

  transition: all 700ms ease-out;

  -moz-transform: translate3d(0px, 200px, 0px);

  -webkit-transform: translate3d(0px, 200px, 0px);

  -o-transform: translate(0px, 200px);

  -ms-transform: translate(0px, 200px);

  transform: translate3d(0px, 200, 0px);

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

}



.bounce-up.in-view .subject {

  opacity: 1;

  -moz-transform: translate3d(0px, 0px, 0px);

  -webkit-transform: translate3d(0px, 0px, 0px);

  -o-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate3d(0px, 0px, 0px);

}



.subject {

 /* float: left;*/

 /* width: 100%;*/

  margin: 0% 1.33% 2.66% 1.33%;

  background: #8a989f;

  padding: 15px;

 /* box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);*/

 /* border: solid 3px #df3a38;*/

 /* border-radius: 25px;*/

}



.subject:hover,

.subject:active {

  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);

}



.subject .header {

  margin: 8px 0px;

}



.subject .header .date,

.subject .header .category {

  margin: 0px;

  clear: none;

  width: 50%;

}



.subject .header .date i,

.subject .header .category i {

  margin-right: 5px;

  color: #333;

  -moz-transition: all 400ms linear;

  -webkit-transition: all 400ms linear;

  -o-transition: all 400ms linear;

  transition: all 400ms linear;

}



.subject .header .date {

  float: left;

  text-align: left;

}



.subject .header .category {

  float: right;

  text-align: right;

}

/*subject icon at top*/



.subject .icon {

  position: absolute;

  top: -20px;

  left: 50%;

  left: calc(50% - 20px);

}



.subject .icon i {

  width: 40px;

  height: 40px;

  color: rgb(255, 255, 255);

  font-size: 150%;

  border-radius: 50%;

  text-align: center;

  padding: 7px;

}

/*Category color / icon color*/



.subject .category-color {

  height: 7px;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

}



.subject.design .category-color,

.subject.design .icon i {

  background: #c0392b;

}



.subject.development .category-color,

.subject.development .icon i {

  background: #16a085;

}



.subject.photography .category-color,

.subject.photography .icon i {

  background: #2980b9;

}

/*hovering over subject*/



.subject.development:hover .header i {

  color: #16a085;

}



.subject.design:hover .header i {

  color: #c0392b;

}



.subject.photography:hover .header i {

  color: #2980b9;

}



.subject .title {

  margin: 12px 0px;

  border-bottom: dashed 1px #ccc;

  padding-bottom: 10px;

}



.subject .content {

  margin-bottom: 8px;

}



.subject .enrole {

  position: relative;

  color: #333;

  padding: 5px 12px;

  cursor: pointer;

  float: right;

  display: inline-block;

  border: solid 1px #ccc;

  -moz-transition: all 400ms linear;

  -webkit-transition: all 400ms linear;

  -o-transition: all 400ms linear;

  transition: all 400ms linear;

}



.subject .enrole:hover,

.subject .enrole:active {

  background: #222;

  color: #fff;

}

/*media queries for small devices*/



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

  .main-container {

    margin: 20px 15px;

  }

  .animation-element2,

  .animation-element2:nth-of-type(3n-1),

  .animation-element2:nth-of-type(3n-2),

  .animation-element2:nth-of-type(3n-0) {

    width: 100%;

    margin: 0px 0px 30px 0px;

  }

  .subject .header .date,

  .subject .header .category {

    width: 100%;

    margin-bottom: 10px;

    text-align: center;

  }

  .bgfade {

	/*background: rgb(210,223,199);*/

	padding: 1% 1%!important;

  }

  

}







  .tiles {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 33.333%;



  }



  .tile {

    position: relative;

    float: left;

    width: 33.333%;

    height: 100%;

    overflow: hidden;

  }



  .photo {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    transition: transform .5s ease-out;

  }



  .txt {

    position: absolute;

    z-index: 2;

    right: 0;

    bottom: 10%;

    left: 0;

    font-family: 'Roboto Slab', serif;

    font-size: 9px;

    line-height: 12px;

    text-align: center;

    cursor: default;

  }



  .x {

    font-size: 32px;

    line-height: 32px;

  }

    

    .bgfade {

	/*background: rgb(210,223,199);*/

	padding: 1% 10%;



  }

  

  /*non-parallax background colors*/

  .bgwhite{

	background: rgb(255,255,255);

	}

  .bgblack2{

	  background: rgb(210,223,199);

	  }

  .bgblack3{

	  background: rgb(244,219,187);

	  }

  .bgbl{

	  background: rgb(0,0,0);

	  }



  .sa_owl_theme .owl-nav div{top:10%!important}

	 



  .art-postcontent h1{

  	margin: -1px 0 0!important;

  	}

	

/*parallax settings*/

.test{

height: 80vh;

max-width:100%;

position:relative;

/*margin:24px auto 0;*/

overflow:hidden;

display:block;

}



.test2{

top:0;

width:100%;

position:absolute;

left:0;

height:100%;

clip: rect(0,auto,auto,0);

z-index: -1;

display:block;	

}

.test3{

background-image: url("images/laser.jpg"); 

width: 100%;	

position:fixed;

display:block;

left:auto;

height:100vh;

background-size:cover;

background-position-x:left;

background-repeat:no-repeat;

transform:translateZ(0);

-ms-transform:translateZ(0);

top:0;	

}

.test4{

background-image: url("images/fras.jpg"); 

width: 100%;	

position:fixed;

display:block;

left:auto;

height:100vh;

background-size:cover;

background-position-x:center;

background-repeat:no-repeat;

transform:translateZ(0);

-ms-transform:translateZ(0);

top:0;	

}

.test5{

background-image: url("images/svets.jpg"); 

width: 100%;	

position:fixed;

display:block;

left:auto;

height:100vh;

background-size:cover;

background-position-x:left;

background-repeat:no-repeat;

transform:translateZ(0);

-ms-transform:translateZ(0);

top:0;	

}

.test6{

background-image: url("images/bockning.jpg"); 

width: 100%;	

position:fixed;

display:block;

left:auto;

height:100vh;

background-size:cover;

background-position-x:center;

background-repeat:no-repeat;

transform:translateZ(0);

-ms-transform:translateZ(0);

top:0;	

}

.test7{

background-image: url("images/bockning.jpg"); 

width: 100%;	

position:fixed;

display:block;

left:auto;

height:100vh;

background-size:cover;

background-position-x:center;

background-repeat:no-repeat;

transform:translateZ(0);

-ms-transform:translateZ(0);

top:0;	

}

.test8{

background-image: url("images/skanner.jpg"); 

width: 80%;	

position:fixed;

display:block;

left:auto;

height:100vh;

background-size:cover;

background-position-x:center;

background-repeat:no-repeat;

transform:translateZ(0);

-ms-transform:translateZ(0);

top:0;	

}

  .infoy {

	background: rgba(248,244,223,0.9);

	border-radius: 25px;

	margin:-30vh 0;

	width:80%;

	text-align:left;

	padding: 0 0 10px 0;

  }

   .infow {

	background: rgba(255,255,255,0.9);

	border-radius: 25px;

	margin:-30vh 0;

	width:80%;

	text-align:left;

	padding: 0 0 10px 0;

  }

   .infob {

	background: rgba(199,226,247,0.9);

	border-radius: 25px;

	margin:-30vh 0;

	width:80%;

	text-align:left;

	padding: 0 0 10px 0;

  }

    .infoy2 {

	background: rgba(250,246,215,0.9);

	border-radius: 25px;

	margin:-30vh 0;

	width:80%;

	text-align:left;

	padding: 0 0 10px 0;

  }

    .infoynomargin {

	background: rgba(248,244,223,0.9);

	border-radius: 25px;

	width:400px;

	text-align:left;

	padding: 0 0 10px 0;

	margin: 70px 0 0 0;

  }

  

    .infoblnomargin {

	background: rgba(0,0,0,0.9);

	border-radius: 25px;

	width:400px;

	text-align:left;

	padding: 0 0 10px 0;

	margin: 70px 0 50px 0;

  }

    .infobunomargin {

	background: rgba(245,245,245,0.9);

	border-radius: 25px;

	width:400px;

	text-align:left;

	padding: 0 0 10px 0;

	margin: 70px 0 50px 0;

  }

    .infogrbonomargin {

	border-style: solid;

	border-color: #df3a38;

	background: rgba(245,245,245,0.9);

	border-radius: 25px;

	width:400px;

	text-align:left;

	padding: 0 0 10px 0;

	margin: 70px 0 50px 0;

  }

    .infobunomarginnews {

	background: rgba(245,245,245,0.9);

	border-radius: 25px;

	width:400px;

	text-align:left;

	padding: 0 0 10px 0;

	margin: 50px 4px 20px 0;

	/*below for news table*/

	min-height:310px;

	max-height:310px;

	max-width:300px;



  }

  .infobunomarginnewsdot {

	background: rgba(245,245,245,0.9);

	border-radius: 25px;

	width:400px;

	text-align:left;

	padding: 0 0 10px 0;

	margin: 50px 4px 20px 0;

	/*below for news table*/

	min-height:310px;

	max-height:310px;

	max-width:300px;

  }

  .infobunomarginnewsdot p {

	padding: 0 2em;

  }

  .infobunomarginnewsdot p1 {

	  color:#000000;

  }

  

    .infobunomargingalleriet {

	background: rgba(245,245,245,0.9);

	border-radius: 25px;

	width:400px;

	text-align:left;

	padding: 0 0 10px 0;

	margin: 70px 4px 20px 0;

	/*below for news table*/

	min-height:270px;

	max-height:270px;

	max-width:300px;

  }

  

  .cell{

	width:70%;

  }

  .cell p1{

     color: #df3a38;

	 font-size: 1.2em;

  }



.bgblwf{

	border-top-style: solid;

	border-color: #df3a38;

	font-size: 1.8em!important;

	padding:1.2em!important;

	/*color: #FFFFFF;*/

	color:#000000;

	text-align: center!important;

	/*background: rgb(139,152,159);*/

	background: rgba(245,245,245,0.9);

}

.bgblwf2{

	border-top-style: solid;

	border-color: #df3a38;

	font-size: 1.8em!important;

	padding:1.2em!important;

	color: #FFFFFF;

	text-align: center!important;

	background: rgb(125,136,142);

}

.bgblwf3{

	border-top-style: solid;

	border-color: #df3a38;

	font-size: 1.8em!important;

	padding:1.2em!important;

	color: #FFFFFF;

	text-align: center!important;

	background: rgb(114,123,128);

}

.bgblwf4{

	border-top-style: solid;

	border-color: #df3a38;

	font-size: 1.8em!important;

	padding:1.2em!important;

	color: #FFFFFF;

	text-align: center!important;

	background: rgb(104,113,117);

}

.bgblwf5{

	border-top-style: solid;

	border-color: #df3a38;

	font-size: 1.8em!important;

	padding:1.2em!important;

	color: #FFFFFF;

	text-align: center!important;

	background: rgb(96,105,109);

}

.bgblwf-bottom{

	border-top-style: solid;

	border-color: #df3a38;

	font-size: 1.8em!important;

	padding:1.2em!important;

	color:#000000;

	text-align: center!important;

	background: rgba(245,245,245,0.9);

	border-radius: 0 0 36px 36px;

}

.bgblwf-top{

	border-top-style: solid;

	border-color: #df3a38;

	font-size: 1.8em!important;

	padding:1.2em!important;

	color:#000000;

	text-align: center!important;

	background: rgba(245,245,245,0.9);

	border-radius: 37px 37px 0 0;

	margin: -3px 0 0 0;

}	

.arrow-down {

  width: 0; 

  height: 0; 

  border: 0 solid transparent; 

  border-left-width: 100px;

  border-right-width: 100px;

  border-top: 70px solid #df3a38;

  margin-bottom: -70px;

  margin-left: 30px;

}

.arrow-down-galleriet {

  width: 0; 

  height: 0; 

  border: 0 solid transparent; 

  border-left-width: 100px;

  border-right-width: 100px;

  border-top: 70px solid #df3a38;

  margin-left:30px;

}

.arrow-down-small {

  width: 0; 

  height: 0; 

  border: 0 solid transparent; 

  border-left-width: 50px;

  border-right-width: 50px;

  border-top: 40px solid #df3a38;

  margin-top: -20px;

  margin-left: 100px;

}

.arrow-menu {

  width: 0; 

  height: 0; 

  border: 0 solid transparent; 

  border-left-width: 50px;

  border-right-width: 50px;

  border-top: 40px solid #df3a38;

  margin-top: -25px;

  margin-left: 20px;

}

.scrollToTop{

	width:0; 

	height:0;

	border: 0 solid transparent; 

	text-align:center; 

	border-left-width: 50px;

    border-right-width: 50px;

    border-bottom: 50px solid rgba(223,58,56,0.8);

	position:fixed;

	bottom:0px;

	left:10px;

	display:none;

	z-index:1000;



}

.scrollToTop2{

	width:0; 

	height:0;

	border: 0 solid transparent; 

	text-align:center; 

	border-left-width: 80px;

    border-right-width: 80px;

    border-bottom: 70px solid rgba(223,58,56,0.8);

	position:fixed;

	bottom:0px;

	left:10px;

	display:none;

	z-index:1000;



}

.topp{

		position:fixed;

	bottom:10px;

	left:45px;

			color:#FFF !important;

			display:none;

			z-index:1001;

	}

.topp2{

		position:fixed;

	bottom:10px;

	left:70px;

			color:#FFF !important;

			display:none;

			z-index:1001;

			font-size:18px

	}

.arrow-up {

  width: 0; 

  height: 0; 

  border: 0 solid transparent; 

  border-left-width: 100px;

  border-right-width: 100px;

  border-bottom: 70px solid #df3a38;

  margin-top: -70px;

}

.page-id-6 ul.art-hmenu { display: none; }

.page-id-6 ul.menu { display: none; }

.rod {

	background: rgb(223,58,56);

	border-color: rgb(223,58,56);

}



.art-post{

	border:3px solid #df3a38;

	border-radius:40px!important;

	padding:0!important;

	/*margin:0 10px 0 2px!important;*/

	margin:0 10%;

}

.contain{display:none;}

.contain a, .contain p, .contain a:hover {

	text-decoration:none!important;

	color:#000;

	padding:0!important;

	margin:0!important;	

}

.contain2{display:none;}

.contain2 a, .contain2 p, .contain2 a:hover {

	text-decoration:none!important;

	color:#000;

	padding:0!important;

	margin:0!important;	

}

.vid_desktop{display:none;}

.vid_mobile{display:none;}

/*hide*/

#foretaget_div, #produktion_div, #nyheter_div, #samarbetspartners_div, #omoss_div, #galleriet_div, #kontaktaoss_div, #jobbkpmv_div, #shop_div{display:none;}

@keyframes up-right {

    0% {<!--from w w w .  j  a va 2  s. c  o m-->

        transform: scale(1);

        opacity: .25

    }

    50% {

        transform: scale (1, 5);

        opacity: 1;

    }

    100% {

        transform: scale(1);

        opacity: .25;

    }

}

.circle {

    border-radius: 50%;

    width: 12px;

    height: 12px;

   /* opacity: .25;*/

}

.red {

    background-color: red;

    position: relative;

    -webkit-animation: up-right 1s 15;

    -moz-animation: up-right 1s 15;

    -o-animation: up-right 1s 15;

    animation: up-right 1s 15;

}

.circle2 {

    border-radius: 50%;

    width: 12px;

    height: 12px;

}

.red2 {

    background-color: red;

    position: absolute;

    -webkit-animation: up-right 1s 15;

    -moz-animation: up-right 1s 15;

    -o-animation: up-right 1s 15;

    animation: up-right 1s 15;

	left: 49%;

	margin-top: 37px;

	margin-left: -70px;

}

.circle3 {

    border-radius: 50%;

    width: 12px;

    height: 12px;

}

.red3 {

    background-color: red;

    position: absolute;

    -webkit-animation: up-right 1s 15;

    -moz-animation: up-right 1s 15;

    -o-animation: up-right 1s 15;

    animation: up-right 1s 15;

	left: 49%;

	margin-top: -25px;

	margin-left: -55px;

}

.red32 {

    background-color: red;

    position: absolute;

    -webkit-animation: up-right 1s 15;

    -moz-animation: up-right 1s 15;

    -o-animation: up-right 1s 15;

    animation: up-right 1s 15;

	left: 49%;

	margin-top: -25px;

	margin-left: -40px;

}

.red4 {

    background-color: red;

    position: absolute;

    -webkit-animation: up-right 1s 15;

    -moz-animation: up-right 1s 15;

    -o-animation: up-right 1s 15;

    animation: up-right 1s 15;

	margin-top: -25px;

}

.uppmobile1, .uppmobile2, .uppmobile3, .uppmobile4, .uppmobile5, .uppmobile6, .uppmobile7, .uppmobile8, .uppmobile9 , .uppmobile10, .uppmobile11, .uppmobile12, .uppmobile13, .uppmobile14, .uppmobile15, .uppmobile16, .uppmobile17, .uppmopbile18, .uppmopbile19, .uppmobile20 {	

	font-size:1.2em;

	margin: 10px 0;

}

.uppdesk1, .uppdesk2, .uppdesk3, .uppdesk4, .uppdesk5, .uppdesk6, .uppdesk7, .uppdesk8, .uppdesk9, .uppdesk10, .uppdesk11, .uppdesk12,.uppdesk13,.uppdesk14, .uppdesk15, .uppdesk16, .uppdesk17, .uppdesk18, .uppdesk19, .uppdesk20 {

	font-size:1.2em;

	margin: 10px 0;

}

.caption{

	font-size:1.2em;

/*	margin: 0 0 20px 0;

	padding: 20px!important;*/

}

.caption >img{

	padding:10px;

	width:200px;

	height:300px;	

}

.newsmobile{

}

.newsdesk{

}

.gallerietmobile{

}

.gallerietdesk{

}

.art-article th, .art-article td{padding:0!important;}

#newstable, #galleriettable {margin:2px 0 2px 4px;}


.art-layout-cell p1 {

	color:#df3a38;

font-size: 1.2em;

}

.materials, .materials p, .materials td, .materials tr, .materials table{

	margin: -2px 0!important;

	   width:1%;

    white-space:nowrap;

}

#bystarklar_news,{

	padding-left:25%;

	padding-right:25%;

}

.klist, .klist ul, .klist li {

	font-size: 1.3em;

	margin: 0 0 7px 0;

	color:#000;

}

.klist_inline, .klist_inline ul, .klist_inline li {

	font-size: 1.3em;

	margin: 0 0 7px 0;

	color:#000;

	margin-left: 1em!important;

}

.squeeze{

	padding:0 20%;

}

.twomarg{

	margin:0 2em;

}

p.back {

	font-size:1.7em!important;

	margin-bottom:1em;	

}

.redback {

	padding:0 20%;

	background:#8a989f;	

	background-image: linear-gradient(#8a989f, #efefef);

}



.art-hmenu-extra1{

	float:none!important;	

}

.menu-extra1{

	float:none!important;	

}

#menu-landings>li:first-child {

	margin-left:5px;	

}

#menu-landings>li:last-child {

	margin-right:5px;	

}

#menu-landings li {

	float: left;

	margin-left:10px;	

}



#menu-landings .sub-menu{

	border:1px solid #CFD8E2;

	background:#EFF2F5;

	position:absolute;

	visibility:hidden;

}

#menu-landings .sub-menu li{

	float:unset;

	text-align:left;

	margin-left:0!important;

}

#menu-landings .sub-menu li a{

	font-weight:normal;

	font-size:14px;

	text-transform:none;

	line-height:25px!important;

	padding:0 10px;

}

#menu-landings li:hover>ul{

	visibility:visible;	

}

#menu-landings li a{

	padding:0 17px;

	color: #758799;

	margin:0 auto;

	line-height:36px;

	display:inline-block;

	font-size:16px;

	font-weight:bold;

	text-decoration:none;

	text-transform:uppercase;	

}

#menu-landings li a:hover{

	color: #A3B4C8;

}

#menu-landings .sub-menu li a:hover{

	color: #df3a38;

}

#menu-landings{

	display:inline-block;

	vertical-align:bottom;

	padding-left:0;

	padding-right:0;

	margin:0;

	padding:0;

	border:0;

	list-style-type:none;

}



#menu-menu-1, #menu-menu-1-eng, #menu-menu-1-da{display:none;}

.menu-menu-1-container, .menu-menu-1-eng-container, .menu-menu-1-da-container{text-align:center;}

#post-793 >.art-postheader{display:none;}

#post-899 >.art-postheader{display:none;}

.current-menu-item a{background-color:unset!important;}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag {   height: 40px !important; width: 40px !important; }

#newsfeed{margin-top:20px;}

.cell2{width:100%;}

.cell3{width:60%;}

.ovan{

	position:relative; 

	z-index:999;

}

h1.ovan{padding: 20px 0 5px 0!important;}

.onlymobile{display:none!important;}

.entry-title{color:#df3a38!important;}

.buspace{padding:10px;}

.nomargins{margin: 0px!important;}

.gray{background:#efefef;}

.omoss{width:50%;}

.logo{
  display:inline-block;
  background-image: url(images/logo.png);
  background-repeat: no-repeat;
  background-size: 412px 283px;
  z-index:700;
  height:283px;
  width:412px;
    cursor:pointer;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item{
	padding: 0 0.5em!important;	
}