/*
 * Theme Name: Quilting
 * Description: Quilting is fully responsive, clean and minimal WordPress theme. It has various options in WordPress Customizer to change look of the theme - primary design color, background and header, page layout (left or right sidebar, full or centered content). Clean valid code, semantic markup, markup by Schema.org, full adaptation to mobile devices. Quilting is ready to use with child themes and gives for developers simple design change with custom hooks and action. Translation Ready (English, Russian, Ukrainian, French, German, Polish, Turkish). Fully compatible with WPML, WooCommerce, bbPress.
 * Theme URI: https://united.com
 * Author: Quilting
 * Author URI: https://united.com
 * Version: 1.3.10
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: two-columns, one-column, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, microformats
 * Text Domain: quilting
 */



/* reset & 12 columns
 * ============================================================================ */ 
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { padding: 0; margin: 0; font-size: 100%; vertical-align: baseline; border: 0 }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block }
body { line-height: 1 }
#comments { display: none!important }
ol, ul { list-style: none }
a:focus { outline: 0 }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: '' }
table { border-collapse: collapse; border-spacing: 0 }
img, object, embed, video { max-width: 100% }
object, embed, video { width: 100% }
img { height: auto; vertical-align: middle; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -ms-interpolation-mode: bicubic }
svg:not(:root) { overflow: hidden }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "" }
.clearfix:after { clear: both }
.grid { width: 90%; margin-left: auto; margin-right: auto }
.grid [class*=col] { width: 100%; margin-left: 0 }
@media screen and (min-width:1024px) {
.grid { width: 100% }
.grid [class*=col] { float: left }
.grid:after, .grid:before, .grid .newrow:before { display: table; line-height: 0; content: "" }
.grid:after, .grid .newrow, .grid .newrow:before { clear: both }
.grid [class*=col] { margin-left: 1.694915254%; margin-right: 0 }
.grid .newrow, .grid [class*=col]:first-of-type { margin-left: 0 }
.grid .col1 { width: 6.779661017% }
.grid .col2 { width: 15.25423729% }
.grid .col3 { width: 23.72881356% }
.grid .col4 { width: 32.20338983% }
.grid .col5 { width: 40.6779661% }
.grid .col6 { width: 49.15254237% }
.grid .col7 { width: 57.62711864% }
.grid .col8 { width: 66.10169492% }
.grid .col9 { width: 74.57627119% }
.grid .col10 { width: 83.05084746% }
.grid .col11 { width: 91.52542373% }
.grid .col12 { width: 100% }
}
.fl { float: left }
.fr { float: right }
.b { font-weight: bold }
.i { font-style: italic }
.tl { text-align: left }
.tc { text-align: center }
.tr { text-align: right }
.pn { padding: 0 }
.mn { margin: 0 }
.hide { display: none }
/* ============================================================================ */


/* ============================================================================
 *		LAYOUT
 * ============================================================================ */
html { height: 100%; }
body { width: 100%; min-width: 280px; background: #fff; font-size: 17px; line-height: 27px; color: #636363 }
* { box-sizing: border-box }
.wpml-ls-display { display: none }
.wpml-ls-legacy-list-horizontal { padding: 17px 30px 7px 10px!important; }
.deskmenu .wpml-ls-legacy-list-horizontal{padding: 65px 0 0 0 !important; position: absolute; top: 100%; left: calc(100% + 50px);}
.modula-item-overlay, .modula-item-content, .modula-item .figc { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none!important }
.modula-item .figc { padding: 15px!important;text-align: center !important; }
.modula-item .figc .figc-inner { background: rgba(205,57,133,0.8)!important; width: 100%; height: 100%; padding: 20px; text-align: center !important; }
.modula-item-content h2 { border: none; }
.modula-item .figc { text-align: center; opacity: 0; }
.modula-item:hover .figc { opacity: 1 }
.modula-item .figc h2, .modula-item .figc .description { border: none; padding: 0!important; margin: 0!important; width: 100%;text-align: center !important; }
.modula-item .figc .description { line-height: 16px!important }
.modula-item .figc h2 { padding-bottom: 10px!important; line-height: 22px!important; padding-top: 15px!important }
.modula-item .figc h2:after { display: none }
.wp-caption .wp-caption-text { text-align: center; }
.modula .modula-item.effect-pufrobo h2, .modula .modula-item.effect-pufrobo p { position: static!important; transform: none!important }
.figc-inner { text-align: center }
/**---- custom css ------**/
a.close, .mobilemenu { opacity: 0; display: none }
.wrapper { margin: 0 auto; }
#header { min-height: 90px; background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; z-index: 9; padding: 20px 0 }
#main { padding: 60px 0; margin: 0 auto; position: relative; }
#content { width: 100%; float: none; }
#sidebar { display: none; }
#sidebar.block { display: block; }
#footer { width: 100%; padding: 20px 0; margin: 0; }
.maxwidth, #wrapper { margin: 0 auto; position: relative; width: 90%; max-width: 1260px; }
.maxwidth { width: 100%; }
.home #wrapper { width: 100%; max-width: 100%; background: none; position: relative }
.flex_row { width: 100%; display: flex }
#header .logo { max-width: 325px; margin: 15px 0 0 160px }
.home #header .maxwidth { border: none; margin: 0 auto; padding: 0; position: static }
.home #header .maxwidth #menutoggle.open { position: absolute; top: 19px; right: 50%; margin-right: -455px; }
body:not(.home) #menutoggle.open{position: absolute; top: 19px; right: 50%; margin-right: -460px;}
.cmenu { text-align: right; width: calc(100% - 325px); }
.cmenu .lm_box { display: flex; justify-content: flex-end; }
.cmenu .rm_box { display: flex; justify-content: flex-end; }
.cmenu .lm_box .wpml-ls-legacy-list-horizontal { height: 50px }
.home .cmenu { width: calc(100% - 577px); justify-content: flex-end; display: flex; }
.cmenu .wpml-ls-legacy-list-horizontal a, .cmenu .wpml-ls-legacy-list-horizontal span { color: #707070; font-size: 15px; padding: 1px 2px; line-height: 15px; width: 18px; white-space: nowrap; overflow: hidden; letter-spacing: 5px; }
.cmenu .wpml-ls-legacy-list-horizontal li:first-child a { border-right: 1px solid #707070; margin-left: 2px }
nav .wpml-ls-legacy-list-horizontal a, nav .wpml-ls-legacy-list-horizontal span { color: #fff; padding: 1px 5px; line-height: 24px!important; white-space: nowrap; overflow: hidden; width: auto!important; color: #fff!important; letter-spacing: 0!important; font-size: 20px!important; font-weight: 300 }
nav .wpml-ls-legacy-list-horizontal ul { display: block!important; text-align: right; height: auto!important }
nav .wpml-ls-legacy-list-horizontal li { display: block!important }
nav .wpml-ls-legacy-list-horizontal li a { display: inline-block }
nav .wpml-ls-legacy-list-horizontal li a span:hover{ color: #e4e2e2!important;}
nav .wpml-ls-legacy-list-horizontal li:first-child a { border: none!important; margin-left: 0 }
#menu { background: #cd3985 url( img/menu_line_bg.png) no-repeat center top; background-size: contain; width: 100%; height: 100vh; }
#header #menu { position: fixed; left: 0; top: -1000%; width: 100%; height: auto; transition: all ease 0.3s; text-align: left }
#menu .logo, #menu .mlogo { margin: 0 0 0 -100px }
.home #header .logo { max-width: 612px; margin: -285px 0 0 }
.home #header .maxwidth { /*max-width: 1070px;*/  max-width: 1260px; padding: 0 15px }
.home #header #menutoggle span { }
.home #header #menutoggle span:nth-child(1) b, .home #header #menutoggle span:nth-child(2) b, .home #header #menutoggle span:nth-child(3) b { width: 16px; height: 6px; border-radius: 5px; margin: 0 2px; background: #f68e27; }
.home #header #menutoggle.open span:nth-child(1) b, .home #header #menutoggle.open span:nth-child(2) b, .home #header #menutoggle.open span:nth-child(3) b { width: 16px; height: 6px; border-radius: 5px; margin: 0 2px; background: #fff; }
.menu { display: flex; width: 100%; border-top: 1px solid #fff; padding: 55px 0 0; margin-top: 25px }
.menu>li { width: 50%; padding-right: 20px }
.menu>li:last-child { width: 150px }
.menu>li>a, .menu>li>span, .menu-1 a, .menu-1 span { font-size: 30px; font-weight: 700; color: #fff; }
.menu>li ul { padding-top: 15px }
.menu>li li { width: 100%; padding: 5px 0 }
.menu>li li a:hover, .menu>li li span { color: #ed9ec7 }
.menu a, .menu span { font-size: 25px; line-height: 30px; color: #fff; text-decoration: none; font-weight: 300 }
#header .current-menu-item span { color: #ffee93; text-decoration: none }
#header a:hover { color: #ffee93; }
#header .sub-menu a:hover{ color: #e4e2e2; }
#header .sub-menu .current-menu-item span {
    color: #e4e2e2;
}
#header #menu .maxwidth { max-width: 665px; padding-top: 60px }
#header #menu.open { top: 0; height: 100%; overflow: auto; display: block; z-index: 99 }
#menutoggle { width: 65px; height: 49px; position: relative; display: inline-block; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 999; margin-top: 15px }
#menutoggle span { display: block; position: absolute; height: 5px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; line-height: 0; font-size: 0 }
#header #menutoggle.open span:nth-child(1) b, #header #menutoggle.open span:nth-child(2) b, #header #menutoggle.open span:nth-child(3) b { width: 16px; height: 6px; border-radius: 5px; margin: 0 2px; background: #fff; }
#menutoggle.open span { }
#menutoggle span:nth-child(1) { top: 0px; border-radius: 5px; display: flex }
#menutoggle span:nth-child(2) { top: 20px; border-radius: 5px; display: flex }
#menutoggle span:nth-child(3) { top: 40px; border-radius: 5px; display: flex }
#menutoggle span:nth-child(1) b, #menutoggle span:nth-child(2) b, #menutoggle span:nth-child(3) b { width: 16px; height: 6px; border-radius: 5px; margin: 0 2px; background: #638357; }
#menutoggle.open span:nth-child(1) { top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); border-radius: 5px }
#menutoggle.open span:nth-child(2) { opacity: 0; left: -60px; border-radius: 5px }
#menutoggle.open span:nth-child(3) { top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); border-radius: 5px }
body.custom-background .wrapper { margin: 0 auto; background: #fff; max-width: 1070px; }
.slide_container .banner { width: 100%; height: 80vh; object-fit: cover }
.slide_container .overlay { position: absolute; top: 0; right: 0 }
.slide_container .maxwidth { padding: 0; margin: 0 auto }
.search-no-results h1 { text-align: center; font-size: 20px; padding-bottom: 20px }
.search-no-results .searchform { margin: 0 auto; max-width: 400px }
.searchform .s { border-radius: 0 }
.search-no-results .inner_banner { background: #fdc747 url(img/search.png) no-repeat center center!important; background-size: contain!important }
.search-no-results .inner_banner .title_box { display: none }
.slide_container .slick-next, .slide_container .slick-prev { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; }
.modula-items { margin-bottom: 60px }
/* @-webkit-keyframes jump { 0% {
 -webkit-transform: translate3d(10%, 0, 0);
 transform: translate3d(10%, 0, 0);
}
 100% {
 -webkit-transform: translate3d(0, 100%, 10%);
 transform: translate3d(0, 50%, 10%);
}
}
 @keyframes jump { 0% {
 -webkit-transform: translate3d(10%, 0, 0);
 transform: translate3d(10%, 0, 0);
}
 100% {
 -webkit-transform: translate3d(0, 100%, 10%);
 transform: translate3d(0, 50%, 10%);
}
}
h2:after, h1:after, .h1:after { animation: expand_center 5000ms infinite; animation-fill-mode: forwards; }
@keyframes expand_center {  0% {
 clip-path: polygon(50% 100%, 50% 0, 50% 0, 50% 100%);
 -webkit-clip-path: polygon(50% 100%, 50% 0, 50% 0, 50% 100%);
}*/
/* 100% {
 clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
 -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
}
}*/
.staff_container img { max-height: 70px; width: auto; max-width: none }
.staff_container h3 { text-transform: uppercase; font-size: 15px; font-weight: bold; color: #fff; padding: 10px 0 0 }
.about_box { padding: 100px 0; font-size: 26px; line-height: 44px; color: #0068ab; text-align: center; font-weight: 500; }
.about_box strong { display: block; padding: 10px 0 0; font-size: 19px; font-weight: normal }
.about_box ul { display: flex; font-weight: 600; padding: 0 15px }
.about_box li { padding: 0 130px 0 20px; background: url(img/arrow_big.png) no-repeat right center; }
.about_box li:last-child { background: none; padding: 0 0 0 50px }
.search_container { padding: 340px 0 40px; width: 100% }
.search_container .box { background: rgba(122,183,50,0.9); padding: 50px 25px; text-align: center; color: #fff }
.search_container .btn { border: 2px solid #ccdfb7; color: #fff; padding: 5px 20px; font-size: 22px; line-height: 26px; text-decoration: none; font-weight: normal; display: inline-block; margin: 30px 0 0; background: none }
.search_container .btn:hover { background: #c1ea69; border-color: #c1ea69 }
button.btn a { text-decoration: none }
button.btn:hover a { text-decoration: none; color: #fff }
button.btn i { color: #0068ab; }
button.btn:hover i { color: #fff }
.error404 .inner_banner { background: #7ab732 url(img/404.png) no-repeat center center!important; background-size: contain!important }
.error404 .inner_banner .title_box { display: none }
.error404 .inner_container { text-align: center }
.error404 .searchform, .search-results .searchform { margin: 0 auto; float: none; display: inline-block }
.search-results .inform { text-align: center; padding: 0 0 20px }
.search-results .inform h1 { padding: 0 0 10px }
.search-results .status-publish { margin: 0; padding: 10px; border: 1px solid #f2f2f2 }
.search-results .status-publish h2 { margin: 0; padding: 0 }
.search-results .serp::before { display: none }
.search_container h2 { font-size: 32px; color: #222; font-weight: normal }
.blog_list { width: 100%; padding: 50px 0 }
.blog_list ul, .blog_list li { width: 100%; }
.blog_list li { padding: 30px 0 }
.blog_list li .post { display: flex; font-size: 17px; line-height: 23px; color: #191919 }
.blog_list li .post figure { width: 480px }
.blog_list li .post figure img { width: 100% }
.blog_list li .post .details { padding: 0 0 0 100px }
.btn, .more-link { padding: 15px 25px; text-transform: uppercase; font-weight: 700; color: #272727; border: 1px solid #272727; display: inline-block; clear: both; text-decoration: none; margin: 10px 0 0; background: #fff; border-radius: 0 }
.btn:hover, .more-link:hover { border-color: #272727; background: #272727; color: #fff }
.blog_list li h3 { font-size: 21px; line-height: 30px; color: #191919; padding: 0 0 20px }
.blog_list li p { width: 100%; display: block }
.inner_banner { padding: 235px 0 25px }
.inner_banner .title_box { padding: 30px 0 20px; filter: alpha(opacity=90); -moz-opacity: 0.9; /* Mozilla */ opacity: 0.9; text-align: center }
.inner_banner h1 { font-size: 32px; color: #fff; font-weight: normal }
.inner_banner h1:after { filter: alpha(opacity=60); -moz-opacity: 0.6; /* Mozilla */ opacity: 0.6; }
.blog_bg .title_box { padding: 30px 0 20px; filter: alpha(opacity=90); -moz-opacity: 0.9; /* Mozilla */ opacity: 0.9; text-align: center; background: #0068ab; font-size: 32px; color: #fff; padding: 30px 0 20px }
.blog_bg .title_box h1:after { content: ''; display: block; width: 200px; height: 2px; background: #08a1de; margin: 15px auto 0; clear: both }
.inner_container { width: 100%; padding: 10px 0 150px 38% }
.inner_container h2 { font-size: 26px; color: #0068ab; padding: 0 0 20px }
.inner_container h3 { font-size: 20px; font-weight: bold; padding: 0 0 10px; line-height: 24px; }
.inner_container p, .inner_container li, .inner_container blockqoute { font-size: 15px; line-height: 24px; padding: 0 0 30px!important }
.inner_container .custom_list { width: 100%; display: flex; flex-wrap: wrap; padding: 20px 0 40px; margin: 0 }
.inner_container .custom_list li { width: 50%; padding: 7px 40px 7px 25px; background: url(img/square_icon.png) no-repeat 0 13px; }
.single .blog_box { list-style: none }
.blog_container { padding: 60px 0 }
.blog_box_list li h2, .alm-reveal li h2, .blog_box_list li h3, .alm-reveal li h3 { font-size: 20px; line-height: 28px; }
.blog_box_list, .alm-reveal { width: 100%; display: flex; flex-wrap: wrap; }
.blog_box_list li, .alm-reveal li { width: 33%; padding: 10px!important; margin-bottom: 20px }
.alm-reveal li img, .blog_box_list li img { position: static!important; }
.alm-reveal li figure, .blog_box_list li figure { margin-bottom: 20px; overflow: hidden }
 @media (min-width:768px) {
.alm-reveal li .fluid-width-video-wrapper, .blog_box_list li .fluid-width-video-wrapper { padding-top: 53.3914%!important }
}
.post .flex_row ul { width: 50%; font-size: 16px; }
.post .flex_row ul li { padding: 0 0 30px 51px; background: url(img/icon2.png) no-repeat 0 0; }
.post .flex_row ul li:first-child { background: url(img/icon1.png) no-repeat 0 0; }
.post .flex_row ul strong { font-size: 18px; line-height: 30px; }
.post .flex_row .wpcf7 { width: 50% }
.category_box .categories { width: 100%; display: flex }
.category_box .categories ul { width: 100%; display: flex }
.wpcf7 input, .wpcf7 textarea { border: 1px solid #676767; font-size: 16px; font-weight: 600; color: #676767; text-transform: capitalize; margin: 0 0 15px; width: 100%; border-radius: 0; padding: 10px; }
input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-color: #ff0000 }
#footer .copyright { font-size: 12px; line-height: 16px; max-width: 500px }





/* adaptive layout */
@media screen and (min-width: 1024px) {
.header-image { margin: 0 auto; position: relative; width: 90%; max-width: 1080px; }
#content { width: 67.12962962962963%; float: left; }
#sidebar { width: 27.77777777777778%; margin-top: 0; float: right; display: block; }
.layout-leftbar #sidebar { float: left; }
.layout-leftbar #content { float: right; }
.layout-full #sidebar { display: none; }
.layout-full #content { float: none; width: 100%; }
.layout-center #sidebar { display: none; }
.layout-center #content { float: none; width: 70%; margin-left: auto; margin-right: auto; }
.wrapper { width: 100%; }
}
/* ============================================================================ */


.menuon { height: 100%; overflow: hidden }
/* ============================================================================
 *		inline HTML TAGS
 * ============================================================================ */
body { font: 16px/1.4 'Ubuntu', sans-serif; color: #888888; word-wrap: break-word; }
a { color: #888888; }
a:hover { color: #0068ab; }
p { padding: 0 0 1em 0; }
p:last-child { padding-bottom: 0; }
h1, h2, h3, h4, h5, h6, .wtitle, .title { margin: 0; padding: 0 0 0.5em; line-height: 1.1; font-family: 'Ubuntu', sans-serif; font-weight: 500; color: #636363 }
h1 { font-size: 25px; }
h2 { font-size: 25px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5, h6 { font-size: 18px; }
h1, h2, h3, h4, h4, h6 { color: #666666 }
h1, h2 { font-size: 25px; font-weight: 500; line-height: 32px; text-transform: uppercase }
 @media screen and (min-width: 768px) {
h1 { font-size: 25px; }
h2 { font-size: 25px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5, h6 { font-size: 18px; }
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
blockquote, q { position: relative; padding: 30px 30px 30px 80px; margin: 10px 0 20px 30px; color: #444; font-family: 'Ubuntu', sans-serif; background: #EFEFEF; border-left: 3px solid #0068ab; border-radius: 3px; display: block; }
blockquote:after { content: '”'; position: absolute; top: 10px; left: 20px; font-size: 4em; line-height: 1; }
table th { background: #ddd; border-right: 1px solid #fff; padding: 10px 20px; }
table tr th:last-child { border-right: 1px solid #ddd; }
table td { padding: 5px 20px; border: 1px solid #ddd; }
pre { background: #f5f5f5; border: 1px solid #ddd; padding: 10px; text-shadow: 1px 1px rgba(255, 255, 255, 0.4); font-size: 12px; line-height: 1.25; margin: 0 0 1em 0; overflow: auto }
sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline }
sup { bottom: 1ex }
sub { top: .5ex }
small { font-size: 75% }
big { font-size: 125% }
/* ============================================================================
 *		FORM HTML TAG
 * ============================================================================ */
input, textarea, select, button { padding: 10px 10px 10px 0; border-color: #ddd; -webkit-border-radius: 5px; border-radius: 5px; font: 300 16px/1.25 'Open Sans', Tahoma, Verdana, Segoe, sans-serif; color: #222; }
textarea { min-height: 90px; max-width: 100%; box-sizing: border-box; }
textarea, select, input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=time], input[type=month], input[type=week], input[type=number], input[type=search] { padding: 9px 10px; border-width: 1px; border-style: solid; min-height: 20px;/*height: 20px; */ }
input[type=search] { height: 40px; }
input[type=color] { padding: 0; border: 0; background: #fff; }
input:focus, textarea:focus, select:focus { outline: none; border-color: #0068ab; -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.08); box-shadow: inset 0 0 8px rgba(0,0,0,0.08); }
input[type=submit], input[type=button], button, .submit, .button { padding: 10px 20px; min-height: 20px; /*height: 40px;*/ line-height: 20px; border: 0; background-color: #0068ab; color: #fff; cursor: pointer; }
input[type=submit]:hover, input[type=button]:hover, button:hover, .submit:hover, .button:hover { opacity: 0.9; }
.wpcf7-submit[type=submit] { border: 1px solid #474848; padding: 20px 40px; color: #676767; text-transform: uppercase; font-size: 17px; font-weight: 700; background: #fff; max-width: 150px }
.wpcf7-submit[type=submit]:hover { background: #474848; color: #fff }
/* ============================================================================ */



/* ============================================================================
 *		HEADER
 * ============================================================================ */

.sitedescription {/*text-align: center;*/ padding-top: 10px; }
.sitetitle.center .custom-logo { margin-left: auto; margin-right: auto; }
.sitetitle.right .custom-logo { margin-left: auto; margin-right: 0; }
.custom-logo-top { display: block; margin-bottom: 20px; }
.custom-logo-bottom { display: block; margin-top: 20px; }
.sitetitle.right .custom-logo-right, .sitetitle.left .custom-logo-right { margin-left: 20px; margin-right: 0; }
.sitetitle.left .custom-logo-left, .sitetitle.right .custom-logo-left { margin-left: 0; margin-right: 20px; }
 @media screen and (min-width: 768px) {
#logo { font-size: 60px; }
}
/* mobile navigation button */
#mobile-menu { display: block; padding: 15px 0; text-decoration: none; text-transform: uppercase; color: #fff; text-align: center; font-weight: 500; cursor: pointer; background: #0068ab;/*#eee;*/ z-index: 999; position: relative; }
#mobile-menu:hover { opacity: 0.8; }
/* header navigation */
.topnav nav { display: none; z-index: 9999; }
.top-menu { background: #0068ab; position: absolute; z-index: 1000; width: 90%; left: 5%; }
.top-menu li { padding: 0; display: block; }
.top-menu li a, .top-menu li span { display: block; padding: 15px 20px; color: #fff; line-height: 20px; font-weight: 500; text-decoration: none; position: relative; cursor: pointer; }
.top-menu li a:hover, .top-menu li span:hover, .top-menu li .sub-menu > li > a:hover, .top-menu li .sub-menu > li > span:hover { background-color: rgba(255,255,255,0.2); }
.top-menu .current_page_item > a, .top-menu .current_page_item > span, .top-menu .current-menu-item > a, .top-menu .current-menu-item > span { background-color: rgba(0, 0, 0, 0.22) }
.top-menu .current-menu-item > a:hover, .top-menu .current-menu-item > span:hover { color: #fff; }
.top-menu .sub-menu { margin: 0; }
 @media screen and (min-width: 1024px) {
.top-menu .open-submenu:after, .top-menu .open-submenu { display: none; }
}
 @media screen and (max-width: 1140px) {
#header .right_details { padding-left: 20px }
.staff_container img { max-height: 55px }
.staff_container h3 { white-space: nowrap; font-size: 12px; }
.staff_container .box ul li { padding: 10px; }
.blog_list li .post figure { width: 300px }
.blog_list li .post .details { padding-left: 20px }
}
@media screen and (max-width: 767px) {
.slide_container .banner_content { max-width: 100% }
.slide_container .slide h2 { font-size: 35px; line-height: 40px }
.slide_container .slide h2 br { display: none }
.staff_container .box ul { display: block; width: 100% }
.staff_container .box ul li { width: 100%; display: flex }
.staff_container .box ul li figure img { width: 40px; height: auto!important; max-height: none!important; margin: 0 20px 0 0 }
.staff_container .box ul li h3 { padding: 10px 0 0 }
.staff_container h3 { font-size: 15px; }
.staff_container h2 { font-size: 26px; }
.staff_container { width: 90%; margin-left: 5%; margin-right: 5% }
.about_box { padding: 20px 0 }
.about_box ul { display: block }
.about_box ul li { width: 100%; text-align: center; padding: 15px 15px 120px; background: url(img/down_arrow.png) no-repeat center bottom }
.about_box ul li:last-child { padding: 15px }
.flex_row { width: 100%; display: block }
}
 @media screen and (max-width: 640px) {
.blog_list li .post { display: block }
.blog_list li .post figure { width: 100%; padding-bottom: 15px }
.blog_list li .post .details { padding-left: 0; width: 100% }
}
 @media screen and (max-width: 1023px) {
.topnav { background: #0068ab; }
.top-menu { margin-top: 1px; box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.25); }
.top-menu .sub-menu li a { padding: 10px 20px; }
.top-menu .sub-menu { margin: 0 0 0 20px; font-size: 14px; }
.top-menu li.menu-item-has-children { position: relative; }
.top-menu li.menu-item-has-children > .open-submenu { width: 50px; height: 50px; position: absolute; top: 0; right: 0; background: rgba(255,255,255,0.3); box-sizing: border-box; font-size: 24px; line-height: 50px; padding: 0; text-align: center; }
.top-menu a { border-bottom: 1px solid #ffffff1a; }
.top-menu .sub-menu li.menu-item-has-children > .open-submenu { height: 40px; line-height: 40px; }
.top-menu .sub-menu.closed { display: none; }
.top-menu .submenu-opened .sub-menu.closed { display: none; }
.top-menu .open-submenu:before { content: '+'; position: absolute; width: 100%; top: 0; left: 0; }
.top-menu .submenu-opened > .open-submenu:before { content: '–'; }
#header .menu li a, #header .menu li span { padding: 7px }
#header .menu li { font-size: 14px; }
#header .right_details .connect { font-size: 15px; }
.about_box { font-size: 24px; line-height: 30px; }
.about_box li br { display: none }
.about_box li { padding: 0 130px 0 0; }
}
/* ============================================================================ */



/* ============================================================================
 *		CONTENT
 * ============================================================================ */
.entry-box { margin: 30px 0 0; }
.entry-box .entry { padding-bottom: 30px; }
.entry-box ul, .entry-box ol { margin: 0.5em 0 1em 50px; }
.entry-box ul { list-style: outside url("img/li.svg"); }
.entry-box ol { list-style: decimal; }
.entry-box ul ul, .entry-box ul ol, .entry-box ol ol, .entry-box ol ul { margin-top: 0; margin-bottom: 0; }
.entry-box li { padding-top: 5px; }
.entry-box ul li { padding-left: 5px; position: relative; }
.ftrwidget ul { list-style: outside url("img/li.svg"); }
.video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; margin-bottom: 1em; }
.video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
.comment-body ol, .comment-body ul { margin: 0.2em 0 0.5em 40px }
.comment-body ul { list-style-type: disc; }
.comment-body ol { margin-left: 40px; list-style-type: decimal; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6 { padding-top: 30px; padding-bottom: 10px; }
.sticky { border: 5px solid #eee; padding: 30px; }
.screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.6); clip: auto!important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.blog-home-header { margin-bottom: 50px; }
.brand_logos { width: 100%; margin: 40px 0 0; padding: 0; text-align: center }
.brand_logos li { display: inline-block; vertical-align: middle; margin: 5px 10px; }
/* ANONS 
 * ----------------------------------------- */
.anons { margin-bottom: 60px; }
.anons h2 { font-size: 30px; padding-bottom: 0; }
.anons-thumbnail { display: none; }
.anons-thumbnail.show { display: block; }
.anons img { margin-bottom: 15px; margin-top: 5px; max-width: 100%; height: auto; }
.largeimage { margin: 0 0 1em; max-width: 100%; height: auto; }
.medium, .thumbnail { float: left; margin: 5px 1.5em 0.5em 0; }
.medium { max-width: 50%; height: auto; }
.thumbnail { max-width: 30%; height: auto; }
/*.more-link-box {text-align: right;}
.more-link { display: inline-block; padding: 10px 20px; background: #0068ab; color: #fff; text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; position: relative; }
.more-link:after { content: '➤'; float: right; margin-left: 10px; margin-right: -5px; }
.more-link:hover { opacity: 0.8; color: #fff; }*/

	
/* __________ post __________ */
.meta { margin: 10px 0 0; font-size: 12px; }
.meta span { padding-right: 20px; }
.meta span.hide { display: none; }
.meta .fa { padding: 0 5px 0 0; }
.meta, .meta a { color: #999999; }
.meta a { text-decoration: none; }
.meta a:hover { text-decoration: underline; }
/* __________ archive __________ */
.inform { margin-bottom: 2em; border-bottom: 1px dotted #e2e2e2; }
.inform h1 { font-size: 20px; }
.inform .archive-desc { padding: 0 0 2em 4em; }
/* __________ socialshare __________ */
.social_share { margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid #DDD; }
.social_share li, .social_share ul { margin: 0 !important; padding: 0 10px 0 0 !important; list-style: none; }
.social_share li:before { display: none; }
.psb { display: block; float: left; height: 40px; width: 40px; margin: 0 10px 0 0; background: url(img/socialshare.png) 0 0 no-repeat; transition: top 0.3s; position: relative; top: 0; }
.psb, .share42-item { transition: top 0.3s; position: relative; top: 0; }
.psb:hover, .share42-item:hover { position: relative; top: 3px; }
.fb { background-position: 0 0; }
.ok { background-position: -80px 0; }
.tw { background-position: -40px 0; }
.vk { background-position: -120px 0; }
.gp { background-position: -160px 0; }
/* __________ images __________*/
.entry iframe { max-width: 100%; }
.entry img { max-width: 100%; height: auto; margin-bottom: 10px; margin-top: 8px; }
.alignleft img { display: block; margin: 0 auto 0 0; }
.alignright img { display: block; margin: 0 0 0 auto; }
img.alignleft, .alignleft { float: left; margin-right: 20px; margin-left: 0; }
img.alignright, .alignright { float: right; margin-left: 20px; margin-right: 0; }
.aligncenter, div.aligncenter, img.centered { display: block; margin-left: auto; margin-right: auto; }
.entry .attachment, .entry .caption, .entry .gallery-caption { text-align: center; }
.entry .attachment .navigation { height: 150px; }
.wp-caption, .attachment img { text-align: center; max-width: 100%; }
.wp-caption img { margin-top: 0; margin-bottom: 0; }
.wp-caption-text, .wp-caption p.wp-caption-text { font-size: 12px; color: #222; margin: 0 0 15px; }
.entry .wp-smiley { margin: 0; padding: 0; border: 0; }
/* __________ galleries __________*/
.gallery { border: 2px solid #eee; padding: 15px 20px; margin: 20px 0 30px; }
.gallery:after { content: ''; display: table; clear: both; }
.gallery-item img { display: block; margin: 0 auto; }
.gallery-columns-1 .gallery-item { width: 100%; padding: 10px 0; }
.gallery-columns-2 .gallery-item { width: 48%; padding: 10px 1%; float: left; }
.gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: both; }
.gallery-columns-3 .gallery-item { width: 31.33333333333333%; padding: 10px 1%; float: left; }
.gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: both; }
.gallery-columns-4 .gallery-item { width: 23%; padding: 10px 1%; float: left; }
.gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: both; }
.gallery-columns-5 .gallery-item { width: 18%; padding: 10px 1%; float: left; }
.gallery-columns-5 .gallery-item:nth-child(5n+1) { clear: both; }
.gallery-columns-6 .gallery-item { width: 14.88888888888867%; padding: 10px 1%; float: left; }
.gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: both; }
.gallery-columns-7 .gallery-item { width: 12.28571428571429%; padding: 10px 1%; float: left; }
.gallery-columns-7 .gallery-item:nth-child(7n+1) { clear: both; }
.gallery-columns-8 .gallery-item { width: 10.5%; padding: 10px 1%; float: left; }
.gallery-columns-8 .gallery-item:nth-child(8n+1) { clear: both; }
.gallery-columns-9 .gallery-item { width: 10%; padding: 10px 0.5555555555555556%; float: left; }
.gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: both; }
/* __________ paginate __________ */
.nav-links { line-height: 40px; }
.nav-links a { text-decoration: none; }
.nav-links .page-numbers { padding: 4px 12px 6px; margin-right: 5px; background: #ddd; color: #444; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: background, color 0.3s; transition: background, color 0.3s; }
.nav-links a:hover, .nav-links .current { background: #0068ab; color: #fff; }
.nav-links .total { margin-right: 5px; }
/* ============================================================================
 *		COMMENTS
 * ============================================================================ */
#comments, #respond { margin: 60px 0 0; }
.comments-title, #reply-title { font-size: 30px; padding: 20px 0 5px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.comments-title .cnt { float: right; font-size: 0.7em; }
.comment-list { margin: 10px 0 0 0; }
.comment-body { margin: 0 0 20px 0; padding: 20px 20px 20px 100px; background: #F9F9F9; -webkit-border-radius: 4px; border-radius: 4px; position: relative; }
.comment-body a { text-decoration: none; }
.comment-body a:hover { text-decoration: underline; }
.comment .avatar { position: absolute; top: 20px; left: 20px; -webkit-border-radius: 4px; border-radius: 4px; }
.comment-author { float: left; margin-right: 10px; line-height: 20px; }
.comment-metadata { font-size: 0.7em; line-height: 17px; padding-top: 3px; }
.says { display: none; }
.comment-content { margin: 10px 0; font-size: 14px; line-height: 1.3; clear: both; }
.comment-reply-link { font-size: 10px; text-transform: uppercase; font-weight: 500; color: #C5C5C5; position: absolute; bottom: 5px; right: 10px; }
.bypostauthor .comment-body { background: #EFEFEF; }
/* _____ REPLY to comment  */
.rinput, .rcomment { margin-bottom: 10px; }
.rinput input { width: 92%; padding-left: 4%; padding-right: 4%; }
.rcomment textarea { width: 100%; }
#cancel-comment-reply-link { font-size: 14px; float: right; }
.comment #respond { margin: -20px 0 60px 0; }
/* ============================================================================
 *		SIDEBAR
 * ============================================================================ */
#widgetlist { margin: 0; padding: 0; list-style: none; }
#widgetlist > li:last-child { margin-bottom: 0; }
.widget, .categories, #widgetlist > li { margin-bottom: 60px; padding: 0; }
.wtitle { white-space: nowrap; padding: 0 15px 0 0; font-size: 20px; font-weight: 300; color: #12537d }
.widget ul { margin: 0 0 0 15px; list-style: outside url("img/li.svg"); }
.widget li { padding: 5px 0 5px 5px; }
.widget .children { margin-left: 20px; }
.widget_calendar td, .widget_calendar th { padding: 10px }
.widget a { text-decoration: none; }
.widget a:hover { text-decoration: underline; }
.categories { margin-bottom: 0 }
.categories ul li { padding: 0 20px; font-size: 20px; line-height: 20px; font-weight: 300; border-right: 1px solid #333 }
.categories ul li:last-child { border: none }
.categories ul li a { text-decoration: none }
.category_box { width: 100%; padding: 60px 25px; background: #ebe9e3 }
.category_box h2 { font-size: 26px; line-height: 30px; color: #0068ab; padding: 0 0 20px }
.categories ul .current-cat { font-weight: bold; color: #0068ab }
.category .blog_box .meta { display: none }
/* ============================================================================
 *		OTHER
 * ============================================================================ */
 
/* _____ Search & Results */
.search-results .inform { margin-bottom: 4em; }
.searchform { width: 100%; max-width: 400px; margin: 0; padding: 0; position: relative; }
#header .searchform { display: none; margin: 30px auto; max-width: 300px; }
#content .searchform { margin: 30px 0; }
input.s { width: 90%; }
input.search_submit { position: absolute; top: 0; right: 0; width: 40px; padding-left: 12px; padding-right: 12px; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.serp { margin-bottom: 40px; margin-left: 20px; position: relative; }
.serp:before { content: ''; position: absolute; left: -20px; top: 8px; border: 3px solid black; border-radius: 50%; }
.serp h2 { font-size: 20px; }
.serp .meta { margin: 5px 0 0 0; font-size: 10px; line-height: 1; }
.serp .entry { margin-top: 10px; }
.serp .entry p { font-size: 14px; line-height: 1.3; }
/* _____ Woocommerce */
.product_meta { font-size: 0.9em; }
.product_meta > span { display: block; }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: #0068ab; line-height: 22px; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
.woocommerce-page .page-description { margin: 1em 0 2em; }
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #0068ab; opacity: 0.8; }
/* ________ BB Press _________ */
form#bbp-search-form { margin-bottom: 20px; }
form#bbp-search-form input[type=text] { padding: 5px 10px; }
form#bbp-search-form input[type=submit] { padding: 7px 15px; margin-left: -10px; }
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar { margin-bottom: 0; border: 1px solid #ddd; padding: 1px; background: #fff; }
#wp-bbp_reply_content-editor-container { border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#qt_bbp_reply_content_toolbar { border-radius: 6px 6px 0 0; }
/*.bbp-body .bbp-topic-title,*/
.bbp-topic-permalink, .bbp-forum-title { text-decoration: none; font: bold 18px/125% 'PT Serif', sans-serif; }
#bbpress-forums .bbp-forum-info .bbp-forum-content { margin: 0; color: #818181; }
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { padding: 20px; }
.bbp-header .bbp-topic-title .bbp-topic-title, .bbp-header .bbp-forum-info { padding-left: 10px; box-sizing: border-box; }
li.bbp-topic-title { width: 47%; }
li.bbp-forum-topic-count { text-align: left; }
li.bbp-forum-reply-count, li.bbp-topic-voice-count, li.bbp-topic-reply-count { text-align: left; width: 13%; }
li.bbp-forum-freshness, li.bbp-topic-freshness { text-align: left; width: 19%; }
/* ============================================================================ */

#wrapper { background: url(img/side_inner_line_bg1.png) no-repeat top left; position: relative; }

.entry img { vertical-align: top; margin-right: 15px }
/* ============================================================================
 *		FOOTER
 * ============================================================================ */
#footer { color: #888888; font-size: 15px; line-height: 1.25; text-decoration: none; padding-left: 38%; font-weight: 300; }
#footer a { color: #888888; text-decoration: none; opacity: 0.3s; }
#footer a:hover { color: #888888; text-decoration: underline; }
#footer .maxwidth { position: relative; }
#footer .maxwidth { margin: 0 auto; position: relative; width: 100%; max-width: 1260px; padding: 25px 0; margin-top: 25px; border-top: 1px solid #ccc }
#footer h3 { font-size: 20px; line-height: 25px; text-transform: uppercase; color: #888888; font-weight: 300; padding: 0 0 15px }
#footer p { font-size: 15px; line-height: 20px; }
#footer .col { width: 33%; padding: 0 40px 0 0 }
#footer .col:last-child { width: 100px; padding-right: 0; padding-top: 37px }
#copy { text-align: center; /*font-size: 12px;*/ }
#toTop { position: fixed; z-index: 1000; bottom: 100px; right: 20px; margin: 0; padding: 14px 12px; display: none; cursor: pointer; background: #cb1c68; color: #fff !important; border-radius: 3px; transform: rotate(-90deg); font-size: 24px; text-align: center; }
#toTop:hover { background: #999; text-decoration: none !important; border-radius: 3px; }
.feature_list { width: 100%; padding-right:2px; padding-left: 2px; }
.feature_list ul { width: 100%; display: flex; }
.feature_list ul li { margin: 0 25px 25px 0; text-align: center; width: 140px; height: 140px; padding: 2px; outline: solid 5px #bfbcbc; background: #bfbcbc; border: 1px dashed #fff; position: relative }
.feature_list ul li:last-child{ margin-right: 0px; }
.feature_list ul li figure { cursor: pointer }
.feature_list ul li:hover { background: #d9d8d8; outline: solid 5px #d9d8d8; }
.feature_list ul li:nth-child(1) .details_over,.feature_list ul li:nth-child(2) .details_over{ right:auto!important; left:-6px!important; z-index:999}


.feature_list ul li strong { color: #fff; font-weight: bold; font-size: 14px; display: block; padding: 0; margin: 0; line-height: 18px }
.feature_list ul li img { display: inline-block; margin:0!important }
.feature_list ul li .details_over { display: none; position: absolute; top: -6px; right: -6px; width: 467px; margin: 0 auto; text-align: left; background: rgba(238,139,43,0.9); padding: 25px ; color: #fff; font-size: 14px; line-height: 18px; }
.feature_list ul li.overc .details_over { display: block }
.feature_list ul li .details_over h3 { font-size: 19px; text-transform: capitalize; font-weight: bold; padding: 0 0 22px; color: #fff }
.feature_list ul li .close_btn { cursor: pointer; position: absolute; right: -15px; top: -15px }
.feature_list ul li .btn_box { width: 100%; position: relative; line-height: 0; font-size: 0;  }
#footer .menu > li > a, #footer .menu > li > span { color: #888888; text-decoration: none; font-size: 16px; line-height: 20px; font-weight: normal; display: block; font-weight: 300; text-align: right; }
#footer .menu > li { width: 100%; padding: 0; color: #888888 }
#footer .menu { display: block; margin: 0; padding: 0; color: #888888 }

#footer .menu li a { line-height: 20px; }
.page-kontakt .entry ul{ display:flex}
.page-kontakt .entry ul li{ width:220px; font-size: 17px;font-weight: 300;}
.page-kontakt .entry ul li:last-child{ position: relative; bottom: 5px;font-size: 17px; font-weight: 300; }
.page-kontakt .entry  h3{ margin:100px 0 30px; font-size: 25px;}
.page-kontakt .entry input, .page-kontakt .entry textarea{ border:none; border-bottom:1px solid #ccc; box-shadow:none; outline:none; margin:0}
.page-kontakt .entry textarea{ height:150px}
.page-kontakt .entry form p{ padding:20px 0 0}
.page-kontakt .entry form label{ font-size:17px;}
.page-kontakt .entry form input[type="submit"]{ font-size:15px; text-transform:lowercase; border:1px dashed #666; padding:7px 20px; background:#bfbcbc; color:#fff; font-weight:normal; border-radius:30px;float: right; font-weight: 300;}
.page-kontakt .entry form input[type="submit"]:hover{ background:#f68e27; }



.inner-page .inner_page_toggle:hover #menutoggle span b{ background: #f68e27;}

.page-rock-1-bis-10 .modula-items .modula-item:nth-child(2) .modula-item-content img{
 /*margin-top: 50px!important;*/
/* height: 250px!important;
 top:68px!important;;*/
}
.page-rock-1-bis-10 .modula-items .modula-item:nth-child(2) .figc{
/*	top:68px;
 height: 250px!important;*/
}

.page-rock-1-bis-10 .modula-items .modula-item:nth-child(6){
 right: 0;
 left: initial!important;
}

.content_block p{
	color: #888888;
	font-weight: 100;
}

.page-kontakt .content_block p{
  font-size: 17px;
}
.page-kontakt h4{
	font-size: 17px;
	font-weight: bold;
}
.feature_list ul li strong{
	font-weight: normal;
}

.menu-quick-menu-container li a{
 text-align: right;
}
.entry img.margin-right-zero{
	margin-left: 0px;
	margin-right: 0px;
}

.entry img.position-move{
position: relative;
right: 12px;
}

.cmenu .wpml-ls-legacy-list-horizontal a:hover, .cmenu .wpml-ls-legacy-list-horizontal span:hover{color: #f68e27;}

.desktop_item { display: block; }
.mobile_item { display: none; }
.title_header { display: flex; flex-wrap: wrap;align-items: center; justify-content: space-between; }
.title_header .project_nav { display: flex; padding: 0 0 0.5em }
.project_nav i { color: #809b7a; font-size: 0px; }
.project_nav i:hover { color: #e65500; }
.project_nav .prev {margin-right: 20px; }
.project_nav a {display: block; width: 15px; height: 26px; }
.project_nav .next a{ background:url(img/right_arrow.png) no-repeat top right; }
.project_nav .prev a{ background:url(img/left_arrow.png) no-repeat top left;  }
.project_nav .next a:hover{ background:url(img/right_arrow_hover.png) no-repeat top right; }
.project_nav .prev a:hover{ background:url(img/left_arrow_hover.png) no-repeat top left;  }
.mobile_project_nav { display: none; }

html body .modula-gallery .modula-item.effect-pufrobo h2{ margin-top:0!important; padding-top:0!important}


/* ============================================================================
 *		ADAPTIVE
 * ============================================================================ */

/* ___ Laptop/Tablet ( > 768px )  --------------------------------------------- */
@media only screen and (min-width: 768px) {
.sitetitle { text-align: left; }
.sitetitle.center { text-align: center; }
.sitetitle.right { text-align: right; }
#header { background-size: auto; }
#header .searchform { display: block; float: right; margin: 35px 0 0; }
body.custom-background #header { background-size: contain; }
.anons-thumbnail { display: block; }
.rinput { display: inline-block; width: 30%; margin-right: 4%; }
.rurl { margin-right: 0; }
#copy { text-align: left; padding-bottom: 0; }
#designedby { text-align: right; }
}

/* ___ Desktop ( > 1024px ) ------------------------------------------------ */
@media only screen and (min-width: 1024px) {
/*.page-kontakt #header .logo {
	max-width: 270px;
     margin: 0 0 0 116px; 
}

.page-kontakt #menu.open .logo{
	max-width: 325px;
    margin: 0 0 0 -100px;
}*/
.page-child #wrapper {/* background: url(img/side_inner_line_bg4.png) no-repeat top left;*/ }
.inner-page  #wrapper { background: url(img/side_inner_line_bg4.png) no-repeat top left; }
.page-kontakt.inner-page  #wrapper { /*background: url(img/side_inner_line_bg1.png) no-repeat top left; background-size: 72%;*/  }
body.custom-background #header .menu { width: 100%; margin: 0; padding: 0 40px; border-radius: 0 }
body.custom-background .wrapper { margin: 40px auto; }
body.custom-background .wrapper { border-radius: 10px; }
body.custom-background #footer { border-radius: 0 0 10px 10px; }
#mobile-menu { display: none; }
.topnav nav { display: block; }
.top-menu { border-radius: 5px; position: static; text-align: center; }
.top-menu li { display: inline-block; position: relative; }
.top-menu li a { border-bottom: 0; font-weight: normal; color: #fff; -webkit-transition: background 0.3s; transition: background 0.3s; }
.top-menu > li:hover > a { background: rgba(255,255,255,0.3); }
.top-menu .sub-menu, .top-menu .children { display: none; margin: 0; position: absolute; top: 100%; left: 0; background: #0068ab; width: 300px; z-index: 1000; box-shadow: 3px 3px 0 rgba(0,0,0,0.1); }
.top-menu .sub-menu li, .top-menu .children li { display: block; text-align: left; }
.top-menu .sub-menu li a, .top-menu .children li a { color: #fff; border-top: 1px solid rgba(255,255,255,0.2); }
.top-menu li:hover > .sub-menu, .top-menu li:hover > .children { display: block; }
.top-menu .sub-menu .sub-menu, .top-menu .children .children { display: none; top: 0; left: 100%; padding: 0; border-top: 0; border-left: 3px solid #fff; }
.top-menu .sub-menu li:hover > .sub-menu, .top-menu .children li:hover > .children { display: block; }
.top-menu .menu-item-has-children > a:after, .top-menu .menu-item-has-children > span:after, .top-menu .page_item_has_children > a:after, .top-menu .page_item_has_children > span:after { content: '»'; position: absolute; right: 20px; margin: 1px 0 0 15px; transform: rotate(90deg); }
.top-menu .sub-menu > .menu-item-has-children > a:after, .top-menu .sub-menu > .menu-item-has-children > span:after, .top-menu .children > .page_item_has_children > a:after, .top-menu .children > .page_item_has_children > span:after { content: '»'; margin: 0; transform: none; }
.top-menu .menu-item-has-children> a, .top-menu .menu-item-has-children> span, .top-menu .page_item_has_children> a, .top-menu .page_item_has_children> span { padding-right: 40px; }

.home #menutoggle:hover{ opacity: 0.5; }
.inner_page_toggle .open:hover{opacity: 0.5; }
}

/* ___ Desktop ( > 1200px ) ------------------------------------------------ */
@media only screen and (min-width: 1280px) {
body.custom-background #header { border-radius: 10px 10px 0 0; }
#navpages li { padding-left: 10px; }
#navpages .sub-menu { margin-left: 10px; }
#navpages .sub-menu .sub-menu { left: 190px; }
#navpages li a { font-size: 16px; padding: 10px; }
.comment-list ul.children { margin: 0 0 50px 30px; }
}

/* -------------------------------------------------------------------------- */

 @media only screen and (max-width: 1368px) {
#wrapper { background-size: 625px auto }

/*.page-rock-1-bis-10 .modula-items .modula-item:nth-child(2) .modula-item-content img{

 top:60px!important;;
}
.page-rock-1-bis-10 .modula-items .modula-item:nth-child(2) .figc{
	top:60px;
}*/

}
 @media only screen and (max-width: 1279px) {
.cmenu { text-align: right; width: calc(100% - 0px); }
.cmenu>.wpml-ls-legacy-list-horizontal { display: none }
.feature_list ul { width: 100%; display: flex; flex-wrap: wrap; }
.feature_list ul li { width: calc(50% - 24px); margin: 0 12px 24px }
.feature_list ul li:last-child { width: calc(100% - 24px); margin: 0 12px 24px }
.feature_list ul li.overc .details_over { z-index: 99 }
.inner_container { padding-bottom: 60px; }
.modula-items {margin-bottom: 25px;}

.feature_list ul li:nth-child(2) .details_over, .feature_list ul li:nth-child(4) .details_over{ right:-6px!important; left:auto!important}

.feature_list ul li:nth-child(1) .details_over, .feature_list ul li:nth-child(3) .details_over, .feature_list ul li:nth-child(5) .details_over{ left:-6px!important; right:auto!important}

}


 @media only screen and (max-width: 1140px) {
#wrapper { background-size: 545px auto; }
}
 @media only screen and (max-width: 1023px) {
#header .logo { max-width: 245px; }
.slide_container .slide::before { background-size: 70%; }
#wrapper { background: url(img/mob_bg1.png) repeat-y -106px 90px; position: relative; }
.inner_container, #footer { padding-left: 0!important }
#header .logo { margin-left: 0 }
#wrapper { background-size: 550px }
.home #header:before { display: none }
#header:before { content: ''; background: url( img/inner_strap.png) no-repeat top center; width: 243px; height: 291px; position: absolute; top: -18px; left: 30% }
.modula-item .figc { display: none!important }
.home #header .maxwidth #menutoggle.open,
body:not(.home) #menutoggle.open{ right: 20px; margin-right: 0; }
#wrapper { width: 100%; padding: 0 20px }
.home #wrapper { padding: 0 }
.maxwidth { width: 100%; padding: 0 }
.page-kontakt .entry h4 { display: none; }
.page-kontakt .entry ul, .title_header .project_nav { display: none; }
.mobile_project_nav { display: block; border-bottom: 1px solid#ccc; margin-bottom: 40px; padding-bottom: 20px;}
.mobile_project_nav .project_nav { display: flex; justify-content: center; padding: 0;   }

.feature_list { width: 100%; padding-right:2px; padding-left: 2px; }
}
.mob_logo, .mobilemenu1 { display: none }
.deskmenu { display: block; position: relative; }
 @media only screen and (max-width: 767px) {
	 #header{z-index:999}
.mm-menu { background: #fff url(../images/bg.jpg) repeat; }
.mm-opened #wrapper { box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }
.mm-opened a.close { display: block; opacity: 1 }
.mm-opened .connect { opacity: 0 }
.mm-opened .cp_logo_wrapper { opacity: 0; }
#back-to-top { display: block; }
.mm-menu > .mm-panel > .mm-listview { width: 111% }
.mm-menu li:hover { background: #fdc747; color: #ffffff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.mm-menu li:hover a { color: #333; }
.menu-item-has-children a::after { content: '' }
a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 0; top: -11px; z-index: 8888; }
a.close:before, a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 4px; top: 0px; content: ""; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
a.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
a.mobilemenu { display: block; font-size: 16px; color: #fff; height: 30px; line-height: 32px; font-family: 'Ubuntu', sans-serif; text-transform: uppercase; overflow: hidden; padding: 0; position: absolute; right: 0px; top: -25px; width: auto; padding-right: 35px }
.mobilemenu { display: block; opacity: 1; }
.mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s; transition: transform .3s; background: #fff; display: block; height: 5px; position: absolute; right: 0; top: 15px; }
.mobilemenu span:before { top: -10px; transition-property: top, transform; }
.mobilemenu span:after, .mobilemenu span:before { background-color: #fff; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; transition-duration: .3s, .3s; }
.mobilemenu span:after { bottom: -10px; transition-property: bottom, transform; }
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a, .mm-listview > li > a, .mm-listview > li > span { text-transform: uppercase; }
.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after, .mm-menu .mm-listview > li .mm-prev::before, .mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-prev::after, .mm-menu .mm-listview > li .mm-next::before { border-color: rgba(255,255,255,0.5); }
#header nav#menu { display: none; }
#header { padding: 0 }
.cmenu { display: block; width: auto!important; position: absolute; top: 20px; right: 0; }
.mm-listview > li > a, .mm-listview > li > span { font-weight: 400; font-size: 15px; color: #333 }
.category_box { padding: 25px 0 }
.category_box .categories { width: 100%; display: block }
.category_box .categories li, .category_box .categories ul { width: 100%; display: block }
.category_box .categories ul { padding-top: 15px }
.category_box .categories ul li { padding: 10px 0; border-bottom: 1px solid #ccc; border-right: 0; font-size: 14px; font-weight: 400 }
.category_box .categories ul li:last-child { border: none }
.blog_box_list, .alm-reveal { width: 100%; display: block }
.blog_box_list li, .alm-reveal li { width: 100%; display: block }
.blog_box_list li .attachment-quilting-thumbnail-avatar, .alm-reveal li .attachment-quilting-thumbnail-avatar { width: 100%; height: auto }
.blog_box_list li article, .alm-reveal li article { margin-bottom: 0 }
h1 { font-size: 25px; padding: 0 0 12px 0;   }
h2 { font-size: 20px; padding: 0;  }
.slide_container .slide { padding: 140px 0 338px; }
.slide_container .slick-prev { left: 5px; }
.slide_container .banner_content { padding-left: 25px; padding-right: 25px; }
.slide_container .slide h2 { font-size: 30px; line-height: 40px; }
#header .right_details .connect { position: absolute; top: -20px; color: #fff; left: 0px }
#header .right_details .connect a { color: #fff }
#header .logo { max-width: 250px; margin: 0; display: block }
#header .logo img { /*width: 200px;*/ display: inline-block; margin: 20px 0 0 }
#menu .logo, #menu .mlogo { margin-left: 0 }
.slide_container .slide { padding-top: 140px }
.inner_banner { padding: 133px 0 25px; }
.inner_banner h1 { font-size: 25px; }
.inner_container .custom_list { width: 100%; display: block }
.inner_container .custom_list li { width: 100%; display: block }
.post .flex_row { display: block; width: 100% }
.post .flex_row ul, .post .flex_row .wpcf7 { width: 100% }
.title_box .maxwidth { font-size: 25px; line-height: 30px }
.search-result { }
.slick-arrow { display: none!important }
#footer .flex_row { display: flex; flex-wrap: wrap; }
.home .slide_container .banner { height: 85vh; object-fit: cover }
.home .cmenu { position: static; padding-right: 20px; }
.home #header { position: static; bottom: 0; background: none; min-height: auto!important }
.home #header .logo { max-width: 612px; margin: 0; position: absolute; top: 0; display: none }
.slide_container { height: 100%; }
.mob_logo { display: block; max-width: 612px; position: absolute; top: 20%; padding: 20px; }
.home .maxwidth { position: static }
.slide_container .overlay { display: none }
.mobilemenu1 { display: block }
.deskmenu { display: none }
.mobilemenu1 { border-top: 1px solid #fff; margin-top: 15px; padding-top: 5px; }
.menu { display: block }
.menu-1 li { width: 100% }
.menu-1 li a { padding: 10px; }
.menu-1 li li ul { padding: 15px 0 20px }
.menu-1 li li { padding: 0 }
.menu-1 li li a, .menu-1 li li span { padding: 3px 10px; font-size: 17px; line-height: 22px; font-weight: normal }
#header #menu .maxwidth { padding: 20px; }
#menu { background-size: cover }
#header .logo { width: 100%; max-width: 100% }
#header .logo img { width: auto; max-width: 290px }
#header #menu .logo img, #header #menu .logo img { width: auto; max-width: 100% }
.home #header { background: #fff }
.home #header .maxwidth { position: static!important; width: 100%; }
.home #header .maxwidth #menutoggle.open,
body:not(.home) #menutoggle.open{ right: 20px; margin-right: 0; }
.page-without-fruit .entry img, .page-entdecken .entry img { width: 100%; height: 250px; object-fit: cover }
#footer .col:nth-child(1) { width: calc(100% - 140px) }
#footer .col:nth-child(2) { width: 50px; padding-right: 10px }
#footer .col:nth-child(3) { width: 70px; padding-left: 20px }
#footer .col:nth-child(4) { width: 100%; text-align: right; padding-top: 30px; }
#footer .phone h3, #footer .mail h3 { display: none }
#footer .phone a { font-size: 0; line-height: 0; background: url(img/phone_icon.png) no-repeat 0 0; width: 69px; height: 36px; display: inline-block; }
#footer .mail a { font-size: 0; line-height: 0; background: url(img/mail_icon.png) no-repeat 0 0; width: 50px; height: 36px; display: inline-block }
#footer .phone, #footer .mail { padding-top: 45px }
#toTop { display: none!important }

.feature_list ul { position: relative }
.feature_list ul li { position: static }
.feature_list ul li .details_over { left: 0; right: auto; width: 100% }

.home .slide_container .banner {
    height: 75vh;
    object-fit: cover;
}
.bellows .bellows-nav .bellows-subtoggle{
	top:-5px;
	right: -20px;
}
.bellows .bellows-nav .bellows-subtoggle .fa { font-size: 25px; }
.menu>li ul {
    padding-top: 10px;
}
.menu>li li { padding: 2px 0; }
.menu>li>a, .menu>li>span, .menu-1 a, .menu-1 span {    font-size: 20px; font-weight: 400;}
.menu a {
    font-size: 14px;
    line-height: 16px;
    }
.cmenu .wpml-ls-legacy-list-horizontal a, .cmenu .wpml-ls-legacy-list-horizontal span{   
    font-size: 15px!important;
    line-height: 16px!important;
}
nav.bellows li a{ font-size:30px; color: #fff;  }
nav.bellows li .bellows-submenu li a{font-size:20px; font-weight: 300;  }
nav.bellows li .bellows-submenu li a:hover{ color: #e4e2e2!important; }
.bellows .bellows-nav .bellows-target{ padding: 5px }
.bellows .bellows-nav .bellows-submenu .bellows-target {
    padding-top: 5px;
    padding-bottom: 5px;
}
.mobilemenu1 .wpml-ls-legacy-list-horizontal{
	position: fixed;
	right: 0;
	bottom: 35px;
}
#header  .cmenu .lm_box .wpml-ls-legacy-list-horizontal { display: none; }
#header .open .logo img {
    margin-left: 5px;
}
#header .logo img { margin-left: 14px; }
.entry img.position-move { position: initial; }
.page-kontakt .entry h3{ margin-top: 0px; font-weight: 500; }
.page-rock-1-bis-10 .modula-items .modula-item:nth-child(2) .modula-item-content img{margin-top:0!important;  }
#footer .menu > li { width: auto; display: inline-block; position: relative; padding: 0px 5px }
#footer .menu>li:last-child { width: auto; padding-right: 0px; }
#footer .menu > li:after { content: ""; border:1px solid#888888;position: relative;
    bottom: 16px; left: 8px; }
#footer .menu>li:last-child:after{ border:1px solid#fff; }
.desktop_item { display: none; }
.mobile_item { display: block; }
#header:before{
	height: 170px;
}
.inner_container article.page{ position: relative; }
.inner_container article.page:before{
	content: ""; 
	background: url(img/mobile-header-purple-icon.png) no-repeat top center;
	width: 36px;
	height: 63px;
	position: absolute;
	right: 10%;
	top: -24px;
}
.page-kontakt .inner_container article.page:before{ top:0px;}
.inner_container .content_block h1{ width: 80%; }
.cmenu .wpml-ls-legacy-list-horizontal a:hover{color: #e4e2e2;}
.page-rock-1-bis-10 .modula-items .modula-item:nth-child(2) .modula-item-content img{ top:0px !important; height: inherit!important; }

.feature_list ul li:nth-child(2) .details_over, .feature_list ul li:nth-child(4) .details_over{ right:0!important; left:auto!important}

.feature_list ul li:nth-child(1) .details_over, .feature_list ul li:nth-child(3) .details_over, .feature_list ul li:nth-child(5) .details_over{ left:0!important; right:auto!important}



}
 @media only screen and (max-width: 480px) {
.staff_container h3 { font-size: 17px; }
.staff_container .box ul li figure img { width: 45px; }
.slide_container .slide::before { background-size: 80%; }
#header{	position: fixed; left: 0; top: 0; background: #fff; }
#header:before{ left: 26%;}

.inner_container {  padding-top: 290px; }
.inner_page_toggle { margin-right: 20px; }
}
 @media only screen and (max-width: 375px) {
.staff_container h3 { font-size: 17px; }
.staff_container .box ul li figure img { width: 40px; }
#header:before { /*left: 21%;*/ }
.wpml-ls-legacy-list-horizontal{ padding-right: 15px!important; }
}
 @media only screen and (max-width: 360px) {
.staff_container h3 { font-size: 16px; }
.staff_container .box ul li figure img { width: 38px; }
}
 @media only screen and (min-width: 768px) {
.mm-menu.mm-current { display: none !important; }
html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
html.mm-opened { overflow: visible !important; }
html.mm-opened body { overflow: visible !important; }
#mm-blocker { display: none !important; }
}

 @media only screen and (min-width: 1365px) and (max-width: 1367px)  {
.entry img.position-move{ width: 480px; }

 }
.modula-items .figc .jtg-title{position: relative !important; top: 0 !important; left: 0 !important; margin-bottom: 20px !important; text-align: center !important;padding: 0px !important;}