.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.group::after {
content: "";
display: table;
clear: both;
}
.rcc-panel {
display: none;
width:100%;
background:#222222;
text-align:center;
border-bottom:3px solid #555555;
font-family:Helvetica, Arial, sans-serif;
}
.rcc-panel-fixed {
position: fixed;
bottom:0;
left:0;
z-index: 10000;
}
.rcc-wrapper {
width:90%;
max-width:1140px; 
margin:0 auto;	
padding:10px 0;
}
.rcc-panel p {
float:left;
color:#FFFFFF;
line-height:20px;
font-size:14px;
margin-bottom:15px;
font-family:Helvetica, Arial, sans-serif;
}
.rcc-links {
clear:both;
float:none;
}
.rcc-panel a {
color:#FFFFFF;
display:inline-block;
font-size:13px;
line-height:13px;
text-decoration:none;
letter-spacing:1px;
padding:5px 10px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-transition:all 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;
font-family:Helvetica, Arial, sans-serif;
}
.rcc-panel a:hover {
color:#FFFFFF !important;
}
.rcc-accept-btn {
background:#07A6D0;
}
.rcc-accept-btn:hover {
background:rgba(255,255,255,0.5) !important;
}
@media (min-width: 500px) {	
.rcc-panel {
text-align:left;
}
.rcc-panel p {
width:58%;
float:left;
margin-bottom:0;
}
.rcc-links {
clear:none;
float:right;
}
}
@media (min-width: 800px) {	
.rcc-panel p {
width:72%;
}
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0;	font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; font-style:normal;}
html { height: 100%;background: url(https://immobilien-deutsch.com/wp-content/uploads/2015/09/bg-deutsch-09-2015.png) no-repeat scroll center top;}
html {-webkit-text-size-adjust: none;}
body {background:transparent !important; color: #4f4f4f; font-family: 'PT Sans', Tahoma, sans-serif;  text-align:center; font-size: 100%; line-height: 1.5em; }
@media screen and (max-width: 768px) {
body { font-size:95%; }	
} a { text-decoration:none;}
a {color:#e30613;}
a p { color:#4f4f4f;}
p {font-size:.9175em; line-height:1.65em; margin:0; padding:6px 0 10px 0; }
ul li { font-size:.9175em;}
h1, h2, h3, h4 {  font-family: 'PT Sans', sans-serif; color:#e30613;}
h1 a, h2 a, h3 a, h4 a { color:#e30613;}
h1 {font-size:1.6em; line-height:1.6em; margin:0; padding:5px 0;}
h2 {font-size:1.325em; line-height:1.5em;}
h3 {font-size:1.225em; line-height:1.5em; margin-top:5px;}
h4 {font-size:1.1em; line-height:1.5em; margin-top:5px; font-weight:bold;} 
h5 {font-size:1em; font-weight:bold;}
strong {font-weight:bold;}
em {font-style:italic;}
.logotitle { font-family: 'Quicksand', sans-serif; font-size:2.3em; line-height:1.1em; margin:0; padding:0;}
.logotitle a { color:#eee;}
.logosubtitle {font-size:.9em; line-height:1.2em; margin-left:2px; padding:0; color:#eee;}
.logo img { max-width:324px; margin-bottom:5px;  margin-left:10px;}	
h2.pagetitle {font-size:1.3em; line-height:1.6em; margin:0; padding:0; text-transform:uppercase;}
.page-entry h3 { text-transform:uppercase; border-bottom:1px solid #ccc; padding:3px 0 3px 15px; font-size:1.1em; line-height:1.3em; margin:10px 0 5px -15px;}
.clear { clear:both;} #header { width:100%; margin:0; padding:0;background-color:transparent !important;}
#headercontent {max-width:980px; margin:0 auto; padding:1px 20px 0px 20px; text-align:left; position:relative;}
#wrapper { }
#page {background:transparent !important;max-width:980px; margin:15px auto; padding:10px 20px; text-align:left; border-radius:3px;margin-top:-15px;}
#footer { width:100%; margin:0; padding:0; background-color: #3e7fb9 !important; }
#footercontent {max-width:980px; margin:0 auto; padding:5px 20px; text-align:left;}
#sidebar { border-left:1px dotted #ccc; padding:0 0 0 10px;} .col-full, .col-940 { width:100%; margin:2.5% 0;}
.col-ttfull { width:65%; margin:1.5% 0; display: inline; float:left;}
.col-otfull { width:35%; margin:1.5% 0; display: inline; float:left;}
.col-ttc { width:65.85744680851%; margin:1.5% 0;}
.col-otc { width:31.714893617021%; margin:1.5% 0;}
.col-ofc { width:23.179255319148%; margin:1.5% 0;}
.col-ohc {width:48.786170212699%; margin:1.5% 0;}
.col-ttc, .col-otc, .col-ofc, .col-ohc {margin-right:2.427659574468%; display: inline; float:left;}
.cr {margin-right:0 !important;}
.ct {margin-top: -1px !important;}
.mr { margin-right:25px;}
.clearfix:before,  
.clearfix:after {content: " "; display: table; }  
.clearfix:after {clear: both; }  
.clearfix {*zoom: 1;}  
.clear { clear:both;}
.service-list .col-ohc:nth-child(even) {margin-right:0 !important;} .page-content a:hover, .page-entry a:hover { text-decoration:underline;}
.page-entry { padding:0;}
.page-content p {padding:10px 0 10px 5px; }
.page-entry table { font-size:.825em; width:100%; margin:25px 0; padding:0; border:1px solid #e5e5e5; background:#fff; border-radius:3px;}
.page-entry table td { border-bottom:1px solid #e5e5e5; border-top:1px solid #fff; border-right:1px solid #ccc; border-left:1px solid #fff; padding:5px; margin:0;}
.page-entry table td:last-child { border-right:none;}
.page-entry table td:first-child { border-left:none;}
.page-entry table th {padding:7px 5px; font-size:1.1em; line-height:1.5em; color:#7b7b7b; font-weight:normal; border-bottom:1px solid #e5e5e5; text-align:left; }
.page-entry table tr.odd { background:#f5f5f5; }
.page-entry table tr:last-child td { border-bottom:none;}
.alignright { float:right; }
.alignleft {float:left; }
img.alignright { float:right; margin:10px 0 10px 25px; padding:2px; border:3px double #ebebeb; border-radius:2px; max-width:300px;}
img.alignleft {float:left; margin:10px 25px 10px 0; padding:2px; border:3px double #ebebeb; border-radius:2px; max-width:300px;}
img.aligncenter { margin:20px 0; padding:2px; padding:2px; border:3px double #ebebeb; border-radius:2px; max-width:600px; width:100%; display:block; }
img.alignnone {width:100%; height:auto; display:block;  margin:10px 0; padding:2px; padding:2px; border:3px double #ebebeb; border-radius:2px;}
.aligncenter img {max-width:600px; }
.page-entry ul, .single-entry ul { margin:5px 0 15px 20px; padding:0; }
.page-entry ul li, .single-entry ul li { list-style:square; padding-left:5px; line-height:1.5em; margin:5px 0;}
.page-entry ol, .single-entry ol { margin:10px 0 25px 25px; padding:0; font-size:.9em; }
.page-entry ol li, .single-entry ol li { margin:5px 0; padding:0; line-height:1.5em; list-style-type:decimal; }
ul.check { margin:0 0 15px 2px; padding:0; list-style:none; font-size:.975em; }
ul.check li { list-style:none; line-height:1.5em; margin:5px 0;}
ul.check li:before {font-family: "fontello";  content: '\e86b'; margin-right:12px;}
ul.standard { margin:0 0 15px 20px; padding:0; font-size:.975em; }
ul.standard li { list-style:square; padding-left:5px; line-height:1.5em; margin:5px 0;}
ul.pfeil { margin:0 0 15px 2px; padding:0; list-style:none; font-size:.975em; }
ul.pfeil li { list-style:none; line-height:1.5em; margin:5px 0;}
ul.pfeil li:before {font-family: "fontello";  content: '\e837'; margin-right:12px; }
.wp-caption { padding:5px; margin:7px 15px; background:#fff;  border-radius:3px; box-shadow:#ccc 0px 0px 2px; -moz-border-radius:3px; -moz-box-shadow:#ccc 0px 0px 2px; -webkit-border-radius:3px; -webkit-box-shadow:#ccc 0px 0px 2px; border:2px solid #fff; max-width:580px; }
.wp-caption img { width:100%; display:block; height:auto;}
.wp-caption-text { font-size:.85em; color:#333; margin:0; padding:5px 0;}
.gallery {margin:0; padding:10px 0; }
.gallery-item { float:left; margin:5px 15px 10px 0; padding:5px; text-align:center; background:#f6f6f6; border:1px solid #ebebeb; border-radius:3px; box-sizing:border-box;}
.gallery-item:hover { border:1px solid #ccc;}
.gallery img {width:100%; height:auto; display:block;}
.gallery-caption {font-size:.85em; color:#333; text-align:center; margin:0; padding:5px 0;}
.columns {margin:0; padding:10px 0;}
.columns p {padding:5px 15px 5px 0;}
.col1-1 { width:100%; }
.col1-2 {width:50%;}
.col1-3 {width:33%;}
.col1-4 {width:25%;}
.col2-3 {width:66%;}
.col3-4 {width:75%;}
.col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:1.5% 0; display: inline; float:left;}
.inner { padding:0 30px 0 0;}
.sticky {}
.bypostauthor {}
blockquote { padding:0 0 0 20px; margin:20px 30px 25px 0;}
blockquote:before {font-family: "fontello";  content: '\e85e'; font-size:48px; color:#999; margin-right:25px; float:left;}
blockquote p { padding:0; margin:0; line-height:1.6em; font-style: italic;}
code { background:#ebebeb; padding:5px; margin:5px 0;}
hr {border-bottom:1px solid #ccc; height:1px; margin:10px 0; border-top:none;}
.separator {border-bottom:1px dotted #ccc; margin:10px 0 15px 0;}
.map {max-width:560px; width:100%;  margin:15px 0; border:3px solid #fff; outline:1px solid #e2e2e2; box-sizing:border-box; border-radius:3px; overflow:hidden;  }
.map iframe { }
.map small { font-size:.7em; padding-left:5px; color:#999;}
.map a {color:#999;}
#icontable [class^="icon-"]:before, #icontable [class*=" icon-"]:before {font-size:20px; } .logo { margin:0; padding:0; } .topmenu { margin:0; padding:2px 5px; width:auto; float:right;}
.topmenu ul { margin:0; padding:0; list-style:none; width:auto; }
.topmenu  ul li { display:inline; float:left; font-size:.775em; margin:0 5px; padding:0;}
.topmenu  ul li a { color:#000000; }
.topmenu  ul li a:hover { color:#4a4646; } .footermenu { color: #ffffff !important;padding:10px 0 0 0; }
.footermenu ul { margin:0; padding:0; list-style:none; }
.footermenu ul li { display:inline; font-size:.8em; margin:0; padding:0 10px; border-right:1px dotted #ddd;}
.footermenu ul li:last-child { border-right:none;}
.footermenu ul li a { color:#ffffff !important; }
.footermenu ul li a:hover { color:#ffffff !important; }
.footermenu ul li.current-menu-item a {color:#ffffff !important;} .searchbox { margin:0; padding:10px 0 0 2.427659574468%;}
input#searchinput { width:230px; background:#fff; border:1px solid #ebebeb; padding:7px 5px; margin-right:10px; font-size:.775em; font-style:italic; border-radius:4px; color:#e30613; float:left;}
input#searchsubmit {cursor:pointer; float:left; background:none; border:none; width:30px; }
input#searchsubmit {font-family: "fontello"; font-size:24px; color:#999; float:left; display:inline-block;} 
input#searchinput:focus { border-color:#999;}
.bottomline { font-size:.7em; padding:7px 0 15px 0; text-align:center; color:#ffffff !important; border-top:1px dotted #ccc;} a.toggleMenu { display:none; width:100%;  text-align:left; text-indent:10px; padding:4px 0 0 0 ;  color:#eee; font-size:1em; text-transform:uppercase; background:#454545; margin:6px 0 2px 0;}  
a.toggleMenu span { float:right; font-size:40px; margin:0 10px 0 0; }
#main-menu { margin:0 0 15px 0; padding:0; width:100%; position:relative; border-top:1px solid #454545; border-bottom:1px solid #454545; background: rgba(47,110,174,0.3); }
.nav {width:100%; font-family: 'PT Sans', sans-serif; *zoom: 1;}
.nav li {position: relative; padding:0; margin:0; white-space:nowrap; height:40px; line-height:40px; font-size:.825em; text-transform:uppercase;}
.nav li ul li {font-size:1em; text-transform:none !important;}
.nav a {  color:#454545; width:auto; margin:6px 5px; padding:4px 15px; line-height:20px;}
.nav a:hover {background:#e30613; border-radius:3px; color:#fff;}
.nav li.current-menu-item a, .nav li.current-menu-parent a, .nav li.current_page_parent a { background:#e30613; border-radius:3px; color:#fff;}
.nav li.current-menu-item ul li a, .nav li.current-menu-parent ul li a, .nav li.current_page_parent ul li a { background:none !important; color:#454545; }
.nav li ul li.current-menu-item a, .nav li ul li.current-menu-item a, .nav li ul li.current_page_parent a { color:#454545; font-weight:bold; }
.nav > li {display:inline-block;}
.nav > li > a {display: block;background: #ddd none repeat scroll 0% 0%; border-radius: 3px;}
.nav li  ul {position: absolute; left:2px; top:40px; visibility:hidden; width:auto; min-width:180px; white-space:nowrap; background:#fff; border:1px solid #454545; border-top:none; z-index:1000; list-style:none; text-align:left; border-radius: 0 0 4px 4px; padding-bottom:3px; }
.nav li ul li { text-align:left; display: list-item; float: none; height:26px; line-height:26px; padding:0; margin: 0; background:none !important; border-bottom:1px solid #ddd;}
.nav li ul li a {padding:4px 8px !important;}
.nav li ul li:last-child { border-bottom:none;}
.nav li ul li a:hover {  color:#454545; border-radius:0 !important; background:none;}
.nav li:hover ul {left:2px; visibility:visible;}
.nav li li.hover ul {left: 10px; top: 0;}
.nav li li a {display: block;  position: relative; z-index:100;}
@media screen and (max-width: 641px) {
#main-menu { margin:10px 0 10px 0; border:none !important; background:#454545;  }
#main-menu ul {text-align:left !important;}
.active {display: block;}
.nav {height:auto; margin:0; border:none; padding-top: 2px; }
.nav li { float:none !important; display:block; height:auto !important; padding:0 7px !important; margin:0; border-right:none !important; border-bottom:1px solid #666;  } 
.nav li a { color: #454545; line-height:1.4em; background-color:#333;}
.nav li.current-menu-item a, .nav li.current-menu-parent a, .nav li.current_page_parent a { background-color: #E30613 !important; color:#e30613;}
.nav li ul { position:relative !important; left:0 !important; top:0 !important; margin:0 0 0 10px; padding:0; display: block; visibility: visible !important; background: none !important; }
.nav li ul li { height: auto !important; background:none !important; border-bottom: none !important;}
.nav li ul li a {color: #ffffff; padding:4px 8px !important;}
.nav li.current-menu-item ul li a, .nav li.current-menu-parent ul li a, .nav li.current_page_parent ul li a { background:none !important; color:#eee; }
.nav li ul li.current-menu-item a, .nav li ul li.current-menu-item a, .nav li ul li.current_page_parent a { color:#e30613;  }
.nav li ul li a:hover {color:#e30613;}
}  #top-home { padding:0; max-width:628px; padding:3px; max-height:450px; overflow:hidden; border:1px dotted #ccc;}
#top-home2 { padding:0; max-width:980px; padding:3px; max-height:450px; overflow:hidden; border:1px dotted #ccc; position:relative;}
.slideshow {padding:0; margin:0; position:relative; width:100%; overflow:hidden;  }
.slideshow div {padding:0;  margin:0; width:100%; height:auto;}
.slideshow img {width:100%; height:auto;  margin:0; padding:0; display:block;}
.pager-bullets { text-align:center;}
.pager-bullets a { font-size:15px; background:#999; width:12px; height:12px; border-radius:3px; display:inline-block; margin:6px 2px 5px 0; cursor:pointer; }
.pager-bullets .cycle-pager-active {background:#e30613;}
.bullets {}
.slider-caption { position:absolute; bottom:0; left:0; display:block; text-indent:20px;  font-size:1.1em; line-height:3em; background:rgba(0,0,0,.4); color:#fff;} .featured-properties { width:100%; height:auto; max-height:380px; position:relative; overflow:hidden; }
.cycle-item { width:100%; height:auto; position:relative;}
.cycle-img { width:100%; max-width:980px; height:auto; max-height:380px; position:relative; }
.cycle-img img { width:100%; height:auto; display:block;}
.cycle-content { position:absolute; z-index:1001; width:30%; padding:10px; top:30px; right:30px; background:rgba(255,255,255,.85); color:#454545; font-size:.9em; border:1px solid #fff; border-radius:2px;}
.cycle-content h2 {font-size:1.2em; color: #e30613;}
ul.featured li { list-style:none; margin:2px; padding:2px 0; line-height:1.2em;display:table;}
ul.featured li:before {content:"\25FC"; margin-right:10px; float:left; font-size:10px; line-height:1.4em; margin-top:1px; color:#454545;}
.cycle-pager { position:absolute; bottom:25px; z-index:1000; width:100%}
.cycle-prev, .cycle-next { background:#fff; opacity:.5; border-radius:100%; padding:6px 0 3px 7px; width:30px; height:30px; display:block; cursor:pointer;}
.cycle-prev:hover, .cycle-next:hover { opacity:1;}
.cycle-prev { float:left; margin-left:10px;  }
.cycle-next { float:right; margin-right:10px; }
.cycle-pager i { color:#999; margin:0; padding:0; float:none !important; font-size:18px;}
.cycle-pager i:hover { color:#999;}
#pager { position:absolute; bottom:10px; z-index:2002; width:100%; text-align:center;}
#pager a { background: rgba(255,255,255,.8); width:15px; height:15px; border-radius:3px; display:inline-block; margin:4px 4px 4px 0; cursor:pointer;}
#pager a:hover { background:#f2f2f2;}
#pager a img { display:none; border:3px solid #f2f2f2; border-radius:3px;}
#pager a:hover img { display:block; margin:-80px 0 0 -46px;}
#pager a:hover span {display:block; }
#pager a.cycle-pager-active {background:#e30613;} .slideprops-wrap { position:relative; margin:15px 0; overflow:hidden;}
.slideprops {width:100%; height:auto; position:relative; overflow:hidden; background:#f2f2f2;}
.slideprops div {padding:0;  margin:0; width:100%; height:auto;}
.slideprops div img {width:100%; height:auto; max-height:260px; margin:0 0 5px 0; padding:0; display:block;}
.slideprops a { font-size:.8em; color:#454545; display:block; padding:5px;}
.slideprops span {text-transform:uppercase;}
.slide-prev, .slide-next {display:block; position:absolute; top:30%; background:#f2f2f2; padding:7px 0; border-radius:100%;  font-size:15px; cursor:pointer; z-index:1011;}
.slide-prev [class^="icon-"]:before {margin:0 !important; padding:3px 4px 3px 14px!important; line-height:1em !important;  }
.slide-next [class^="icon-"]:before {margin:0 !important; padding:3px 14px 3px 4px!important; line-height:1em !important;  }
.slide-prev { left:-15px; }
.slide-next {right:-15px; } .carousel {height: 400px;}
.pl { margin:0 0 25px 0; padding:0; width:100%; max-width:980px; height:340px;  position:relative;}
.plfull { margin:10px 0 25px 0; padding:0;}
.plfull .col-otc:nth-child(3n+3) { margin-right:0 !important;}
.plfull .col-ohc:nth-child(2n+2) { margin-right:0 !important;}
.propbox {border:1px solid #fff; padding:10px; margin:0 12px 5px 12px; background:#f6f6f6; box-shadow:0 0 1px #ccc; position:relative; width:280px; max-width:280px; overflow:hidden; vertical-align:top; }
.propbox:hover {box-shadow:0 0 6px #cbcbcb;  }
.propbox .propthumb { max-width: 280px; max-height:160px; overflow:hidden; margin:0 0 5px 0; padding:0; border:1px solid #fff;}
.propbox .propthumb img { width:100%; height:auto; max-height:160px; display:block;}
.propbox .prop-text, .propbox .prop-headline { }
.propbox .prop-location { width:100%; margin:0; padding:0;  font-size:.825em; }
.propbox .prop-location a {color:#454545;}
.propbox .propbox-separator { border-bottom:1px dotted #ccc; height:1px; width:100%; margin:5px 0;}
.propbox table {margin:0 !important; padding:0 !important; line-height:1.3em;}
.propbox table tr { margin:0; padding:0;}
.propbox table td { margin:0 !important; padding:3px 4px 3px 0!important; font-size:.825em; }
.propbox a.boxbutton { float:left; width:auto; margin:6px 0 0 0; padding:3px 15px; display:block; color:#fff; background:#e30613; font-size:.85em; border-radius:3px; }
.carousel-prev, .carousel-next {display:block; position:absolute; top:35%;  font-size:26px; color:#c8c8c8;  cursor:pointer; z-index:1011;}
.carousel-prev { left:-30px; }
.carousel-next {right:-28px; }
.propbox .newobj { 
-moz-transform:    rotate(45deg);
-ms-transform:     rotate(45deg);
-o-transform:      rotate(45deg);
-webkit-transform: rotate(45deg);
background-color: #f6f6f6; 	color: #c00; font-size: .9em; font-weight: 700; letter-spacing: 2px; padding: 4px 12px; position: absolute; right: -40px;
text-align: center;	text-transform: uppercase;	top: 30px; width: 160px;} #infoboxen { margin:0; padding:0; }
#infoboxen .col-otc:nth-child(3n+3) { margin-right:0 !important;}
#infoboxen .boxcontent {  padding:10px; margin:0; border:1px dotted #ccc;}
#infoboxen .boxcontent h3 { font-size:1.1em; line-height:1.45em; margin:7px 0 6px 0; padding:0;}
#infoboxen .boxcontent p { font-size:.825em; line-height:1.5em; margin:0; padding:3px 0 7px 0;}
#infoboxen .boxcontent [class^="icon-"]:before, #infoboxen .boxcontent [class*=" icon-"]:before {margin:0 10px 0 0; padding:0; line-height:1em; }
#infoboxen a.boxbutton { float:left; width:auto; margin:6px 0 0 0; padding:3px 15px; display:block; color:#fff; background:#e30613; font-size:.85em; border-radius:3px; }
#infoboxen a.boxbutton:hover { background:#454545; transition:background 500ms ease-in;}
#infoboxen .boxcontent:hover a.boxbutton { background:#454545; transition:background 500ms ease-in;} #infoboxen2 { margin:0; padding:0; }
#infoboxen2 .boxcontent {  padding:5px; margin:0 0 5px 0; border:1px dotted #ccc;}
#infoboxen2 .boxcontent h3 { font-size:1em; line-height:1.45em; margin:3px 0 6px 0; padding:0;}
#infoboxen2 .boxcontent p { font-size:.825em; line-height:1.5em; margin:0; padding:3px 0 5px 0;}
#infoboxen2 .boxcontent [class^="icon-"]:before, #infoboxen .boxcontent [class*=" icon-"]:before {float:right !important; margin:3px 5px 0 5px; padding:0; line-height:1em; font-size:90%; }
#infoboxen2 a.boxbutton { float:right; width:auto; margin:6px 0 0 0; padding:3px 15px; display:block; color:#fff; background:#e30613; font-size:.85em; border-radius:3px; }
#infoboxen2 a.boxbutton:hover { background:#454545; transition:background 500ms ease-in;}
#infoboxen2 .boxcontent:hover a.boxbutton { background:#454545; transition:background 500ms ease-in;} #properties form.taxonomy-drilldown-dropdowns { margin:35px 0 25px 10px; padding:10px 0 10px 5px; font-size:.8em; background:#f6f6f6; border:1px solid #fff; box-shadow:0 0 1px #ccc;}
#properties form.taxonomy-drilldown-dropdowns ul { margin:0; padding:0;}
#properties form.taxonomy-drilldown-dropdowns ul li { display:inline-block; margin:0 20px 0 5px;}
#properties form.taxonomy-drilldown-dropdowns ul li:nth-child(3n+3) { margin:0 0 0 0;}
#properties form.taxonomy-drilldown-dropdowns ul li ul li { display:block; font-size:1.15em;}
#properties form.taxonomy-drilldown-dropdowns label {width:100px; display:inline-block; margin:5px 0 5px 0; line-height:20px; float:left;}
#properties form.taxonomy-drilldown-dropdowns select { width:190px; margin:0;}
#properties .taxonomy-drilldown-button { margin:0; padding:10px 10px 0 0; border-top:1px dotted #ccc; text-align:right;}
input.psbutton {display:inline-block; cursor:pointer; border:none; font-family: Arial, Helvetica, sans-serif;  color: #666;  }
a.pslink { display: inline-block; text-decoration: none;  line-height:1.4em; color: #666;}
a.pslink, input.psbutton {border-radius:3px; padding:6px; font-size:.9em; border:1px solid #e1e1e1; background: #ffffff;}
a.browseback { font-size:.9em; display: inline-block; color: #666; text-decoration: none; font-style:italic; margin-left:15px;} .prop-image {width:100%; max-width:446px; border:1px dotted #ccc; max-height:280px; overflow:hidden; margin:0; padding:2px; position:relative;}
.zoomimg { position:absolute; bottom:10px; left:10px; z-index:450; color:#7b7b7b; background:#fff; box-shadow:0 0 3px #ddd inset; border-radius:5px; padding:5px 10px; cursor:default;  }
.cycleprops-single {width:100%; max-width:450px; max-height:280px; overflow:hidden; }
.cycleprops-single img { width:100%; height:auto; display:block;}
.cycle-single-pager {padding:0; margin:10px 0 0 0; text-align:left;}
.cycle-single-pager img { margin:0 4px 8px 0; padding:2px; background:#ebebeb; cursor:pointer; float:left; display:inline-block; }
.cycle-single-pager img.cycle-pager-active { background:#bbb;}
.single-propdata { border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; padding:5px 0px; margin-bottom:15px; font-size:.8em;}
.single-propdata a { color:#4f4f4f;}
.single-propdata a:hover { color:#4f4f4f; text-decoration:none;}
#tabContainer { position:relative; width:100%; margin:15px 0; }
#tabContainer ul#tabitems { height:38px; z-index:100; margin:0; padding:0; text-align:left; }
#tabContainer ul#tabitems li { list-style:none; margin:0; padding:0; background:none; display:inline-block; font-size:1em;}
#tabContainer ul#tabitems li a { border:1px solid #ccc; border-radius:3px; color:#4d4d4d; font-size:.9em; display:block; height:37px; line-height:36px; padding:0 12px; text-decoration:none; margin:0 2px 0 0;
background: #ffffff;
background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 33%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(33%,#ffffff), color-stop(100%,#ebebeb));
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 33%,#ebebeb 100%);
background: -o-linear-gradient(-45deg, #ffffff 0%,#ffffff 33%,#ebebeb 100%);
background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffffff 33%,#ebebeb 100%);
background: linear-gradient(135deg, #ffffff 0%,#ffffff 33%,#ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=1 );}
#tabContainer ul#tabitems li a {font-weight:normal;}
#tabContainer ul#tabitems li:last-child a {}
#tabContainer ul#tabitems li a:hover {color:#000;  background:#ffffff;}
#tabContainer ul#tabitems li a.active {color:#fff; background:#e30613; border:1px solid #e30613; border-radius:3px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30613', endColorstr='#e30613',GradientType=1 );}
#tabContainer .tabtext { margin:8px 0 0 0; position:relative; z-index:99; text-align:left; }
#tabContainer .tabtext h3 { text-transform:uppercase; width:80%; border-bottom:1px solid #ccc; padding:3px 0 3px 15px; font-size:1.1em; line-height:1.3em; margin:10px 0 5px -15px;}
.prop-description {padding-right:5%; padding:10px 0; }
.prop-info { border-top:1px dotted #ccc; padding:5px 0;}
.prop-info table { margin:0 0 10px 0; padding-right:5%; border:none; font-size:.9em; }
.prop-info table td { border-bottom:1px solid #ebebeb; padding:2px 0;}
.prop-info table td.left {width:25%;}
.prop-info table a {color:#4f4f4f;}
.prop-info [class^="icon-"]:before, .prop-info [class*=" icon-"]:before {margin:0 15px 0 0; padding:0; line-height:1em; }
.prop-all-data { font-size:.95em;  padding:0;  }
.prop-all-data table { margin:5px 0; padding:0; line-height:1.6em; width:100%; border-spacing:0; }
.prop-all-data table td { padding:5px 10px; border-bottom:1px solid #e1e1e1; border-top:1px solid #fff; vertical-align:top;}
.prop-all-data table tr:hover { background:#f6f6f6;}
.prop-all-data table tr:first-child td {border-top:none !important; }
.prop-all-data table tr:last-child td {border-bottom:none !important; }
.prop-all-data td.keys {width:40%;}
.prop-all-data td i { font-size:18px;}
.prop-sidebarthumb {width:100%; max-width:278px; overflow:hidden; margin-bottom:10px;}
.prop-sidebarthumb img {width:100%; height:auto; display:block;}
.list-address { font-size:.95em; border-bottom:1px dotted #ccc; padding:10px 0; margin-bottom:10px;}
.prop-info ul { list-style:none; margin:5px 0; padding:0;}
.prop-info ul li { border-bottom:1px dotted #e1e1e1; border-top:1px dotted #fff;  font-size:.95em; line-height:1.7em; padding:6px 5px 6px 0px;}
.prop-info ul li:last-child { border-bottom:none !important;}
.prop-info ul li:first-child { border-top:none !important;}
.prop-info ul li i { font-size:26px; color:#7b7b7b;}
.prop-info ul li a { color:#7b7b7b; display:block; padding:5px 0;}
.prop-info ul li a:hover { color:#e30613;}
.prop-info ul li.list-requestbutton { background:#e30613; border:none !important; line-height:1.5em; padding:6px 0px; margin:15px 0; border-radius:5px; color:#fff; cursor:pointer; width:90%;} 
.prop-info ul li.list-requestbutton:hover {background:#999 !important;}
.prop-info ul li.list-requestbutton input { background:none !important; border:none !important; color:#fff; cursor:pointer; font-family: 'PT Sans', sans-serif; font-size:.95em; text-transform:uppercase; display:inline-block; float:left; width:auto; margin:5px 0 0 5px;} 
.prop-info ul li.list-requestbutton input:hover { background:none !important; border:none !important; }
.prop-info ul li.list-requestbutton i { float:right !important; color:#fff; font-size:26px; margin:0 30px 0 0;} .prop-related { padding:0; margin:0;}
.prop-related .propbox { box-shadow:none !important; background:none !important; border:1px dotted #ccc; margin:10px 0 10px 0 !important; max-width:200px !important;}
.prop-related .col-ohc:nth-child(even) { margin-right:0 !important;}
.related-title { font-size:1.2em; margin:25px 0 10px 0; border-bottom:1px solid #454545; color:#454545; padding:5px 0; font-family: 'PT Sans', sans-serif;}
.prop-headline h4 { background:#f2f2f2; padding:5px; font-size:.9em; margin-bottom:5px;}
#TB_window {padding-bottom:10px;}
#TB_caption { font-size:12px;}
.sold { position:absolute; top:40px; left:-3px; width:80%; background: rgba(255,255,255,0.85); color:#c00; font-size:1em; font-family: 'PT Sans', sans-serif; text-transform:uppercase; padding:7px 0 7px 20px;}
.single-sold { background: rgba(255,255,255,1); border:1px solid #f2f2f2; color:#c00; font-size:1em; font-family: 'PT Sans', sans-serif; text-transform:uppercase; padding:7px 0 7px 20px; margin:10px 0;} .service-list { margin:20px 0; padding:0;}
.service-list-box { padding:10px;  border:2px solid #f1f1f1; }
.service-list-box h3 { margin:0; padding:3px 0 0 0; line-height:1.2em; font-size:1.3em; font-weight:normal;}
.service-list-box h3 span { background:#fff; padding:0 10px 0 0;}
.service-list-box h3 a { color:#454545;}
.service-list-box h3 a:hover { text-decoration:underline;}
.service-list-box p { font-size:.8555em;}
.service-list-box a.more { display:block; margin:0 -13px 0 0; float:right; width:auto; text-align:center;  padding:3px 20px; background:#e30613; color:#fff; font-size:.8em; }
.service-list-box a.more:hover {  margin:0 -17px 0 0; }
.home-service-listing { margin-bottom:25px; padding-bottom:20px; border-bottom:1px dotted #ccc;}
.home-service-listing .col-otc:nth-child(3n+3) {margin-right:0 !important;}
.homebox {border:1px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  padding:10px; background: #f6f6f6; box-shadow:0 0 3px #cbcbcb;}
.homebox:hover {box-shadow:0 0 6px #cbcbcb;}
.homebox h3, .service-list-box h3 {background:url(//immobilien-deutsch.com/wp-content/themes/property2/images/horizontal-line.png) 0 50% repeat-x; font-size:1.2em; }
.homebox h3 span { background:#f6f6f6; padding:0 5px 0 0;}
.homebox p { line-height:1.6em; font-size:.8em;}
a.boxwrap p {color:#4f4f4f !important;}
a.boxwrap:hover .homebox h2 {color:#e30613;}
.homebox a.more { color:#fff; font-size:.7555em; background:#e30613; display:block; margin:0; padding:2px 0; text-align:center;}
.homebox a.more:hover {border-radius:4px; box-shadow:0 0 2px #ccc; } .blog-list-entry { padding:20px 0 0 0; margin:10px 15px 15px 0;}
.blog-list-entry h3 { font-size:1.15em;}
.blog-list-entry h3 a { color:#454545;}
.blog-list-entry a.more { font-style:italic; font-size:.85em; margin-left:5px }
.teaser-list-thb { max-width:200px; float:left; margin:5px 25px 15px 0;}
.teaser-list-thb img { width:100%; height:auto; display:block;}
.category-description { margin:0 0 20px 0; padding:3px 0 3px 10px; background:#f6f6f6; font-size:12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.post-nav { margin:0 0 15px 0; padding:15px 0 0 0; font-size:.85em; border-top:1px dotted #ccc;}
.page-numbers {padding:5px; border-radius:2px; margin:0 3px 0 0;}
.post-nav .current {background:#e30613; color:#fff;}
.post-nav a {color:#7a7a7a;}
.meta-category { margin:15px 0 15px 0; padding:5px 0 5px 10px; font-size:.75em; color:#333; line-height:1.6em; background:#f2f2f2;}
.more-meta {width:150px; display: inline-block; font-style:italic; font-size:.85em;}
.meta { margin:-15px 5px 0 0;} #comments {  margin:30px 0 25px 0; padding:20px 0; border-top:1px dotted #ddd;}
ol.commentlist { margin:15px 0 0 0; list-style:none; padding:0; }
ol.commentlist li { padding:5px 10px; margin:5px 0; color:#303030; font-size:12px; line-height:1.6em;}
ol.commentlist li a { color:#454545; text-decoration:none;}
ol.commentlist li { border:1px solid #f1f1f1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  padding:5px 8px 0 8px; margin:5px 0;}
ol.commentlist .commentmetadata { font-size:12px; }
ol.commentlist .comment-reply-link {float:right; clear:right; font-size:10px; }
.commentlist .says { display:none;}
.commentlist cite { font-style:normal;}
ol.commentlist li img { float:left; clear:left; border:3px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0 25px 5px 0;}
.commentlist ul.children { margin:5px 0 5px 30px;}
.commentlist ul.children li { border:3px solid #e3e3e3; padding:5px 10px 0 10px;}
#respond { margin:25px 0 0 0; padding:0 0 15px 0; background:url(//immobilien-deutsch.com/wp-content/themes/property2/images/icons/pencil.png) top left no-repeat; }
#respond h4 { font-size:14px; margin:0px 0 5px 55px; padding:0; font-weight:normal;}
#respond .memberbox { padding:5px 0 0 55px;}
#respond .inputbox { padding:10px 0 0 0;}
#respond label { }
#respond input {  width:240px; padding:3px; margin:2px 0; border:1px solid #f1f1f1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#respond textarea {  padding:5px; height:130px; width:91%; margin:5px 0; border:1px solid #f1f1f1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#respond #submit {cursor:pointer;font-size:12px;  width:auto; padding:5px 12px; color:#000; }
#respond a { color:#454545; text-decoration:underline;}
#respond a:hover { color:#000; text-decoration:underline;}
#respond .memberbox { font-size:12px; margin:5px 0;} .widerruf { max-width:780px; margin:25px 0;}
.widerruf h2 { font-size:1.2em; text-transform:uppercase; margin:20px 0 10px 0; padding-bottom:3px; border-bottom:1px solid #999; width:calc(100% - 60px);} 
.widerruf h3 { font-weight:bold; color:#666; font-size:1em;}
.widerruf p { font-size:.95em; line-height:1.65em;}
.widerruf .wraddress { margin:15px 0 25px 0; font-weight:bold; }
.widerruf form input.print {padding:5px 10px; font-size:1.1em;  cursor:pointer; color:#444; margin:10px 0; background-color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
-webkit-border-radius: 5px;
-moz-border-radius   : 5px;
border-radius        : 5px;
border: 1px solid #aaaaaa;
-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);}
.widerruf form input.print:hover { color:#000;}
.contactwrap .wr { margin-top:10px; background:#f6f6f6; padding:10px;  width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px);}
.contactwrap .wr a { text-decoration:underline;}	
.contactwrap .wr label { font-size:.9em; line-height:1.5em; margin:0; padding:0;} 
.contactwrap input[type="checkbox"] {  width:7%; float:left; margin:5px 0 10px 0;}
.contactwrap .hint { font-size:.75em; font-style:italic; padding:15px 0 0 0;}
.contactwrap { background:#f6f6f6; padding:15px; border-radius:2px; margin:10px 0;}
.selected-offer { margin:0; padding:0; }
.selected-offer table {font-size:14px; padding:15px; margin: 0 !important; }
.selected-offer table td {}
.hint { font-size:.8em; font-style:italic; padding:10px 0 5px 0;}
.contactform { margin:10px 0; padding:0;  }
.contactform label, .wpcf7 label { font-size:.9em; display:block; margin:7px 0 0 0;}
.contactform input, .wpcf7 input {width:95%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:.9em; box-sizing:border-box;}
.contactform select, .wpcf7 select {width:100%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 10px 0; box-sizing:border-box;}
.contactform textarea, .wpcf7 textarea { width:95%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; font-size:.9em; font-family:Verdana, Arial, sans-serif;  box-sizing:border-box;}
.contactform input:focus, .contactform textarea:focus { border:1px solid #999;}
.formcolumn {width:47%; margin-right:3%; float:left;}
.contactForm .error { position:relative;}
.contactform .error {display:block; color:#c00;}
.mailCopy { background: #f1f1f1; padding:5px 5px 0 5px; margin:5px 0; width:95%; }
.contactform button, input.wpcf7-submit  { cursor:pointer; margin-top:15px; background-color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
-webkit-border-radius: 5px;
-moz-border-radius   : 5px;
border-radius        : 5px;
border: 1px solid #aaaaaa;
-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
padding:5px 20px 6px 20px; 
} .sidebarbox { margin:0; padding:0 0 10px 0;  }
.sidebartitle { font-family: 'PT Sans', sans-serif; font-size:1em; text-transform:uppercase; line-height:1.5em;  padding:4px 0 3px 10px; margin:0; font-weight:normal; color:#fff; background:#e30613; }
.sidebarbox p { margin:5px 0; padding:0; font-size:.9em; line-height:1.6em;}
.sidebarbox ul { margin:0; padding:10px 0 0 0; list-style:none; font-size:.95em; }
.sidebarbox ul li { margin:0; padding:0; border-bottom:1px solid #ccc; border-top:1px solid #fff; list-style:none; line-height:1.4em;}
.sidebarbox ul li:first-child {border-top:none;}
.sidebarbox ul li:last-child {border-bottom:none;}
.sidebarbox ul li a { text-decoration:none; color:#454545; display:block; padding:8px 0;}
.sidebarbox ul li a:hover {color:#e30613;}
.sidebarbox ul li ul { margin:0; padding:0; font-size:1.1em !important; }
.sidebarbox ul li ul li { margin:0; padding:0 0 0 10px; border-bottom:1px solid #ccc; border-top:1px solid #fff; list-style:none; line-height:1.3em;}
.sidebarbox li.current-menu-item a, #content .sidebarbox li.current-cat a {color:#e30613;}
.sidebarbox img {max-width:300px; overflow:hidden; margin:5px 0;}
.sidebarbox #map-canvas { max-width:300px; overflow:hidden; margin:5px 0;}
.sidebarbox table { width:85%; margin:5px 12px; font-size:12px; padding:0; border:1px solid #e5e5e5;  border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px;}
.sidebarbox table td { border-bottom:1px solid #e5e5e5; border-top:1px solid #fff; border-right:1px solid #ccc; border-left:1px solid #fff; padding:6px; margin:0;}
.sidebarbox table td:last-child { border-right:none;}
.sidebarbox table td:first-child { border-left:none;}
.sidebarbox table th {padding:10px; font-size:12px; line-height:24px; color:#5d5d5d; font-weight:normal; text-shadow:#ccc 1px 1px; -moz-text-shadow:#ccc 1px 1px; -webkit-text-shadow:#ccc 1px 1px; }
.sidebarbox table tr.odd { background:#f5f5f5; }
.sidebarbox table tr:last-child td { border-bottom:none;}
.sidebarbox table td a { text-decoration:underline;}
.tagcloudbox { margin:5px 0 20px 0; padding:10px 0; }
.tags, .tagcloud { padding:3px 0; line-height:2em; font-family: 'Raleway', sans-serif;}
.tags {margin-top:10px;}
.tagcloudbox a, .widget_tag_cloud a {color:#999;}
.tagcloudbox a:hover, .widget_tag_cloud a:hover {color:#e30613;}
.sidebarbox form.taxonomy-drilldown-dropdowns { margin:15px 0 15px 0; padding:5px; font-size:.9em; background:#f6f6f6; border:1px solid #fff; box-shadow:0 0 1px #ccc;}
.sidebarbox form.taxonomy-drilldown-dropdowns ul { margin:0; padding:0;}
.sidebarbox form.taxonomy-drilldown-dropdowns ul li { display:block; margin:3px 0; border:none !important;}
.sidebarbox form.taxonomy-drilldown-dropdowns ul li ul li { display:block; font-size:1.15em;}
.sidebarbox form.taxonomy-drilldown-dropdowns label {width:100px; display:inline-block; margin:5px 0 5px 0; line-height:20px; float:left;}
.sidebarbox form.taxonomy-drilldown-dropdowns select { width:auto; margin:5px 0 5px 0; }
.sidebarbox .taxonomy-drilldown-button { margin:0; padding:10px 10px 0 0; border-top:1px dotted #ccc; text-align:right;} .smicons {margin:0 0 0 5px;}
.smicons span { background:#e30613; width:23px; height:23px; padding:4px 3px 3px 4px; display:inline-block; border-radius:5px; margin:7px 6px 7px 0; text-align:center;}
.smicons i { color:#fff; font-size:18px; margin:0 !important; padding:0 !important;}
.smicons span:hover {background:#999; }
.smicons a:hover {background:none; border:none; text-decoration:none; }
.smicons [class^="icon-"]:before, .smicons [class*=" icon-"]:before {margin:0 !important; padding:0 !important;}
.opentaxsearch { display:none;}
@media screen and (max-width: 980px) { 
body {background:#ffffff !important;}
#header {background: transparent url(https://immobilien-deutsch.com/wp-content/uploads/2015/09/bg-deutsch-08-2015-respo.jpg) no-repeat scroll left top;}
}
@media screen and (max-width: 800px) { 
#main-menu { margin:5px 0 15px 0;  }
.sidebarbox img {max-width:225px;}
.sidebarbox #map-canvas {max-width:225px;}
.nav li {font-size:.8em; }
.nav a { padding:4px 12px; margin:6px 2px; }
.nav li:last-child ul { right:0 !important; left:auto !important;}
input#searchinput { width:160px; margin-right:5px !important; }
input#searchsubmit {width:25px; }
input#searchsubmit {font-size:20px; } 
#infoboxen2 { margin:0; padding:0; }
#infoboxen2 .boxcontent { margin:0 0 2px 0;}
#infoboxen2 .boxcontent h3 { font-size:1em; line-height:1.3em; margin:3px 0 3px 0; padding:0;}
#infoboxen2 .boxcontent p { font-size:.75em; line-height:1.4em; margin:0; padding:3px 0 3px 0;}
#infoboxen2 .boxcontent [class^="icon-"]:before, #infoboxen .boxcontent [class*=" icon-"]:before { font-size:80%; }
#infoboxen2 a.boxbutton { margin:3px 0 0 0 !important; padding:2px 4px !important; font-size:.75em;  }
.propbox {max-width:225px !important; padding:3px !important; margin:0 5px 5px 5px !important;}
.propbox .propthumb { max-width: 225px !important; }
.propbox .prop-location { font-size:.8em; }
.propbox table td { margin:0 !important; padding:3px 4px 3px 0!important; font-size:.8em; }
.propbox a.boxbutton { padding:3px 10px !important; font-size:.8em; }
.carousel-prev, .carousel-next { top:auto !important; bottom:-22px !important; font-size:20px; }
.carousel-prev { left:0 !important; }
.carousel-next {right:0 !important; }
#properties form.taxonomy-drilldown-dropdowns { margin:35px 0 25px 0; padding:10px 0 10px 5px; }
#properties form.taxonomy-drilldown-dropdowns ul li { display:inline-block; margin:0 10px 0 0 !important; }
#properties form.taxonomy-drilldown-dropdowns ul li:nth-child(3n+3) { margin:0 0 0 0;}
#properties form.taxonomy-drilldown-dropdowns ul li ul li { display:block; font-size:1em;}
#properties form.taxonomy-drilldown-dropdowns label {width:90px !important; display:inline-block; margin:5px 0 5px 0; line-height:20px; float:left;}
#properties form.taxonomy-drilldown-dropdowns select { width:130px !important; margin:0;}
.prop-info ul li.list-requestbutton input {  font-size:.85em !important; } 
.prop-info ul li.list-requestbutton i { font-size:20px; margin:0 20px 0 0;}
.col-ohc .col-ohc { width:100%; margin:1.5% 0; display: block; float:none !important;}
.single-propdata {font-size:.7em; padding:5px 1px;}
}
@media screen and (max-width: 768px) { 
.logo img { margin: 10px 0 0 0;}
.logo { background:none;padding: 0;}
}
@media screen and (max-width: 641px) { 
.sidebarbox img {max-width:175px;}
.sidebarbox #map-canvas {max-width:175px;}
.home2-top .col-ttc { width:100%; margin:1.5% 0;  display: block; float:none !important;}
.home2-top .col-otc { width:100%; margin:1.5% 0; display: block; float:none !important;}
.home2-top .ct { margin-top:5px !important;}
.pl {height:360px !important; }
.propbox { padding:10px !important; max-width:260px !important; margin:0 8px 5px 8px !important;}
.propbox .propthumb { max-width: 260px !important; }
.carousel-prev, .carousel-next { top:auto !important; bottom:-30px !important; font-size:20px; }
.plfull .col-otc { width:45% !important; margin-right:2.427659574468% !important;}
.plfull .col-otc:nth-child(3n+3) { margin-right:2.427659574468% !important;}
.plfull .col-otc:nth-child(2n+2) { margin-right:0 !important;}
.plfull .col-otc .propbox { padding:10px !important; max-width:245px !important; margin:0 15px 5px 8px !important;}
.prop-info ul li { font-size:.85em; }
.prop-info ul li i { font-size:20px; }
.prop-info ul li.list-requestbutton input {  font-size:.8em !important; } 
.prop-info ul li.list-requestbutton {width:95%;} 
.prop-info ul li.list-requestbutton i { font-size:20px; margin:0 10px 0 0;}
.col-ohc .col-ohc, .propbox { max-width:220px;}
}
@media screen and (max-width: 599px) { 
#headercontent {padding:1px 10px 0px 10px !important; }
#page {margin:10px auto !important; padding:10px 10px !important; }
#footercontent {padding:5px 10px !important;}
#sidebar { border: none !important; padding:0 !important;}
.col-full { width:100%; margin:1.5% 0;}
.col-ttfull { width:100%; margin:1.5% 0 0 0; display: block; float:none !important;}
.col-otfull {width:100%; margin:1.5% 0 0 0; display: block; float:none !important;}
.col-ttc { width:100%; margin:1.5% 0;  display: block; float:none !important;}
.col-otc { width:100%; margin:1.5% 0; display: block; float:none !important;}
.col-ohc { width:100%; margin:1.5% 0; display: block; float:none !important;}
.col-ofc { width:100%; margin:1.5% 0;}
.cycle-content { width:80% !important; padding:5px !important; top:15px !important; right: auto !important; left:15px; font-size:.8em !important; }
.cycle-content h2 {font-size:1.05em !important; line-height:1.3em !important;}
.cycle-content p { display:none;}
ul.featured { margin-top:5px;}
ul.featured li { padding:0 !important; line-height:1.4em;}
ul.featured li:before {font-size:8px; line-height:1.4em; margin-top:0 !important; }
.slider-caption { text-indent:10px !important;  font-size:.8em !important; line-height:1.8em !important; }
.col1-2, .col1-3, .col1-4, .col2-3, .col3-4  {width:100%;}
.col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:2.5% 0; display: block !important; float:none !important;}
.inner { padding:0 10px 0 10px !important;}
} 
@media screen and (max-width: 480px) {
.sidebarbox img {max-width:300px;}
.sidebarbox #map-canvas {max-width:300px;}	
}
@media screen and (max-width: 340px) {
.logo img { max-width:300px;}	
}@font-face {
font-family: 'fontello';
src: url(//immobilien-deutsch.com/wp-content/themes/property2/font/fontello.eot?85047827);
src: url(//immobilien-deutsch.com/wp-content/themes/property2/font/fontello.eot?85047827#iefix) format('embedded-opentype'),
url(//immobilien-deutsch.com/wp-content/themes/property2/font/fontello.woff?85047827) format('woff'),
url(//immobilien-deutsch.com/wp-content/themes/property2/font/fontello.ttf?85047827) format('truetype'),
url(//immobilien-deutsch.com/wp-content/themes/property2/font/fontello.svg?85047827#fontello) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
float:left;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin:0 10px;
text-align: center;
font-variant: normal;
text-transform: none;
font-size: 110%;  }
.icon-chat-alt:before { content: '\e800'; } .icon-search:before { content: '\e801'; } .icon-mail:before { content: '\e802'; } .icon-mail-alt:before { content: '\e803'; } .icon-heart:before { content: '\e804'; } .icon-heart-empty:before { content: '\e805'; } .icon-star:before { content: '\e806'; } .icon-star-empty:before { content: '\e807'; } .icon-user:before { content: '\e808'; } .icon-users:before { content: '\e809'; } .icon-male:before { content: '\e80a'; } .icon-female:before { content: '\e80b'; } .icon-child:before { content: '\e80c'; } .icon-videocam:before { content: '\e80d'; } .icon-picture:before { content: '\e80e'; } .icon-camera-alt:before { content: '\e80f'; } .icon-th-large:before { content: '\e810'; } .icon-attach:before { content: '\e811'; } .icon-lock:before { content: '\e812'; } .icon-lock-open:before { content: '\e813'; } .icon-doc-text:before { content: '\e814'; } .icon-pin:before { content: '\e815'; } .icon-tag:before { content: '\e816'; } .icon-tags:before { content: '\e817'; } .icon-bookmark:before { content: '\e818'; } .icon-bookmark-empty:before { content: '\e819'; } .icon-flag:before { content: '\e81a'; } .icon-flag-empty:before { content: '\e81b'; } .icon-share:before { content: '\e81c'; } .icon-print:before { content: '\e81d'; } .icon-comment:before { content: '\e81e'; } .icon-chat:before { content: '\e81f'; } .icon-trash:before { content: '\e820'; } .icon-file-pdf:before { content: '\e821'; } .icon-file-word:before { content: '\e822'; } .icon-file-excel:before { content: '\e823'; } .icon-file-powerpoint:before { content: '\e824'; } .icon-file-image:before { content: '\e825'; } .icon-rss:before { content: '\e826'; } .icon-rss-squared:before { content: '\e827'; } .icon-phone:before { content: '\e828'; } .icon-phone-squared:before { content: '\e829'; } .icon-fax:before { content: '\e82a'; } .icon-cog-alt:before { content: '\e82b'; } .icon-wrench:before { content: '\e82c'; } .icon-calendar:before { content: '\e82d'; } .icon-calendar-empty:before { content: '\e82e'; } .icon-resize-full-alt:before { content: '\e82f'; } .icon-zoom-in:before { content: '\e830'; } .icon-zoom-out:before { content: '\e831'; } .icon-down-dir:before { content: '\e832'; } .icon-up-dir:before { content: '\e833'; } .icon-left-dir:before { content: '\e834'; } .icon-right-dir:before { content: '\e835'; } .icon-angle-double-left:before { content: '\e836'; } .icon-angle-double-right:before { content: '\e837'; } .icon-angle-double-up:before { content: '\e838'; } .icon-angle-double-down:before { content: '\e839'; } .icon-down:before { content: '\e83a'; } .icon-left:before { content: '\e83b'; } .icon-right:before { content: '\e83c'; } .icon-up:before { content: '\e83d'; } .icon-arrows-cw:before { content: '\e83e'; } .icon-cw:before { content: '\e83f'; } .icon-ccw:before { content: '\e840'; } .icon-award:before { content: '\e841'; } .icon-desktop:before { content: '\e842'; } .icon-laptop:before { content: '\e843'; } .icon-tablet:before { content: '\e844'; } .icon-mobile:before { content: '\e845'; } .icon-briefcase:before { content: '\e846'; } .icon-hammer:before { content: '\e847'; } .icon-sitemap:before { content: '\e848'; } .icon-coffee:before { content: '\e849'; } .icon-bank:before { content: '\e84a'; } .icon-wheelchair:before { content: '\e84b'; } .icon-lifebuoy:before { content: '\e84c'; } .icon-facebook-1:before { content: '\e84d'; } .icon-facebook-squared:before { content: '\e84e'; } .icon-gplus-1:before { content: '\e84f'; } .icon-gplus-squared:before { content: '\e850'; } .icon-linkedin-squared:before { content: '\e851'; } .icon-linkedin-1:before { content: '\e852'; } .icon-twitter-squared:before { content: '\e853'; } .icon-twitter-1:before { content: '\e854'; } .icon-vimeo-squared:before { content: '\e855'; } .icon-vine:before { content: '\e856'; } .icon-xing:before { content: '\e857'; } .icon-xing-squared:before { content: '\e858'; } .icon-youtube:before { content: '\e859'; } .icon-youtube-squared:before { content: '\e85a'; } .icon-stumbleupon-1:before { content: '\e85b'; } .icon-stumbleupon-circled:before { content: '\e85c'; } .icon-users-1:before { content: '\e85d'; } .icon-quote:before { content: '\e85e'; } .icon-print-alt:before { content: '\e85f'; } .icon-tools:before { content: '\e860'; } .icon-dropbox:before { content: '\e861'; } .icon-skype:before { content: '\e862'; } .icon-address:before { content: '\e863'; } .icon-location:before { content: '\e864'; } .icon-tag-alt:before { content: '\e865'; } .icon-brush:before { content: '\e866'; } .icon-traffic-cone:before { content: '\e867'; } .icon-bucket:before { content: '\e868'; } .icon-info:before { content: '\e869'; } .icon-help:before { content: '\e86a'; } .icon-check-1:before { content: '\e86b'; } .icon-cancel:before { content: '\e86c'; } .icon-home-alt:before { content: '\e86d'; } .icon-download:before { content: '\e86e'; } .icon-box:before { content: '\e86f'; } .icon-home:before { content: '\e870'; } .icon-cab:before { content: '\e871'; } .icon-truck:before { content: '\e872'; }.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 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);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 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);
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
-ms-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
-ms-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
-ms-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-ms-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-ms-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-ms-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-ms-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
-ms-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
-ms-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
-ms-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
-ms-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
-ms-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
-ms-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 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: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 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: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
-ms-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
-ms-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
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, 25px, 0);
transform: translate3d(0, 25px, 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: none;
transform: none;
}
}
@keyframes bounceInDown {
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);
-ms-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
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(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
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(-3000px, 0, 0);
-ms-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-ms-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
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(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
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(3000px, 0, 0);
-ms-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-ms-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-ms-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-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);
-ms-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-ms-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-ms-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-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: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
-ms-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
-ms-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
-ms-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
-ms-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
-ms-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
-ms-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
-ms-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
-ms-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
-ms-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
-ms-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}.chzn-container {
font-size: .925em;
position: relative;
display: inline-block;
zoom: 1;
*display: inline;
}
.chzn-container .chzn-drop {
background: #fff;
border: 1px solid #aaa;
border-top: 0;
position: absolute;
top: 29px;
left: 0;
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);
-o-box-shadow : 0 4px 5px rgba(0,0,0,.15);
box-shadow : 0 4px 5px rgba(0,0,0,.15);
z-index: 999;
}  .chzn-container-single .chzn-single {
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%);
-webkit-border-radius: 4px;
-moz-border-radius : 4px;
border-radius : 4px;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
border: 1px solid #aaa;
display: block;
overflow: hidden;
white-space: nowrap;
position: relative;
height: 26px;
line-height: 26px;
padding: 0 0 0 8px;
color: #444;
text-decoration: none;
}
.chzn-container-single .chzn-single span {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
display: block;
position: absolute;
right: 26px;
top: 8px;
width: 12px;
height: 13px;
font-size: 1px;
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
background-position: right -11px;
}
.chzn-container-single .chzn-single div {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius : 0 4px 4px 0;
border-radius : 0 4px 4px 0;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
background: #ccc;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%);
border-left: 1px solid #aaa;
position: absolute;
right: 0;
top: 0;
display: block;
height: 100%;
width: 18px;
}
.chzn-container-single .chzn-single div b {
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat 0 1px;
display: block;
width: 100%;
height: 100%;
}
.chzn-container-single .chzn-search {
padding: 3px 4px;
position: relative;
margin: 0;
white-space: nowrap;
z-index: 1010;
}
.chzn-container-single .chzn-search input {
background: #fff url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat 100% -22px;
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat 100% -22px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
margin: 1px 0;
padding: 4px 20px 4px 5px;
outline: 0;
border: 1px solid #aaa;
font-family: sans-serif;
font-size: 1em;
}
.chzn-container-single .chzn-drop {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius : 0 0 4px 4px;
border-radius : 0 0 4px 4px;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
} .chzn-container-single-nosearch .chzn-search input {
position: absolute;
left: -9000px;
} .chzn-container-multi .chzn-choices {
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
background-image: -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
background-image: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
background-image: linear-gradient(top, #ffffff 85%,#eeeeee 99%);
border: 1px solid #aaa;
margin: 0;
padding: 0;
cursor: text;
overflow: hidden;
height: auto !important;
height: 1%;
position: relative;
}
.chzn-container-multi .chzn-choices li {
float: left;
list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
white-space: nowrap;
margin: 0;
padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
color: #666;
background: transparent !important;
border: 0 !important;
padding: 5px;
margin: 1px 0;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow : none;
-o-box-shadow : none;
box-shadow : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
-webkit-border-radius: 3px;
-moz-border-radius : 3px;
border-radius : 3px;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee));
background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%);
background-image: -ms-linear-gradient(top, #e4e4e4 0%,#eeeeee 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 );
background-image: linear-gradient(top, #e4e4e4 0%,#eeeeee 70%);
color: #333;
border: 1px solid #b4b4b4;
line-height: 13px;
padding: 3px 19px 3px 6px;
margin: 3px 0 3px 5px;
position: relative;
}
.chzn-container-multi .chzn-choices .search-choice span {
cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
display: block;
position: absolute;
right: 3px;
top: 4px;
width: 12px;
height: 13px;
font-size: 1px;
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
background-position: right -11px;
}  .chzn-container .chzn-results {
margin: 0 4px 4px 0;
max-height: 190px;
padding: 0 0 0 4px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.chzn-container-multi .chzn-results {
margin: -1px 0 0;
padding: 0;
}
.chzn-container .chzn-results li {
display: none;
line-height: 80%;
padding: 7px 7px 8px;
margin: 0;
list-style: none;
}
.chzn-container .chzn-results .active-result {
cursor: pointer;
display: list-item;
}
.chzn-container .chzn-results .highlighted {
background: #999999;
color: #fff;
}
.chzn-container .chzn-results li em {
background: #feffde;
font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
background: transparent;
}
.chzn-container .chzn-results .no-results {
background: #f4f4f4;
display: list-item;
}
.chzn-container .chzn-results .group-result {
cursor: default;
color: #999;
font-weight: bold;
}
.chzn-container .chzn-results .group-option {
padding-left: 20px;
}
.chzn-container-multi .chzn-drop .result-selected {
display: none;
}  .chzn-container-active .chzn-single {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
box-shadow : 0 0 5px rgba(0,0,0,.3);
border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
border: 1px solid #aaa;
-webkit-box-shadow: 0 1px 0 #fff inset;
-moz-box-shadow : 0 1px 0 #fff inset;
-o-box-shadow : 0 1px 0 #fff inset;
box-shadow : 0 1px 0 #fff inset;
background-color: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
-webkit-border-bottom-left-radius : 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft : 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius : 0;
border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
background: transparent;
border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
box-shadow : 0 0 5px rgba(0,0,0,.3);
border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
color: #111 !important;
}  .chzn-disabled {
cursor: default;
opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
cursor: default;
} .chzn-rtl { direction:rtl;text-align: right; }
.chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; }
.chzn-rtl .chzn-single div {
left: 0; right: auto;
border-left: none; border-right: 1px solid #aaaaaa;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius : 4px 0 0 4px;
border-radius : 4px 0 0 4px;
}
.chzn-rtl .chzn-single abbr {
left: 26px;
right: auto;
}
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat -38px -22px, #ffffff;
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat -38px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat -38px -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat -38px -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat -38px -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat -38px -22px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
background: url(//immobilien-deutsch.com/wp-content/themes/property2/css/chosen-sprite.png) no-repeat -38px -22px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
padding: 4px 5px 4px 20px;
}