@media screen and (max-width: 800px) {
    .onlydesktop {
        display: none !important;
    }
}

  .obietnica {
  
  width: 1000px;
  
  }
  
@media screen and (max-width: 800px) {
    .obietnica {
        width: 100%;
    }
}



body, html {
	font-family: Open Sans, tahoma, helvetica, arial;
	font-size: 18px;
	text-align: center;
	margin: 0px;
	padding: 0px; 
	border: 0px;
	background: #fff;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
}

ul {
	 list-style-image: url(/nowa/image.php?t=png&q=0&w=16&s=http://kielkiewicz.pl/nowa/img/pt1-fizjoterapia.png);
	  line-height: 35px;
}

ul.fizjoterapia {
	 list-style-image: url(/nowa/image.php?t=png&q=0&w=16&s=http://kielkiewicz.pl/nowa/img/pt1-fizjoterapia.png);
	 line-height: 35px;
}

ul.fizjoterapia-male {
	line-height: 25px;
	font-size: 12px;
	 list-style-image: url(/nowa/image.php?t=png&q=0&w=12&s=http://kielkiewicz.pl/nowa/img/pt1-fizjoterapia.png);
}



input {
	width: 330px;
	background: #ddd;
	color: #777;
	font-size: 18px;
	line-height: 22px;
	display: inline-block;
	border: 0px;
	padding: 10px;
	margin: 10px;
	border-radius: 5px 5px 5px 5px;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
    
input[type="date"]  {
	width: 240px;	
}

input:focus {
	color: #000;
}

input[type="submit"] {
	width: 100px;
	background: #00c0ff;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	line-height: 22px;
}
    
textarea {
	font-size: 16px;
	max-width: 246px;
    max-height:200px
}    

input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 5px;
    display: inline-block;
	background: #fff;
	color: #000;
	cursor: pointer;
}

input[type="radio"] {
	width: 18px;
	height: 18px;
    display: inline-block;
	margin: 5px;
	background: #fff;
	color: #000;
	cursor: pointer;
}
    
.inputfield {
	width: 400px;
	background: #eee;
	color: #000;
	font-size: 14px;
	float: left;
	border: 0px;
	padding: 10px;
	margin: 10px;
	border-radius: 5px 5px 5px 5px;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.inputfield1 {
	width: 470px;
	background: #eee;
	color: #000;
	font-size: 14px;
	float: left;
	border: 0px;
	padding: 10px;
	margin: 10px;
	border-radius: 5px 5px 5px 5px;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.button {
	float: left;
	width: 50px;

}
    
.back1 {
    
	width: 50px;
    padding-left: 7px;
    padding-top: 2px;
	margin-bottom: 10px;
    height: 20px;
	float: left;
    border-radius: 5px 5px 5px 5px;
	background: #e5e5e5;
	color: #514d4d;
	font-size: 14px;
}

.firstColor{
	background-color: #e8aaa4;
	color: #000;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.secondColor{
	background-color: #ddd;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.firstColorText{
	color: #ff3b3b;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.secondColorText{
	color: #000;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.od_do_style{
	font-size: 21px;
	width: 50px;
	border-radius: 5px 5px 5px 5px;
}


p {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 18px;
}

h6 {
	display: none; /* for SECTIONS use only */
}

table, td {
	border-collapse: collapse; 
	margin: 0px;
	padding: 0px;
}


a {
	color: #9cced6;
	text-decoration: none;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}

a:hover {
	color: #000;
}

.link {
	cursor: pointer;
	color: #9cced6;
	text-decoration: none;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}

.link:hover {
	color: #000;
}


a.white {
	color: #fff;
	text-decoration: none;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}

a.white:hover {
	color: #000;
}


a.black {
	color: #000;
	text-decoration: none;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}

a.black:hover {
	color: #000;
}



.scrolldownbutton {
	cursor:  pointer;
	opacity: 0.4;
	width: 100px;
	
		transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}

.scrolldownbutton:hover {
	opacity: 1;
	width: 100px;
}

.menutopwhite {
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 18px; 
color: black;
	padding: 14px;
	display: inline-block;
	background: transparent;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;

}

.menutopwhite:hover {
	color: #fff;
	background:  #00c0ff;
}


.menutop {
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 18px; 
color: #fff;
	padding: 14px;
	display: inline-block;
	background: #00c0ff;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;

}

.menutop:hover {
	color: #fff;
	background: #1a386a;
}

.menu_brief {
	cursor: pointer;
	text-decoration: none;
	font-size: 18px; 
	padding: 14px;
	display: inline-block;
	color: #fff;
	background: #00c0ff;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;

}

.menu_brief:hover {
	color: #00c0ff;
	background: #fff;
}

.menutoplangactive {
	cursor: pointer;
	text-decoration: none;
	font-size: 18px; 
	padding: 14px;
	display: inline-block;
	color: #fff;
	background: #00c0ff;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;

}

.menumiddle {
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	width: 230px;
	display: inline-block;
	position: relative;
	color: #000;
	top: 0px;
	cursor: pointer;
	margin-bottom: 50px;
	margin-top: 30px;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}

.menumiddle:hover {
	top: -30px;
	font-weight: bold;

}

.menumiddle img {
	 position: relative;
	top: 0px;	 
	 transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
 }

.menumiddle:hover img {
	top: -10px;
}
 
.aboutcardtop {
	font-family: Raleway;
	text-align: center;
	display: inline-block;
	margin: 10px;	
}

.cityback {
	color: white;
	background: #00c0ff;
	/*background: radial-gradient(#8be4ff, #00afe4);*/
	
		/*background-image: url(/nowa/image.php?t=png&q=95&w=1800&s=https://codeengineers.com/nowa/img/palac_kultury.png);*/
	/*background-attachment: fixed;*/
	background-size: auto 100%;
	background-position: center;
}

.citybackdark {
	color: white;
	background: #007fa6;
	background: radial-gradient(#00c0ff, #007fa6);
	/*background-image: url(/nowa/image.php?t=png&q=95&w=500&s=https://codeengineers.com/nowa/img/citybackdark.png);*/
	/*background-attachment: fixed;*/
	background-size: auto 100%;
	background-position: center;
/*
 background-image: url(/nowa/img/codefirma.jpg);
 background-position: center;
 background-size: auto 140%; */
transition: background-size 5s ease;
	

}
 
.citybackdark:hover {

/*background-size: auto 160%;*/
}



.backlight
{
	background: white;
color: #00c0ff !important;
}

.backdark
{
		background: #1a386a;

}

.facecircle {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	border: 0px solid #eee;
}

.blogimg {
	width: 270px;
	height: 200px;
	margin: 10px;
}







/* ############################### OPEN SANS */

/* cyrillic-ext */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
 unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
 unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
 unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
 unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 700;
 src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxp6iIh_FvlUHQwED9Yt5Kbw.woff2) format('woff2');
 unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 700;
 src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxi_vZmeiCMnoWNN9rHBYaTc.woff2) format('woff2');
 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 700;
 src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxiFaMxiho_5XQnyRZzQsrZs.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 700;
 src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxgalQocB-__pDVGhF3uS2Ks.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 700;
 src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmhQUTDJGru-0vvUpABgH8I.woff2) format('woff2');
 unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 700;
 src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxujkDdvhIIFj_YMdgqpnSB0.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 700;
 src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* ############################### ANIMATIONS */

/*
.elementtohide {
	visibility: hidden;
	position: relative;
}

.Rotate {
	visibility: visible; 
	-webkit-animation: Rotate 2s; 
	-moz-animation: Rotate 2s; 
	-ms-animation: Rotate 2s; 
	-o-animation: Rotate 2s; 
	animation: Rotate 2s;
}
@keyframes Rotate {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}
@-moz-keyframes Rotate {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}
@-webkit-keyframes Rotate {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}
@-ms-keyframes Rotate {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}
@-o-keyframes Rotate {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}

.slideDown {
	visibility: visible; 
	-webkit-animation: slideDown 2s; 
	-moz-animation: slideDown 2s; 
	-ms-animation: slideDown 2s; 
	-o-animation: slideDown 2s; 
	animation: slideDown 2s;
}
@keyframes slideDown {
	from { top: -100px; }
	to { top: 0px; }
}
@-moz-keyframes slideDown {
	from { top: -100px; }
	to { top: 0px; }
}
@-webkit-keyframes slideDown {
	from { top: -100px; }
	to { top: 0px; }
}
@-ms-keyframes slideDown {
	from { top: -100px; }
	to { top: 0px; }
}
@-o-keyframes slideDown {
	from { top: -100px; }
	to { top: 0px; }
}

.slideUp {
	visibility: visible; 
	-webkit-animation: slideUp 2s; 
	-moz-animation: slideUp 2s; 
	-ms-animation: slideUp 2s; 
	-o-animation: slideUp 2s; 
	animation: slideUp 2s;
}

@keyframes slideUp {
	from { top: 100px; opacity: 1; }
	to { top: 0px; opacity: 1; }
}
@-moz-keyframes slideUp {
	from { top: 100px; opacity: 1; }
	to { top: 0px; opacity: 1; }
}
@-webkit-keyframes slideUp {
	from { top: 100px; opacity: 1; }
	to { top: 0px; opacity: 1; }
}
@-ms-keyframes slideUp {
	from { top: 100px; opacity: 1; }
	to { top: 0px; opacity: 1; }
}
@-o-keyframes slideUp {
	from { top: 100px; opacity: 1; }
	to { top: 0px; opacity: 1; }
}
*/