@charset "UTF-8";

/*
Theme Name: urbanstudio 2017
Theme URI: http://www.urbanstudio.de
Description:  responsive WordPress Theme for urbanstudio
Version: 1.0
Author:		urbanstudio
Theme URI:  http://www.urbanstudio.de
Author URI: http://www.urbanstudio.de
License URI: 
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, a, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, input, select, textarea {margin:0;padding:0;border:0;outline:none;font-size:100%;vertical-align:baseline;background:transparent;}
html{overflow-y:scroll;background-color:#1A3052;}
body{font:16px "Open Sans", Arial, sans-serif;font-weight:400;color:#333333;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden;min-width:100%;min-height:100%;position:relative;top:0;left:0;transition:all 0.2s ease-in-out;background:#F6F6F6;padding:60px 0 0 0;}
blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
del{text-decoration:line-through;} abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
input, select{vertical-align:middle;outline:none;} textarea{resize:vertical;overflow-y:auto;outline:none;}
label, input[type=button], input[type=submit], button{cursor:pointer;}
ul{list-style:none;list-style-type:none;}
img{border:0;display:block;}
#usdata{display:none;}
b, strong{font-weight:700;}


body #wpsc_tickets_container{border-radius:0 !important;border:none !important;width:100% !important;}
body #wpsc_popup_container{top:100px !important;}
body #wpsc_popup_footer button{width:auto !important;}

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

#wrapper{-webkit-box-shadow:none;box-shadow:none;width:100%;padding:0 0 0 0;margin:0 auto;}
.center{margin:0 auto;width:auto;padding:0 30px 0 30px;position:relative;top:0;left:0;transition:all 0.2s ease-in-out;}
.clear{clear:both;} .clearleft{clear:left;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.no-margin{margin:0 0 0 0 !important;} .no-margin-bottom, .column.no-margin-bottom.last{margin-bottom:0px !important;}
.no-padding{padding:0 0 0 0 !important;}
.margin-bottom-20{margin-bottom:20px !important;} .margin-bottom-30{margin-bottom:30px !important;} .margin-bottom-50{margin-bottom:50px !important;}
.padding-bottom-30{padding-bottom:30px !important;} .padding-bottom-50{padding-bottom:50px !important;}
.topline, .bottomline{background:rgba(0,0,0,.1);width:100%;height:1px;position:absolute;left:0;top:0;}
.bottomline{top:auto;bottom:0;} .topline.white{background:rgba(255,255,255,.1);} .bottomline.white{background:rgba(255,255,255,.1);}
.topline.outside{top:-1px;} .bottomline.outside{bottom:-1px;}
.opacity50{opacity:.5;}
.image-100{display:block;width:100%;height:auto;}
.hide{display:none;}
.uppercase{text-transform:uppercase;}




#header{position:fixed;top:0px;left:0;right:0px;width:100%;height:60px;margin:0 0 0 0;background:#FFFFFF;box-shadow:0 1px 0 rgba(0,0,0,.1);z-index:999999999;overflow:visible;transition: transform .25s .1s ease-in-out;}
#header .center{height:60px;position:relative;top:0;left:0;overflow:visible;}
	a#logo{display:block;position:absolute;top:19px;left:30px;width:200px;height:23px;margin:0;background:url('images/urbanstudio-logo.svg') no-repeat 0 0;background-size:200px 23px;text-decoration:none;transition:all 0.2s ease-in-out;}
		a#logo h1{display:none;} a#logo .claim{display:none;}

	#navbtn{display:none;position:absolute;top:6px;right:5px;width:58px;height:55px;cursor:pointer;z-index:999999 !important;transition:all 0.2s ease-in-out;} #navbtn.opened{position:fixed;top:13px;}
	#navbtn span{position:absolute;top:20px;left:20px;display:block;width:18px;height:3px;background-color:#333333;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
	#navbtn span.line3{margin:0 0 0 0;} #navbtn.opened span.line1{top:26px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
	#navbtn span.line2{top:26px;} #navbtn.opened span.line2{opacity:0;}
	#navbtn span.line3{top:32px;} #navbtn.opened span.line3{top:26px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

	#globalsearch{display:none;position:fixed;top:90px;left:0;z-index:99999;width:100%;transition:all 0.2s ease-in-out;}
	#globalsearch .search{margin:0;padding:90px 15px 0 15px;transition:all 0.2s ease-in-out;z-index:1010;display:block;position:relative;top:0;left:0;}
	#globalsearch .search label{display:none;}
	#globalsearch .search input{display:block;margin:0 0 0 0;border:none;box-sizing:border-box;font-size:30px;line-height:40px;font-weight:600;text-align:center;color:#FFFFFF;padding:0;width:100%;background-color:transparent;-webkit-appearance:none;border-radius:0;transition:all 0.2s ease-in-out;text-shadow:0 0 10px rgba(0,0,0,.66);}
	#globalsearch .search .searchtipp{padding:20px 0 0 0;text-align:center;color:rgba(255,255,255,.5);font-size:16px;font-weight:600;text-shadow:0 0 10px rgba(0,0,0,.33);}

#globalsearchback{display:none;position:fixed;top:0;left:0;background:rgba(0,0,0,.75);width:100%;height:100%;z-index:990;}


#footer .clear{clear:left;}
#footer{clear:both;background:#152642;position:relative;top:0;left:0;height:auto;margin:0px;padding:0;color:rgba(255,255,255,.6);line-height:22px;font-weight:400;text-align:left;text-transform:none;z-index:100;font-size:14px;}
#footer-columns{background:#1A3052;position:relative;top:0;left:0;padding:30px 0 0 0;}
	#footer .center{overflow:auto;text-align:left;position:relative;top:0;left:0;}
	ul#menu-footer{padding:12px 0 12px 0;height:28px;}
	ul#menu-footer li{float:left;margin:0 15px 0 0;text-transform:uppercase;} ul#menu-footer li:last-child{margin:0 0 0 0;}
	ul#menu-footer li a{display:inline-block;color:rgba(255,255,255,.6);text-decoration:none;font-size:12px;transition:all 0.2s ease-in-out;padding:5px;margin:0 0 0 0;font-weight:600;}
	ul#menu-footer li a:hover{color:rgba(255,255,255,1);}

	#footer .widget h4{color:rgba(255, 255, 255, .75);font-size:14px;font-weight:700;text-transform:uppercase;margin:0 0 15px 0;padding:0;}
	#footer .textwidget{line-height:24px;}

#footer-copy{position:relative;top:0;left:0;height:66px;line-height:60px;overflow:hidden;text-transform:uppercase;color:rgba(255,255,255,.5);text-shadow:0 -1px 0 rgba(0,0,0,.1);font-size:10px;}
ul#footnav2{}
ul#footnav2 li{float:left;margin:0 15px 0 0;}
#footer-copy a{display:inline-block;color:rgba(255,255,255,.5);text-decoration:none;transition:all 0.2s ease-in-out;padding:0;margin:0 0 0 0;font-weight:600;}
#footer-copy a:hover{color:rgba(255,255,255,.8);}

#footer .widget_recent_entries ul{padding:0;margin:0;}
#footer .widget_recent_entries ul li{padding:0 0 0 0;background:none;background-color:transparent;font-size:14px;font-weight:400;line-height:24px;}
#footer .widget_recent_entries ul li:last-child{border:0;}
#footer .widget_recent_entries ul li a{display:block;line-height:24px;color:rgba(255,255,255,.6);text-decoration:none;transition:all 0.2s ease-in-out;} #footer .widget_recent_entries ul li a:hover{color:rgba(255,255,255,1)}

#footer .widget_nav_menu ul{padding:0;margin:0;height:144px;overflow:hidden;}
#footer .widget_nav_menu ul li{padding:0 0 0 0;background:none;background-color:transparent;font-size:14px;font-weight:400;line-height:24px;}
#footer .widget_nav_menu ul li:last-child{border:0;}
#footer .widget_nav_menu ul li a{display:block;line-height:24px;color:rgba(255,255,255,.6);text-decoration:none;transition:all 0.2s ease-in-out;} #footer .widget_nav_menu ul li a:hover{color:rgba(255,255,255,1)}

#stripe, .bottomstripe{width:100%;height:5px;position:fixed;bottom:0;left:0;overflow:hidden;z-index:999999999;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNjAwIDEwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij4gICAgPHJlY3QgeD0iNzQxIiB5PSIwIiB3aWR0aD0iODU5IiBoZWlnaHQ9IjEwMCIgc3R5bGU9ImZpbGw6cmdiKDM4LDc4LDE0MCk7Ii8+ICAgIDxyZWN0IHg9IjY1NiIgeT0iMCIgd2lkdGg9Ijg1IiBoZWlnaHQ9IjEwMCIgc3R5bGU9ImZpbGw6cmdiKDc0LDEyNCwxODMpOyIvPiAgICA8cmVjdCB4PSI0NjYiIHk9IjAiIHdpZHRoPSIxOTAiIGhlaWdodD0iMTAwIiBzdHlsZT0iZmlsbDpyZ2IoMzAsNjIsMTEzKTsiLz4gICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMS4wMDYyOSwwLDAsMS4wMTAxLDAsMCkiPiAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjMxOCIgaGVpZ2h0PSI5OSIgc3R5bGU9ImZpbGw6cmdiKDY5LDE1MywzOSk7Ii8+ICAgIDwvZz4gICAgPHJlY3QgeD0iMzIwIiB5PSIwIiB3aWR0aD0iMTQ2IiBoZWlnaHQ9IjEwMCIgc3R5bGU9ImZpbGw6cmdiKDI5LDEzMCw1NCk7Ii8+PC9zdmc+);background-size:cover;
} .bottomstripe{position:absolute;}


/* -- BASE TOOLS -------------------------------------------------------------------------------- */

section{position:relative;top:0;left:0;/*padding:0 0 0 0 !important;*/min-height:inherit;height:auto;width:auto !important;}
section#big-image img{display:block;image-rendering:optimizequality;width:100%;height:auto;}
.imgcopy{position:absolute;bottom:58px;right:-40px;width:120px;height:22px;transform:rotate(-90deg);}
.imgcopy a{display:inline-block;/*background:rgba(0,0,0,.15);*/color:rgba(255,255,255,.44);transition:all 0.2s ease-in-out;border-radius:3px;font-size:10px;text-decoration:none;padding:4px 6px 4px 6px;font-weight:700;text-shadow:0 0 6px rgba(0,0,0,.5);}
.imgcopy a:hover{/*background:rgba(0,0,0,.15);*/color:rgba(255,255,255,.8);}

section.section-padding{padding:50px 0 50px 0;}
section.section-padding-columns{padding:50px 0 20px 0;}
section.gray{background:#F6F6F6;}
section.white{background:#FFFFFF;}
section.blue{background:#1B3151;}
section.gray, section.white, section.blue{font-weight:400;line-height:26px;position:relative;top:0;left:0;}
section.white.togray{background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );}
section.white.lightgray{background:#FAFAFA;}
section h1{display:block;font-size:30px;line-height:40px;color:#000000;margin:0 0 10px 0;font-weight:400;} section h1.main-title{margin:0 0 20px 0;}
section h2{display:block;font-size:30px;line-height:40px;color:#000000;margin:0 0 10px 0;font-weight:400;} section h2.big{margin:0 0 40px 0;} section.blue h2{color:#FFFFFF !important;}
section h3{display:block;font-size:20px;line-height:30px;color:#666666;margin:0 0 10px 0;font-weight:600;max-width:780px;} section.blue h3{color:rgba(255,255,255,.66) !important;}
section h5{display:block;font-size:20px;line-height:30px;color:#BA0022 !important;margin:0 0 20px 0;font-weight:600;max-width:850px;}

section.gray p, section.white p, section.blue p{color:#333333;margin:0 0 20px 0;max-width:800px;font-weight:400;} section.gray p:last-child, section.white p:last-child, section.blue p:last-child{margin:0 0 0 0;}
section.blue p{display:block;margin:20px 0 20px 0;line-height:26px;max-width:800px;font-weight:400;color:#FFFFFF !important;} section.blue p:first-child{margin:0 0 20px 0 !important;}
section.gray ol li p:last-child, section.white ol li p:last-child{margin:0 0 20px 0 !important;}
section.gray p a, section.white p a,
section.gray li a, section.white li a,
div.text a, a.pinklink{color:#4C7DB5;font-weight:600;text-decoration:none;transition:all 0.2s ease-in-out;text-decoration-skip:ink;}
section.gray p a:hover, section.white p a:hover,
section.gray li a:hover, section.white li a:hover,
div.text a:hover, a.pinklink:hover{color:#294F8A;}
i.fa.gray{color:#666666 !important;}

#headergap{height:30px;width:100%;}

#breadcrumbs{position:relative;top:0;left:0;} #breadcrumbs.white{background:#FFFFFF;}
nav.breadcrumb{padding:20px 0 0 0;color:#999999;font-size:12px;}
nav.breadcrumb a, nav.breadcrumb a:visited{color:#999999;text-decoration:none;} nav.breadcrumb a:hover{color:#333333;}

#main{position:relative;top:0;left:0;z-index:9999999;}
#main .center{padding-top:30px;padding-bottom:30px;}

#main h1.main-title a{color:#294F8A;text-decoration:none;}

#main a{color:#4E7EB3;text-decoration:none;transition:all 0.2s ease-in-out;font-weight:600;outline:0;}
#main a:hover{color:#294F8A;text-decoration:none;;}
#main p{display:block;margin:20px 0 20px 0;line-height:26px;max-width:800px;font-weight:400;} #main p:first-child{margin:0 0 20px 0 !important;} /*#main p:last-child{margin:0 0 0 0 !important;}*/
#main p.paypal{width:100%;max-width:100% !important;box-sizing:border-box;padding:0 84px 0 0;background:url('images/paypal.svg') no-repeat 100% 50%;background-size:54px 42px;}


main ul, ul.standard{margin:0 0 25px 15px;line-height:26px;}
main ul li, ul.standard li{line-height:26px;}
main ul li:before, ul.standard li:before{display:inline-block;position:relative;top:-5px;left:0;width:8px;height:2px;background:#4C7DB5;margin-left:-15px;margin-right:8px;content: '';}
main ol{margin:0 0 25px 0;line-height:26px;list-style-position:inside;counter-reset:item;}
main ol li{display:block;line-height:26px;}
main ol li:before{content:counter(item) ". ";counter-increment:item;color:#4C7DB5;margin-right:2px;}
blockquote{border-left:3px solid #4C7DB5;margin:0 0 25px 0;padding:0 0 0 20px;color:#4C7DB5;} blockquote p:last-child{margin:0 0 0 0 !important;}

main{width:850px;float:left;z-index:10;position:relative;top:0;left:0;}
aside{width:300px;margin:0 0 0 30px;float:left;position:relative;top:0;left:0;z-index:9;}

#inlinesearch{display:block;position:relative;top:0;left:0;margin:0 0 30px 0;}
#inlinesearch .search input{font-size:20px;color:#666666;padding:10px 43px 10px 10px;width:100%;box-sizing:border-box;border:1px solid #D3D3D3;border-radius:3px;transition: all 0.2s ease-in-out;-webkit-appearance:none;background:#FFFFFF;}
#inlinesearch .search input:focus{border:1px solid #333333;color:#333333;outline:none;}
#inlinesearch .searchbtn{position:absolute;top:1px;right:1px;width:43px;height:43px;line-height:43px;text-align:center;background:#FFFFFF;color:#999999;cursor:pointer;border-radius:3px;transition: all 0.2s ease-in-out;} #inlinesearch .searchbtn i.fa{font-size:18px;font-weight:700;}
#inlinesearch .searchbtn:hover{color:#666666;}



/* COLUMNS */
.columns{clear:both;}
.column{display:block;float:left;width:272.5px;margin:0 30px 30px 0;}
.column.one-third{display:block;float:left;width:373.33px;margin:0 30px 30px 0;}
.column.two-third{display:block;float:left;width:776.66px;margin:0 30px 30px 0;}
.column.first{clear:both;}
.column.last{margin:0 0 30px 0 !important;}
.column.double{width:575px;}
.column.triple{width:727.5px;}
.column.full{width:100%;margin:0 0 30px 0;}
.column p:last-child{margin-bottom:0;}


/* FAQ */
.faq{margin:0 0 10px 0;}
.faq .faq-item{border-bottom:1px solid rgba(0,0,0,.15);}
.faq .faq-item .faq-question{display:block;position:relative;top:0;left:0;padding:15px 45px 15px 0;font-size:20px;line-height:30px;font-weight:600;color:#333333;cursor:pointer;} .faq .faq-item.active .faq-question{color:#284F8A;}
.faq .faq-item .faq-question .arrow{position:absolute;top:12px;right:10px;width:40px;height:40px;line-height:40px;text-align:center;-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);color:#969696;font-size:16px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.faq .faq-item.active .faq-question .arrow{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#284F8A;}
.faq .faq-item.active .faq-question{color:#284F8A;}
.faq .faq-item .faq-answer{display:none;color:#333333;padding:0 100px 20px 0;font-size:16px;line-height:26px;}
.faq .faq-item .faq-answer p{margin:0 0 0 0;max-width:800px;}
.faq .faq-item .faq-answer p.tableadvice{margin:0 0 0 0;font-size:10px;}

/* ACCORDION */
.accordion{margin:0 0 10px 0;}
.accordion .accordion-item{border-bottom:1px solid rgba(0,0,0,.15);}
.accordion .accordion-item .accordion-question{display:block;position:relative;top:0;left:0;padding:15px 0 15px 0;font-weight:600;color:#666666;cursor:pointer;transition:all 0.2s ease-in-out;} .accordion .accordion-item.active .accordion-question{color:#284F8A;}
.accordion .accordion-item .accordion-question .icons{display:inline-block;width:22px;height:26px;line-height:26px;text-align:left;color:#666666;font-size:16px;transition:all 0.2s ease-in-out;} .accordion .accordion-item .accordion-question .icons .fa-minus-square{display:none;} .accordion .accordion-item.active .accordion-question .icons .fa-plus-square{display:block;}
.accordion .accordion-item.active .accordion-question .icons{color:#284F8A;}
.accordion .accordion-item.active .accordion-question .icons .fa-minus-square{display:block;} .accordion .accordion-item.active .accordion-question .icons .fa-plus-square{display:none;}
.accordion .accordion-item.active .accordion-question{color:#284F8A;}
.accordion .accordion-item .accordion-answer{display:none;color:#333333;padding:0 0 20px 0;font-size:16px;line-height:26px;}
.accordion .accordion-item .accordion-answer p{margin:0 0 0 0;max-width:800px;}
.accordion .accordion-item .accordion-answer p.tableadvice{margin:0 0 0 0;font-size:10px;}


/* LOOP */
article.loop{margin:0 0 30px 0;padding:30px;background:#FFFFFF;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);border-radius:3px;}
article.loop .post-image{width:180px;height:auto;float:left;}
article.loop .post-image a{display:block;position:relative;top:0;left:0;} article.loop .post-image a:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.1);content:' ';}
article.loop .post-image img{display:block;width:100%;height:auto;}
article.loop .post-content{margin:0 0 0 210px;}
article.loop.no-image .post-content{margin:0 0 0 0;}
#main article.loop h2{margin:0 0 15px 0;} #main article.loop h2 a{text-decoration:none !important;}
article.loop .post-description{margin:0 0 12px 0;} article.loop .post-description p{margin:0 0 0 0 !important;font-size:14px;line-height:22px !important;}
article.loop .post-meta{font-size:12px;font-weight:600;color:#999999;line-height:26px;} .post-meta span{padding:0 10px 0 0;} #main .post-meta i{display:inline-block;min-width:14px;padding-right:3px;}
#main .post-meta a{color:#999999;text-decoration:none;} #main .post-meta a:hover{color:#666666;} 

/* MASONRY LOOP */
.masonry article.loop{display:block;width:calc(( 100% - 60px ) / 3 );margin:0 0 30px 0;border-top:0;padding:0;box-shadow:0 0 0 transparent;}
.masonry article.loop .post-image{width:100%;height:auto;float:none;position:relative;top:0;left:0;border-radius:3px 3px 0 0;}
.masonry article.loop .post-image a:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.1);content:'';border-radius:3px 3px 0 0;}
.masonry article.loop .post-image img{display:block;width:100%;height:auto;border:0;border-radius:3px 3px 0 0;}
.masonry article.loop .post-content{margin:0 0 0 0;padding:30px;background:#FFFFFF;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);border-radius: 0 0 3px 3px;}
.masonry article.loop.no-image .post-content{border-radius:3px;border-top:1px solid rgba(0,0,0,.1);}
#main .masonry article.loop h2{margin:0 0 15px 0;font-size:20px;line-height:30px;}

/* SINGLE */
#main.has_breadcrumb .center{padding-top:10px;}
article.blogpost{background:#FFFFFF;padding:30px;margin-bottom:30px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);border-radius:0 0 3px 3px;}
article.blogpost .blogpost-meta{display:block;margin:0 -30px -30px -30px;background:#FBFBFB;padding:23px 30px 23px 30px;border-top:1px solid rgba(0,0,0,.1);border-radius:0 0 3px 3px;color:#999999;font-size:12px;font-weight:600;line-height:26px;}
article.blogpost .fb_iframe_widget{float:right;margin:7px 0 0 0;}
#main.single .post-image{width:100%;margin:0 0 0 0;position:relative;top:0;left:0;border-radius:3px 3px 0 0;}
#main.single .post-image:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.1);content:'';border-radius:3px 3px 0 0;}
#main.single .post-image img{display:block;width:100%;height:auto;border:0;border-radius:3px 3px 0 0;}
#main.single .post-caption{position:absolute;right:0;bottom:0;font-size:12px;font-weight:600;padding:10px;text-shadow:0 0 10px rgba(0, 0, 0, .6);color:rgba(255, 255, 255, .5);}
#main.single .crayon-theme-classic{margin:0 0 30px 0 !important;border-color:#CCC !important;}
#main.single .crayon-syntax .crayon-num{background:#F0F0F0 !important;color:#999999 !important;text-shadow:0 1px 0 rgba(255,255,255,.33);}
#main.single .crayon-theme-classic .crayon-striped-num{background:#EAEAEA !important;color:#999999 !important;text-shadow:0 1px 0 rgba(255,255,255,.33);}
#postbottomnav{text-align:center;}
.post-prev{padding:0 0 10px 0;}

/* PAGINATION */
.pagination{display:block;clear:both;margin:0;padding:23px 0 23px 0;color:#999999;font-size:14px;font-weight:600;line-height:26px;background:#FFFFFF;}
.pagination .pages{display:none}
.pagination .wp-pagenavi a, .pagination .wp-pagenavi a:hover{display:inline-block;background-color:rgba(255,255,255,.66);border:1px solid rgba(0, 0, 0, .15);border-radius:3px;text-shadow:0 1px 0 #FFFFFF;color:#666666;text-decoration:none;font-weight:700;padding:0 12px !important;height:36px !important;line-height:36px !important;margin:0 8px 0 0 !important;box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 1);transition:all .2s ease-in-out}
.pagination .wp-pagenavi a:hover{background:rgba(255,255,255,1);color:#333333;border:1px solid rgba(0, 0, 0, .33);}
.pagination .wp-pagenavi .current, .pagination .wp-pagenavi .current:hover{display:inline-block;background-color:#4C7DB5;border:1px solid rgba(0,0,0, .2);border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0, .2);color:#FFFFFF;text-decoration:none;font-weight:700;padding:0 12px !important;height:36px !important;line-height:36px !important;margin:0 8px 0 0 !important;box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.2);transition:all .2s ease-in-out}

/* CRP */
.crp_related{border-top:1px solid rgba(0,0,0,.15);padding:20px 0 0 0;}
/*#main .crp_related h3{font-size:16px;line-height:26px;font-weight:700;}*/

section .crp_related h3, section #comments h3{color:#666666;font-size:18px !important;text-transform: uppercase;margin:0 0 15px 0;padding:0line-height:28px;font-weight:700;}


.crp_related ul{margin:0 0 0 0;padding:0 0 0 0;}
.crp_related ul li:before{display:none !important;}
.crp_related ul li{display:block;float:left;width:263.33px;margin:0 30px 30px 0;} .crp_related ul li:last-child{margin:0 0 0 0 !important;}
.crp_related ul li a{display:block;color:#333333 !important;text-decoration:none !important;}
.crp_related ul li a img{display:block;width:100%;height:auto;border:0;margin:0 0 15px 0;}
.crp_related ul li a span.crp_title{}
.crp_related ul:after{content:'';display:block;clear:left;}

/* SIDEBAR */
#sidebar .widget{margin-bottom:30px;background:#fff;box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);border-radius:3px;}
#sidebar .widget:after{clear:both;content:"";display:block;height:0;line-height:0;visibility:hidden;}
#sidebar .widget .headline h4{display:block;color:#999999;font-size:16px;line-height:26px;letter-spacing:1px;padding:12px 20px 10px 20px;margin:0 0 0 0;text-transform:uppercase;font-weight:700 !important;border-top:1px solid rgba(0, 0, 0, 0.06);border-bottom:1px solid rgba(0, 0, 0, 0.1);text-shadow:0 1px 0 #FFFFFF;border-radius:3px 3px 0 0;background:rgb(255, 255, 255);background:-moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 100%);background:-webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 100%);}

#main #sidebar .widget_categories ul{padding:5px 10px 5px 10px;}
#main #sidebar .widget_categories ul li{padding:10px 10px 10px 10px;background:none;background-color:transparent;border-bottom:1px solid rgba(0,0,0,.1);font-size:14px;font-weight:600;}
#main #sidebar .widget_categories ul li:last-child{border:0;}
#main #sidebar .widget_categories ul li a{display:block;line-height:16px;color:rgba(0,0,0,.6);text-decoration:none;} #main #sidebar .widget_categories ul li a:hover{color:rgba(0,0,0,.9);}

#main #sidebar .widget_recent_entries ul{padding:5px 10px 5px 10px;}
#main #sidebar .widget_recent_entries ul li{padding:10px 10px 10px 10px;background:none;background-color:transparent;border-bottom:1px solid rgba(0,0,0,.1);font-size:12px;font-weight:600;}
#main #sidebar .widget_recent_entries ul li:last-child{border:0;}
#main #sidebar .widget_recent_entries ul li a{display:block;line-height:16px;color:#4E7EB3;text-decoration:none;} #main #sidebar .widget_recent_entries ul li a:hover{color:#294F8A;}

#main #sidebar .widget_recent_comments ul{padding:5px 10px 5px 10px;}
#main #sidebar .widget_recent_comments ul li{padding:10px 10px 10px 10px;background:none;background-color:transparent;border-bottom:1px solid rgba(0,0,0,.1);font-size:12px;font-weight:600;line-height:16px;color:rgba(0,0,0,.6);}
#main #sidebar .widget_recent_comments ul li:last-child{border:0;}
#main #sidebar .widget_recent_comments ul li a{display:block;line-height:16px;color:#4E7EB3;text-decoration:none;} #main #sidebar .widget_recent_comments ul li a:hover{color:#294F8A;}

#sidebar .tagcloud{padding:10px 10px 5px 10px;}
#sidebar .tagcloud:after{clear:both;content:"";display:block;height:0;line-height:0;visibility:hidden;}
#main .widget .tagcloud a{display:inline-block;color:#999999;border:1px solid #CCCCCC;font-size:12px !important;font-weight:600;padding:2px 5px 2px 5px;text-align:center;border-radius:2px;text-decoration:none;transition:all 0.2s ease-in-out;margin:0 5px 5px 0;float:left;}
#main .widget .tagcloud a:hover{color:#4E7EB3;border:1px solid #4E7EB3;}

.mpu_rennab{margin:0 0 30px 0;}
a.usmpu{display:block;width:300px;height:250px;text-indent:-999px;margin:0 auto 30px auto;background:url('images/banner/dsgvo-mpu-banner@2x.jpg') no-repeat 0 0;background-size:300px 250px;border-radius:3px;overflow:hidden;}

.rennab_inline{display:inline-block;position:relative;top:0;left:0;width:300px;height:250px;transition:all 0.2s ease-in-out;text-align:center;}
.rennab_inline.right{float:right;margin:5px -0 30px 30px;}
.rennab_inline.left{float:left;margin:5px 30px 30px -0;}

/* COMMENTS */
/* Comment List */
ol.comment-list{margin:0;padding:0 0 0 0;list-style:none;}
li.comment{margin:0 0 30px 0;padding:0;-ms-word-wrap:break-word;word-wrap:break-word;background:#fff;box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);border-radius:3px;}  li.comment:after{clear:both;content:'';}
main ol li.comment:before{display:none;}
li.comment p{max-width:100%;}
li.comment code{display:block;border:1px solid #CCC !important;padding:10px 10px 10px 15px;box-sizing:border-box;background:#FDFDFD;border-radius:3px;box-shadow: inset 0 1px 0 0 #FFFFFF;font-family: Droid Sans Mono, 'DroidSansMonoRegular', 'Courier New', monospace !important;font-weight:400;font-size:14px;color:#000000;}
.comment-author{display:block;width:100%;margin:0 0 0 0;padding:30px 30px 0 30px;min-height:60px;background:#FFFFFF;box-sizing:border-box;border-top:1px solid rgba(0, 0, 0, 0.09);border-radius:3px;}
.comment-author:after{clear:both;content:'';}
.comment-author .avatarimage{float:left;margin:0 20px 0 0;border-radius:30px;position:relative;top:0;left:0;} .comment-author .avatarimage:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.15);content:'';border-radius:30px;}
.comment-author img{border-radius:30px;}
.user{height:20px;line-height:20px;padding:10px 0 6px 0;} #main .user a, #main .user a:hover{color:#2B5088;font-size:16px;text-decoration:none;font-weight:600;}
.date{height:12px;line-height:12px;padding:0 0 10px 0;color:#999999;}  #main .date a, #main .date a:hover{color:#999999;font-size:12px;text-decoration:none;font-weight:600;} .date i{padding-right:3px;font-size:12px;}
.comment-content{padding:20px 30px 30px 30px;}
#main .comment-content p:last-child{margin:0 0 0 0 !important;max-width:100% !important;}
.comment-content a{word-wrap:break-word;}
.comment-meta{display:none;clear:both;padding:20px;width:auto;font-size:12px;font-weight:600;color:#999999;border-top:1px solid rgba(0,0,0,.15);transition:all 0.2s ease-in-out;overflow:auto;background:#F5F7F9;}
.comment-meta > div{float:left;margin:0 20px 0 0;text-transform:uppercase;}
.comment-meta > div i{padding-right:3px;}
#main .comment-meta a, #main .comment-meta a:hover{color:#999999;text-decoration:none;}
.comment-meta > div.user, #main .comment-meta > div.user a, #main .comment-meta > div.user a:hover{color:#666666;}
.notapprovedyet{color:#4E7EB3;padding:5px;border:1px solid #4E7EB3;border-radius:3px;margin:0 0 25px 0;}
.comment ol.children{padding:0 30px 0 30px;list-style:none;overflow:auto;} .comment ol.children:after{clear:both;content:'';}
/* Comment Pagination */
.comment-navigation{margin:0 0 1.5em;padding:0;font-size:14px;font-size:0.875rem;}
.comment-navigation .nav-previous{float:left;}
.comment-navigation .nav-next{float:right;}
.comment-navigation .nav-previous a:before{margin-right:3px;content:"\00AB";}
.comment-navigation .nav-next a:after{margin-left:4px;content:"\00BB";}
/* Comment Form */
.comment-form{display:block;margin:0 0 30px 0;padding:30px;-ms-word-wrap:break-word;word-wrap:break-word;background:#fff;box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);border-radius:3px;border-top: 1px solid rgba(0, 0, 0, 0.09);}
.comment-form label{display:block;font-weight:700;padding:0 0 8px 0;}
.comment-form input[type='text'],.comment-form input[type='email'],.comment-form input[type='password'],.comment-form input[type='url'],.comment-form textarea{border:1px solid #D3D3D3;width:100%;padding:8px;color:#666;background:#FFFFFF;font-size:16px;font-family:'Open Sans', sans-serif;font-weight:600;box-sizing:border-box;border-radius:3px;transition:all 0.2s ease-in-out;-webkit-appearance:none;}
.comment-form input[type='text']:focus,.comment-form input[type='email']:focus,.comment-form input[type='password']:focus,.comment-form input[type='url']:focus,.comment-form textarea:focus{background-color:#FFFFFF;border:1px solid #333333;color:#333333;outline:none;}
.comment-form input[type='submit']{height:38px;padding: 0 12px 0 12px;margin:0 0 0 0;line-height:30px;background:#4E7EB3;border-radius:3px;border:1px solid rgba(0, 0, 0, .1);color:rgba(255, 255, 255, 1);font-size:14px;font-weight:700;text-transform:uppercase;transition:all 0.2s ease-in-out;-webkit-appearance:none;}
.comment-form input[type='submit']:hover{background:#2B5088;}
.comment-form p{margin:0 0 25px 0 !important;}
.comment-notes{color:#999999;}
span.required{color:#C72C3C;}
p.logged-in-as{text-align:right !important;font-size:12px;}
.comment-form .form-submit{margin:0 0 0 0 !important;}

/* TOOLS */

/* Box */
.box{background:#fff;box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);border-radius:3px;}
.box .box-content{padding:20px;}
.box:after{clear:both;content:"";display:block;height:0;line-height:0;visibility:hidden;}
.box .headline h4{display:block;color:#666666;font-size:16px;line-height:26px;letter-spacing:1px;padding:12px 20px 10px 20px;margin:0 0 0 0;text-transform:uppercase;font-weight:700 !important;border-top:1px solid rgba(0, 0, 0, 0.06);border-bottom:1px solid rgba(0, 0, 0, 0.1);text-shadow:0 1px 0 #FFFFFF;border-radius:3px 3px 0 0;background:rgb(255, 255, 255);background:-moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 100%);background:-webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 100%);}

/* Elastiv Video Player */
.elastic-video{position:relative;padding-bottom:55%;padding-top:15px;height:0;overflow:hidden;}
.elastic-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

figure.alignright, figure.alignleft {display:inline-block;position:relative;top:0;left:0;width:280px;} figure.alignnone{width:auto;}
figure.alignright img, figure.alignleft img, figure.alignnone img{display:block;width:100%;height:auto;}
figure.alignright:after, figure.alignleft:after/*, figure.alignnone:after*/{display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(85, 44, 13, .15);content:' ';}
figure.alignnone{margin-bottom:30px;}

figure.alignnone{width:100%;margin:0 0 25px 0;position:relative;top:0;left:0;}
.wp-caption-text, .wp-caption figcaption{position:absolute;right:0;bottom:0;font-size:12px;line-height:16px;text-align:right;font-weight:600;padding:10px;text-shadow:0 0 10px rgba(0, 0, 0, .6);color:rgba(255, 255, 255, .5);transition:all 0.2s ease-in-out;}
figure.alignright:after, figure.alignleft:after, figure.alignnone:after{display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(85, 44, 13, .15);content:' ';}



/* BUTTONS */
a.button,
#main a.button{display:inline-block;color:#FFFFFF;font-size:14px;text-transform:uppercase;font-weight:700;padding:5px 12px 5px 12px;width:auto;text-align:center;line-height:26px;border:1px solid rgba(0, 0, 0, 0.1);border-radius:3px;text-decoration:none !important;transition:all 0.2s ease-in-out;margin:0 0 40px 0;box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);cursor:pointer;}
a.button:hover, #main a.button:hover{color:#FFFFFF !important;}
a.button.red{background:#BA0022;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);border:1px solid rgba(0, 0, 0, 0.1);margin-bottom:0 !important;} a.button.red:hover{background:#97001D;}
a.button.gray{background:#999999;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);border:1px solid rgba(0, 0, 0, 0.1);margin-bottom:0 !important;} a.button.gray:hover{background:#777777;}


/* LISTS */
ul.falist{display:block;font-weight:400;font-size:16px;line-height:26px;margin:0 0 25px 0;}
ul.falist li{display:block;position:relative;top:0;left:0;color:#333333;padding:0 0 4px 20px;max-width:850px;} ul.falist.float li{float:left;margin:0 20px 0 0;}
ul.falist li i.fa, ul.falist li i.fas, ul.falist li i.fal{position:absolute;top:5px;left:1px;font-size:14px;color:#BA0022;} ul.falist.green li i.fa, ul.falist.green li i.fas, ul.falist.green li i.fal{color:#489830;} ul.falist li i.fa-check{top:8px;font-size:12px;}
ul.falist li strong{color:#333333;font-weight:700;}
ul.falist:after{display:block;clear:left;content:'';}
ul.falist.li-lines{margin:-8px 0 20px 0;font-size:14px;line-height:22px;} ul.falist.li-lines li{border-bottom:1px solid rgba(0,0,0,.1);padding:8px 0 8px 20px;} ul.falist.li-lines li i.fa-check{top:13px;}

ol.custom{margin:0 0 0 40px;padding:0;list-style-type:none;}
ol.custom > li{counter-increment:step-counter;position:relative;top:0;left:0;}
section ol.custom h3{color:#BA0022 !important;}
ol.custom > li::before{position:absolute;top:0;left:-40px;content: counter(step-counter);font-size:100%;background-color:#BA0022;color:#FFF;font-weight:bold;padding:2px 8px;border-radius:3px;}

/* PRICETAG */
.pricetag{position:relative;top:0;left:0;width:110px;height:75px;background:url('images/pricetag.svg') no-repeat 0 0;background-size:110px 75px;border:0;text-decoration:none;}
.pricetag span{display:block;line-height:24px;height:22px;width:100%;text-align:center;font-size:12px;font-weight:700;letter-spacing:1px;color:rgba(255,255,255,.66);text-shadow:0 1px 4px rgba(0,0,0,.33);}
.pricetag div{line-height:49px;height:51px;color:#FFFFFF;width:100%;text-align:center;font-size:40px;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.1), 0 0 10px rgba(0,0,0,.25);} .pricetag.sup div{margin-top:-7px;font-size:10px;}
.pricetag div sup{font-size:22px;margin-left:-9px;}
.pricetag i{position:absolute;top:59px;right:7px;font-size:12px;font-weight:700;color:rgba(255,255,255,.5);text-shadow:0 1px 0 rgba(0,0,0,.2);line-height:12px;}
.pricetagtable{display:table;}
.pricetagtable .pricetag{display:table-cell;}
.pricetagtable .pricetagtext{display:table-cell;vertical-align:bottom;color:#666666;font-size:12px;line-height:18px;padding-left:15px;}
	
/* HOMEPAGE */
#header_home{display:block;padding:0;position:relative;top:0;left:0;width:100%;height:auto;background:#121F39;z-index:50 !important;}
#header_home img{display:block;image-rendering:optimizequality;width:100%;height:auto;}
	#header_home .center{position:absolute;top:50%;left:50%;height:200px;overflow:hidden;margin:-100px 0 0 -590px;z-index:200;}
	#header_home hgroup{width:auto;text-shadow:0 0 20px rgba(0,0,0,.33);text-align:left;}
	#header_home hgroup h1{display:block;padding:0 0 16px 0;font-family: 'Merriweather', serif;font-size:42px;font-weight:400;color:#FFFFFF;line-height:50px;}
	#header_home hgroup .hr{display:block;margin:0 0 40px 0;width:66px;height:3px;box-shadow:0 0 20px rgba(0,0,0,.33);background:#FFFFFF;}
	#header_home hgroup h3{display:block;font-size:18px;font-weight:600;color:rgba(255,255,255,.5);line-height:28px;max-width:720px;margin:0 0 0 0 !important;}
	#header_home hgroup h3 a{color:rgba(255,255,255,.66);text-decoration:none;font-weight:600;}

#header_home #greenbubble{display:table;position:absolute;bottom:-50px;right:100px;width:200px;height:200px;background:#489830;border-radius:100%;color:#FFFFFF;transform:rotate(-4deg);text-decoration:none;z-index:999999;font-weight:700;}
#header_home #greenbubble span{display:table-cell;vertical-align:middle;text-align:center;color:#FFFFFF;font-size:30px;line-height:44px;padding-bottom:20px;}

#header_home .shadow{position:absolute;bottom:0;left:0;width:100%;height:80px;z-index:120;
background: -moz-linear-gradient(top, rgba(18,31,57,0) 0%, rgba(18,31,57,1) 100%);
background: -webkit-linear-gradient(top, rgba(18,31,57,0) 0%,rgba(18,31,57,1) 100%);
background: linear-gradient(to bottom, rgba(18,31,57,0) 0%,rgba(18,31,57,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121f39', endColorstr='#121f39',GradientType=0 );}

#special, .green-gradient{position:relative;top:0;left:0;background: rgb(72,152,48);
background: -moz-linear-gradient(-45deg, rgba(72,152,48,1) 0%, rgba(35,129,58,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(72,152,48,1) 0%,rgba(35,129,58,1) 100%);
background: linear-gradient(135deg, rgba(72,152,48,1) 0%,rgba(35,129,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#489830', endColorstr='#23813a',GradientType=1 );}
#special a{position:relative;top:0;left:0;display:block;min-height:40px;text-align:left;color:#FFFFFF;text-shadow:0 1px 0 rgba(0,0,0,.3);text-decoration:none;font-size:30px;line-height:40px;padding:20px 60px 20px 0;}
#special a i{display:block;position:absolute;top:50%;right:0;height:60px;line-height:60px;width:30px;font-size:32px;margin:-30px 0 0 0;}

/* -- BLOCKQUOTE ----------------------------------------------------------------------------- */
.quote{background:rgb(72,152,48);}
.quote blockquote{position:relative;top:0;left:0;display:block;min-height:40px;text-align:left;color:#FFFFFF;text-shadow:0 1px 0 rgba(0,0,0,.3);text-decoration:none;font-size:80px;line-height:100px;border-left:0;margin: 0 0 0 0;padding:50px 0 80px 0;}
.quote blockquote span.author{display:block;font-size:16px;line-height:26px;padding:20px 0 0 0;text-transform:uppercase;color:rgba(255,255,255,.66);letter-spacing:3px;}


/* -- SERVICE -------------------------------------------------------------------------------- */
.serviceboxes{padding:20px 0 0 0;}
.servicebox{float:left;color:#FFFFFF;margin:0 40px 40px 0;width:calc((100% - 40px) / 2);transition:all 0.2s ease-in-out;}
.servicebox:nth-child(even){margin:0 0 30px 0;}
.servicebox h4{display:block;font-size:20px;font-weight:600;color:#FFFFFF;line-height:24px;margin:0 0 20px 0;}
.servicebox h4 a{color:#FFFFFF;text-decoration:none;}
.servicebox .icon{float:left;width:50px;height:50px;margin-top:2px;font-size:48px;line-height:50px;}
.servicebox .content{margin:0 0 0 70px;} .servicebox .content p{font-size:14px;line-height:22px;font-weight:400;margin:0 0 0 0 !important;} section.blue .servicebox .content p:first-child{margin:0 0 0 0 !important;}
.servicebox .content a{text-decoration:none;color:#FFFFFF;border-bottom:1px dotted rgba(255,255,255,.44);} .servicebox .content a:hover{border-bottom:1px solid rgba(255,255,255,.44);}
.servicebox .tags{display:none !important;}
.servicebox .tags span{display:inline-block;color:#FFFFFF;border:1px solid #8C929D;font-size:10px !important;text-transform:uppercase;font-weight:normal;padding:2px 4px;text-align:center;border-radius:2px;text-decoration:none;transition:all 0.2s ease-in-out;margin:0 5px 5px 0;opacity:.5;line-height:12px;}

/* SVG-ICONS */
.svg-icon{position:absolute;top:50%;right:30px;width:200px;height:200px;margin-top:-100px;}
.svg-icon.desktop-check{background:url('images/svg-icons/desktop-check.svg') no-repeat 50%;background-size:200px 200px;}
@media only screen and (max-width: 1070px){
	.svg-icon{position:relative;top:-10px;right:auto;float:right;margin:0 0 30px 30px;width:100px;height:100px;background-size:100px 100px !important;}
}

@media only screen and (max-width: 400px){
	.svg-icon{margin:0 0 15px 15px;top:-5px;width:60px;height:60px;background-size:60px 60px !important;}
}


/* LOGOS */
.logos{padding:0 0 20px 0;} .logos:after{clear:left;}
	.logo{float:left;width:20%;display:table;margin:0 0 20px 0;}
	.logo span{display:table-cell;vertical-align:middle;text-align:center;height:100px;}
	.logo span object{max-width:80%;height:auto;max-height:80%;}

@media only screen and (max-width: 1024px){
	.logo{width:25%;}
}
@media only screen and (max-width: 767px){
	.logo{width:33%;}
}
@media only screen and (max-width: 550px){
	.logo{width:50%;} .logo span{height:60px;}
}

/* PRICING TABLE */
.prices{margin:0;padding:10px 0 30px 0;}
.pricing_table{background:#FFFFFF;border-radius:5px;text-align:center;margin:20px 0 0 0;box-sizing:border-box;width:33%;float:left;padding:0 0 0 0;position:relative;top:0;left:0;z-index:1;}
.pricing_table.first{border:1px solid #DEDEDE;border-right:0;border-radius:5px 0 0 5px;}
.pricing_table.second{border:1px solid #FFFFFF;}
.pricing_table.third{border:1px solid #DEDEDE;border-left:0;border-radius:0 5px 5px 0;}
.pricing_table .pricing_title{padding:15px 20px 15px 20px;line-height:30px;border-bottom:1px solid rgba(0,0,0,.075);}
.pricing_table .pricing_title h4{margin:0 !important;font-size:18px !important;color:#24477C;}
.pricing{border-bottom:1px solid rgba(0,0,0,.075);padding:20px;}
.price{display:block;font-size:36px;font-weight:700;line-height:36px;}
.price_sub{display:block;color:#666666;padding:10px 0 0 0;font-size:10px;text-transform:uppercase;line-height:10px;}
.pricing_table .order{padding:20px;} .pricing_table .order a.button{margin-bottom:0 !important;}

.pricing_table.second{width:34%;margin:0 0 0 0;padding:0 0 0 0;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);z-index:10;}
.pricing_table.second .pricing_title h4{margin:0 !important;color:#CC0000 !important;font-size:20px !important;}
.pricing_table.second .pricing_title{padding:25px 20px 25px 20px;line-height:30px;}
.pricing_table.second .order{padding:30px 20px 30px 20px;} 

.pricing_table ul{}
.pricing_table ul li{display:block;font-size:14px;line-height:22px;padding:5px 20px 5px 20px;border-bottom:1px solid rgba(0,0,0,.075);}

/* ICONBOX */
.iconbox{position:relative;top:0;left:0;float:left;margin:0 30px 30px 0;min-height:150px;/*border-radius:5px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);*/box-sizing:border-box;width:calc( ( 100% - 90px ) / 4 );padding:0;cursor:pointer;}
.iconbox:nth-child(4n){margin-right:0;}
.iconbox .icon{width:100%;height:50px;line-height:50px;color:#1B3151;font-size:44px;text-align:center;border-radius:100%;transition:all 0.2s ease-in-out;margin:0 0 20px 0;}
.iconbox h3{text-align:center;color:#1B3151;transition:all 0.2s ease-in-out;font-weight:600;font-size:22px;}
.iconbox p{text-align:center;color:#999999;transition:all 0.2s ease-in-out;margin-bottom:0 !important;font-size:14px;line-height:20px !important;}
.iconbox:hover .icon{color:#284F8A;font-size:44px;}
.iconbox:hover h3{color:#284F8A;}
.iconbox:hover p{color:#333333;}


#productinfo{margin:0 0 30px 0;}
#productinfo h2.product{display:block;font-size:16px !important;line-height:26px !important;color:#284F8A !important;margin:0 0 0 0 !important;font-weight:700 !important;padding:0 0 0 10px;background:url('images/more-blue.svg') no-repeat 0 9px;background-size:4px 8px;}


/* Let's work together */
#letsworktogether{/*background:#B7D5EE;color:#1B3151;*/background:#228914 url('tmp/tmp-green.png') no-repeat 50% 100%;background-size:cover;color:#FFFFFF;padding:55px 0 60px 0;position:relative;top:0;left:0;text-shadow:0 0 10px rgba(0,0,0,.25);}
#letsworktogether h3{font-size:30px;line-height:40px;font-weight:600;color:#FFFFFF;margin:0 350px 20px 0;}
#letsworktogether p{color:rgba(255,255,255,.75);margin:0 350px 0 0;padding:0 0 0 0;max-width:480px;font-weight:600;line-height:26px;}
#letsworktogether a.togetherbutton{position:absolute;top:50%;right:0;display:block;color:#FFFFFF;background-color:transparent;border:2px solid #FFFFFF;cursor:pointer;text-transform:uppercase;border-radius:3px;height:40px;width:auto;padding:0 16px 0 16px;margin-top:-22px;line-height:40px;font-weight:700;font-size:16px;transition: all 0.2s ease-in-out;box-shadow:0 0 10px rgba(0,0,0,.25);text-shadow:0 0 10px rgba(0,0,0,.25);text-decoration:none;}
#letsworktogether a.togetherbutton:hover{background:rgba(0,0,0,.2);}
#letsworktogether a.togetherbutton i{padding:0 8px 0 0;}



/* Bigger 1024 (devices and browsers)
====================================================================== */
@media only screen and (min-width: 1024px){

#navigation{display:block;width:auto;float:none;margin:0 0 0 0;text-align:right;position:absolute;right:0;bottom:0;overflow:visible;}
	#mainmenu-cont{}
	#mainmenu-cont > ul{}
	#mainmenu-cont > ul li{float:left;position:relative;top:0;left:0;padding:0 15px 0 15px;}
	#mainmenu-cont > ul li a{display:inline-block;height:60px;line-height:62px;color:#666666;font-size:14px;font-weight:700;text-transform:uppercase;padding:0 0 0 0;text-decoration:none;transition: all 0.2s ease-in-out;}
	#mainmenu-cont > ul li ul{display:none;}
	#mainmenu-cont > ul li:hover a, #mainmenu-cont > ul li:hover a:hover{color:#333333;}
	#mainmenu-cont > ul li:hover ul{display:block;position:absolute;top:60px;left:0;z-index:99999;background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.95) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2ffffff',GradientType=0 );-webkit-backdrop-filter:saturate(180%) blur(20px);width:220px;text-align:left;box-shadow:0 2px 2px rgba(0,0,0,.15);padding:5px 0 5px 0;}
	/*#mainmenu-cont > ul li#menu-item-20:hover ul{left:auto;right:-11px;width:220px;}*/
	#mainmenu-cont > ul li:hover ul li{display:block;float:none;height:auto;line-height:inherit;padding:0 !important;}
	#mainmenu-cont > ul li:hover ul li a{display:block;width:auto;color:#666666;font-weight:600;text-transform:none;font-size:14px;height:auto;line-height:inherit;padding:5px 15px 5px 15px;box-sizing:border-box;}
	#mainmenu-cont > ul li:hover ul li a:hover{color:#333333;}
	
	#mainmenu-cont > ul li.navbtn{padding:0 0 0 0;}
	#mainmenu-cont > ul li.navbtn > a{height:30px;padding:0 12px 0 12px;margin:14px 0 14px 15px;line-height:30px;background:#4E7EB3;border-radius:3px;border:1px solid rgba(0,0,0,.1);color:rgba(255,255,255,1);}
	#mainmenu-cont > ul li.navbtn:hover, #mainmenu-cont > ul li.navbtn:hover > a:hover, #mainmenu-cont > ul li.navbtn > a:hover{color:rgba(255,255,255,1) !important;}
	#mainmenu-cont > ul li.navbtn:hover > a:hover, #mainmenu-cont > ul li.navbtn > a:hover{background:#2B5088;}
	
	#mainmenu-cont > ul li.current-menu-item > a,
	#mainmenu-cont > ul li.current_page_parent > a,
	#mainmenu-cont > ul li.current-menu-parent > a{border-bottom:2px solid #4E7EB3;height:58px;}
	#mainmenu-cont > ul li.navbtn.current-menu-item > a{height:30px !important;border:1px solid rgba(0,0,0,.1);}
	
	#mainmenu-cont > ul li ul li.current-menu-item > a,
	#mainmenu-cont > ul li ul li.current-menu-item > a:hover{border-top:0px !important;color:#4E7EB3;border-bottom:0px solid rgba(0,0,0,0);}

}


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

#navicons{right:20px;}
#navigation{display:none;}
	#navbtn{display:block;}

	
#navigation{display:none;width:100%;margin:0 0 0 0;text-align:left;position:absolute;top:60px;left:0;z-index:99999;}
	#mainmenu-cont{background-color:rgba(255,255,255,.95);}
	#mainmenu-cont ul{margin:0;padding:0;} #mainmenu-cont > ul{border-top:1px solid rgba(0,0,0,.1);}
	#mainmenu-cont ul li{display:block;}
	#mainmenu-cont ul li a{display:block;color:#333333;font-size:16px;font-weight:700;text-transform:uppercase;padding:10px 30px 10px 30px;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.1);}
	#mainmenu-cont ul li ul li a{display:block;width:auto;color:#333333;font-weight:600;text-transform:none;font-size:14px;height:auto;line-height:inherit;}
	#mainmenu-cont ul li ul li a i{width:12px;}
	
}

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


#navigation{right:30px;}

}

/* Smaller 1024 (devices and browsers)
====================================================================== */
@media only screen and (max-width: 1239px){

.center{margin:0;width:auto;overflow:auto;padding:0 30px 0 30px;}
#header_home .center{position:absolute;top:30px;left:30px;right:30px;bottom:30px;width:auto;height:auto;margin:0;overflow:hidden;}
#header_home hgroup{width:auto;text-shadow:0 0 20px rgba(0,0,0,.33);text-align:left;height:200px;position:absolute;top:50%;left:0;margin:-100px 0 0 0;}
	
a#logo{left:30px;}

main{width:calc( 100% - 330px );float:left;}
	
.column{display:block;float:left;width: calc( ( 100% - 90px ) / 4 );margin:0 30px 30px 0;}
	
.column.one-third{display:block;float:left;width: calc( ( 100% - 60px ) / 3 );margin:0 30px 30px 0;}
.column.two-third{display:block;float:left;width: calc( ((( 100% - 60px ) / 3 ) * 2 ) + 30px );margin:0 30px 0 0;}
.column.first{clear:both;}
.column.last{margin:0 0 30px 0;}
.column.double{width: calc( ( 100% - 30px ) / 2 );}
.column.triple{width: calc( ( 100% - 30px ) / 4 );}
.column.full{width:100%;margin:0 0 30px 0;}
	
.crp_related ul li{display:block;float:left;width: calc( ( 100% - 60px ) / 3 );margin:0 30px 30px 0;}

#letsworktogether a.togetherbutton{right:30px;}
}

@media only screen and (max-width: 1023px){
main{width:100%;float:none;}
aside{width:100%;float:none;clear:both;margin:30px 0 0 0;}

section.section-padding{padding:30px 0 30px 0 !important;}

.column{display:block;float:left;width: calc( ( 100% - 30px ) / 2 );margin:0 30px 30px 0;}
.column:nth-child(2n){margin:0 0 30px 0;}
.column.one-third{display:block;float:left;width: calc( ( 100% - 60px ) / 3 );margin:0 30px 30px 0;}
.column.two-third{display:block;float:left;width: calc( ((( 100% - 60px ) / 3 ) * 2 ) + 30px );margin:0 30px 0 0;}
.column.double{width:100%;}
.column.triple{width:100%;}
	
.masonry article.loop{display:block;width:calc(( 100% - 30px ) / 2 );}
	
.servicebox{float:none;clear:left;margin:0 0 35px 0;width:auto;}
.servicebox.more, .servicebox:nth-child(even) more{width:auto;}

.iconbox, .iconbox:nth-child(4n){width:calc( ( 100% - 60px ) / 3 );margin:0 30px 30px 0;}
.iconbox:nth-child(3n){margin:0 0 30px 0;}
	
.faq .faq-item .faq-answer{padding:0 0 20px 0;}
	
#header_home #greenbubble{display:none;}
}

@media only screen and (min-width: 769px){

.textcolumns{column-count:2;column-gap:40px;hyphens:auto;box-sizing:border-box;}
		
}

/* Tablet (devices and browser)
====================================================================== */
@media only screen and (max-width: 800px) {

/*header{height:60px;background:rgba(255,255,255,.92);} .down #header{ transform:translate3d(0, -61px, 0);}
header .center{height:60px;}
#headergap{background:#F6F6F6;}
*/

	
	
	
#letsworktogether{text-align:center;} #letsworktogether .centerwrap, #letsworktogether .center{overflow:inherit;}
#letsworktogether h3, #letsworktogether p{margin-right:0 !important;text-align:center !important;max-width:inherit;}
#letsworktogether p{margin:0 0 30px 0 !important;}
#letsworktogether a.togetherbutton{position:relative;top:0;left:0;right:auto;margin:0 auto;display:inline-block;width:auto;}

}


/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
.hide-mobile{display:none !important;}
	
nav.breadcrumb{display:none;}
#main.has_breadcrumb .center{padding-top:30px;}

.column.double{width:100%;clear:both !important;margin:0 0 30px 0;}
.column.one-third{display:block;float:none;width:100%;margin:0 0 30px 0;}
.column.two-third{display:block;float:none;width:100%;margin:0 0 30px 0;}
	
.column.full .davbox .image{width:100%;float:none;margin:0 0 30px 0;}

.crp_related ul li{display:block;float:none;width:100%;margin:0 0 30px 0;}

#letsworktogether{padding:30px 0 35px 0;}
	
#footer-copy{height:auto;line-height:40px;padding:10px 0 10px 0;}
#footer-copy .column,
#footer-copy .column.align-right{clear:both;text-align:center !important;display:block;float:none;margin:0 0 0 0 !important;}
ul#footnav2 li{display:inline-block;float:none;} ul#footnav2 li:last-chil{margin:0 0 0 0;}

.iconbox, .iconbox:nth-child(3n), .iconbox:nth-child(4n){width:calc( ( 100% - 30px ) / 2 );margin:0 30px 30px 0;}
.iconbox:nth-child(even){margin:0 0 30px 0;}
	
/* PRICING TABLE */
.prices{margin:0;padding:0 0 0 0;}
.pricing_table,
.pricing_table.first,
.pricing_table.second, .pricing_table.second,
.pricing_table.third{width:100%;float:none;padding:0 0 0 0;position:relative;top:0;left:0;z-index:1;margin:0 0 30px 0;border:none !important;border-radius:5px 5px 5px 5px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);}
.pricing_table .pricing_title{padding:15px 20px 15px 20px;line-height:30px;border-bottom:1px solid rgba(0,0,0,.075);}
.pricing_table .pricetabhide{display:none;}

.pricing_table.second{width:100%;}
.pricing_table.second .pricing_title h4{margin:0 !important;color:#BA0022 !important;font-size:20px !important;}
.pricing_table.second .pricing_title{padding:25px 20px 25px 20px;line-height:30px;}
.pricing_table.second .order{padding:30px 20px 30px 20px;}
	
.rennab_inline,
.rennab_inline.right,
.rennab_inline.left{float:none;width:100%;margin:0 0 15px 0;}
}

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

}

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

.column, .column.one-third,
.column.one-third:nth-child(2n),
.column.double, .column.triple{display:block;float:none;width:100%;margin:0 0 30px 0;}
.column:nth-child(2n){margin-right:0 !important;}

#imageheader .main-image img{max-width:90%;margin:30px auto 30px auto;}
#imageheader p.main-text{margin:0 auto 30px auto;}

#footer .widget_nav_menu ul{height:auto;overflow:visible;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
====================================================================== */
@media only screen and (max-width: 639px) {
body, #headergap{background:#FFFFFF;}

#header_home img, #header_home picture{display:none !important;}
#header_home .center{position:relative;top:auto;left:auto;bottom:auto;right:auto;width:100%;box-sizing:border-box;padding:50px 30px 50px 30px;height:auto;background:url('images/sc/home_mobile2.jpg') no-repeat 50%;background-size:cover;}
#header_home hgroup{position:relative;width:100%;height:auto;top:auto;margin:0 0 0 0 !important;}
	#header_home hgroup h1{padding:0 0 16px 0;font-size:32px;line-height:40px;}
	#header_home hgroup h3{font-size:16px;line-height:24px;}
.bottomstripe{display:none !important;}


	
article.blogpost{background-color:transparent;padding:0;margin-bottom:30px;box-shadow: 0 0 0 rgba(0, 0, 0, 0);border-radius:0 0 0 0;}
article.blogpost .blogpost-meta{display:block;background-color:transparent;border-radius:0 0 0 0;text-align:center;background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );}
article.blogpost .fb_iframe_widget{float:none;margin:0 0 10px 0;}
#main.single .post-image{margin:0 0 30px 0;}
#main.single .post-image, #main.single .post-image:after, #main.single .post-image img{border-radius:0 0 0 0;}

	
article.loop, .masonry article.loop{display:block;width:100%;margin:0 0 30px 0;border-top:0;padding:0;box-shadow:0 0 0 transparent;border-radius:0;}
article.loop.no-image, .masonry article.loop.no-image{border-top:1px solid rgba(0,0,0,.15);padding-top:10px;}
article.loop .post-image, .masonry article.loop .post-image{width:100%;height:auto;float:none;position:relative;top:0;left:0;border-radius:0 0 0 0;}
article.loop .post-image a:after, .masonry article.loop .post-image a:after{border:1px solid rgba(0,0,0,.1);content:'';border-radius:0 0 0 0;}
article.loop .post-image img, .masonry article.loop .post-image img{border-radius:0 0 0 0;}
article.loop .post-content, .masonry article.loop .post-content{margin:0 0 0 0;padding:15px 0 0 0;background:#FFFFFF;box-shadow:0 0 0 transparent;border-radius: 0 0 0 0;}
article.loop.no-image .post-content, .masonry article.loop.no-image .post-content{border-radius:0;border-top:0;}
#main article.loop h2{margin:0 0 15px 0;font-size:20px;line-height:30px;}
article.loop .meta-tags{display:block;}
	
.alignright, .alignleft{float:none;border:none;padding:0;margin:0 0 30px 0;width:100%;}
figure.alignright, figure.alignleft{width:100%;}
	
	
section h2.big{margin: 0 0 10px 0;}
	
	
.iconbox, .iconbox:nth-child(even), .iconbox:nth-child(3n), .iconbox:nth-child(4n){width:100%;margin:0 0 30px 0 !important;}

}


@media only screen and (max-width: 479px) {
.hide-479{display:none !important;}
.center{padding:0 15px 0 15px;}
#header .center{padding:0 15px 0 15px;}
/*#main .center{padding:15px 15px 15px 15px !important;}*/
#headergap{height:15px;}
	
a#logo{left:15px;}
#navicons{right:5px;}
#mainmenu-cont ul li a{padding:8px 15px 8px 15px;}

#header_home .center{padding:30px 15px 30px 15px;}
section.section-padding{padding:15px 0 15px 0 !important;}
section.section-padding-columns{padding:15px 0 0 0 !important;}

.column,
.column:nth-child(2n),
.column.one-third,
.column.one-third:nth-child(2n),
.column.double,
.column.triple,
.column.full,
.column.last{margin:0 0 15px 0 !important;}

article.loop, .masonry article.loop{margin:0 0 15px 0;}
article.blogpost .blogpost-meta{display:block;margin:0 -15px -15px -15px;
}

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


}

@media only screen and (max-width: 329px) {
.rennab_inline,
.rennab_inline.right,
.rennab_inline.left{float:none;width:100%;margin:0 -5px 15px -5px;}
}

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

}











/* Table
====================================*/
table{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #D2D2D2 !important;
	margin:0 0 30px 0 !important;
}
table th{
	border: 1px solid #D2D2D2;
	border-right: none;
	background-color: rgba(0,0,0, .1);
	text-align: left;
	padding: 10px 15px;
	color: #2A1606;
	vertical-align: top;
	font-size: 16px;
	font-weight: 600;
	white-space:nowrap;
}
table td:last-child{
	border-right: 1px solid #D2D2D2;
}
table th:last-child{
	border-right: 1px solid #D2D2D2;
}

table td{
	padding: 10px 15px;
	border: 1px solid #D2D2D2;
	border-top: none;
	border-right: none;
}

/*table tr:hover td{background-color: #fafafa;}*/

table tr.odd,
table tr:nth-child(odd){background-color:rgba(0,0,0, .03);}




/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto; padding:10px }
.alignleft {
	border: 0;
	float: left;
	margin: 0 15px 8px 0;
	padding: 0;
}

.alignright {
	border: 0;
	float: right;
	margin: 0 0 8px 15px;
	padding: 0;
}

.wp-caption-text,
.wp-caption figcaption{
	background-color: #f6f6f6;
	font-weight: 600;
	font-size: 13px;
	color: #909090;
	padding: 10px 20px;
}

#footer .wp-caption-text,
#footer .wp-caption figcaption {
	background-color: rgba(0,0,0,0.3);
}

.wp-caption.transparent {
	position: relative;
}

.wp-caption.transparent figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 8px 16px;
	text-align: center;
}