/* Created by Artisteer v4.3.0.60745 */

.responsive body {
 min-width: 240px;
}
.responsive img {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.responsive .st-content-layout img, .responsive .st-content-layout video {
 max-width: 100%;
 height: auto !important;
}
.responsive.responsive-phone .st-content-layout img {
 margin: 1%;
}
.responsive.responsive-phone .st-collage, .responsive.responsive-tablet .st-collage {
 margin: 0 !important;
}
.responsive .st-content-layout .st-sidebar0, .responsive .st-content-layout .st-sidebar1, .responsive .st-content-layout .st-sidebar2 {
 width: auto !important;
}
.responsive .st-content-layout, .responsive .st-content-layout-row, .responsive .st-layout-cell {
 display: block;
}
.responsive .st-content-layout, .responsive .st-content-layout-row {
 padding: 0;
}
.responsive .image-caption-wrapper {
 width: auto;
}
.responsive.responsive-tablet .st-vmenublock, .responsive.responsive-tablet .st-block {
 margin-left: 1%;
 margin-right: 1%;
 width: 48%;
 float: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.responsive .st-responsive-embed {
 height: 0;
 padding-bottom: 56.25%;
 /* 16:9 */
 position: relative;
}
.responsive .st-responsive-embed iframe, .responsive .st-responsive-embed object, .responsive .st-responsive-embed embed {
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.responsive .st-sheet {
 width: auto !important;
 min-width: 240px !important;
 max-width: none !important;
 margin-right: 1% !important;
 margin-left: 1% !important;
 margin-top: 1% !important;
}
#st-resp {
 display: none;
}
 @media all and (max-width: 959px) {
#st-resp, #st-resp-t {
 display: block;
}
#st-resp-m {
 display: none;
}
}
 @media all and (max-width: 480px) {
#st-resp, #st-resp-m {
 display: block;
}
#st-resp-t {
 display: none;
}
}
#st-resp-desktop {
 display: none;
}
#st-resp-tablet-landscape {
 display: none;
}
#st-resp-tablet-portrait {
 display: none;
}
#st-resp-phone-landscape {
 display: none;
}
#st-resp-phone-portrait {
 display: none;
}
 @media (min-width: 1200px) {
#st-resp-desktop {
 display: block;
}
}
 @media (min-width: 980px) and (max-width: 1199px) {
#st-resp-tablet-landscape {
 display: block;
}
}
 @media (min-width: 768px) and (max-width: 979px) {
#st-resp-tablet-portrait {
 display: block;
}
}
 @media (min-width: 480px) and (max-width: 767px) {
#st-resp-phone-landscape {
 display: block;
}
.w60, .w30 {
 width: inherit;
 float: none;
}
.rightcont {
 display: none;
}
}
 @media (max-width: 479px) {
ul.list {
 margin-top: 0;
 margin-bottom: 0;
}
#st-resp-phone-portrait {
 display: block;
}
.w60, .w30 {
 width: inherit;
 float: none;
}
.rightcont, .headlinecont {
 display: none;
}
/* dynamic width nav */
.responsive nav.st-nav, .responsive .st-nav-inner {
 width: auto !important;
 position: relative !important;
 top: auto !important;
 left: auto !important;
 right: auto !important;
 bottom: auto !important;
 margin-top: 0;
 margin-bottom: 0;
 min-width: 0;
 text-align: left !important;
 padding-left: 5px;
}
.responsive nav.st-nav {
 min-width: 1%;
}
.responsive .st-nav {
 padding-left: 0;
 padding-right: 0;
}
/* full width hmenu, instead of inline-block */
.responsive .st-nav ul.st-hmenu {
 float: none;
 text-align: center;
 display: none;
}
/* elements on different lines */
.responsive .st-nav ul.st-hmenu li, .responsive .st-hmenu-extra1, .responsive .st-hmenu-extra2 {
 float: none;
}
/* horizontal margins */
.responsive .st-nav ul.st-hmenu>li:first-child, .responsive .st-nav ul.st-hmenu>li:last-child, .responsive .st-nav ul.st-hmenu>li {
 margin-left: 0;
 margin-right: 0;
}
/* separator */ 
.responsive .st-nav ul.st-hmenu>li:before {
 display: none;
}
/* vertical distance between items */
.responsive .st-nav ul.st-hmenu a {
 margin-top: 1px !important;
 margin-bottom: 1px !important;
 text-align: left !important;
 height: auto;
 white-space: normal;
}
.responsive .st-nav ul.st-hmenu>li:first-child>a {
 margin-top: 0 !important;
}
.responsive .st-nav ul.st-hmenu>li:last-child>a {
 margin-bottom: 0 !important;
}
/* fixes for extended menu */
.responsive .st-nav .ext, .responsive .st-nav ul.st-hmenu>li>ul, .responsive .st-nav ul.st-hmenu>li>ul>li, .responsive .st-nav ul.st-hmenu>li>ul>li a {
 width: auto !important;
}
/* submenu position on hover */
.responsive .st-nav ul.st-hmenu ul {
 left: auto !important;
 right: auto !important;
 top: auto !important;
 bottom: auto !important;
 display: none !important;
 position: relative !important;
 visibility: visible !important;
}
.st-nav .st-menu-btn {
 display: none;
 margin: 4px;
 outline: none;
 padding: 6px;
 position: relative;
 vertical-align: bottom;
 width: 25px;
}
.st-nav .st-menu-btn span {
 background: #fff;
 border-radius: 2px;
 display: block;
 height: 3px;
 margin: 3px 1px;
 position: relative;
 -moz-transition: background .2s;
 -o-transition: background .2s;
 -webkit-transition: background .2s;
 transition: background .2s;
}
.st-nav .st-menu-btn:hover span {
 background: #f3f3f3;
}
.responsive .st-nav .st-menu-btn {
 display: inline-block;
}
.responsive .st-nav .st-hmenu.visible {
 display: block;
}
.responsive .st-nav ul.st-hmenu>li>ul>li:first-child:after {
 display: none;
}
.responsive .st-nav ul.st-hmenu ul a {
 padding-left: 4% !important;
}
.responsive .st-nav ul.st-hmenu ul ul a {
 padding-left: 6% !important;
}
.responsive .st-nav ul.st-hmenu ul ul ul a {
 padding-left: 8% !important;
}
.responsive .st-nav ul.st-hmenu ul ul ul ul a {
 padding-left: 10% !important;
}
.responsive .st-nav ul.st-hmenu ul ul ul ul ul a {
 padding-left: 12% !important;
}
.responsive .st-nav ul.st-hmenu>li>ul {
 padding: 5px;
}
.responsive .st-nav ul.st-hmenu>li>ul:before {
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}
}
.responsive .st-header {
 width: auto !important;
 max-width: none !important;
 min-height: 100px !important;
 min-width: 0 !important;
 text-align: center;
}
.default-responsive .st-header {
 height: auto;
}
.default-responsive .st-header * {
 position: relative;
 text-align: center;
 -webkit-transform: none !important;
 -moz-transform: none !important;
 -o-transform: none !important;
 -ms-transform: none !important;
 transform: none !important;
}
.default-responsive .st-header .st-headline, .default-responsive .st-header .st-slogan {
 display: block !important;
 top: 0 !important;
 left: 0 !important;
 margin: 2% !important;
 text-align: center !important;
}
.default-responsive .st-header .st-headline a, .default-responsive .st-header .st-slogan {
 white-space: normal !important;
}
.default-responsive .st-header .st-logo {
 display: inline-block;
 margin: auto !important;
 left: auto;
 top: auto !important;
 width: auto;
 height: auto;
}
.responsive .st-header .st-slidenavigator {
 position: absolute;
}
.default-responsive .st-header .st-positioncontrol {
 display: block !important;
 position: relative !important;
 top: auto !important;
 right: auto !important;
 bottom: auto !important;
 left: auto !important;
 margin: 2% auto !important;
 width: auto !important;
 height: auto !important;
}
.responsive .st-header #st-flash-area {
 display: none;
}
/* Search and other elements in header element directly */
.default-responsive .st-header>.st-textblock {
 position: relative !important;
 display: block !important;
 margin: 1% auto !important;
 width: 75% !important;
 top: auto !important;
 right: auto !important;
 bottom: auto !important;
 left: auto !important;
}
.default-responsive .st-header .st-textblock {
 position: relative !important;
 display: block !important;
 margin: auto !important;
 left: 0 !important;
 right: 0 !important;
 top: auto !important;
 height: auto !important;
 width: auto;
 background-image: none;
}
/* '.st-header *' used noram align, but for '.st-textblock *' we must force align because of preview */
.responsive .st-header .st-textblock * {
 text-align: center !important;
}
.default-responsive .st-header .st-shapes > .st-textblock, .default-responsive .st-header .st-slide-item > .st-textblock {
 display: none !important;
}
.default-responsive .st-header .st-shapes > .st-textblock * {
 text-align: center !important;
 width: auto !important;
 height: auto !important;
 display: block;
}
.default-responsive .st-header .st-slider .st-textblock * {
 text-align: center !important;
 width: auto !important;
 height: auto !important;
 display: block;
}
/* For icons like facebook, rss, etc. */
.responsive .st-header>.st-textblock>div {
 width: 100%;
}
.responsive .st-content-layout, .responsive .st-content-layout-row, .responsive .st-layout-cell {
 display: block;
}
.responsive .st-layout-cell {
 width: auto !important;
 height: auto !important;
}
.responsive .st-content-layout:after, .responsive .st-content-layout-row:after, .responsive .st-layout-cell:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.responsive .responsive-tablet-layout-cell, .responsive.responsive-tablet .st-footer .st-content-layout .st-layout-cell {
 margin: 1%;
 width: 98% !important;
 float: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.responsive .responsive-layout-row-2 .responsive-tablet-layout-cell, .responsive.responsive-tablet .st-footer .st-content-layout .responsive-layout-row-2 .st-layout-cell {
 width: 48% !important;
}
.responsive .responsive-layout-row-3 .responsive-tablet-layout-cell, .responsive.responsive-tablet .st-footer .st-content-layout .responsive-layout-row-3 .st-layout-cell {
 width: 31% !important;
}
.responsive .st-post {
 border-radius: 0;
}
.responsive .st-footer-inner {
 width: auto;
 padding: 2% !important;
}
.responsive .logocont {
 margin-top: 0;
}
.responsive img.logo {
 padding-top: 2%;
 padding-bottom: 2%;
 padding-left: 5%;
 padding-right: 5%;
}