@charset "UTF-8";

html{box-sizing: border-box}*, *:before, *:after{box-sizing: inherit}img{max-width: 100%; height: auto; min-height: 1px}img.alignright{float:right;margin:0 0 30px 30px}img.alignleft{float:left;margin:0 30px 30px 0}img.aligncenter{display:block; margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none!important;}a:focus{text-decoration: none!important}
#wrapper{position: relative; min-height: 100%; overflow: hidden}
a[href^="tel:"]{text-decoration: none!important; color: inherit}
@media (max-width: 1023px){
a[href^="tel:"]{text-decoration: underline!important}
}
.builder-block p, 
.builder-block ul,
.builder-block ol{margin: 0}
.builder-block ul,
.builder-block ol{padding-left: 18px}
.builder-block ul{padding: 0; list-style: none}
.builder-block ul > li{padding-left: 16px; position: relative}
.builder-block ul > li + li,
.builder-block ul > li > ul{margin-top: 10px}
.builder-block ul > li:before{
content: '';
display: block;
width: 6px;
height: 6px;
position: absolute;
top: 11px;
left: 0;
background-color: #00adee;
border-radius: 100px
}
.builder-block p + *,
.builder-block * + p,
.builder-block ul + *,
.builder-block * + ul,
.builder-block ol + *,
.builder-block * + ol{margin-top: 30px}
.builder-block blockquote{
border: 10px solid #00adee;
background-color: #fff;
color: #00adee;
font-size: 18px;
line-height: 30px;
margin: 0;
padding: 40px;
max-width: 100%;
}
.builder-block * + h1,
.builder-block * + h2,
.builder-block * + h3,
.builder-block * + h4,
.builder-block * + h5, 
.builder-block * + h6{margin-top: 30px}
.builder-block h1 + *,
.builder-block h2 + *,
.builder-block h3 + *,
.builder-block h4 + *,
.builder-block h5 + *,
.builder-block h6 + *{margin-top: 20px}
.builder-block blockquote ul > li:before{top: 13px}
.builder-block * + blockquote{margin-top: 20px}
.builder-block blockquote + *{margin-top: 40px}
.read-more-link,
.cat-post-footer-link,
.builder-block a[href $='.pdf']{
top: -4px;
font-family: 'Lato-Regular';
display:inline-block;
text-decoration: none!important;
text-transform: uppercase;
color: #657089;
letter-spacing: 2px;
position: relative;
vertical-align: baseline;
font-size: 10px;
line-height: 12px;
text-decoration: none;
background: none;
border: none;
padding: 0;
}
.read-more-link:focus,
.read-more-link:active,
.read-more-link:hover,
.cat-post-footer-link:focus,
.cat-post-footer-link:active,
.cat-post-footer-link:hover
.builder-block a[href $='.pdf']:focus,
.builder-block a[href $='.pdf']:active,
.builder-block a[href $='.pdf']:hover{text-decoration: none; color: #657089}
.read-more-link:after,
.cat-post-footer-link:after,
.builder-block a[href $='.pdf']:after{
content: '';
display: block;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 1px;
background-color: #657089;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.read-more-link:hover:after,
.cat-post-footer-link:hover:after,
.builder-block a[href $='.pdf']:hover:after{bottom: -7px}
.builder-block a[href $='.pdf']{padding-left: 67px; padding-top: 16px; padding-bottom: 17px;}
.builder-block a[href $='.pdf']:before{
content: '';
display: block;
width: 34px;
height: 45px;
position: absolute;
top: 50%;
left: 0;
margin-top: -23px;
background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/pdf.svg);
background-repeat: no-repeat;
background-size: contain	
}
.builder-block a[href $='.pdf']:after{left: 67px; right: 0; width: auto; bottom: 14px}
.builder-block a[href $='.pdf']:hover:after{bottom: 9px}
.read-more-link.white-rm{font-size: 14px; line-height: 17px; text-transform: none; color: #fff!important}
.read-more-link.white-rm:after{background-color: #fff}
.section-blue .read-more-link{color: #fff}
.section-blue .read-more-link:after{background-color: #fff}
.section-block{
position: relative;
padding: 140px 0;
-webkit-clip-path: polygon(0% 0%, 50% 40px, 100% 0%, 100% 100%, 50% 100%, 0 100%);
clip-path: polygon(0% 0%, 50% 40px, 100% 0%, 100% 100%, 50% 100%, 0 100%);
background-color: #fff
}
.section-block.section-blue{color: #fff; background-color: #00adee}
.section-block.section-lightgray{background-color: #fafafa}
.section-block.section-black{color: #fff; background-color: #303030;}
.section-block + .section-block{margin-top: -40px}
.section-map{background-color: #f7f7f7; padding: 0}
#map-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
#map-wrap .map-bg-img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover}
#map-wrap .find-us-link{
position: absolute; 
left: 0; 
width: 100%;
bottom: 100px;
z-index: 100;
text-align: center;
}
#map-wrap .flxmap-container{opacity: 0!important; z-index: -1}
.section-map #map-addresses{
background-color: #00adee;
-webkit-clip-path: polygon(80px 0%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(80px 0%, 100% 0%, 100% 100%, 0% 100%);
position: relative;
float: right;
top: 0;
right: 0;
height: 100%;
color: #fff;
min-height: 770px;
padding: 147px 6.02% 100px 8%;
width: 695px;
max-width: 40%;
}
.section-title{
letter-spacing: 0;
text-transform: uppercase;
font-size: 40px;
line-height: 48px;
color: #303030;
margin: 0 0 40px 0	
}
.section-block.section-blue .section-title,
.section-block.section-black .section-title,
.section-map .section-title{color: inherit}
.row-col-6 .section-title{margin-right: -95px}
.section-blue .builder-block{font-size: 18px; line-height: 36px}
.section-blue .builder-block li{padding-left: 20px}
.section-blue .builder-block li + li{margin-top: 0}
.section-blue .builder-block li:before{background-color: #fff; top: 15px}
* + .btn,
.btn + *{margin-top: 20px}
* + .btn:hover{margin-top: 15px}
* + .bottom-txt{margin-top: 20px}
.special-title{
font-size: 26px;
line-height: 32px;
font-family: 'Lato-Light';	
color: inherit
}
.special-title span{
position: relative;
display: inline-block;
vertical-align: baseline;
border-top: 4px solid #fff;
padding-top: 22px	
}
.special-title span:after {
top: 0;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 8px;
margin-left: -8px;
}
.builder-block + .block-bottom{margin-top: 40px}
.notification-block{
color: #00a8e8;
font-family: 'Lato-Bold';
font-size: 16px;
line-height: 20px;
padding-left: 54px;
position: relative;
height: 40px;
padding-right: 184px;
display: table;
}
.notification-block .notification-block-inner{display: table-cell; vertical-align: middle}
.notification-block:before{
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
border: 2px solid #00adee;
line-height: 36px;
background-repeat: no-repeat;
background-position: center;
background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/invalid-name.svg)	
}
.notification-block * + p,
.notification-block p + *{margin-top: 10px}
.testimonial-post{padding: 24px 5px 40px 5px}
.testimonial-content{
font-size: 16px;
line-height: 2em;
letter-spacing: 1px;
font-family: 'DroidSerif-Italic';
margin-bottom: 34px;
width: 100%;
max-width: 360px
}
.testimonial-author{display: table; height: 70px; position: relative; padding-left: 100px}
.testimonial-icon{display: block; position: absolute; top: -12px; left: 0; border-radius: 50%; background-color: #303030; width: 40px; height: 40px; z-index: 1; text-align: center}
.testimonial-icon svg{display: block; margin: 0 auto; position:relative; top: 12px}
.testimonial-author-image{
width: 70px;
height: 70px;
position: absolute;
top: 0;
left: 12px;	
}
.testimonial-author-image.no-image{
background-color: #fff;
box-shadow: 0 10px 20px 0 rgba(48, 48, 48, 0.15);
border-radius: 100px;
}
.testimonial-author-image img{
display: block;
box-shadow: 0 10px 20px 0 rgba(48, 48, 48, 0.15);
border-radius: 100px;
}
.testimonial-author-name{display: table-cell; vertical-align: middle; font-family: 'Lato-Bold'}
.service-accordion{padding-right: 80px; position: relative}
.service-accordion > .service-accordion-title,
.service-accordion > .service-accordion-content{float: left}
.service-accordion > .service-accordion-title{width: 39.624%; text-align: center; padding-right: 60px; padding-top: 40px}
.service-accordion > .service-accordion-content{width: 60.376%}
.service-accordion-title h4{
color: #00adee;
font-size: 26px;
line-height: 32px;
margin: 0	
}
.service-accordion + .service-accordion:before{
content: '';
width: 30px;
height: 30px;
background-color: #ffffff;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/down-dark-arrow.svg);
background-position: center;
background-repeat: no-repeat;
top: -15px;
left: 14.5%;
position: absolute;	
border-radius: 100px;
}
.service-accordion + .service-accordion{margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(48, 48, 48, 0.1); position: relative}
.service-accordion-block + .service-accordion-block{margin-top: 40px}
.service-accordion-block-title h5{font-size: 26px; line-height: 32px; margin: 0 0 20px 0}
.service-accordion-block-content + .read-more-link{margin-top: 20px}
.service-accordion-icon{width: 42px; height: 42px; line-height: 42px; margin: 0 auto 18px auto}
.slick-disabled{opacity: 0.5}
.slider-navigation .prev + .next{margin-left: 10px}
.slideSlider,
.block-slider-element{display: none}
.slick-initialized{display: block!important}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small{display: block; color: #00a8e8; font-size: 14px; line-height: 22px; margin: 0; font-family: 'Lato-Bold'} #header{
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 1000
}
.home #header{position: absolute}
#header-top{background-color: #f6f6f6; font-family: 'Lato-Medium'; letter-spacing: 1px}
.header-top-inner{position: relative; line-height: 17px; width: 100%; max-width: 1600px; margin: 0 auto; padding: 19px 0; font-size: 14px}
.header-top-inner .language-switcher{float: right; margin-top: -7px; margin-bottom: -6px}
.header-top-contacts{margin: 0; list-style: none; padding: 0; float: left}	
.header-top-contacts li{float: left; position: relative; margin-left: 20px; padding-left: 20px}
.header-top-contacts li:before{
content: '';
display: block;
position: absolute;
top: 50%;
margin-top: -10px;
height: 20px;
width: 1px;
left: 0;
background-color: rgba(48, 48, 48, 0.1);
}
.header-top-contacts li:first-child{margin: 0; padding: 0}
.header-top-contacts li:first-child:before{display: none}
.header-top-contacts .bron-date{
display: inline-block;
vertical-align: baseline;
font-family: 'Lato-Black';
color: #657089;
position: relative;
padding-left: 32px
}
.header-top-contacts .bron-date svg{
position: absolute;
display: block;
top: 50%;
left: 0;
margin-top: -9px	
}
#header-main{position: relative; padding-bottom: 40px; padding-top: 40px;}
#header-main #header-logo{
width: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -12.5px;
margin-left: -100px;
z-index: 1000	
}
#primary-left,
#primary-right{width: 50%; float: left}
#primary-left{text-align: right; padding-right: 160px}#primary-right{text-align: left; padding-left: 160px}
.header-menu{font-family: 'Lato-Medium'; padding-top: 2px}
.header-menu ul{margin: -20px; padding: 0; list-style: none}
.header-menu ul li{display: inline-block; vertical-align: top; font-size: 0; padding: 20px}
.header-menu ul li a{
display: block;
font-size: 18px; 
line-height: 22px; 
letter-spacing: 2px; 
color: #303030; 
opacity: 0.5; 
text-decoration: none; 
position: relative;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.header-menu ul li a:hover,
.header-menu ul li.current-menu-item > a,
.header-menu ul li.current-menu-parent > a,
.header-menu ul li.current-menu-ancestor > a,
.header-menu ul li.current_page_parent > a,
.header-menu ul li.current_page_ancestor > a{opacity: 1!important; text-decoration: none}
.header-menu ul li a:before,
.header-menu ul li a:after{
content: '';
display: block;
width: 0;
height: 2px;
position: absolute;
bottom: -5px;
background-color: #00adee;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.header-menu ul li a:before{right: 50%}
.header-menu ul li a:after{left: 50%}
.header-menu ul li a:hover:before, .header-menu ul li a:hover:after,
.header-menu ul li.current-menu-item > a:before, .header-menu ul li.current-menu-item > a:after,
.header-menu ul li.current-menu-parent > a:before, .header-menu ul li.current-menu-parent > a:after,
.header-menu ul li.current-menu-ancestor > a:before, .header-menu ul li.current-menu-ancestor > a:after,
.header-menu ul li.current_page_parent > a:before, .header-menu ul li.current_page_parent > a:after,
.header-menu ul li.current_page_ancestor > a:before, .header-menu ul li.current_page_ancestor > a:after{width: 50%}		
.home #header-top{background: none; color: #fff}
.home .header-top-inner{border-bottom: 1px solid rgba(247, 247, 247, 0.3)}
.home .header-top-contacts li:before{
background-color: #f7f7f7;
opacity: 0.3
}
.home .header-top-contacts .bron-date{color: inherit}	
.home .header-top-contacts .bron-date svg g{fill: #fff}
.home #header-logo svg > g > path{fill: #fff}
.home #header-logo svg > g > g > mask{display: none!important}
.home #header-logo svg > g > g > path{fill: #00adee}
.home .header-menu ul li a{color: #fff; opacity: 0.7} #intro-block{
overflow: hidden;
padding: 0;
background-color: #000;
color: #fff;
-webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 100%, 50% 100%, 0 100%);
clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 100%, 50% 100%, 0 100%);
margin-left: auto; margin-right: auto;
max-width: 1600px;
width: 100%;
background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/main-top-img.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
#intro-block .container{min-height: 237px; padding-top: 60px; padding-bottom: 60px}
.home #intro-block{max-width: 100%}
.home #intro-block .container{
padding-top: 292px;
padding-bottom: 120px;
min-height: 950px;
}
.home #intro-block .intro-title{
color: inherit;
font-size: 54px;
line-height: 66px;
text-transform: uppercase;
width: 100%;
max-width: 752px;
text-align: center;
margin: 0 auto 34px auto
}
.home #intro-block .intro-title small{
margin: 10px 0 0 0;
display: block;
text-transform: none;
font-size: 26px;
line-height: 32px;
font-family: 'Lato-Light';
color: #f7f7f7
}
.intro-btn .btn{box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);}
.intro-btn + .intro-more{margin-top: 20px}
.home .intro-icons{position: absolute; width: 100%; bottom: 120px; left: 0; overflow: hidden}
.intro-icons .intro-icons-inner{max-width: 880px; width: 100%; margin: 0 auto; text-align: center}
.intro-icons .intro-icon{width: 220px; font-size: 14px; line-height: 20px; padding-left: 20px; padding-right: 20px}
.intro-icon a{color: #fff; text-decoration: none}
.intro-icon a:hover{color: #fff; text-decoration: none}
.intro-icon .intro-svg{
width: 42px;
height: 42px;
line-height: 42px;
margin: 0 auto 12px auto
}
.intro-icon .intro-svg img{max-height: 100%; width: auto}
#testimonials{overflow: hidden}			
#testimonials .section-title{margin-bottom: 11px}
.contact-wrap{min-height: 48px; padding-left: 42px; background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/mobile.svg); background-position: 0 0; background-repeat: no-repeat; background-size: 26px auto}
.contact-wrap + .contact-wrap{margin-top: 40px}
.contact-wrap h6{color: #00a8e8; font-size: 14px; line-height: 18px; font-family: 'Lato-Bold';}
.contact-wrap .contact-number{color: #303030; font-size: 26px; line-height: 32px; font-family: 'Lato-Black'}
.contact-wrap .contact-number + .read-more-link{margin-top: 15px}
.category-post-block{
display: block;
color: #fff;
width: 100%;
height: 100%;
position: relative;
text-decoration: none;
}
.category-post-block:before{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
opacity: 0.53;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.category-post-block:hover:before{
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,173,238,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,173,238,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,173,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00adee',GradientType=0 );
}
.category-post-block:hover,
.category-post-block:focus,
.category-post-block:active{color: #fff; text-decoration: none}
.category-post-block .category-post-inner{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 30px;
}
.category-post-block h3{color: inherit; font-size: 26px; line-height: 32px; margin: 0 0 30px 0}
.category-post-block .read-more-link{color: #fff}
.category-post-block .read-more-link:after{background-color: #fff}
.section-button{margin-top: 40px}
.logo-gallery-row .logo-gallery-item{
width: 25%;
float: left;
text-align: center;	
}
.multiple-rows .slider-item-outer{
display: table;
width: 100%;
height: 100px;
position: relative
}
.multiple-rows .slider-item .slider-item-inner{
display: table-cell;
vertical-align: middle;
text-align: center;	
position: relative
}
.multiple-rows .slider-item-outer:before,
.multiple-rows .slider-item-outer:after{
content: '';
display: block;
background-color: #f7f7f7;
position: absolute;
}
.multiple-rows .slider-item-outer:before{
height: 1px;
top: -1px;
left: 11px;
right: 11px;
}
.multiple-rows .slider-item-outer:after{
width: 1px;
top: 12px;
bottom: 6px;
right: 0;
}
.multiple-rows .slick-slide > div:first-child .slider-item-outer:before,
.multiple-rows .slick-slide > div > .slider-item:last-child .slider-item-outer:after{display: none}
.multiple-rows .slider-navigation{margin-top: 30px} #content.section-block{padding-top: 125px}
.entry-title{text-transform: uppercase; margin: 0 0 30px 0}
.entry-title small{display: block; text-transform: none; color: #00a8e8; letter-spacing: 1px; font-size: 14px; line-height: 22px; margin: 0}
.builder-block + .builder-block{margin-top: 40px}
.block-btn-wrap + .block-rm-wrap{margin-top: 30px}
.builder-block + .builder-block.block-btnlink,
.builder-block.block-btnlink + .builder-block{margin-top: 10px}
.builder-block.block-btnlink{padding: 30px 0}
.builder-title{margin: 0 0 20px 0}
.block-txttestimonial > .row > .col-md-5{position: relative}
.block-txttestimonial > .row > .col-md-5:after{
content: '';
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: -16px;
background-color: #eaeaea
}
.block-txttestimonial > .row > .col-md-7:before{
content: '';
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 15px;
background-color: #eaeaea
}
.block-txttestimonial .testimonial-content{max-width: inherit}
.block-txttestimonial .testimonial-post-wrap{padding-left: 48px; position: relative}
.block-txttestimonial .testimonial-post{padding: 0}
.block-testimonial .testimonial-icon{background-color: #00adee}
.block-txttestimonial .testimonial-rm-link{margin-left: 48px; margin-top: 40px}
.block-slider-element .slide-item-outer{padding: 30px 97px}
.block-slider-element .slide-item-outer .slide-item-inner{
display: table;
width: 100%;
height: 330px;	
background-color: #fff;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
position: relative;
}
.block-slider-element .slide-item-outer .slide-item-inner:before{
content: '';
display: block;
position: absolute;
top: -20px;
left: 20px;
bottom: 20px;
right: 20px;
background-color: #fff;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}
.block-slider-element .slide-item-outer .slide-item-inner:after{
content: '';
display: block;
position: absolute;
top: -10px;
left: 10px;
bottom: 10px;
right: 10px;
background-color: #fff;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);	
}
.block-slider-element .slide-item-outer .slide-item-inner .slide-item-icon{margin-bottom: 25px}
.block-slider-element .slide-item-outer .slide-item-inner .slide-item-icon svg{display: block; margin: 0 auto}
.block-slider-element .slide-item-outer .slide-item-inner .slide-item-content{
position: relative;
background-color: #fff;
z-index: 2;
display: table-cell;
vertical-align: middle;	
font-size: 18px;
line-height: 30px;
padding: 40px;
text-align: center
}
.gallery,
.custom-gallery{margin: -15px}
.gallery > .gallery-item,
.custom-gallery > div{padding: 15px; float: left; width: 33.3334%}
.custom-gallery > .gallery-main-image{clear: both; float: none; width: 100%}
.builder-block + .builder-block.block-locations,
.builder-block.block-locations + .builder-block{
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #eaeaea;	
}
#content{overflow: hidden!important}
.builder-block.block-locations{font-size: 14px; line-height: 22px}
.builder-block.block-locations .row{margin-left: -30px; margin-right: -30px}
.builder-block.block-locations .row > div{padding-left: 30px; padding-right: 30px; position: relative}
.builder-block.block-locations .row > .col-sm-6:nth-child(odd):after,
.builder-block.block-locations .row > .col-sm-6:nth-child(even):before{
content: '';
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
background-color: #eaeaea;
}
.builder-block.block-locations .row > .col-sm-6:nth-child(odd):after{right: 0}
.builder-block.block-locations .row > .col-sm-6:nth-child(even):before{left: -1px}
.builder-block.block-locations .location-contact + *,
.builder-block.block-locations .location-open + *,
.builder-block.block-locations .location-map + *{margin-top: 20px}
.builder-block.block-locations a,
.builder-block.block-team a{text-decoration: underline; color: inherit}
.builder-block.block-locations a:hover,,
.builder-block.block-team a:hover{text-decoration: none}
.cpayment-message{
display: table;
height: 48px;
padding-left: 80px;
position: relative;
background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/kaardimakse.svg);
background-repeat: no-repeat;
background-position: 0 center;
width: 100%;
}
.cpayment-message .cpayment-message-inner{display: table-cell; vertical-align: middle}
.team-member-img{margin: 0 0 30px 0}
.team-member-img img{display: block; margin: 0 auto}
.builder-block.block-team h4,
.builder-block.block-team h4 + *{margin: 0}
.builder-block.block-team .team-member-job{margin: 0 0 10px 0}
.block-team .col-sm-3:nth-child(4n+1){clear: left}
.block-team .col-sm-3:nth-child(n+5){margin-top: 40px}
.col-xs-12 + .col-xs-12{margin-top: 30px}
.category-description{margin: 0}
.category-description + .categories-list{margin-top: 10px}
.category-posts > article + article{
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid rgba(48,48,48,0.1);	
}
.read-more-paragraph{margin: 20px 0 0 0!important}
table{width: 100%;border-collapse: collapse;border: none}
table th{font-family: 'Lato-Bold';}
table th,
table td{padding: 15px; vertical-align: top}
table thead th{background-color: #00adee; color: #fff; text-transform: uppercase}
table tbody tr:nth-child(odd) td{background-color: #fff}
table tbody tr:nth-child(even) td{background-color: #f7f7f7}
table thead tr th{border-left: 1px solid rgba(255, 255, 255, 0.1)}
table tbody tr td{border-left: 1px solid rgba(101, 112, 137, 0.1)}
table thead tr th:first-child,
table tbody tr td:first-child{border: none}
.wpcf7-form br{display: none!important}
.cf7md-form .cf7md-item{margin: 0!important}
.cf7md-form .cf7md-item, 
.cf7md-form input, 
.cf7md-form label, 
.cf7md-form textarea, 
.cf7md-form p, 
.cf7md-form .mdc-select, 
.cf7md-form.cf7md-form + .wpcf7-response-output, 
.cf7md-form .wpcf7-not-valid-tip, 
.cf7md-form .mdc-card__title, 
.cf7md-form .mdc-card__subtitle{
font-family: 'Lato-Regular'!important;
font-size: 14px!important;
line-height: 28px!important;
padding: 9px 0!important;
margin: 0!important;
color: #657089!important;
max-width: 100%!important
}
.cf7md-form .mdc-select{height: auto!important}
.cf7md-form .mdc-textfield__label{
font-size: 14px!important;
line-height: 28px!important;
padding: 0!important;
color: rgba(101, 112, 137, 0.6)!important
}
.cf7md-form .mdc-textfield--multiline .mdc-textfield__input{border: none!important; min-height: 120px!important}
.cf7md-form .wpcf7-not-valid-tip{padding-top: 0!important; font-size: 12px!important; line-height: 18px!important; color: #d50000!important}
.cf7md-form .mdc-textfield--multiline .mdc-textfield__label--float-above{font-size: 12px!important; line-height: 22px!important}
div.wpcf7 .ajax-loader{background: none!important}
ul.slider-paging-number{list-style: none; margin: 0; padding: 0; color: #657089; font-size: 40px; line-height: 48px; font-family: 'Lato-Black'; position: absolute; float: right; right: 117px; bottom: 0;}
ul.slider-paging-number li{display: none; padding: 0; position: relative}
ul.slider-paging-number li + li{margin: 0}
ul.slider-paging-number li:before{display: none}
ul.slider-paging-number li.slick-active{display: inline-block}
ul.slider-paging-number li button{background: none; border: none; padding: 0}
ul.slider-paging-number li button,
ul.slider-paging-number li span{display: inline-block; position: relative}
ul.slider-paging-number li button{top: -29px}
ul.slider-paging-number li span{top: -7px; font-family: 'Lato-Regular'!important}
.pagi-nav{margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(48,48,48,0.1)}
.pagi-nav ul{margin: 0; padding: 0 150px; position: relative; list-style: none; text-align: center}
.pagi-nav ul li{padding: 5px; display: inline-block}
.pagi-nav ul li + li{margin: 0}
.pagi-nav ul li:before{display: none}
.pagi-nav ul li.pagi-prev,
.pagi-nav ul li.pagi-next{padding: 0; display: block; position: absolute; top: 50%; margin-top: -13px}
.pagi-nav ul li.pagi-prev{text-align: left; left: 0}
.pagi-nav ul li.pagi-next{text-align: right; right: 0}
.pagi-nav ul li.pagi-number a,
.pagi-nav ul li.pagi-number > span{
display: block;
border: 2px solid #f6f6f6;
width: 40px;
height: 40px;
line-height: 36px;
position: relative;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #303030
}
.pagi-nav ul li.pagi-number a .pagi-nr, .pagi-nav ul li.pagi-number > span .pagi-nr{position: relative; z-index: 1}
.pagi-nav ul li.pagi-number a:before,
.pagi-nav ul li.pagi-number > span:before{
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -15px;
background-color: #f6f6f6;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;	
}
.pagi-nav ul li.pagi-number a:hover,
.pagi-nav ul li.pagi-number > span.active{border-color: #00a8e8; color: #fff; text-decoration: none}
.pagi-nav ul li.pagi-number a:hover:before,
.pagi-nav ul li.pagi-number > span.active:before{background-color: #00a8e8} .widget-wrap{
padding-left: 40px;
padding-right: 40px;	
}
.widget-wrap + .widget-wrap{margin-top: 40px}
.widget-title{
font-size: 26px;
line-height: 32px;
margin: 0 -8px 25px 0
}
.cat-post-widget .widget-title{margin-bottom: 5px}
#sidebar .menu{margin: -20px 0 0 0; padding: 0; list-style: none; font-size: 15px; line-height: 18px; font-family: 'Lato-Medium';}
#sidebar .menu a{color: rgba(48,48,48,0.5); display: block; padding: 20px 40px 20px 0; position: relative}
#sidebar .menu a:after{content:'';display:block;width:5px;height:10px;position:absolute;top:50%;margin-top:-5px;right: 0;background-image:url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/menu-arrow-right.svg);background-repeat:no-repeat;background-position:center}
#sidebar .menu li{border-bottom:1px solid rgba(48,48,48,0.1)}
#sidebar .menu li:last-child{border: none}
#sidebar .menu li:hover > a,
#sidebar .menu li.current-menu-item > a,
#sidebar .menu li.current-menu-parent > a,
#sidebar .menu li.current-menu-ancestor > a{color: rgba(48,48,48,1); text-decoration: none}
.widget-wrap.blue-box{padding: 40px; color: #fff; background-color: #00adee}
.widget-wrap.blue-box .widget-title{color: inherit}
.widget-wrap.blue-box .builder-block ul > li:before{background-color: #fff}
.widget-wrap.blue-box .special-title{font-size: 21px; line-height: 25px; margin-bottom: 15px}
.widget-wrap.blue-box .special-title span{display: block}
.cat-post-widget{padding-top: 40px; border-top:1px solid rgba(48,48,48,0.1)}
.cat-post-widget.widget:first-of-type{padding-top: 0; border: none} .category-posts-internal{margin:0 -20px;padding:0;list-style:none}
.category-posts-internal > .cat-post-item{
display: table;
width: 100%;
height: 96px;
position: relative;
margin: 0;
padding: 0;
font-size: 15px;
line-height: 22px;
font-family: 'Lato-Bold';
border-bottom: 1px solid rgba(48,48,48,0.1);	
}
.category-posts-internal > .cat-post-item > .cat-post-everything-is-link{
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
color: #657089;
display: table-cell;
vertical-align: middle;
margin: 0;
padding: 23px 40px 23px 90px;
position: relative;	
}
.category-posts-internal > .cat-post-item > .cat-post-everything-is-link:after{content: '';
display: block;
width: 5px;
height: 10px;
position: absolute;
top: 50%;
margin-top: -5px;
right: 20px;
background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/menu-arrow-right.svg);
background-repeat: no-repeat;
background-position: center;
}
.category-posts-internal > .cat-post-item > .cat-post-everything-is-link .cat-post-thumbnail{
width: 50px;
height: 50px;
position: absolute;
left: 20px;
top: 50%;
margin: -25px 0 0 0;
display: block;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 10px 20px 0 rgba(48,48,48,0.15);
}	
.category-posts-internal > .cat-post-item > .cat-post-everything-is-link:hover{background-color: #00adee; color: #fff; text-decoration: none}
.category-posts-internal > .cat-post-item > .cat-post-everything-is-link:hover:after{background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/menu-arrow-right-hover.svg)}		
.category-posts-internal > .cat-post-item:last-child{border: none}
.cat-post-footer-link{margin-top: 30px} .blue-frame-box.widget{border: 10px solid #00adee; padding: 30px}
.related-posts .related-post{
display: table;
padding: 20px;
height: 90px;
width: 100%;
position: relative;
padding-left: 70px;
font-family: 'Lato-Bold';
color: #657089;
}
.related-posts .related-post + .related-post{border-top: 1px solid rgba(48, 48, 48, 0.1)}
.related-post .related-thumb{
width: 50px;
height: 50px;
position: absolute;
top: 50%;
margin-top: -25px;
left: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 10px 20px 0 rgba(48, 48, 48, 0.15);
background-color: #e5e5e5;
overflow: hidden	
}
.related-post .related-thumb img{display: block;}
.related-post .related-inner{display: table-cell; vertical-align: middle} .map-address{font-size: 14px; line-height: 22px; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 30px}
.map-address + .map-address{margin-top: 30px}
.map-address p + p{margin-top: 20px}   
.map-address h2{color: inherit; margin: 0 0 20px 0}
.map-address-content{padding-right: 70px; min-height: 80px; position: relative}
.map-address-content .map-address-radio{width: 40px; position: absolute; top: 0; right: 0; width: 40px; font-size: 8px; text-transform: uppercase; line-height: 10px; text-align: center}
.map-address-radio{position: relative}
.map-address-radio input[type="radio"]{opacity: 0; position: absolute;}
.map-address-radio .radio-style{opacity: 0.5; cursor: pointer}
.map-address-radio .radio-styled,
.map-address-radio .radio-txt{display: block}
.map-address-radio .radio-txt{margin-top: 8px}
.map-address-radio .radio-styled{
border: 2px solid #f7f7f7;
width: 40px;
height: 40px;
position: relative;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.map-address-radio .radio-styled:before{
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -15px;
background-color: #f7f7f7;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.map-address-radio input[type="radio"]:checked + .radio-style{opacity: 1; cursor: default}	
#footer-logo{display: inline-block; vertical-align: baseline; margin-top: 7px; overflow: hidden}
#footer-logo svg{display: block; vertical-align: top; float: left}
#footer-logo svg > g > path{
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
#footer-logo:hover svg > g > path{fill: #303030}
* + #footer-copyright{margin-top: 92px}
* + .contacts-compact{margin-top: 40px}
#footer-copyright{
font-size: 14px;
line-height: 22px;
padding-top: 22px;
border-top: 1px solid rgba(48 ,48, 48, 0.1);
}
#footer-copyright .read-more-link{top: -4px}
.footer-social{margin: -8px -4px -4px -4px; padding: 0; list-style: none; overflow: hidden}
.footer-social li{float: left; padding: 4px}
.footer-social li a svg{display: block}
.footer-social li a svg path{			
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;	
}
.footer-social li a:hover svg path{stroke: #00a8e8} #category-top-block{
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(48, 48, 48, 0.1)	
}
.categories-list{margin: -10px; overflow: hidden; text-align: center}
.categories-list .categories-list-item{width: 20%; float: left; padding: 10px}
.categories-list .categories-list-item .categories-list-item-inner{
padding: 20px 15px 40px 15px;
border: solid 1px rgba(101, 112, 137, 0.1);
font-family: 'Lato-Bold';
display: block;
width: 100%;
color: #657089;
font-size: 16px;
line-height: 24px;
position: relative
}
.categories-list .categories-list-item .categories-list-item-inner .icon-default{display: block}
.categories-list .categories-list-item .categories-list-item-inner .icon-hover{display: none}
.categories-list-icon{display: table; height: 120px; width: 100%}
.categories-list-icon .categories-list-icon-inner{display: table-cell; vertical-align: middle}
.categories-list-icon .categories-list-icon-inner svg{display: block; margin: 0 auto}
.categories-list-txt{
text-align: center;
font-family: 'Lato-Regular';
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
position: absolute;
left: 0;
width: 100%;
bottom: 20px
}
body.et .categories-list .categories-list-item .categories-list-item-inner:hover .categories-list-txt:before{content: 'Vali'}
body.et .categories-list .categories-list-item.active .categories-list-item-inner .categories-list-txt:before{content: 'Valitud'}
body.en .categories-list .categories-list-item .categories-list-item-inner:hover .categories-list-txt:before{content: 'Select'}
body.en .categories-list .categories-list-item.active .categories-list-item-inner .categories-list-txt:before{content: 'Selected'}
.categories-list .categories-list-item.active .categories-list-item-inner,
.categories-list .categories-list-item .categories-list-item-inner:hover{
color: #fff;
background-color: #00adee;
border-color: #00adee;
text-decoration: none	
}
.categories-list .categories-list-item.active .categories-list-item-inner .icon-default,
.categories-list .categories-list-item .categories-list-item-inner:hover .icon-default{display: none}
.categories-list .categories-list-item.active .categories-list-item-inner .icon-hover,
.categories-list .categories-list-item .categories-list-item-inner:hover .icon-hover{display: block}
#termOptionSelect{
width: 100%;
padding: 10px 15px;
display: none
} * + #accordion{margin-top: 40px}
#accordion > .panel-default{background-color: #fff; border: 1px solid rgba(101, 112, 137, 0.2)}
#accordion > .panel-default + .panel-default{margin-top: 10px}
#accordion > .panel-default > .panel-heading > .panel-title{text-transform: uppercase; font-size: 26px; line-height: 32px}
#accordion > .panel-default > .panel-heading > .panel-title > a{display: block; padding: 20px; color: #303030; cursor: pointer; position: relative}
#accordion > .panel-default > .panel-heading > .panel-title > a:hover{text-decoration: none; color: #00adee}
#accordion > .panel-default > .panel-heading > .panel-title > a:after{
content: '';
display: block;
width: 18px;
height: 18px;
position: absolute;
top: 50%;
margin-top: -9px;
right: 20px;
background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/minus.svg);
background-position: center;
background-repeat: no-repeat
}
#accordion > .panel-default > .panel-heading > .panel-title > a.collapsed:after{background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/plus.svg)}
#accordion > .panel-default > .panel-collapse > .panel-body{padding: 0 35px 20px 35px; overflow: hidden}
#accordion > .panel-default > .panel-collapse > .panel-body .table-responsive{margin-left: -15px; margin-right: -15px}
* + .accordion-btn{margin-top: 30px}
#accordion > .panel-default > .panel-collapse > .panel-body .table-responsive + *,		
* + .accordion-contacts{margin-top: 40px}
.accordion-contacts .contact-number + p{margin-top: 15px}
.accordion-contacts.flex-stretch{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-left: -20px;
margin-right: -20px
}
.accordion-contacts.flex-stretch > .flex-item{
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 33.333334%;
-ms-flex: 0 1 33.333334%;
flex: 0 1 33.333334%;
width: 33.333334%;
flex: 0 0 auto\0;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
position: relative;
padding: 0 20px	
}
.accordion-contacts.flex-stretch > .flex-item:before{
content: '';
display: block;
width: 1px;
height: 100%;
background-color: rgba(101, 112, 137, 0.1);
position: absolute;
top: 0;
left: 0	
}
.accordion-contacts.flex-stretch > .flex-item:nth-child(3n+1):before{display: none!important}
.accordion-contacts.flex-stretch > .flex-item:nth-child(n+4){margin-top: 30px}
.website-creator{margin-top: 20px} #footer-eu{margin-top: 30px; font-size: 13px}
.eu-element{
z-index: 9999;
width: 140px;
position: fixed;
right: 0;
bottom: 0;
width: 140px
} @media (max-width: 1630px){
.header-top-inner{padding-left: 15px; padding-right: 15px}	
}
@media (min-width: 1024px){
#mobile-header,
#mobile-header-content{display: none!important}
.language-switcher-label,
.wpml-ls{display: inline-block; vertical-align: middle}
.wpml-ls ul{margin: 0; padding: 0; list-style: none}
.wpml-ls li{position: relative}
.wpml-ls li ul{
display: none;
position: absolute;
top: 100%;
left: 0;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background-color: #fff;
overflow: hidden;
}
.wpml-ls a{
color: #657089;
display: block;
width: 65px;
height: 30px;
text-transform: uppercase;
line-height: 28px;
font-size: 14px;
padding: 0 10px;
border: 1px solid rgba(101, 112, 137, 0.2);
position: relative
}
.wpml-ls a:hover{
text-decoration: none;
color: #fff;
background-color: #00adee;
border-color: #00adee
}
.wpml-ls a.wpml-ls-item-toggle{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wpml-ls a.wpml-ls-item-toggle:after{
content: '';
display: block;
width: 10px;
height: 100%;
position: absolute;
top: 0;
right: 10px;
background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/lang-arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: 10px auto;
}
.wpml-ls a.wpml-ls-item-toggle:hover:after{background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/lang-arrow-white.png)}
.wpml-ls.active a{color: #fff; border-color: #00adee}
.wpml-ls.active a.wpml-ls-item-toggle{
-webkit-border-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
background-color: #00adee;
}
.wpml-ls.active a.wpml-ls-item-toggle:after{
background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/lang-arrow-white.png);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.wpml-ls.active li ul{background-color: #00adee}
.wpml-ls.active li ul a:hover{border-color: #0b86b4; background-color: #0b86b4}
.home .language-switcher-label,
.home .wpml-ls a{color: #fff}
.home .wpml-ls a.wpml-ls-item-toggle{border-color: rgba(255, 255, 255, 0.3)}
.home .wpml-ls a.wpml-ls-item-toggle:hover,
.home .wpml-ls.active a{color: #657089; border-color: #fff; background-color: #fff}
.home .wpml-ls.active a.wpml-ls-item-toggle{background-color: #fff}
.home .wpml-ls.active li ul{background-color: #fff}
.home .wpml-ls.active li ul a:hover{border-color: #e5e5e5; background-color: #e5e5e5}
.home .wpml-ls a.wpml-ls-item-toggle:after{background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/lang-arrow-white.png)}
.home .wpml-ls a.wpml-ls-item-toggle:hover:after{background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/lang-arrow.png)}
.home .wpml-ls.active a.wpml-ls-item-toggle:after{background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/lang-arrow.png)}
.language-switcher-label{color: #657089; font-size: 12px; line-height: 16px; margin-right: 10px}	
}
@media (min-width: 993px){
.row-wide{
margin-left: -100px;
margin-right: -100px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.row-wide > .row-col-6{
overflow: hidden;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
flex: 0 0 auto\0;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
width: 50%;
padding: 0 100px;
position: relative
}
.row-wide > .row-col-6:nth-child(even):before{
content: '';
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.3);
}
.service-accordion > .service-accordion-content{display: block!important}
}
@media (max-width: 1023px){
.categories-list{display: none!important}
#termOptionSelect{display: block; margin-top: 20px}
#content.section-block{padding-top: 60px}
body.noscroll{overflow: hidden}
.builder-block blockquote{padding: 20px; font-size: 16px; line-height: 26px}
h1{font-size: 24px; line-height: 28px}
.custom-gallery img{display: block; width: 100%; height: auto}
#mobile-header > a svg > g > path{fill: #fff; transition: 0.8s ease;}
#mobile-header > a svg > g > g > mask{display: none!important; transition: 0.8s ease;}
#mobile-header > a svg > g > g > path{fill: #00adee; transition: 0.8s ease;}
.noscroll #mobile-header > a svg > g > path,
#mobile-header.fixed > a svg > g > path{fill: #8C9196}
.noscroll #mobile-header > a svg > g > g > mask,
#mobile-header.fixed > a svg > g > g > mask{display: none!important}
.noscroll #mobile-header > a svg > g > g > path,
#mobile-header.fixed > a svg > g > g > path{fill: #00adee}
#mobile-header{transition: 0.8s ease;}	
#mobile-header.fixed{background-color: #fff;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1)}
.noscroll #mobile-header.fixed{box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0)}
#mobile-toggle{
transition: 0.8s ease;
display: block;
position: absolute;
top: 50%;
right: 20px;
margin-top: -20px;
width: 40px;
height: 40px;
padding: 0;
background: none;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
#mobile-toggle .menui {
width: 24px;
left: 50%;
margin-left: -12px;
height: 1px;
background: #fdfcf6;
transition: 0.6s ease;
transition-timing-function: cubic-bezier(.75,0,.29,1.01);
position: absolute
}
#mobile-toggle .top-menu{top: 14px}
#mobile-toggle .mid-menu {top: 19px}
#mobile-toggle .bot-menu{top: 24px}
#mobile-toggle .top-menu.animate{top: 19px!important; -webkit-transform: rotate(45deg); transform: rotate(45deg)}
#mobile-toggle .mid-menu.animate{opacity: 0}
#mobile-toggle .bot-menu.animate{top: 19px!important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg)}
.noscroll #mobile-toggle .menui, #mobile-header.fixed #mobile-toggle .menui{background-color: #404761}
.noscroll #mobile-toggle, #mobile-header.fixed #mobile-toggle{border-color: rgba(101, 112, 137, 0.2)}
#mobile-header{
width: 100%;
position: fixed;
top: 0;
left: 0;
height: 80px;
padding: 30px 20px;	
z-index: 1010;
}
#mobile-header > a{
display: block;
float: left;
}
#mobile-header > a svg{
display: block;
width: 160px;
height: 20px
}
#mobile-header-content{
display: none;
padding: 80px 20px;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 1000;	
}
.mobile-nav{font-size: 21px; line-height: 25px; letter-spacing: 2px; font-family: 'Lato-Medium'}
.mobile-nav ul{margin: 0; padding: 0; list-style: none; text-align: center}
.mobile-nav + .mobile-nav,
.mobile-nav ul li + li{margin-top: 15px}
.mobile-nav a{color: #303030; text-decoration: none; opacity: 0.5; position: relative; display: inline-block; padding: 5px 0}
.mobile-nav a:after{
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
left: 0;
bottom: 0;
background-color: #00adee;
opacity: 0
}
.mobile-nav a:hover,
.mobile-nav .current-menu-item > a,
.mobile-nav .current-menu-parent > a,
.mobile-nav .current-menu-ancestor > a,
.mobile-nav .current-menu-item > a:after,
.mobile-nav .current-menu-parent > a:after,
.mobile-nav .current-menu-ancestor > a:after, 
.mobile-nav a:hover:after{opacity: 1}
.wpml-ls{margin-top: 20px; padding-left: 40px; padding-right: 40px; font-size: 21px; line-height: 25px; font-family: 'Lato-Medium'}	
.wpml-ls ul{
list-style: none;
padding: 0;
margin: 0
}
.wpml-ls > ul{
padding-top: 20px;
border-top: 1px solid rgba(48, 48, 48, 0.1);	
}
.wpml-ls a{opacity: 0.5; color: #303030; display: block; width: 80px; height: 30px; line-height: 30px; padding: 0 10px; margin: 0 auto; position: relative}
.wpml-ls a.wpml-ls-item-toggle:after{				
content: '';
display: block;
width: 14px;
height: 100%;
position: absolute;
top: 0;
right: 10px;
background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/lang-arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: 14px auto;
}
.wpml-ls li ul{display: none}
.wpml-ls.active a.wpml-ls-item-toggle,
.wpml-ls a:hover{text-decoration: none; color: #00adee; opacity: 1}
.mobile-header-center{
position: relative;
height: 100%;
overflow: auto;
margin-right: -20px;
padding-right: 20px;
}
.mobile-header-center:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em
}
.mobile-header-center > .mobile-header-center-items{
display: inline-block;
vertical-align: middle;
width: 99%;
}
.mobile-contacts{
margin: 0;
padding: 0;
overflow: hidden;
list-style: none;
position: absolute;
left: 0;
width: 100%;
bottom: 0;	
}
.mobile-contacts li{float: left; width: 50%; padding: 0 10px 20px 20px; position: relative; font-family: 'Lato-Black'; font-size: 18px; line-height: 22px; color: #303030}
.mobile-contacts li:nth-child(even){padding-left: 10px; padding-right: 20px}
.mobile-contacts li + li:before{
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 20px;
width: 1px;
display: block;
background-color: rgba(48, 48, 48, 0.1);	
}
.mobile-contact-title{font-size: 12px; line-height: 22px; display: block; color: #00a8e8; font-family: 'Lato-Bold';}
.container{padding-left: 20px; padding-right: 20px}
.row{margin-left: -20px; margin-right: -20px}
.row > div{padding-left: 20px; padding-right: 20px}
h2,
.category-post-block h3{font-size: 21px; line-height: 25px}
.map-address h2{margin: 0 0 10px 0}
body{font-size: 14px; line-height: 24px}
.section-block{padding: 100px 0}
.section-block.section-map{padding: 0}
#header{display: none!important}
#intro-block .container{padding-top: 120px}
.home #intro-block .container{padding-top: 120px; padding-bottom: 195px; min-height: inherit}
.home #intro-block .intro-title{font-size: 30px; line-height: 42px}
.home #intro-block .intro-title small{font-size: 21px; line-height: 30px}
.home .intro-icons{bottom: 60px; padding-left: 20px; padding-right: 20px}
.intro-icons .intro-icons-inner{padding-left: 50px; padding-right: 50px}
.row-wide{margin-left: -20px; margin-right: -20px}
.row-wide > .row-col-6{padding-left: 20px; padding-right: 20px}
.row-col-6 .section-title{margin-right: 0}
.testimonial-post{padding-top: 0}
.section-title{font-size: 24px; line-height: 29px; text-align: center; margin: 0 0 20px 0}
#testimonials .section-title{text-align: left}
.section-blue .builder-block{font-size: 16px; line-height: 26px}
.section-blue .builder-block li + li{margin-top: 10px}
.section-blue .builder-block li:before{top: 11px}
.special-title span{display: block}
.multiple-rows .slider-navigation{text-align: center!important}
.service-accordion{padding: 0}
.service-accordion-icon{display: none!important}
.service-accordion > .service-accordion-title{width: 100%; float: none; padding: 0; text-align: left}
.service-accordion-title h4{font-size: 21px; line-height: 25px; padding: 20px 50px 20px 0; cursor: pointer}
.service-accordion-title h4:before{
content: '';
display: block;
position: absolute;
right: 0;
top: 20px;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}
.service-accordion-title h4:after{
content: '';
display: block;
position: absolute;
right: 0;
top: 20px;
width: 30px;
height: 30px;
background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/pluss.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 15px 15px
}
.service-accordion-title.active h4:after{background-image: url(//www.hobenool.eu/wp-content/themes/hobenool/theme/images/miinus.svg)}
.service-accordion > .service-accordion-content{width: 100%; float: none; padding-top: 0; padding-bottom: 20px; display: none}
.service-accordion + .service-accordion:before{display: none!important}
.service-accordion + .service-accordion{margin-top: 0; padding-top: 0}
.service-accordion-block-title h5{font-size: 21px; line-height: 25px}
.service-accordion-block + .service-accordion-block{margin-top: 20px}
#accordion > .panel-default > .panel-heading > .panel-title > a{padding: 10px}
#accordion > .panel-default > .panel-heading > .panel-title > a:after{right: 10px}
#accordion > .panel-default > .panel-collapse > .panel-body .table-responsive{margin: 0!important}
#accordion > .panel-default > .panel-collapse > .panel-body{padding: 0 10px 10px 10px}
}
@media (max-width: 992px){
#home-testimonials{display: none!important}
.col-md-6 .custom-gallery{margin-top: 20px}
#footer.section-block{padding-bottom: 0}
#footer-logo{margin: 0 auto; width: 200px; display: block}
#footer .row > div + div{margin-top: 40px}	
#sidebar{display: none}
#footer-copyright{padding: 40px 0}
#footer-copyright,
#footer-copyright .text-left,
#footer-copyright .text-right{text-align: center!important}
.footer-social li{float: none; display: inline-block; vertical-align: top}
* + #footer-copyright{margin-top: 60px}
#footer-copyright .row > div + div{margin-top: 20px}
.row-wide > .row-col-6 + .row-col-6{margin-top: 30px}
.testimonial-content{max-width: 100%}
.testimonial-post{padding-left: 0; padding-right: 0; text-align: center}
.testimonial-author{margin: 0 auto}
.slider-navigation{text-align: center}
.category-post-block img{display: block; width: 100%; height: auto}
#map-wrap{
position: relative;
width: 100%;
height: 442px;	
}
.section-map #map-addresses{
min-height: inherit;
padding: 60px 20px 100px 20px;
margin-top: -40px;
max-width: inherit;
width: 100%; 
float: none;
-webkit-clip-path: polygon(0% 0%, 50% 40px, 100% 0%, 100% 100%, 50% 100%, 0 100%);
clip-path: polygon(0% 0%, 50% 40px, 100% 0%, 100% 100%, 50% 100%, 0 100%);
}
.section-map #map-addresses .section-title{display: none!important}
.map-address:first-child{margin-top: 0; padding-top: 0; border: none}
.multiple-rows .slider-item-outer{height: 140px}
.multiple-rows .slick-slide img{width: auto!important}
.accordion-contacts.flex-stretch > .flex-item{
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
width: 50%;
flex: 0 0 auto\0
}	
.accordion-contacts.flex-stretch > .flex-item:nth-child(2n+1):before{display: none!important}
.accordion-contacts.flex-stretch > .flex-item:nth-child(n+3){margin-top: 30px}
}
@media (max-width: 767px){	
.block-slider-element .slide-item-outer{padding-left: 40px; padding-right: 40px}
.block-slider-element .slick-arrow.slick-prev{left: 0}
.block-slider-element .slick-arrow.slick-next{right: 0}	
.slick-slide img{width: 60px}
.block-slider-element .slide-item-outer .slide-item-inner .slide-item-content{padding: 30px 20px 50px 20px; font-size: 14px; line-height: 26px}
.block-slider-element .slide-item-outer .slide-item-inner{height: auto}
ul.slider-paging-number{font-size: 20px; line-height: 24px; right: 40px; bottom: 15px}
ul.slider-paging-number li button{top: -19px}
.col-sm-5 + .col-sm-7{margin-top: 20px}
.block-txttestimonial .testimonial-post-wrap{padding: 0}
.block-txttestimonial .testimonial-rm-link{margin-left: 0; text-align: center}
.block-team .col-sm-3:nth-child(4n+1){clear: none}
.block-team .col-sm-3:nth-child(n+5){margin-top: 0}
.block-team .col-sm-3:nth-child(2n+1){clear: left}
.block-team .col-sm-3:nth-child(n+3){margin-top: 30px}
.section-posts .col-sm-4{display: none}	
.section-posts .col-sm-4:first-child{display: block}
.section-block{
padding: 60px 0;
-webkit-clip-path: polygon(0% 0%, 50% 20px, 100% 0%, 100% 100%, 50% 100%, 0 100%);
clip-path: polygon(0% 0%, 50% 20px, 100% 0%, 100% 100%, 50% 100%, 0 100%);	
}
.block-txttestimonial > .row > .col-md-5:after,
.block-txttestimonial > .row > .col-md-7:before{display: none!important}	
.accordion-contacts.flex-stretch > .flex-item{
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
width: 100%;
flex: 0 0 auto\0
}	
.accordion-contacts.flex-stretch > .flex-item:before{display: none!important}
.accordion-contacts.flex-stretch > .flex-item + .flex-item{margin-top: 30px}
}
@media (min-width: 471px){
.intro-title-mobile{display: none!important}
}
@media (max-width: 470px){
.intro-title-desktop{display: none!important}
.intro-title-mobile{display: block; margin: 0 auto}
.block-team .col-sm-3{width: 100%}
.block-team .col-sm-3:nth-child(2n+1){clear: left}
.block-team .col-sm-3:nth-child(n+3){margin-top: 0}
.block-team .col-sm-3 + .col-sm-3{margin-top: 30px}
}
.map-address{
cursor:pointer;
}
* + .btn#cn-accept-cookie, .btn#cn-more-info + *, * + .btn#cn-more-info, .btn#cn-accept-cookie + * {
margin-top: 0;
}
* + .btn#cn-accept-cookie:hover, * + .btn#cn-more-info:hover {
margin-top: 0;
}
.cookie-notice-container .btn:hover, .cookie-notice-container .btn-sm:hover {
padding: 16px 41px 15px 41px;
margin-left: 10px;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.mdc-layout-grid > p{
min-width: 100%;
width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
max-width: 100%;
grid-column-end: span 12;
}
.intl-tel-input{
display: block;
width: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 46px;
}
.intl-tel-input > .flag-container{width: 46px; height: 46px}
.intl-tel-input .selected-flag{
width: 46px!important;
height: 46px!important;
padding-left: 4px!important;
border: 1px solid rgba(0, 0, 0, 0.12)
}
.intl-tel-input > .wpcf7-phonetext{
padding-left: 10px!important;
-ms-flex-preferred-size: 0!important;
flex-basis: 0!important;
-ms-flex-positive: 1!important;
flex-grow: 1!important;
max-width: 100%!important;
border-bottom: 1px solid rgba(0, 0, 0, 0.12)!important
}
.country-list > li:before{display: none!important}
.country-list > li + li{margin-top: 0!important}
.intl-tel-input .selected-flag{
border:none;
} @media (max-width: 479px){
.cf7md-form .mdc-layout-grid__cell--span-12, .cf7md-form .mdc-layout-grid__cell--span-12-phone.mdc-layout-grid__cell--span-12-phone {
width: auto;
grid-column-end: span 8;
}
}