#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:0.5s!important;animation-duration:0.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:0.001s!important;animation-duration:0.001s!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:none;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:before,.cn-close-icon:after{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:rgba(128,128,128,1)}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:none;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-text-container,.cn-buttons-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.admin-bar #swipebox-overlay{top: 32px;}.admin-bar #swipebox-container {bottom: 32px;}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(//tassilotesche.de/wp-content/plugins/responsive-lightbox/assets/swipebox/img/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(//tassilotesche.de/wp-content/plugins/responsive-lightbox/assets/swipebox/img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:.95}#swipebox-top-bar{color:white!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}#vscf {clear:both;}#vscf:after {content:'';display:block;height:0;clear:both;}#vscf-anchor {clear:both;}#vscf .form-group {margin-bottom:15px;}#vscf .form-group label.vscf-label {margin-bottom:5px;display:block;}#vscf .form-group input[type="text"], #vscf .form-group input[type="email"] {width:80%;display:block;box-sizing:border-box;font-family:inherit;font-size:1em;}#vscf .form-group textarea {width:100%;display:block;box-sizing:border-box;font-family:inherit;font-size:1em;}#vscf .form-group button {font-family:inherit;font-size:1em;}#vscf .vscf-privacy-group label {display:inline;}#vscf .vscf-privacy-group input[type="checkbox"] {display:inline-block;}#vscf .vscf-error {border-color:#ff0000;color:#ff0000;font-size:0.9em;}#vscf .vscf-hide {position:absolute;overflow:hidden;height:1px;width:1px;margin:-1px;padding:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);word-wrap:normal;}#vscf .vscf-display-none {display:none;}.vscf-info {font-style:italic;font-size:1.2em;}.vscf-widget:after {content:'';display:block;height:0;clear:both;}.vscf-widget-text {margin:0 0 20px;}.vscf-widget-text p {margin:0 0 10px;padding:0;}.vscf-widget-text p:last-of-type {margin-bottom:0;}#vscf .form-group .custom-control-input {position:relative;z-index:auto;opacity:1;}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//tassilotesche.de/wp-content/themes/OriginatorThemeRes/js/lib/owl-carousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}html{
min-height: 100%;
}
body{
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 24px;
margin: 0;
height: 100%;
min-width: 320px;
padding: 2.8em 0 0;
position: relative;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.single,
body.page-template-default{
padding-top: 0;
}
body.page-template-template-home-php{
padding-top: 10vh;
}
body.menu-open{
overflow: hidden;
}
img{
height: auto;
max-width: 100%;
}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a,
.button{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none;
outline: none!important; 
}
a{
color: #f64f06;
}
a:hover{
text-decoration: none;
color: #999;
}
.button{
display: inline-block;
background: #fff;
color: #000;
font-size: 15px;
line-height: 1em;
padding: 14px 40px;
text-decoration: none!important;
}
.button:hover{
background: #000;
color: #fff;
}
input,
select,
textarea{
border: 1px solid #c2c2c2;
background: transparent;
display: block;
font-family: inherit;
font-size: 0.8em;
margin-bottom: 1em;
padding: 0 6px;
resize: none;
width: 100%;
outline: none!important;
}
input,
select{
height: 48px;
line-height: 48px;
}
textarea{
height: 140px;
padding: 8px 6px;
}
button{
background: #000;
border: 0;
color: #fff;
cursor: pointer;
font-weight: bold;
font-size: 0.8em;
height: 48px;
line-height: 48px;
padding: 0 20px;
text-transform: uppercase;
outline: none!important;
}
input[type="submit"] {
background: #000;
color: #fff;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
}
h1{
font-size: 2em;
font-weight: bold;
line-height: 1.1;
}
h2{
font-size: 1.4em;
font-weight: bold;
line-height: 1.1;
margin: 0 0 0.3em;
}
h3{
font-size: 1.1em;
font-weight: bold;
margin: 0 0 0.7em;
}
p{
font-size: 1em;
margin: 0 0 1em;
}
ul,
ol{
font-size: 1em;
margin: 0 0 1em;
padding-left: 35px;
}
ul li,
ol li{
padding: 2px 0;
}
::-moz-selection {
background-color: #000;
color: #fff;
}
::selection {
background-color: #000;
color: #fff;
} .header{
background-color: #fff;
left: 0;
top: 0;
padding: 15px;
position: absolute;
width: 100%;
z-index: 5;
}
.header-inner{
height: 100%;
position: relative;
}
.logo-wrap img{
display: inline-block;
max-width: 380px;
margin-top:10px;
}
#touch-menu{
display: block;
cursor: pointer;
background: #fff;
width: 61px;
height: 52px;
right: 20px;
margin: 0;
padding: 12px;
position: absolute;
top: 15px;
z-index: 999;
transition: none;
}
#touch-menu span:after,
#touch-menu span:before {
content: "";
position: absolute;
left: 0;
top: -9px;
}
#touch-menu span:after{
top: 9px;
}
#touch-menu span {
position: relative;
display: block;
top: 12px;
}
#touch-menu span,
#touch-menu span:after,
#touch-menu span:before {
width: 100%;
height: 3px;
background-color: #000;
transition: all 0.3s;
backface-visibility: hidden;
border-radius: 2px;
}
#touch-menu.on,
#touch-menu.on span{
background-color: transparent;
}
#touch-menu.on span:before {
transform: rotate(45deg) translate(5px, 5px);
background-color: #fff;
}
#touch-menu.on span:after {
transform: rotate(-45deg) translate(7px, -8px);
background-color: #fff;
}
.navigation{
-ms-align-items: center;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.9);
display: none;
font-size: 48px;
line-height: 1em;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
position: fixed;
width: 100%;
overflow: auto;
z-index: 10;
}
.navigation.visible{
display: block;
}
.navigation > ul,
.navigation div > ul{
display: block;
list-style-type: none;
margin: 60px auto;
max-width: 400px;
padding: 0 15px;
}
.navigation ul ul{
display: block;
margin: 0;
padding: 0 0 0 20px;
width: 100%;
}
.navigation ul li{
background-color: transparent;
border: none;
display: block;
padding: 20px 0;
}
.navigation a{
color: #fff;
text-transform: uppercase;
text-decoration: none;
position: relative;
}
.navigation .sub-menu li{
padding: 20px 0 0 0;
font-size: 0.75em;
line-height: 1em;
}
.navigation a:hover{
text-decoration: underline;
} .footer{
background: #fff;
padding: 1em 0;
position: relative;
text-align: center;
}
.footer .footer-copyright{
font-size: 16px;
margin: 0 0 0.8em;
}
.social-icons{
overflow: hidden;
line-height: 21px;
}
.ta-icon{
display: inline-block;
background: url(//tassilotesche.de/wp-content/themes/OriginatorThemeRes/img/social-sprite.jpg) no-repeat;
height: 21px;
line-height: 21px;
margin: 3px;
width: 22px;
color: #fff;
text-indent: 110%;
text-decoration: none;
overflow: hidden;
vertical-align: middle;
}
.ta-facebook{
background-position: -31px 0;
}
.ta-google{
background-position: -66px 0;
}
.ta-instagram{
background-position: -99px 0;
}
.ta-pinterest{
background-position: -130px 0;
}
.ta-vimeo{
background-position: -163px 0;
}
.ta-youtube{
background-position: -196px 0;
}
.ta-linkedin{
background-position: -230px 0;
} .home-slider-wrap{
position: fixed;
top: 0;
z-index: 0;
}
.home-slide{
-webkit-background-size: cover!important;
background-size: cover!important;
height: 100vh;
position: relative;
}
.owl-video-overlay{
-webkit-background-size: cover!important;
background-size: cover!important;
height: 100%;
left: 0;
top: 0;
position: absolute;
width: 100%;
}
.home-slider-wrap .owl-next,
.home-slider-wrap .owl-prev{
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 99999;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.home-slider-wrap .owl-next{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
right: 20px;
left: auto;
}
.home-slider-wrap .owl-prev{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
right: auto;
left: 20px;
}
.home-content-slide{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
text-align: center;
}
.home-content-inner{
color: #fff;
max-width: 1000px;
padding: 0 75px;
}
.home-content-inner h2{
font-size: 3em;
line-height: 1em;
margin: 0;
}
.home-content-inner p{
font-size: 1em;
line-height: 1.25em;
margin: 2em 0;
}
.container{
margin: 0 auto;
max-width: 1382px;
padding-left: 11px;
padding-right: 11px;
}
.clearfix:before,
.clearfix:after,
.page-wrap:before,
.page-wrap:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.page-wrap:after,
.row:after {
clear: both;
}
.row{
margin-left: -11px;
margin-right: -11px;
}
.col-md-4,
.col-md-6,
.col-md-8,
.col-md-12{
float: left;
padding-left: 11px;
padding-right: 11px;
}
.col-md-4{
width: 36.29%;
}
.col-md-6{
width: 50%;
}
.col-md-8{
width: 63.71%;
}
.col-md-12{
width: 100%;
margin-bottom:20px;
}
.page-wrap{
height: 100%;
margin: 0 auto;
position: relative;
}
.main{
display: block;
padding: 2em 0;
position: relative;
}
.homepage-main{
background: #fff;
}
.home-featured-text{
max-width: 700px;
}
.home-featured-text h1{
font-size: 40px;
margin: 0.5em 0 0.5em;
}
.home-featured-text p{
font-size: 24px;
line-height: 1.2em;
margin: 1.7em 0;
}
.feed-post-col:nth-child(odd){
clear: left;
}
.thumbnail-wrap:hover img{
transform: matrix(1.05, 0, 0, 1.05, 0, 0);
}
.thumbnail-wrap{
display: block;
overflow: hidden;
}
.thumbnail-wrap img{
display: block;
height: auto;
width: 100%;
transition: all .3s cubic-bezier(.25,.46,.45,.94);
}
.feed-post-wrap{
margin-bottom: 1.2em;
}
.feed-post-wrap h2{
font-size: 19px;
margin: 0.9em 0 0;
letter-spacing: 1px;
}
.feed-post-wrap h2 a{
display: block;
color: #000;
}
.feed-post-wrap h2 a:hover{
display: block;
color: #666;
}
.pagination{
font-size: 24px;
padding: 0 15px;
text-align: center;
}
.pagination a{
color: #000;
}
.pagination .page-numbers{
border: 1px solid #000;
display: inline-block;
font-weight: normal;
margin: 5px 3px;
padding: 8px 17px;
line-height: 1em;
}
.pagination .page-numbers:hover,
.pagination .current{
color: #fff;
background: #000;
text-decoration: none;
} .category-title h1{
font-size: 31px;
margin: 0 0 1em;
text-align: center;
}
.feed-blog-content{
padding-left: 70px;
max-width: 550px;
margin: 30px 0;
}
.feed-blog-content{
font-size: 14px;
}
.feed-blog-content a{
color: #000;
}
.feed-blog-content a:hover{
color: #666;
}
.feed-blog-content h2{
font-size: 24px;
}
.feed-blog-content p{
color: #817d8b;
margin: 1em 0;
}
.read-more-wrap a{
font-style: italic;
font-weight: bold;
text-decoration: underline;
} .page-thumbnail-block{
height: 100vh;
-webkit-background-size: cover!important;
background-size: cover!important;
margin-bottom: 1em;
}
.page-thumbnail img{
display: block;
height: auto;
width: 100%;
}
.single-post-inner{
margin-top: 1.2em;
}
.single-post-title{
padding: 15px;
width: 100%;
text-align:center;
}
.single-post-title h1{
font-weight: 900;
line-height: 1.1;
margin: 0;
}
.single-post-content{
float: left;
padding: 15px;
width: 100%;
}
.comments-wrap{
margin-top: 2.2em;
}
.comments-wrap input{
height: 36px;
line-height: 36px;
}
.comments ul{
padding-left: 0px;
list-style-type: none;
}
.comments ul ul{
padding-left: 20px;
}
.comments .avatar{
height: auto;
width: 35px;
}
.comments a{
color: #3b3839;
}
.commentmetadata a:hover{
cursor: text;
text-decoration: none;
}
.reply{
margin-bottom: 30px;
text-decoration: underline;
}
.comments p{
margin: 0.8em 0;
}
.comments form{
max-width: 640px;
}
@media only screen and (max-width : 992px) {
.col-md-4{
width: 36.7%;
}
.col-md-8{
width: 63.1%;
}
body{
font-size: 22px;
}
input,
button{
height: 38px;
line-height: 38px;
font-size: 1em;
}
.logo-wrap img{
max-width: 300px;
}
.home-content-inner p{
font-size: 1em;
}
.home-featured-text h1,
.category-title h1{
font-size: 30px;
margin-bottom: 0.5em;
}
.home-featured-text p{
font-size: 21px;
margin-top: 0;
}
.feed-post-wrap h2{
font-size: 21px;
margin-top: 14px;
}
.feed-blog-content{
margin: 35px 0;
max-width: 100%;
padding: 0;
}
.single-post-title{
float: none;
padding: 15px;
width: 100%;
}
.single-post-content{
float: none;
padding: 0 15px;
width: 100%;
}
}
@media only screen and (max-width : 767px) {
body{
font-size: 14px;
padding-top: 50px;
}
.button{
font-size: 14px;
}
.header{
padding: 10px;
}
.logo-wrap img{
max-width: 220px;
}
#touch-menu{
left: auto;
right: 10px;
margin: 0;
top: 10px;
position: absolute;
padding: 6px 8px;
height: 39px;
width: 50px;
}
.navigation > ul,
.navigation div > ul{
margin: 30px auto;
}
.navigation{
font-size: 24px;
}
.navigation ul li{
padding: 8px 0;
}
.navigation .sub-menu li{
padding: 15px 0 5px;
}
.home-content-inner{
padding: 0 35px;
}
.home-content-inner h2{
font-size: 2em;
}
.home-content-inner p{
font-size: 1.1em;
margin: 1em 0;
}
.home-slider-wrap .owl-next,
.home-slider-wrap .owl-prev{
-moz-background-size: 16px 44px;
-webkit-background-size: 16px 44px;
background-size: 16px 44px;
}
.home-slider-wrap .owl-prev{
left: 5px;
}
.home-slider-wrap .owl-next{
right: 5px;
}
.home-featured-text h1,
.category-title h1{
font-size: 24px;
}
.home-featured-text p{
font-size: 18px;
}
.feed-post-wrap{
margin-bottom: 25px;
}
.pagination{
font-size: 18px;
}
.footer .footer-copyright{
font-size: 14px;
}
.feed-blog-content{
margin: 25px 0;
}
}
@media only screen and (max-width : 639px) {
.col-md-4,
.col-md-6,
.col-md-8{
width: 100%;
}
}