/* 
Theme Name: AQ BrandNew
Theme URI:https://artataq.de/
Author:AQ
Version: 2.0
*/

/* =Reset CSS */
/*HTML5 display-role reset for older browsers */
*, *:after, *:before {padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body {height: 100%;}
body {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; line-height:1}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {display: block;}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
table{border-collapse:collapse; border-spacing:0}
button, input, select, textarea{font-size:100%; overflow:visible; margin:0; vertical-align:baseline; width:auto}
textarea{overflow:auto; vertical-align:text-top}

/* =Base */
html{overflow-x: hidden;}
body{font-weight:400; color:#585B61; font-family: 'Open Sans', Arial, Helvetica, sans-serif; background:#fff;}
.aq{ min-height: 100%; margin-bottom: -35px; }
.aq:after {content: ""; display: block; height: 35px;}
h1, h2, h3, h4, h5, h6, #nav >ul >li >a, .intro-quote p, .quote p, .heading .btn.black, .lingual .textwidget, .detail-intro .biz-content .info p strong, .grid__item--name,.grid__item--title, .audience-intro p, #footer {font-family: 'Titillium Web', sans-serif;}
.rus h1, .rus h2, .rus h3, .rus h4, .rus h5, .rus h6, .rus #nav >ul >li >a, .rus .intro-quote p, .rus .quote p, .rus .heading .btn.black, .rus .lingual .textwidget, .rus .detail-intro .biz-content .info p strong, .rus .grid__item--name,.grid__item--title, .rus .audience-intro p, .rus #footer {font-family:'Open Sans', sans-serif;}

@font-face {font-family: 'kraftundstilregular'; font-weight: normal; font-style: normal; src: url('fonts/ks/kraftundstil-webfont.eot'); src: url('fonts/ks/kraftundstil-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ks/kraftundstil-webfont.woff2') format('woff2'), url('fonts/ks/kraftundstil-webfont.woff') format('woff'), url('fonts/ks/kraftundstil-webfont.ttf') format('truetype'), url('fonts/ks/kraftundstil-webfont.svg#kraftundstilregular') format('svg');}

@font-face{font-family:'Flaticon'; src:url("fonts/flaticons/flaticon.eot"); src:url("fonts/flaticons/flaticon.eot#iefix") format("embedded-opentype"),url("fonts/flaticons/flaticon.woff") format("woff"),url("fonts/flaticons/flaticon.ttf") format("truetype"),url("fonts/flaticons/flaticon.svg") format("svg"); font-weight:normal; font-style:normal}
[class^="flaticon-"]:before, [class*="flaticon-"]:before, [class^="flaticon-"]:after, [class*="flaticon-"]:after{ font-family:'Flaticon';line-height: 1; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 100%;}
.aq-main-content .vorteile [class*=flaticon-]{display:block; font-size:2.375em; color:#C7C4C2}
.flaticon-calendar68:before{content:"\e000"}
.flaticon-circular116:before{content:"\e001"}
.flaticon-cloud229:before{content:"\e002"}
.flaticon-column3:before{content:"\e003"}
.flaticon-custom:before{content:"\e004"}
.flaticon-idea14:before{content:"\e006"}
.flaticon-international12:before{content:"\e007"}
.flaticon-internet17:before{content:"\e008"}
.flaticon-men16:before{content:"\e009"}
.flaticon-piggy10:before{content:"\e00a"}
.flaticon-responsive16:before{content:"\e00b"}
.flaticon-runner5:before{content:"\e00c"}
.flaticon-seo14:before{content:"\e00d"}
.flaticon-strategy8:before{content:"\e00e"}

/* =Typography */
i, em, dfn, cite{font-style:italic}
tt, var, pre, kbd, samp, code{font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace !important; font-style:normal}
b, strong{font-weight:600;}
pre{-moz-box-sizing:border-box; -moz-border-radius:2px; -moz-box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,0.2); -webkit-border-radius:2px; -webkit-box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,0.2);  -webkit-box-sizing:border-box; box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,0.2);  box-sizing:border-box; background:#f4f4f4; border:1px solid #aaa; border-bottom-color:#ccc; border-radius:2px;  height:auto; margin:0; outline:none; padding:6px 10px; vertical-align:middle;  width:100%}
del{color:#555; text-decoration:line-through}
ins, dfn{border-bottom:1px solid #ccc}
sup, sub, small{font-size:85%}
abbr, acronym{font-size:85%; letter-spacing:.1em; text-transform:uppercase}
a abbr, a acronym{border:none}
dfn[title], abbr[title], acronym[title]{}
sup{vertical-align:super}
sub{vertical-align:sub}
.ellipsis{font-size:14px; margin-right:5px}
.form-allowed-tags{display:none}
br{clear:both}
.artataq{font-family: 'kraftundstilregular';font-size: 16px;}
.artataq span.rd{}
.artataq span.lg {font-size:1.1em;}

/* =Links */
a{color:#9F4842; text-decoration:none;}
a:hover{color:#CA5D56; text-decoration:none}
::selection{background:#efefef;}

/* =IE Forms (Modernizr) */
.ie7 area, .ie7 select, .ie7 textarea, .ie7 input[type="text"], .ie7 input[type="password"]{ width:300px}
.ie8 img{ height:auto;  width:auto\9}

/* =Buttons */
.btn, .anfrage {display:inline-block;line-height:normal;padding:16px 20px 16px 20px;position:relative;font-weight:700;text-transform:uppercase;letter-spacing:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .15s;-moz-transition:background .15s;-ms-transition:background .15s;-o-transition:background .15s;transition:background .15s}
.btn span, .anfrage a, .btn .sbmt {color:inherit; text-shadow:none}
.btn span, .anfrage a, .btn .sbmt {position:relative;z-index:1;-webkit-transition:color .25s;-moz-transition:color .25s;-ms-transition:color .25s;-o-transition:color .25s;transition:color .25s}
.btn:before, .anfrage:before{content:"";position:absolute;top:0;left:0;width:100%;bottom:0;z-index:0;display:block;padding:0;-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);-ms-transform:scale(1, 0);-o-transform:scale(1, 0);transform:scale(1, 0);-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.btn:hover:before, .anfrage:hover:before {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

.btn.black{background:#313335;color:#fff}
.btn.black:hover {background:#313335;color:#313335}
.btn.black:before {background:#fff}
.anfrage.black {color: #313335;border: 2px solid #313335;padding: 4px 6px !important;text-transform:none}   
.anfrage.black.current-menu-item, .anfrage.black:hover {background:#313335; color:#fff}
#nav >ul >li.anfrage.black:hover >a {color:#fff}
.anfrage.black:before {background:#313335}

.no-csstransforms .btn:before {height:0;bottom:auto}
.no-csstransforms .btn:hover:before {height:100%}

@media (max-width: 1024px) {
.btn:hover:before, .anfrage:hover:before, .anfrage:before {display:none;height:0}
.btn.black:hover,.anfrage.black:hover {background:#313335;color:#fff}
}

@media (max-width: 991px) {
.anfrage.black, .anfrage.black:hover {background:#fff;padding:0 !important}
.anfrage.black a {padding: 0 0.833em;color:#000 !important}
}

/* =Headings */
h1, h2, h3, h4, h5, h6 {font-weight:500; word-wrap:break-word;}
h1{color: #000; font-size:1.8em; margin:1em 0 .5em; line-height: 1.5;}
h2{color:#000; font-size: 1.4em; margin:.07em 0 .535em;}
h3{color:#222; font-size:1.3em; margin:14px 0 10px; line-height:1.6;text-align:center}
h4{font-size:1.2em; margin:1em 0 .615em}
h5{font-size:1.2em; margin:.7em 0 .6em}
h6{font-size:.9em; margin:.6em 0 .5em}
.page-intro.no-img{margin: 80px -15px .5em;}
.no-img h1.post-title {margin: 20px -15px .5em;}
.no-img h2 {padding: 0 15px}
article h2 {margin: 0;}

/* =Elements */
p, dl, pre, form, table, address, blockquote{margin:15px 0 10px}
caption{padding-bottom:.8em}
blockquote {display: block; border:0px #dfdfdf solid; background-color:white; font-size: 16px; padding: 10px 60px; color: #444444; font-style:italic}
blockquote:before {content: "\f10e";display: inline-block; font: normal normal normal 25px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float:left;margin: 0 0 0 -40px;}
blockquote p{margin: 7px 0 5px}
fieldset{margin:1.6em 0; padding:0 1em 1em}
legend{padding-left:.8em; padding-right:.8em}
legend+*{margin-top:1em}
option{padding:0 .4em}
dt{margin-bottom:.4em; margin-top:.8em;font-weight:400}
table {width:100%}
.page table{max-width: 860px; margin: 15px auto 10px;}
table, thead, tbody, th, td, tr{display:block}
thead tr{position:absolute; top:-9999px; left:-9999px}
td{position:relative; white-space:normal; text-align:left}
td:before{position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight:bold} 
td:before{content:attr(data-title)}

@media (min-width:768px){
.page h1.post-title {font-size:2.5em;}
table{display:table;table-layout: fixed;}
tbody{display: table-row-group;}
thead {display: table-header-group;}
th, td{padding:.5em; vertical-align:top}
tr{display: table-row;}
th{display: table-cell;}
td{display: table-cell;}
}

/* =Lists
-------------------------------------------------------------- */
ul{list-style-type:none; margin-left:0em}
.main-content ul, .main-content ol{margin: 20px}
.entry-content ul li:before{list-style-type:none; display: inline-block;font: normal normal normal 15px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f192"; margin: 0 15px 0 0;color:#777}
.main-content ul li, .main-content ol li {padding: 7px 0 5px;}
.main-content ul li{border-bottom: 0px solid #f2f2f2;}
.main-content ul li:last-child, .main-content ul li li{border:none}
ul ul{list-style-type:none}
ul ul ul{list-style-type:circle}
ol{list-style-position:outside; list-style-type:decimal; margin-left:3em;}
ol ol, ul ol{margin-left:2.5em;}
embed, object, video{max-width:100%}

@media (min-width:992px){}

/* =Content */
.container {padding-right:15px; padding-left:15px; margin: 0 auto}
.row {margin-right:-15px; margin-left:-15px}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;}

@media (min-width:768px){ .container{ width:750px} }
@media (min-width:992px){ .container{ width:970px} }
@media (min-width:1200px){ .container{ width:1170px} }

.main-content {margin:0px auto 40px;}
.no-pad{padding-right:0; padding-left:0;}
.pad{padding-right:15px; padding-left:15px;}
.page-template-blog .page-content, .archive-content, .attachment {position: relative; z-index: 2; padding-top:5%}
.page-content{overflow:hidden}

@media (min-width:768px){ 
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {float:left;}
.align{float:none; margin: 0 auto}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.main-content {display:block;}
}

@media (min-width:991px){ 
.search-content{margin-top:100px}
}

/* =Header */
header{height:45px;margin: 0 auto; padding:0; position: fixed; width: 100%; z-index: 99999; top:0;-webkit-transform: translateZ(0);background:#fff}
.logo{display:block; float:left; margin:10px 0 3px; font-weight:500;color:#221c1c}
.logoname a{font-family: 'kraftundstilregular';color:#221c1c; outline:none;font-size:1.8em;}
.logoname a span.rd{color:#9F4842}
.logoname a span.lg {font-size:1.1em;}
.logo .slogan{display:none}
#header-menu{z-index: 999;}

@media screen and (min-width: 992px) {
header{height:56px;}
.logo .slogan{display:block; margin: -4px 0 5px; font-size: .66em; line-height: 1; text-transform: uppercase; font-weight: 600; letter-spacing: -.02em;}
#header-menu{position: relative; display:inline; padding:0; text-align: center;}
#nav{float:right}
.menu-item-home, #menu-item-105 {display:none !important}
#nav li ul{opacity:0; visibility:hidden; left:-15px; top:-10px; margin-left:-15px; -webkit-transition:all .3s .1s; -moz-transition:all .3s .1s; -o-transition:all .3s .1s; transition:all .3s .1s;}
#nav li:hover ul{opacity: 1; visibility: visible; top: 30px; margin-left:-15px}
}

@media screen and (min-width: 1025px) {
header.change {background-color:rgba(243, 245, 246, 0);}
.home header.change {background-color:rgba(255, 255, 255, 0);}
}

#nav{outline:none}
#nav >a{display:none}
#nav li{position:relative; list-style-type: none;text-align: left;}
#nav li a{display:block;color:#000}
#nav .menu-item-has-children >a:after, #nav .page_item_has_children >a:after{width:0; height:0; border:0.35em solid transparent; border-bottom:none; border-top-color:#455565; content:''; vertical-align:middle; display:inline-block; position:relative; right:-0.213em; margin: -3px 0 0;}
#nav >ul{padding:0; display:inline}
#nav >ul >li{display:inline; padding: 0 15px 0 0;}
#nav >ul >li >a{line-height:3.5em; display:inline; white-space: nowrap;font-weight: 600; letter-spacing: .05em;}
#nav >ul >li:not(:last-child ) >a{}
#nav >ul >li:hover >a, #nav >ul:not(:hover) >li.active >a{color:#444;}
#nav li ul{background-color:#fff; position:absolute; margin:0; width: 200px;}
#nav li:not(:first-child ):hover ul{left:-1px}
#nav li ul a{border-bottom: 0; padding:.7em 1em; font-weight:400; letter-spacing: .05em; font-size: 1em;}
#nav li ul li a:hover, #nav li ul:not(:hover ) li.active a{color:#444}
#nav li .current_page_item > a, #nav li .current_page_ancestor > a, #nav li .current-menu-item > a, #nav li .current-menu-ancestor > a {color: #9F4842;}
#nav .current_page_item > a, #nav .current_page_ancestor > a, #nav .current-menu-item > a,#nav .current-menu-ancestor > a {color:#9F4842;}
#nav .current_page_item.anfrage > a {color:#fff;}
#nav .current_page_item.menu-item-has-children >a:after, #nav .current_page_item.page_item_has_children >a:after, #nav .current-menu-parent >a:after {border-top-color:#9F4842;}
#nav .current_page_item.menu-item-has-children >a:hover:after, #nav .current_page_item.page_item_has_children >a:hover:after, #nav .current-menu-parent >a:hover:after{border-top-color:#000;}
ul.lang {float:right; margin: 20px 0 0 40px}
ul.lang li{display: inline;text-transform:uppercase; padding: 0 5px;}
ul.lang li a{color:#000; font-size: 14px;}
ul.lang li.current-lang a{color: #9F4842;}

@media screen and (max-width: 1200px) {
#nav >ul >li{padding:0px 10px 0 0}
}

@media only screen and (max-width:991px) {
html{font-size:97%;}
#header-menu{width:100%;}
.site-header{padding:0; width:100%}
.logo{display:block;float:right;margin: 12px 14px 0 0;position: relative; z-index: 9;}
.logoname a{font-size:1.4em;}
#nav{position:relative; top:auto; left:auto; background: #fff;width: 100%;}
#nav >a{width:3.125em; height:3.125em;text-align:left; text-indent:-9999px; position:relative;}
#nav >a:before, #nav >a:after{position:absolute; border:2px solid #000; top:35%; left:25%; right:25%; content:''}
#nav >a:after{top:60%}
#nav:not(:target ) >a:first-of-type, #nav:target >a:last-of-type{display:block}
#nav >ul{height:auto; display:none; position:absolute; left:0; right:0; margin-left:0}
#nav:target >ul{display:block; max-height: 320px; overflow: auto;border-bottom: 1px solid #efefef;}
#nav >ul >li{width:100%; float:none; display:block; padding:0}
#nav li ul a{border:0; border-top: 1px solid #efefef; padding: 1em 1.8em;}
#nav >ul >li >a{text-align:left; padding:0 0.833em; position:relative; background:#fff; line-height:3.5em; display:block;font-size:1em !important}
#nav >ul >li:not(:first-child ) >a{border-left:none; border-top: 1px solid #efefef;}
#nav li ul{position:static; width:auto; display:none;}
#nav li:hover ul{display:block; left:0; right:0}
#nav li .current_page_item > a, #nav li .current_page_ancestor > a, #nav li .current-menu-item > a, #nav li .current-menu-ancestor > a {color: #BFAD9E;}
#nav .current_page_item > a, #nav .current_page_ancestor > a, #nav .current-menu-item > a,#nav .current-menu-ancestor > a {color:#000;}
ul.lang{position: absolute; z-index: 99999; left:20%;top:0; margin: 15px 0 0;}
ul.lang li a{color:#ababab; font-size:13px}
}

.loading {position: fixed;left: 0;top:0;width: 100%;height: 100%;background-color: #f5f5f5;z-index: 999;}
.dot,.loader {position:absolute;top:50%;left:50%}
.loader {width:200px;height:200px;margin-top:-100px;margin-left:-100px}
.dot {z-index:10;width:160px;height:100px;margin-top:-50px;margin-left:-80px;border-radius:5px;background-color:#121314;transform-type:preserve-3d;animation:dot1 3s cubic-bezier(.55,.3,.24,.99) infinite}
.dot:nth-child(2) {z-index:11;width:150px;height:90px;margin-top:-45px;margin-left:-75px;border-radius:3px;background-color:#fff;animation-name:dot2}
.dot:nth-child(3) {z-index:12;width:40px;height:20px;margin-top:50px;margin-left:-20px;border-radius:0 0 5px 5px;background-color:#efefef;animation-name:dot3}
@keyframes dot1 {3%,97% {width:160px;height:100px;margin-top:-50px;margin-left:-80px}
30%,36% {width:80px;height:120px;margin-top:-60px;margin-left:-40px}
63%,69% {width:40px;height:80px;margin-top:-40px;margin-left:-20px}
}
@keyframes dot2 {3%,97% {width:150px;height:90px;margin-top:-45px;margin-left:-75px}
30%,36% {width:70px;height:96px;margin-top:-48px;margin-left:-35px}
63%,69% {width:32px;height:60px;margin-top:-30px;margin-left:-16px}
}
@keyframes dot3 {3%,97% {width:40px;height:20px;margin-top:50px;margin-left:-20px}
30%,36% {width:8px;height:8px;margin-top:49px;margin-left:-5px;border-radius:8px}
63%,69% {width:16px;height:4px;margin-top:-37px;margin-left:-8px;border-radius:10px}
}

/* =Home */
.home .section {text-align:center;overflow:hidden; height: 100vh; position: relative; display: table; margin: 0 auto; width: 100%;}
.home .section:before {content:'';display: inline-block; vertical-align: middle;height: 100%;}
.home .aq .container{ display: inline-block;vertical-align: middle;}
.biz-content{background: #fff; font-size: 1.125em; line-height: 1.7; position: relative; padding: 0 0 10%; padding:0}
#fullpage img {-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
#section1 {-webkit-backface-visibility:hidden; backface-visibility:hidden; background: #f5f5f5 url(images/mac-aq-4.jpg); background-position: 50% 50%; background-repeat:no-repeat;background-size: cover;}
#section1 .container, #section3 .container{display:block; height: 100%;}
.intro-quote{position: relative; top: 130px; font-size:25px}
.rus .intro-quote{font-size:19px}
.intro-quote p{text-transform: uppercase; color: #000; letter-spacing:2px}
.intro-quote p.bigger{font-size: 1.6em; color: #9e4843;font-weight: 600;margin:0}
.heading{position: relative; margin: 0 auto 0; top: 155px; font-size: 15px;}
.heading h1{color:#403C3C; margin:0 auto; font-size:2em}
.rus .heading h1{font-size:2.8em}
.heading p.sdp{font-size: 1.2em; padding: 0 0 40px; margin: 0;font-weight: 300;letter-spacing: 0.18em;}
.heading .btn.black{font-size: 20px;}
.lingual .textwidget{padding:0 0 2em; font-size:32px;}
.intro .lingual h2{padding:0 0 0.4em; font-weight:500; font-size:2em; color: #848484;}
.intro .lingual .subline{font-size: 1.7em;text-transform: uppercase;}
.intro .lingual .tri{color: #fff; margin: 0 0px; background-color: #B34545; border-radius: 50%; padding:2px 16px 6px; display: inline-block;}
.rus .intro .lingual .subline{font-size:1.2em;letter-spacing: -3px;padding:.4em 0 .2em; font-weight: 500;}
.rus .intro .lingual p{font-size:.73em; font-weight: 300;}
.rus .intro .lingual .tri {padding: 0px 13px 2px; line-height: 1.2; margin: 0 3px;}
.service {width:100%; margin:30px 0 0; text-align:center; border:1px solid #F1CECE; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; padding:0 0 20px}
.home .service p{padding:0 10px}
.biz-content h2{color:#000; font-size:2.5em; text-align:center;margin:0;text-transform: uppercase; letter-spacing: -1px;}
.bereiche-intro h3{color:#fff; background:#BD5959; margin:0}
.bereich-icon{padding:10px; background:#fff; margin: -35px 0 0;display: inline-block;}
.bereiche-intro .flaticon:before {display: block; font-size: 3em;color: #BD5959}
.bereiche-intro .col-sm-4{padding:0 45px}
#section3 .box {position: absolute; margin:0 auto; left:0; right:0; bottom: 10%; padding:0 15px;line-height: 1.8;width:100%; font-size:13px}
#section3 .box .drei{color: #9e4843; font-weight:600;}
.devices{position: relative; top:150px; float: left; height: 100%; width: 100%;}
#iphone, #imac, #ipad{position: absolute;}
#iphone{z-index: 2; left: 9%; top: 140px;}
#imac{left: 0;right: 0;}
#ipad{right: 0; top: 99px;}
.rotate {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.rotateBack {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
.quote p{font-size: 2em; text-transform: uppercase; color: #000; letter-spacing:2px}
.vorteile-intro .col-sm-6{float:right; text-align:left}
.vorteil{padding:0 15px 15px 15px}
.intro span.icon{font-size:40px; color:#FF5274; font-weight:bold}
.intro-icon{display:inline-block; vertical-align:top; padding:6px 0 0 0; margin-right:20px; width:50px}
.intro-icon .flaticon:before, .intro-icon .fa:before{font-size: 3em;color: #323436;}
.years{font-size: 1.2em; background: #f5f5f5; border-radius: 50%; text-align: center; color: #323436; padding: 4px 6px; border: 3px solid #323436; letter-spacing: -1px; font-weight: 600;}
.fa-map-marker{color: #777; margin: 0 5px 0 2px;}
.fa-map-marker:first-child{margin: 0 5px 0 0;}
.intro-content {display: inline-block; width: 80%;}
.intro-content p{margin: 0 0 2px; padding: 5px;color: #333537;}
.bild-text {background: url(images/man-working.jpg) no-repeat 50% 50%;height: 100%; background-size: cover;position:absolute; top:0}
.detail-intro .biz-content{background:none; float: none; position: absolute; height: 100%; top: 15%;right:0}
.detail-intro .biz-content .info{padding: 0 15px; max-width: 560px; margin: 0 auto;}
.detail-intro h4{margin: 0 0 10px; font-weight: 600;}
.detail-intro p{text-align: left;}
.detail-intro .biz-content .info p strong {font-size: 105%; color: #383636;}
.detail-intro p.center{font-size:1em; text-align: center; margin:0}

@media only screen and (max-width: 1440px){
.heading{font-size: 13px}
#section3 .box {font-size: 12px}
.detail-intro .biz-content {top: 10%}
}

@media only screen and (max-width: 1400px){
.intro-quote{font-size: 22px;}
.heading p.sdp {padding: 0 0 5px}
.heading .btn.black {font-size: 17px;}
}

@media screen and (max-width:1400px) and (orientation: landscape){
.intro-quote{top: 80px;}
.heading {top: 85px;}
#imac{width:65%}
#iphone{width:13%; left: 13%}
#ipad{width:24%; right:3%}
#section3 .box{bottom:0%}
.quote p {font-size: 1.6em;}
.detail-intro .biz-content .info {font-size: 16px;}
}

#section3.mobilesection3 .box {position:relative; padding:0}
#section3.mobilesection3 img {width:85%}

@media screen and (max-width:1024px){
#section1 {background-position: 52% 100%; background-size: 148%;}
.service {margin:10px 0 35px;}
.bereiche-intro .col-sm-4:first-child, .bereiche-intro .col-sm-4:nth-child(2), .bereiche-intro .col-sm-4:nth-child(3) {padding: 0 18px; width:33%; margin:0 auto;}
.vorteile-intro .col-sm-6{width:90%; float: none; margin: 0 auto;display:inline-block; position:relative}
#section3 .container{display: inline-block; height:auto}
#section3 .box {font-size: 9px}
.detail-intro h4{margin: 0;}
.vorteil{padding: 0px 5px 7px; clear: both;}
.intro-content {width: 90%;}
.intro-content p{padding:5px 15px}
.intro-icon{margin:0 0 5px; float:left; width:auto}
.years {font-size: 1.2em;}
.euro {padding: 4px 16px;}
.intro-icon .flaticon:before, .intro-icon .fa:before {font-size: 2.8em;}
.bild-text {width:100%}
.detail-intro .biz-content {width:100%; top:15%}
.detail-intro .biz-content .info {padding: 2%; background: rgba(255, 255, 255, 0.8); margin: 0 auto;font-size:1.1em;}
}

@media screen and (max-width:1024px) and (orientation: landscape){
#section1 {background-size: 133%;}
.heading p.sdp{padding:0}
.lingual{margin-top:9%}
#section4{padding: 10% 0 15%;}
.intro-quote{bottom:10%}
.quote p {font-size: 2em;}
.vorteile-intro .col-sm-6{top:-80px}
.detail-intro .biz-content .info {max-width: 760px;font-size:17px;}
}

@media screen and (max-width: 768px){
.intro-quote{top: 150px;}
.heading {top: 200px;}
.home .aq .container{display:block}
.intro .lingual h2{display:none}
.biz-content h2{font-size:1.8em;}
.bereiche-intro .col-sm-4:first-child, .bereiche-intro .col-sm-4:nth-child(2) {padding: 0 25px; width:48%; margin:0 auto;}
.bereiche-intro .col-sm-4:nth-child(3) {padding: 0 25px; width:96%; margin:0 auto;}
.detail-intro .container{width: 100%;}
.lingual .textwidget {font-size: 26px;}
}

@media screen and (max-width: 767px){
#section1 {background-position: 50% 100%;}
.intro-quote{font-size: 18px; top:100px;}
.heading {top: 140px;}
#section2 .biz-content{padding: 10% 0 0}
.lingual .textwidget {padding: 0 0 .5em;}
.heading{font-size: 11px;}
.heading h1{margin:0 auto 3px}
.heading .btn.black {font-size: 16px;}
.lingual{display:none;opacity:0}
.bereiche-intro .col-sm-4:first-child, .bereiche-intro .col-sm-4:nth-child(2), .bereiche-intro .col-sm-4:nth-child(3) {width:96%;}
.bereich-icon {padding: 0 10px;}
.intro-content {width: 85%;}
.intro-content p {font-size: 15px;}
#section3{display:none}
#section4{padding: 10% 0 10%;}
.bild-text {position:absolute}
.detail-intro .biz-content{top:0; position:relative}
.detail-intro .biz-content .info{padding:5%; width:100%; color:#121314;font-size:16px;}
.detail-intro h4{font-size: 1.1em;}
.detail-intro .biz-content .info p strong {font-size: 101%;}
}

@media screen and (min-width: 320px) and (max-width: 768px) and (orientation: landscape){
#section1 {background-size: 100%;}
.intro-quote {display:none}
.intro-quote p, .quote p {margin: 7px 0;}
.heading .textwidget p {padding: 0 0 26px;}
#section3, #section4 {margin-top: 0px;}
}

@media screen and (max-width: 420px){
.intro-quote { font-size: 16px;}
.heading {font-size: 10px;}
.intro-content {width: 81%;}
}

@media only screen and (min-width:1025px){
.detail-intro p{font-size:1.05em; text-align: justify;}
}

.grid{display:-ms-grid; display:grid; -ms-grid-columns:38% 32% 24%; grid-template-columns:38% 32% 24%; -ms-grid-rows:24% 12% 23% 30% 10%; grid-template-rows:24% 12% 23% 30% 10%; margin: 0; height: 47vh; width: 50%; float:left}
.grid .item {margin-bottom:10px; margin-right:10px; position:relative; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:transform .2s ease-out;}
.grid .item_01 {-ms-grid-column:1; grid-column:1; -ms-grid-row:1;  -ms-grid-row-span:3; grid-row:1/4;  background-image:url(images/intro-jj.jpg) }
.grid .item_03 {-ms-grid-column:3; grid-column:3; -ms-grid-row:2; -ms-grid-row-span:2; grid-row:1/3;background-image:url(images/intro-addore.jpg)}
.grid .item_04 {-ms-grid-column:2; grid-column:2; -ms-grid-row:2; -ms-grid-row-span:2; grid-row:1/3; background-image:url(images/intro-kh.jpg);background-position: 32% 50%;margin-top: 30px;}
.grid .item_06 {-ms-grid-column:1; grid-column:1; -ms-grid-row:4; -ms-grid-column-span:1; grid-row:4; background-image:url(images/intro-za.jpg);}
.grid .item_07 {-ms-grid-column:2; grid-column:2; -ms-grid-row:4; -ms-grid-column-span:1; grid-row:3/5; background-image:url(images/intro-ja.jpg); background-image: url(images/intro-vm.jpg);}
.grid .item_08 {-ms-grid-column:3; grid-column:3; -ms-grid-row:4; -ms-grid-column-span:1; grid-row:3/5; background-image: url(images/intro-vb.jpg); background-position: 72% 50%;}
.grid .item_09 {-ms-grid-column:1; grid-column:1/4; -ms-grid-row:5; -ms-grid-column-span:5; grid-row:5;}
.grid__item--name {margin:0}
.grid__item--name a {font-size:18px; text-transform:lowercase;}
.item_02,.item_05 {display:none}

@media screen and (min-width:1025px) {
.animateOut {animation:animateOut .8s cubic-bezier(.7,0,.3,1) forwards}
@keyframes animateOut { from {opacity:1} to {opacity:0} }
.animateIn {animation:animateIn .8s cubic-bezier(.7,0,.3,1) forwards}
@keyframes animateIn {from {opacity:0} to {opacity:1}}
}

@media screen and (max-width:1024px) {
.grid, .gridmobile {display: block; margin: 0 auto;padding:0; width: 80%; float: none; position: relative;}
.grid .item, .gridmobile.grid .item{position:relative; background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transition:transform .2s ease-out; float: left; width: 48.2%; height: 30%; margin: 10px;}
.grid .item.item_09 {width:100%; height:70px; margin:0}
}

@media screen and (max-width:1024px) and (orientation: landscape){
.grid, .gridmobile {top: -80px;}
.grid .item, .gridmobile.grid .item{width: 30.2%}
.grid .item.item_09 {width:100%}
}

@media screen and (max-width:768px) {
.grid .item, .gridmobile.grid .item{margin: 5px;}
.grid .item.item_09 {width:100% !important; height:70px; margin:0}
}

@media screen and (max-width:767px) {
.grid .item, .gridmobile.grid .item{width: 46.2%}
.grid .item.item_09 {height:100px; }
.grid__item--name{margin: 0 0 20px;}
.grid__item--name a {display: block;}
}

/*! * fullPage 2.9.5 */
.fp-enabled body,html.fp-enabled {margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.fp-section {position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.fp-section.fp-table,.fp-slide.fp-table {display:table;table-layout:fixed;width:100%}
.fp-tableCell {display:table-cell;vertical-align:middle;width:100%;height:100%}
.fp-notransition {-webkit-transition:none!important;transition:none!important}
#fp-nav {position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}
#fp-nav.right {right:17px}
#fp-nav.left {left:17px}
#fp-nav ul,.fp-slidesNav ul {margin:0;padding:0}
#fp-nav ul li,.fp-slidesNav ul li {display:block;width:14px;height:13px;margin:7px;position:relative}
.fp-slidesNav ul li {display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a {display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span {height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}
#fp-nav li .active span,.fp-slidesNav .active span {background:#bd5a59; border:none}
#fp-nav ul li a span,.fp-slidesNav ul li a span {border-radius:50%;position:absolute;z-index:1;height:10px;width:10px;border:0; left:50%;top:50%;margin:-2px 0 0 -5px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out; border:1px solid #e4e4e4}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span {width:10px;height:10px;margin:-2px 0 0 -5px}
.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section {height:auto!important}
.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section {height:auto!important}

/* =Post + Page  */
.page{/* background: #eef1f2; */ background: #F3F5F6;}
.page-intro {position:relative; margin: 0px 0 60px; text-align:center;}
.inner {position:absolute; bottom:120px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);width:100%; max-width:980px; margin:0 auto; color:#000}
.page-heading{position: absolute; left: 0; right: 0; text-align: center; bottom: 0; height: 100%; background-color: rgba(255, 255, 255, 0.7);}
.page .main-content p {max-width: 980px; margin:15px auto 10px}
.page-id-3795 .main-content ul {max-width: 980px; margin:15px auto 10px}
.page .main-content ul.simpleul {max-width: 980px;margin:20px auto;padding: 0 20px;}
.page .main-content ul.simpleul li:before{content: '\f19a';}
.page .main-content p.in-page-img {max-width: 100%; margin:40px auto 10px}
.post-data{clear:both; font-size:11px; font-weight:700; margin-top:20px}
.post-data a{color:#111}
.post-entry, .article-content, .entry-content, .entry-summary{line-height:1.8; font-size:1.05em}
.post-entry h2, .article-content h2{line-height:1; margin: 30px 0 15px; text-align:center}
.archive .post-entry h2, .archive .article-content h2, .page-template-blog .article-content h2{margin: 30px auto 40px;}
.post-entry h2 a, .article-content h2 a{color:#000}
.post-entry h2 a:hover, .article-content h2 a:hover{color:#555}
.article-content {margin: 0 0 30px}
.entry-summary{clear:both;max-width: 750px; margin: 0 auto; }
.single .post-entry{max-width: 980px; margin: 0 auto;}
.post-meta{color:#9f9f9f; font-size:13px;}
.single .post-meta a, .page-template-blog-php .post-meta a{color:#333;}
.post-edit-link{clear:both; display:block;margin: 5px 0;color:#b22}
.post-search-terms{clear:both}
.comments-link{font-size:12px}
#cancel-comment-reply-link{color:#900}
.post-image {margin: 20px 0;}
.attachment-entry{clear:both; text-align:center; margin: 20px auto}
.background-image{width:100%}

.post-entry .services h3{text-align:left; margin:0 0 25px; position: relative;}
.post-entry .services h3:after {content: ""; display: block; width: 46px; height: 2px; background:#D66B64; position: absolute; left: 0; bottom: -18px;}
.service-inner{padding:20px; border:1px solid #efefef;background: #fff;word-break: break-word;}
.service-icon{text-align:center; display:none}
.service-icon span{font-size:8em;}

ul.project-process {margin:0}
.project-process li.col-sm-3:before{display:none !important}
.main-content ul.project-process li {padding: 7px 15px 5px;}
.main-content ul.project-process li .service {padding: 20px 15px; font-size: .85em; background-color: #fff; border: 1px solid #F1EFEF; margin:30px 0}
.main-content ul.project-process li .service .bereich-icon {position: relative; top: 5px; padding: 0px; background: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size:2.8em}
.main-content ul.project-process li .service:hover {border-color: #D27070;}
.main-content ul.project-process li .service:hover .bereich-icon {top: -50px;color: #D27070;}
.pre-process .service{text-align:left; padding: 0px 25px; font-size: .85em; background-color: #fff; border: 1px solid #F1EFEF;margin: 40px 0 20px;}

.pricing-table {padding: 0px;margin: 20px 0 0}
.pricing-table.snd {margin: 30px 0}
.hint {font-style:italic;}
.main-content ul.features{list-style-type:none; margin:20px 0 15px; font-size:1em; border-top: 0px solid #e3e9ec;}
.entry-content ul.features li{padding:7px 0; list-style-image: none;border-bottom: 1px solid #e3e9ec;}
.entry-content ul.features li:before{display:none}
.entry-content ul.features li:last-child {border-bottom: 0px solid #e3e9ec;}
.pricing-table .block.block-img {background-color: transparent; padding: 0;}
.pricing-table .block.block-img img{height:100%; width:100%}
.show-service.col-sm-8, .frst{margin: 4% 0 0}
.show-service.col-sm-8.scnd{margin: 1% 0 0;}

@media only screen and (min-width:768px){
.pricing-table {margin: 60px 0 0}
.pricing-table .col-sm-6{padding:0 15px}
.single .post-entry .col-sm-6 h3, .single .article-content .col-sm-6 h3{text-align:left}
.single .col-sm-6{ display: table-cell;vertical-align: top; margin: 20px 0 20px 0;}
.pricing-table .block.block-img img{padding-right:20px}
.service-icon{display:block}
.pre-process.col-sm-7 {margin:5% 0 0 !important}
.show-service.col-sm-8, .frst{margin:7% 0 0 !important}
.show-service.col-sm-8.scnd{margin: 2% 0 0 !important; float:right}
.pre-process .service{height: 170px;}
}

@media only screen and (max-width:1024px){
.page-intro {margin: 40px 0 40px;}
.page-intro .inner{bottom:0; padding: 0px 20px 40px;}
}

@media only screen and (max-width:768px){
.page-intro {margin: 40px 0 10px;}
.post-entry h2, .article-content h2{margin: 30px 0 7px; line-height:1.4}
.page-intro .inner {padding: 0 15px; position: relative;}
.page-heading {position: relative; background-color:transparent}
ul.project-process .col-sm-3 {width:50%}
.pre-process{padding:0}
.pre-process.col-sm-7 {margin:0 !important}
.services{margin-top:20px}
.page .col-sm-5, .page .col-sm-7{width:100%}
}

@media only screen and (max-width:640px){
.show-intro, .show-service{padding:0; opacity:1}
.page .main-content ul.simpleul {padding: 0 4px;}
ul.project-process .col-sm-3 {width:100%}
}

/* =Tabs */
.price {margin: 0; width: 100%; position: relative; display: inline-block; padding: 0 0 10%}
.price .item {float:left;}
.price .item .title{ display:block; line-height:25px; font-weight: 400; padding:6px 0; float:none; width:100%; text-align: center; color:#fff}
.price br{display:none}
.price .item.gold {background-color:#d26e68; width:44.3%;}
.price .item.orange {background-color: #c55b55; width:33.2%;}
.price .item.red {background-color:#9e4843; width:22.5%;}
.price .item .type {display: block; line-height: 25px; font-weight: 400; padding: 6px 0; float: none; width: 100%; text-align: center; color: #fff;}

.tinytabs ul.tabs{list-style-type:none; position:relative; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; margin:0 auto; padding:0; list-style:none; -ms-box-orient:horizontal; -ms-box-pack:center; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center;}
.tinytabs ul.tabs li.clear {height:0px; line-height:0px; padding:0px; margin:0px; clear:both; float:none; font-size:0px; display:none}
.tinytabs .tabs li{position:relative; z-index:1; display:block; margin:0; text-align:center; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; width: 10%;float:left}
.entry-content ul.tabs li:before{display:none}
.tinytabs .tabs a{background:#ddd; color:#fff; text-align: center; margin: 0 2px 0 0;position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2.5; font-size:18px}
.tinytabs .section{background:#fff; overflow:hidden; padding:15px; clear:both; border-radius:2px; display:none; text-align:center; min-height:200px}
.tinytabs .sel a{background:#524B4B  !important; text-shadow:none}
.tab-hometab a, .tab-about a, .tab-service a, .tab-preis a{background-color:#d26e68 !important}
.tab-products a, .tab-portt a, .tab-anfraget a, .tab-blogt a{ background-color:#c55b55 !important}
.tab-kontot a, .tab-shopt a{background-color:#9e4843 !important}

/* =Portfolio */
.intro-tables .intro-table{position:relative; margin:20px auto; overflow:hidden}
.intro-table .overlay{width: 94.8%; height: 94%; position: absolute;bottom: 10px; background-color: rgba(255, 255, 255, 0)}
.intro-table:hover .overlay{background-color: rgba(255, 255, 255, 0.92)}
.intro-tables .intro-table .bottom{position:absolute; bottom:12%; padding: 20px;}
.intro-table-hover h4{-webkit-transform:translateY(170px); transform:translateY(170px); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s; padding: 0 20px;opacity:0}
.intro-table-hover:hover h4{-webkit-transform:translateY(0); transform:translateY(0);-webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;opacity:1}
.intro-table-hover .expand{margin:20px; margin-top:50px; opacity:0; -webkit-transition:-webkit-transform 0.5s,opacity 0.3s; transition:transform 0.5s ease,opacity 0.3s; -webkit-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6)}
.intro-table-hover:hover .expand{opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}
.intro-tables p{margin:0; font-size:.9em}
.intro-tables .intro-table .heading{margin:0; padding:30px}
.intro-tables .intro-table .small-heading{margin:0; padding:0 30px}
.skills span{margin: 0 0.3em 0 0; border-bottom-style: solid; border-bottom-width: 3px;font-size: .9em; font-weight: 400; line-height: 2;}
.html {border-bottom-color: #e34c26;}
.css {border-bottom-color: #2662e3;}
span.js {border-bottom-color: #8CC84B;}
.web-visit{text-transform: lowercase; margin:0}

@media screen and (max-width:1024px){ 
.tinytabs .tabs a{font-size:16px}
.intro-tables .intro-table .bottom{bottom:-2%}
.intro-table-hover .expand {margin:0px; margin-top: 5px;}
.intro-table .overlay {width: 100%; height: 100%; bottom: 0px; left:0; right:0}
.intro-table-hover:hover h4{padding:0}
}
@media screen and (max-width:580px){ 
.intro-tables .intro-table{padding:0; overflow:hidden}
.tinytabs .tabs a{font-size:13px}
}

/* =Widgets */
#sidebar .widget-wrapper{margin: 0 0 20px;}
#sidebar {float:none; padding:0; margin: 0 0 20px; -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s;transition: box-shadow 0.2s;}
#sidebar .widget-wrapper h3 {margin: 6px 13px; font-size: 1em;font-weight: 500; letter-spacing: 1px;text-transform: uppercase; color:#efefef}
#sidebar .widget-wrapper{border-bottom: 1px solid #fff; line-height: inherit; font-weight: 400; float: left; width: 100%; color: #383535; background: #383535;}
.widget_categories ul{margin:0}
.widget_categories{margin:0;}
.widget_categories .sub-menu:after{border-width: 0px;}
.widget_categories li{list-style-type:none; float:left; width:100%;text-transform: capitalize;}
.widget_categories a{border-bottom: 1px solid #fff; padding: 10px 15px 11px;line-height: inherit;background: #efefef;font-weight: 400;float:left; width:100%; color: #383535;}
.widget_categories a:hover {background: #f6f8fb;}
li.current-cat.cat-item a, li.current-cat.cat-item a:hover {background: #fbfbfb;}
.widget_categories .sub-menu{visibility: visible; position:relative; margin:0; padding:0}
.widget_categories li li a {height: inherit; line-height: inherit; padding:10px 15px 11px 30px;color: #928E8E;}
.tagcloud {font-size:1em; color: #383535; background:#efefef; padding:15px}
.tagcloud a{line-height:2}

/* =Footer */
#footer {height:35px; position:relative; z-index:2; overflow:hidden; padding:10px 0 0;color:#ababab; background:#fff; font-size: 14px;}
.home #footer {position:fixed; bottom:0;width: 100%; opacity:0}
.home #footer.visible {opacity:1}
#footer-wrapper{padding:0;}
#footer .widget_nav_menu ul{float:left; margin-left:0}
#footer-wrapper p.cright {margin:0px; text-align:left; float:right}
.widget_nav_menu li{display:inline-block; list-style-type:none; margin: 0 auto; padding:0px 10px 0 0; }
.widget_nav_menu a{color: #ababab;}
#footer .social-icons{list-style:none; line-height:normal; text-align:center; margin:-5px 0 0}
.social-icons li{font-size: 15px; width: 30px; height: 30px; text-align: center; border-radius: 35px; margin: 0 1%; display: inline-block;}
.social-icons li a {color: #e2e2e2;}
.social-icons li a span {visibility: hidden;display: none;}

@media only screen and (max-width:1024px){
.cc-banner.cc-theme-edgeless .cc-message{margin: .5em .5em !important;font-size: 13px;}
}

@media only screen and (max-width:767px){
#footer {height:60px;}
.home #footer {position:relative;}
#menu-footer{text-align: center;}
#footer .widget_nav_menu ul{float:none;text-align: center;margin: 0 0 10px}
#footer .widget-wrapper{padding:0}
#footer-wrapper p.cright{float:none; text-align: center;margin: 0 0 10px}
#footer .social-icons{margin-bottom:10px}
#footer .col-sm-7, #footer .col-sm-5{width:100%}
}

/* =404 Page */
.error404 #header {background: transparent;}
.title-404{margin:20px 0; display:none}
.error404 .post-entry {min-height: 360px;}
.error404 .main-content{margin:80px auto 20px; padding:20px 15px 25px; line-height:1.2;max-width:590px;}
.post-0{font-size:1.4em; line-height:1.8}
.numbers404{font-size: 15em; font-weight: bold; letter-spacing: -30px; text-align: center; color: #9e4843;}
.four1{animation: swing ease-in-out 1.5s infinite alternate; display: inline-block;}
.zero{animation: swing2 ease-in-out 1.5s infinite alternate;display: inline-block;}
.four2{animation: swing3 ease-in-out 1.5s infinite alternate;display: inline-block;}
@keyframes swing {
0% {transform: rotate(3deg);}
100% {transform: rotate(-3deg);}
}
@keyframes swing2 {
0% {transform: rotate(-3deg);}
100% {transform: rotate(3deg);}
}
@keyframes swing3 { 
0% {transform: rotate(-3deg);}
100% {transform: rotate(8deg);}
}

/* =Navigation, Pagination, Breadcrumb */
.navigation{display:block; height:28px; line-height:28px; margin: 0 0 30px}
.navigation a{color:#aaa; padding:4px 10px}
.navigation a:hover{color:#111; text-decoration:none}
.navigation .previous{float:left}
.navigation .next{float:right;  padding: 1px 11px;}
.navigation .bracket{font-size:2.250em}
.attachment-navigation .previous{float:left; width:50%;;padding: 1px 11px 0 0;}
.attachment-navigation .next{float:right; width:50%; padding: 1px 11px 0 0;}
.paging-navigation{font-family:sans-serif; padding:0 1em;float: left; width: 100%;}
.paging-navigation ul{list-style-type:none; margin:0; padding:0}
.paging-navigation li{display:inline}
.navigation .paging-navigation .next{float:none;  padding: 7px 11px;}
a.page-numbers, span.page-numbers{color:#b1b2b5; background: #efefef; padding: 7px 11px; border-radius: 50%;}
a:hover.page-numbers{color:#b1b2b4;}
.paging-navigation .current{font-weight:600; color:#b1b2b4; background: #efefef;}
#breadcrumbs{font-size:14px; padding:7px 0px 5px; clear:both;font-weight: 300; margin: 0; color:#bbb}
.page #breadcrumbs{text-align:center;margin: 0 auto;}
#breadcrumbs a{color:#aaa; font-weight:300}

/* =Comments */
#commentform{margin:0}
.commentlist{border-bottom:1px dotted #eee; list-style:none; margin:15px 0; padding:0}
.commentlist ol{list-style:decimal}
.commentlist li{-webkit-border-radius:4px; -moz-border-radius:4px; background-color:#fff; border-radius:4px; margin:0}
.commentlist .bypostauthor .comment-body{background:#fff}
.commentlist li cite{color:#111; font-size:11px; font-style:normal; font-weight:400}
.commentlist li.alt{background:#f9f9f9}
.commentlist .children{list-style:none; margin:0px; padding:0}
.commentlist .avatar{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; float:left; margin-right:10px; padding:0; vertical-align:middle}
.comment-author .fn{font-size:11px}
.comment-author .says{color:#999; font-size:11px}
.comment-body .comment-meta{color:#999; display:inline-block; margin:0; padding:0; text-align:left}
.comment-body .comment-meta a{font-size:11px}
.comment-body{clear:both; padding:10px;background: #f5f5f5;}
.comment-body p{clear:both; margin:0 0 0 70px; font-family: Georgia; font-size: 14px; font-style: italic; color: #425978;}
.comment-body .reply{}
.pingback, .trackback{list-style:none; margin:20px 0}
.pingback cite, .trackback cite{font-style:normal}
#pings, #comments{text-align:left}
#respond{padding:10px 20px; width: 100%;}
#respond label{font-size:10px}
.comment-reply-link{display:none}
h3#reply-title{margin:10px 0; font-size: 24px;}
#comment{width:100%; height: 60px}
.reply{margin:10px 70px 0}
p.logged-in-as{font-size:12px}
.comment-form-url input, .comment-form-email input, .comment-form-author input, .comment-form-comment textarea{display:block}
.nocomments{color:#999; font-size:.9em; text-align:center}
.comment-notes{font-size:13px}

/* =Animation */
.animated{-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
.hidden{opacity:0}
.visible{opacity:1}
.invisible{opacity:0; display:none}
.delay03 {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.delay05 {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.delay07 {-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
.delay1 {-webkit-animation-delay: 1s;animation-delay: 1s;}
.delay15 {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.delay17 {-webkit-animation-delay: 1.7s;animation-delay: 1.7s;}
.delay2 {-webkit-animation-delay: 2s;animation-delay: 2s;}

@-webkit-keyframes pop {
  0% {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
 50% {-webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);}
100% {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
}
@keyframes pop {
  0% {opacity: 0; -webkit-transform: scale(1, 1); transform: scale(1, 1);}
 50% { opacity:1;-webkit-transform: scale(1.3, 1.3);transform: scale(1.3, 1.3);}
100% {-webkit-transform: scale(1, 1); transform: scale(1, 1);}
}
.pop {-webkit-animation-name: pop; animation-name: pop;}

@keyframes fadeInUpBig {
from {opacity: 0;transform: translate3d(0, 2000px, 0);}
to {opacity: 1;transform: none;}
}
.fadeInUpBig {animation-name: fadeInUpBig;}

@keyframes fadeInRightBig {
from {opacity: 0; transform: translate3d(2000px, 0, 0);}
to {opacity: 1;transform: none;}
}
.fadeInRightBig {animation-name: fadeInRightBig;}

@-webkit-keyframes bounceInUp{ 
 0%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
 0%{opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0)}
60%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0)}
100%{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes bounceInUp{
 0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
 0%{opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0)}
60%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0)}
100%{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp;}

@-webkit-keyframes fadeIn {0% {opacity:0} 100% {opacity:1}}
@keyframes fadeIn {0% {opacity:0} 100% {opacity:1}}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn}

@-webkit-keyframes fadeInDown {
 0% {opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown {
 0% {opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDown {-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeInLeft {
 0% {opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft {
 0% {opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
100% {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}

@-webkit-keyframes fadeInUp {
 0% {opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp {
 0% {opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

@keyframes slideInUp {
from {transform: translate3d(0, 100%, 0);visibility: visible;}
to {transform: translate3d(0, 0, 0);}
}
.slideInUp {animation-name: slideInUp;}
.slideInUp2 {animation-name: slideInUp;-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}

@keyframes slideInDown {
from {transform: translate3d(0, -100%, 0);visibility: visible;}
to {transform: translate3d(0, 0, 0);}}
.slideInDown {animation-name: slideInDown;}


/* =WordPress Core */
.alignnone{margin:5px}
.textwidget img.alignnone{margin:0px auto; display:block}
.aligncenter, div.aligncenter{display:block; margin:5px auto}
.alignright{float:right; margin:5px 0 10px 20px}
.alignleft{float:left; margin:5px 20px 10px 0}
.aligncenter{display:block; margin:5px auto}
a img.alignright{float:right; margin:5px 0 10px 20px}
a img.alignnone{margin:5px 20px 10px 0}
a img.alignleft{float:left; margin:5px 20px 10px 0}
a img.aligncenter{display:block; margin-left:auto; margin-right:auto}
.wp-caption{background:#fff; border:1px solid #f0f0f0; max-width:96%; padding:5px 3px 10px; text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 25px 5px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto}
.wp-caption p.wp-caption-text{font-size:11px; line-height:1.5em; margin:0; padding:0 4px 5px}
img.wp-smiley{vertical-align:middle}
img {max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; display:block; margin:0px auto;}

/* =Alignments Extras */
.left{float:left}
.right{float:right}
.center{text-align:center}

/* =Clearfix */
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .group:before, .group:after, article:before, article:after, header-before, header:after, #header-before, #header:after {content: " "; display: table;}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .group:after, article:after, header:after, #header:after, table:before {clear: both;}
.clearfix:after, .widget-wrapper:after {clear:both; content:'\0020'; display:block; height:0; max-height:0; overflow:hidden; visibility:hidden}
.clear{clear:both}

/* =Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]{direction:ltr; unicode-bidi:bidi-override}
BDO[DIR="rtl"]{direction:rtl; unicode-bidi:bidi-override}
[DIR="ltr"]{ direction:ltr;  unicode-bidi:embed}
[DIR="rtl"]{ direction:rtl;  unicode-bidi:embed}

/* =Media Print */
@media print{ 
h1{ page-break-before:always}
h1, h2, h3, h4, h5, h6{ page-break-after:avoid}
ul, ol, dl{ page-break-before:avoid}
}