.aboutus-section h3, .bottom-menu ul li a, .cat h3, .cont h3, .footer-bottom a, .left-grid h4, .logo a, .right-grid h5, .top-menu ul li a, .up h3, a.button {

	text-transform:capitalize

}

.about-grid p, .cat ul li, .header-grid p, .news-grid p, .right-grid p, .service-grid p, .services-grid p, .up-text p {

	line-height:1.8em

}

#toTop, .ab1 a, .ab2 a, .cont ul li a, .contact-form input[type=submit], .logo a, .news-grid h4 a, .top-menu ul li a, .up-text a, a.b-home, a.button, a.button1 {

	text-decoration:none

}

.cat ul li, .left-grid ul li {

	list-style:none

}

.port-grid a img:hover, .services-grid a img:hover, .social-icons i:hover {

	opacity:.6

}

.quick_link a {

	color:#FFF!important

}

.logo a, .top-menu ul {

	color:#fff

}

.about-img img {

	margin-top:20px;

	border:3px solid #646400

}

.ourteam .date, .ourteam h4, .ourteam img {

	text-align:center;

	margin:0 auto

}

.ourteam img {

	border-radius:20em;

	height:220px!important;

	width:220px!important

}

body, h1, h2, h3, h4, h5, h6, p, ul {

	padding:0;

	margin:0

}

body a, input[type=button] {

transition:.5s all;

-webkit-transition:.5s all;

-moz-transition:.5s all;

-o-transition:.5s all;

-ms-transition:.5s all

}

body {

	font-family:'Open Sans', sans-serif

}

.header {

	background-size:cover;

	text-align:center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-o-background-size:cover;

	-ms-background-size:cover

}

.header-top {

	margin-top:1em;

	background:rgba(0, 0, 0, .41)

}

.logo {

	width:12%;

	float:left

}

.right-logo{

	margin-top:50px;}



.logo a {

	font-size:5em;

	font-family:Lobster, cursive

}

.about-section h3, .news-section h3, .service-section h3, .work-section h3 {

	font-weight:600;

	text-transform:capitalize;

	font-family:'Josefin Sans', sans-serif

}

.top-menu {

	float:left;

	padding-top:.3em

}

.top-menu ul li {

	display:inline-block;

	margin:1.2em 1em

}

.news-grid h4 a, a.button {

	display:block

}

.top-menu ul li a:hover {

	border-top:4px solid#FAEE0D;

	color:#FAEE0D

}

.top-menu ul li a {

	font-size:1.1em;

	color:#fff

}

.top-menu ul li a.active {

	border-top:4px solid#FAEE0D;

	color:#FAEE0D

}

.search {

	float:right;

	position:relative;

	width:20%;

	border:1px solid #ededed;

	margin:.85em 1em

}

.search input[type=text] {

	outline:0;

	padding:6px 8px;

	background:0 0;

	width:87%;

	border:none;

	font-size:1em;

	color:#fff;

	float:left

}

.search input[type=submit] {

	width:22px;

	height:22px;

	background:url(../images/search.png) -9px -3px no-repeat;

	padding:0 1px;

	border:none;

	cursor:pointer;

	position:absolute;

	outline:0;

	top:6px;

	right:9px

}

.header-bottom, .header-grids, .work {

	position:relative

}

.header-grids {

	bottom:0;

	left:0;

	width:100%

}





.header-grid h4 {

	font-size:13px;

	padding:26px 10px;

	color:#000;

	font-weight:600;
	text-align: center;

}

.header-grid p {

	font-size:1em;

	padding:.5em 0;

	color:#fff

}

.header-grid img:hover {

	transform:rotateY(360deg);

transition:.5s all;

-webkit-transition:.5s all;

-moz-transition:.5s all;

-o-transition:.5s all;

-ms-transition:.5s all

}

.about-section {

	padding:3em 0 2em;

	background:#eee

}

.about-img img {

	width:100%

}

.about-section h3 {

	font-size:1.5em;

	color:#000;

	margin:0 17px

}

.about-grids {

	margin-top:1em

}

.about-grid p {

	font-size:1em;

	padding:1em 0;

	color:#555;

	text-align:justify

}

.service-section {

	padding:4em 0;

	background:#37353b

}

.service-section h3 {

	font-size:2.5em;

	color:#fff;

	margin:0 17px

}

.service-grids {

	margin-top:3em;

	text-align:center

}

.service-grid img {

	margin:0 auto;

	background:#16A667;

	padding:.5em 1em;

	border-radius:10px

}

.service-grid img:hover {

	background:#f2af00

}

.service-grid h4 {

	font-size:1.5em;

	padding:.8em 0 0;

	color:#fff;

	font-weight:600

}

.service-grid p {

	font-size:1em;

	padding:1em 0;

	color:#999

}

.work-section {

	padding:4em 0;

	background:#eee

}

.work-section h3 {

	font-size:2.5em;

	color:#000

}

.work .textbox {

	width:285px;

	height:244px;

	position:absolute;

	top:0;

	left:0;

	-webkit-transform:scale(0);

	transform:scale(0);

	border-radius:0;

	background-color:rgba(15, 16, 15, .16);

	-webkit-box-shadow:0 0 15px 2px rgba(255, 255, 255, .75);

	box-shadow:0 0 15px 2px rgba(255, 255, 255, .75)

}

.work:hover .textbox {

	-webkit-transform:scale(1);

	transform:scale(1)

}

.textbox img {

	padding-top:7em;

	color:#fff;

	margin:0 auto

}

.textbox {

-webkit-transition:all .7s ease;

transition:all .7s ease

}

.latest-grids {

	margin-top:3em

}

.latest-grid {

	padding:0

}

.news-section {

	padding:4em 0

}

.news-section h3 {

	font-size:1.5em;

	color:#000;

	margin:0 17px

}

.news-grids {

	margin-top:3em

}

.news-grid h4 a {

	font-size:1em;

	color:#000;

	padding:.5em 0;

	font-weight:600

}

.news-grid p.date a {

	font-size:1em;

	font-weight:500;

	color:#000

}

.cat h3, .cont h3, .up h3 {

	font-family:'Josefin Sans', sans-serif;

	font-weight:600

}

.news-grid p.date a:hover {

	color:rgba(32, 176, 89, .88)

}

.news-grid p {

	font-size:1em;

	margin-bottom:1em;

	color:#999

}

.cat h3, .hvr-shutter-in-vertical:active, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:hover, a.button {

	color:#fff

}

a.button {

	font-size:1.2em;

	padding:.5em 1em;

	background:#f2af00;

	width:35%;

	margin-top:1.5em

}

.hvr-shutter-in-vertical {

	display:inline-block;

	vertical-align:middle;

	-webkit-transform:translateZ(0);

	transform:translateZ(0);

	box-shadow:0 0 1px transparent;

	-webkit-backface-visibility:hidden;

	backface-visibility:hidden;

	-moz-osx-font-smoothing:grayscale;

	position:relative;

	background:#f2af00;

	-webkit-transition-property:color;

	transition-property:color;

-webkit-transition-duration:.3s;

transition-duration:.3s

}

.hvr-shutter-in-vertical:before {

	content:"";

	position:absolute;

	z-index:-1;

	top:0;

	bottom:0;

	left:0;

	right:0;

	background:#16A667;

	-webkit-transform:scaleY(1);

	transform:scaleY(1);

	-webkit-transform-origin:50%;

	transform-origin:50%;

	-webkit-transition-property:transform;

	transition-property:transform;

-webkit-transition-duration:.3s;

transition-duration:.3s;

	-webkit-transition-timing-function:ease-out;

	transition-timing-function:ease-out

}

.hvr-shutter-in-vertical:active:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:hover:before {

	-webkit-transform:scaleY(0);

	transform:scaleY(0)

}

.categories-section {

	padding:1em 0;

	background:#3f454d

}

.cat h3 {

	font-size:2.5em;

	margin-bottom:.7em

}

.cat ul li {

	font-size:1em;

	color:#999;

	padding:6px 24px;

	background:url(../images/list-arrow.png) 0 15px no-repeat

}

.cat ul li:hover {

	color:#f2af00

}

.up h3 {

	font-size:2.5em;

	color:#fff;

	margin-bottom:1em

}

.up-img {

	float:left;

	width:21%;

	margin-right:3%

}

.up-text {

	float:left;

	width:76%

}

.up-img img {

	width:100%

}

.message, .phone, .smartphone {

	width:40px;

	height:40px;

	display:inline-block

}

.up1 {

	margin-top:1.2em

}

.up-text a {

	font-size:1.3em;

	color:#fff;

	margin-bottom:.3em

}

.up-text a:hover {

	color:#f2af00

}

.up-text p {

	font-size:1em;

	color:#999

}

.cont h3 {

	font-size:2.5em;

	color:#fff;

	margin-bottom:1em

}

.cont ul li a, .cont ul li p {

	font-size:1em;

	color:#fff

}

.cont ul li {

	display:inline-block

}

.cont ul {

	margin-bottom:2em

}

.phone {

	background:url(../images/img-sprite1.png) -188px 0 no-repeat

}

.smartphone {

	background:url(../images/img-sprite1.png) -220px 0 no-repeat

}

.message, .update {

	background:url(../images/img-sprite1.png) -254px 6px no-repeat

}

.cont ul li a {

	width:100%;

	display:block

}

.cont ul li a:hover {

	color:#f2af00

}

.footer-section {

	padding:4em 0;

	text-align:center;

	background:#eee

}

.social-icons i, .social-icons i.icon1 {

	background:url(../images/img-sprite1.png) no-repeat

}

.social-icons i {

	width:45px;

	height:55px;

	display:inline-block;

	margin:0 0 0 1em

}

.social-icons i.icon2 {

	background:url(../images/img-sprite1.png) -50px 0 no-repeat

}

.social-icons i.icon3 {

	background:url(../images/img-sprite1.png) -95px 0 no-repeat

}

.social-icons i.icon4 {

	background:url(../images/img-sprite1.png) -142px 0 no-repeat

}

.bottom-menu ul li {

	display:inline-block;

	margin:1.2em 1.5em

}

.bottom-menu ul li a {

	font-size:1.1em;

	color:#fff;

	text-decoration:none

}

.footer-bottom {

	margin-top:1em

}

.footer-bottom p {

	font-size:16px;

	color:#fff;

	font-weight:400

}

.footer-bottom a {

	font-size:19px;

	color:#16A667;

	font-weight:400;

	font-family:Exo, sans-serif

}

.aboutus-section h3, .left-grid h4 {

	font-weight:600

}

.footer-bottom a:hover {

	color:#000

}

.footer-bottom p a {

	margin:0 6px

}

#toTop {

	display:none;

	position:fixed;

	bottom:10px;

	right:10px;

	overflow:hidden;

	width:48px;

	height:48px;

	border:none;

	text-indent:100%;

	background:url(../images/to-top2.png) no-repeat

}

.header.head-top {

	min-height:450px

}

.logo.logo1 {

	margin-top:10em

}

.aboutus-section {

	padding:4em 0

}

.aboutus-section h3 {

	font-size:3.5em;

	margin-bottom:1.5em;

	color:#394c53;

	font-family:'Josefin Sans', sans-serif;

	text-align:center

}

.left-grid h4 {

	font-size:2em;

	padding:.5em 0;

	color:#000

}

.left-grid p, .left-grid ul li {

	line-height:1.8em;

	font-size:1em;

	color:#555

}

.left-grid ul li {

	padding:6px 24px;

	background:url(../images/list-arrow.png) 0 15px no-repeat

}

.ab1 a {

	text-align:right;

	font-size:1.2em;

	padding:.5em 0;

	display:block

}

.develop ul {

	margin-bottom:30px

}

.develop ul li {

	float:left;

	margin-left:20px;

	margin-bottom:15px;

	list-style-type:none

}

.wedth {

	width:261px!important;

	text-align:center!important

}

.mail ol {

	margin:0;

	padding:0

}

.mail ol li {

	float:left;

	list-style-type:none;

	display:inline-table;

	background:#E9E9E9;

	padding:10px;

	width:98%;

	margin-bottom:10px;

	font-size:16px

}

.ab2 a, a.button1 {

	display:block

}

.ab2 a {

	font-size:1.2em;

	padding:.5em 0

}

.ab1, .ab2 {

	border-radius:5px;

	padding:1em;

	margin:3em 0

}

.ab1 {

	background:#eee

}

.ab2 {

	background:#fff

}

.right-grid {

	padding:.5em 0 0

}

.right-grid h5 {

	font-size:1.4em;

	padding:.5em 0;

	color:#000;

	font-weight:500

}

.aboutus4 h4, .four-col h3, .project-section h3, .services-grid h5, .services-section h3 {

	text-transform:capitalize;

	font-weight:600

}

.right-grid p {

	font-size:1em;

	color:#555;

	text-align:justify

}

.contact-head, .services-section {

	text-align:center

}

.four-col h3 {

	color:#000;

	font-family:"Josefin Sans", sans-serif;

	font-size:1.5em;

	margin:0 17px 10px

}

.aboutus4 h4, .services-section h3 {

	margin-bottom:1.5em

}

.contact-head h3, .project-section h3, .services-section h3 {

	font-family:'Josefin Sans', sans-serif

}

.four-col a {

	color:#FC0

}

.aboutus4 h4 {

	font-size:2em;

	padding:.5em 0;

	color:#000

}

.team-grid h5 {

	font-size:1.4em;

	padding:.5em 0;

	color:#0A0909

}

.aboutus4 {

	margin-top:2.5em

}

.aboutus2 {

	margin-top:1em

}

.services-section {

	padding:4em 0;

	background:#f5f5f5

}

.services-section h3 {

	font-size:3.5em;

	color:#394c53

}

.services-grid h5 {

	font-size:1.4em;

	color:#000;

	padding-top:.7em

}

a.button1 {

	font-size:1.2em;

	padding:.5em 1em;

	background:#f2af00;

	margin:1.5em auto 0;

	width:38%;

	color:#fff;

	text-transform:capitalize

}

.service-section1 {

	padding:4em 0;

	background:#37353b

}

.services-grid p {

	font-size:1em;

	color:#555;

	margin:.5em 0 2em

}

.services-grid img {

	border-radius:5px;

	-ms-border-radius:5px;

	-o-border-radius:5px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px

}

.services-section1 {

	padding:1em 0 4em;

	background:#f5f5f5

}

.project-section {

	padding:4em 0;

	background:url(../images/footer-bg.jpg)

}

.project-section h3 {

	font-size:3.5em;

	margin-bottom:1.5em;

	text-align:center;

	color:#394c53

}

.error-404 h1, .error-404 p {

	margin:0;

	text-transform:uppercase

}

.port2 {

	padding:2em 0

}

.main {

	padding:12em 0;

	border-bottom:1px solid #5d5d5d

}

.error-404 h1 {

	font-size:12em;

	font-weight:700;

	color:#f2af00;

	padding:0

}

.error-404 p {

	color:#090909;

	font-size:1.2em

}

a.b-home {

	background:#16A667;

	padding:.8em 3em;

	display:inline-block;

	color:#FFF;

	margin-top:1em

}

a.b-home:hover {

	background:#f2af00;

	color:#fff

}

.contact {

	padding:4em 0

}

.contact-head h3 {

	font-size:3.5em;

	text-transform:capitalize;

	color:#394c53;

	font-weight:600

}

.contact-head span {

	color:#777

}

.contact-map iframe {

	min-height:300px;

	width:100%;

	border:none;

	margin:1.5em 0 1em

}

.contact-form-row div input[type=file], .contact-form-row div input[type=text] {

	border:1px solid #3f454d;

transition:border-color .4s;

	-webkit-appearance:none;

	outline:0

}

.contact-form-row {

	margin-bottom:3em

}

.contact-form-row div {

	width:32.6%;

	float:left;

	margin-right:1%

}

.contact-form-row div span, .contact-form-row2 span {

	font-size:1.2em;

	color:#000;

	font-weight:600;

	text-transform:capitalize;

	display:block;

	padding:0 0 .5em

}

.contact-form-row div input[type=text] {

	width:100%;

	padding:1em;

	color:#272727;

-webkit-transition:border-color .4s;

-moz-transition:border-color .4s;

-o-transition:border-color .4s;

-ms-transition:border-color .4s

}

.contact-form-row div input[type=file] {

	width:100%;

	padding:.8em;

	color:#777;

-webkit-transition:border-color .4s;

-moz-transition:border-color .4s;

-o-transition:border-color .4s;

-ms-transition:border-color .4s

}

.contact-form-row div input[type=text]:hover, .contact-form-row2 textarea:hover {

	border-color:#cf6507

}

.contact-form-row div:nth-child(3) {

margin-right:0

}

.contact-form-row2 textarea {

	width:100%;

	padding:1em;

	font-family:'Droid Sans', sans-serif;

	border:1px solid #3f454d;

	-webkit-appearance:none;

	outline:0;

	color:#272727;

	min-height:320px;

	resize:none;

transition:border-color .4s;

-webkit-transition:border-color .4s;

-moz-transition:border-color .4s;

-o-transition:border-color .4s;

-ms-transition:border-color .4s

}

.contact-form-row2 {

	margin-top:1em

}

.contact-form input[type=submit] {

	background:#16A667;

	padding:.7em 3em;

	font-size:1.2em;

	text-transform:uppercase;

	color:#FFF;

	font-weight:400;

	display:inline-block;

	margin-top:1em;

	margin-bottom:1em;

	border:none;

	outline:0;

transition:.5s all;

-webkit-transition:.5s all;

-moz-transition:.5s all;

-o-transition:.5s all;

-ms-transition:.5s all

}
.contact-form input[type=submit]:hover {

	background:#ffb449

}
.contact-form a input[type=button] {

	background:#16A667;

	padding:10px 15px ;

	font-size:18px;

	text-transform:uppercase;

	color:#FFF;

	font-weight:700;

	display:inline-block;

	margin-top:1em;

	margin-bottom:1em;

	border:none;

	outline:0;

transition:.5s all;

-webkit-transition:.5s all;

-moz-transition:.5s all;

-o-transition:.5s all;

-ms-transition:.5s all

}


.contact-form a input[type=button]:hover {

	background:#ffb449

}



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

.logo a {

font-size:4em

}

.logo {

margin:1em auto 0

}

.header-grid h4 {

font-size:1.2em

}

.header-grid p {

font-size:.965em

}

.about-section h3 {

font-size:2em

}

.about-grid p {

font-size:.965em

}

.service-section h3 {

font-size:2em

}

.service-grid h4 {

font-size:1.2em

}

.service-grid p {

font-size:.965em

}

.news-section h3, .work-section h3 {

font-size:2em

}

.work .textbox {

width:236px;

height:201px

}

.textbox img {

padding-top:5em

}

.news-grid h4 a {

font-size:1em

}

.news-grid p {

font-size:.965em

}

a.button {

font-size:1.1em;

width:38%

}

.cat h3, .cont h3, .up h3 {

font-size:2em

}

.up-text a {

font-size:1.05em

}

.up-text p {

font-size:.965em

}

.cat ul li {

font-size:.97em

}

.cont ul li p {

font-size:.965em

}

.footer-bottom p {

font-size:15px

}

.footer-bottom a {

font-size:17px

}

.cont ul li a {

font-size:.95em

}

.aboutus-section h3 {

font-size:3em

}

.header.head-top {

min-height:415px

}

.logo.logo1 {

margin-top:9em

}

.left-grid h4 {

font-size:1.5em

}

.left-grid ul li {

font-size:.97em

}

.left-grid p {

font-size:.965em

}

.ab1 a, .ab2 a {

font-size:1em

}

.right-grid h4, .right-grid h5 {

font-size:1.2em

}

.aboutus2 {

margin-top:1.5em

}

.aboutus4 {

margin-top:.5em

}

.aboutus4 h4 {

font-size:1.5em

}

.team-grid h5 {

font-size:1.2em

}

.right-grid p {

font-size:.965em

}

.services-section h3 {

font-size:3em

}

.services-grid h5 {

font-size:1.2em

}

.services-grid p {

font-size:.965em

}

a.button1 {

font-size:1.1em;

width:43%

}

.project-section h3 {

font-size:3em

}

.error-404 h1 {

font-size:10em

}

.error-404 p {

font-size:1.05em

}

.contact-head h3 {

font-size:3em

}

.contact-form-row div span, .contact-form-row2 span {

font-size:1em

}

}

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



.header-grid {

float:left;

width:25%

}

.about-grid, .about-img {

float:left;

width:50%

}

.logo a {

font-size:3em

}

.logo {

margin:7em auto 0

}

.header-grids {

bottom:-28em

}

.header-img1, .header-img2, .header-img3, .header-img4 {

padding:1.5em

}

.service-section, .work-section {

padding:3em 0

}

.header-grid h4 {

font-size:1em

}

.about-grid p, .header-grid p {

font-size:.92em

}

.about-section h3, .service-section h3 {

font-size:1.7em

}

.service-grid {

float:left;

width:33.3%

}

.service-grid h4 {

font-size:1.05em

}

.service-grid p {

font-size:.92em

}

.news-section h3, .work-section h3 {

font-size:1.7em

}

.latest-grid.work {

float:left;

width:25%

}

.work .textbox {

width:181px;

height:156px

}

.textbox img {

padding-top:3.3em

}

.aboutus-section, .news-section, .services-section {

padding:3em 0

}

.news-grid {

float:left;

width:33.3%

}

.news-grid h4 a {

font-size:.9em

}

.news-grid p {

font-size:.92em

}

a.button {

font-size:1em;

width:49%

}

.up h3 {

font-size:1.7em

}

.cat, .cont, .up {

float:left;

width:33.3%

}

.up-text a {

font-size:.97em

}

.up-text p {

font-size:.92em

}

.up-img {

float:left;

width:30%;

margin-right:3%

}

.up-text {

float:left;

width:66%

}

.cat h3 {

font-size:1.7em

}

.cat ul li {

font-size:.92em

}

.cont h3 {

font-size:1.7em

}

.cont ul li p {

font-size:.92em

}

.footer-bottom p {

font-size:14px

}

.footer-bottom a {

font-size:15px

}

.aboutus-section h3 {

font-size:2.5em;

margin-bottom:1em

}

.logo.logo1 {

margin-top:7em

}

.left-grid h4 {

font-size:1.25em

}

.left-grid {

float:left;

width:35%

}

.left-grid ul li {

font-size:.92em;

background:url(../images/list-arrow.png) 0 12px no-repeat

}

.aboutus4 h4 {

font-size:1.25em

}

.left-grid p {

font-size:.92em

}

.ab1 {

margin:1.8em 0

}

.ab1 a {

font-size:.95em

}

.right-grid h5 {

font-size:1.05em

}

.right-grid p {

font-size:.92em

}

.team-grid {

float:left;

width:21%

}

.aboutus4 {

margin-top:4.1em

}

.services-section h3 {

font-size:2.5em;

margin-bottom:1em

}

.services-grid h5, a.button1 {

font-size:1em

}

.services-grid {

float:left;

width:33.3%

}

a.button1 {

width:49%

}

.service-section1 {

padding:2em 0

}

.services-grid p {

font-size:.92em

}

.project-section {

padding:3em 0

}

.port-grid {

float:left;

width:33.3%

}

.project-section h3 {

font-size:2.5em;

margin-bottom:1em

}

.main {

padding:10em 0

}

.error-404 h1 {

font-size:8em

}

.error-404 p {

font-size:1em

}

.contact {

padding:3em 0

}

.contact-head h3 {

font-size:2.5em

}

.contact-form input[type=submit] {

padding:.7em 2em

}

}

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

.top-menu {

float:left;

text-align:left

}

.top-menu ul {

display:none

}

.top-menu ul li {

font-size:14px;

display:block;

float:none;

margin:0;

border-bottom:none;

border-right:none;

padding:6px 0

}

.top-menu ul {

margin:6px 0;

z-index:999;

position:absolute;

width:95%;

background:#394C53;

text-align:center

}

.top-menu ul li a {

display:block;

font-size:1.1em;

margin:.05em .2em;

color:#fff

}

.top-menu label {

display:none

}

.search {

width:30%

}

.logo {

margin:7em auto 0

}

.latest-grids, .news-grids, .service-grids {

margin-top:2em

}

.logo a {

font-size:2em

}

.header-grid img {

border:6px solid #eee;

width:80%

}

.header-grids {

bottom:-25em

}

.header-img1, .header-img2, .header-img3, .header-img4 {

padding:1em .5em

}

.about-section h3 {

font-size:1.5em

}

.about-grid p {

font-size:.9em

}

.service-section h3 {

font-size:1.5em

}

.header-grid h4 {

font-size:.95em

}

.header-grid p {

font-size:.9em

}

.service-grid h4 {

font-size:.95em

}

.service-grid p {

font-size:.9em

}

.news-section h3, .work-section h3 {

font-size:1.5em

}

.work .textbox {

width:150px;

height:127px

}

.textbox img {

padding-top:2.2em

}

.news-grid h4 a {

font-size:.749em

}

.news-grid p.date a {

font-size:.99em

}

.news-grid p {

font-size:.9em

}

a.button {

font-size:.95em;

width:55%

}

.categories-section {

padding:3em 0

}

.up h3 {

font-size:1.5em

}

.up-text a {

font-size:.95em

}

.up-text p {

font-size:.9em

}

.cat h3 {

font-size:1.5em

}

.cat ul li {

font-size:.9em;

padding:6px 14px

}

.cont h3 {

font-size:1.5em

}

.cont ul li p {

font-size:.92em

}

.header.head-top {

min-height:310px

}

.logo.logo1 {

margin-top:6em

}

.aboutus-section h3 {

font-size:2em

}

.right-grid p {

font-size:.9em

}

.left-grid h4 {

font-size:1.15em

}

.left-grid ul li {

font-size:.9em;

padding:6px 14px

}

.left-grid p {

font-size:.9em

}

.ab1 a, .ab2 a {

font-size:.92em

}

.right-grid h5 {

font-size:.97em

}

.services-section h3 {

font-size:2em

}

.services-grid h5 {

font-size:.97em

}

.services-grid p {

font-size:.9em

}

a.button1 {

font-size:.95em;

width:55%

}

.contact-head h3, .project-section h3 {

font-size:2em

}

.contact-map iframe {

min-height:200px

}

}

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

.aboutus4, .news-section {

text-align:center

}

.search {

width:35%;

margin:1em

}

.about-grids, .header-grid {

margin-top:2em

}

.search input[type=text] {

font-size:.95em

}

.about-section h3, .news-section h3, .service-section h3, .work-section h3 {

text-align:center;

font-size:1.4em

}

.top-menu ul {

width:93%

}



.header-grids {

bottom:-44em

}

.header-grid {

float:left;

width:50%

}

.header-grid img {

border:6px solid #eee;

width:50%

}

.about-section {

padding:2em 0

}

.about-grid, .service-grid {

float:none;

width:100%;

padding:0

}

.about-img {

float:none;

width:100%

}

.latest-grid.work {

float:left;

width:50%

}

.work .textbox {

width:214px;

height:185px

}

.textbox img {

padding-top:4.2em

}

.news-grid {

float:none;

width:100%;

margin-top:1em;

padding:0

}

.news-grid img, a.button {

margin:0 auto

}

.news-grid h4 a {

font-size:.85em

}

a.button {

font-size:.95em;

width:25%

}

.cat h3, .cont h3, .up h3 {

font-size:1.4em

}

.categories-section {

padding:1em 0

}

.cat, .cont, .up {

margin-top:1em;

padding:0

}

.up {

float:none;

width:100%

}

.up-img {

float:left;

width:20%;

margin-right:5%

}

.up-text {

float:left;

width:75%

}

.cat, .cont, .left-grid {

float:none;

width:100%

}

.footer-section {

padding:3em 0

}

.bottom-menu ul li a {

font-size:1em

}

.bottom-menu ul li {

margin:1.2em .5em

}

.footer-bottom p {

font-size:13px

}

.footer-bottom a {

font-size:14px

}

.logo.logo1 {

margin-top:4em

}

.header.head-top {

min-height:240px

}

.aboutus-section h3 {

font-size:1.7em

}

.left-grid {

padding:0

}

.left-grid h4 {

font-size:1.1em

}

.ab1 a {

font-size:.85em

}

.right-grid {

padding:2em 0 0

}

.aboutus4 {

margin-top:2em

}

.team-grid {

float:left;

width:33%;

padding:0 8px

}

.aboutus4 h4 {

font-size:1.2em;

margin-bottom:1em

}

.right-grid p {

font-size:.9em

}

.services-section h3 {

font-size:1.7em;

margin-bottom:0

}

.services-grid {

float:none;

width:100%;

padding:0;

margin-top:1em

}

.services-grid img {

margin:0 auto

}

a.button1 {

font-size:.95em;

width:25%

}

.project-section h3 {

font-size:1.7em

}

.main {

padding:8em 0

}

.error-404 h1 {

font-size:6em

}

.error-404 p {

font-size:.95em

}

a.b-home {

background:#7ab800;

padding:.8em 1.5em

}

.contact-head h3 {

font-size:1.7em

}

.contact {

padding:2em 0

}

.contact-form-row div {

width:100%;

float:none;

margin-bottom:2%

}

.contact-form-row div span, .contact-form-row2 span {

font-size:.9em;

margin:0 2px

}

.contact-map iframe {

min-height:200px

}

.contact-form-row {

margin-bottom:1em

}

.contact-form-row2 {

margin-top:0

}

.contact-form-row2 textarea {

min-height:180px

}

.contact-form input[type=submit] {

padding:.7em 1.5em;

font-size:1em

}

}

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

.logo a {

font-size:1.7em

}

.logo {

margin:3em auto 0;

width:50%;

border-top:2px solid#fff;

border-bottom:2px solid#fff

}





.search {

width:50%;

margin:1em

}

.top-menu ul {

width:90%

}

.header-grid {

float:none;

width:100%;

margin-top:2em

}

.header-img1, .header-img2, .header-img3, .header-img4 {

padding:1em 1.5em

}

.header-grids {

bottom:-73em

}



.header-grid img {

border:6px solid #eee;

width:35%

}

.about-grid p, .header-grid p {

font-size:.895em

}

.about-section h3, .service-section h3 {

font-size:1.6em

}

.about-section {

padding:1.5em 0

}

.service-section, .work-section {

padding:2em 0

}

.service-grid h4 {

font-size:1em

}

.service-grid p {

font-size:.895em

}

.service-grid img {

width:30%

}

.work-section h3 {

font-size:1.6em

}

.work .textbox {

width:273px;

height:233px

}

.textbox img {

padding-top:5.2em

}

.aboutus-section, .footer-section, .news-section {

padding:2em 0

}

.news-grid p {

font-size:.895em

}

.latest-grid.work {

float:none;

width:100%

}

a.button {

font-size:.95em;

width:35%;

margin:0 auto

}

.news-grid p {

margin-bottom:.5em

}

.up-text p {

font-size:.895em

}

.social-icons i {

margin:0

}

.bottom-menu ul li {

margin:2px 5px

}

.bottom-menu ul li a {

font-size:.962em

}

.footer-bottom {

margin-top:.5em

}

.aboutus4, .team-grid {

margin-top:1em

}

.aboutus-section h3 {

font-size:2em;

margin-bottom:.5em

}

.left-grid h4 {

font-size:1.35em

}

.left-grid p, .right-grid p {

font-size:.895em

}

.aboutus4 h4 {

font-size:1.35em;

margin-bottom:0

}

.right-grid h5 {

line-height:1.8em;

font-size:1.15em

}

.team-grid {

float:none;

width:100%;

padding:0

}

.services-section {

padding:2em 0

}

.services-section h3 {

font-size:2em

}

a.button1 {

font-size:.95em;

width:35%

}

.services-grid p {

font-size:.895em;

margin:.5em 0

}

.service-section1 {

padding:1em 0

}

.project-section {

padding:2em 0

}

.project-section h3 {

margin:0;

font-size:2em

}

.port-grid {

float:none;

width:100%;

padding:0;

margin-top:1em

}

.main {

padding:5em 0

}

.error-404 p {

font-size:.895em

}

a.b-home {

padding:.8em 1em

}

.contact-head h3 {

font-size:2em

}

.contact-form-row div input[type=text] {

width:100%;

padding:.5em

}

.heading-all h4 {

color:#000

}

}

#facebox {

	position:absolute;

	top:0;

	left:0;

	z-index:100;

	text-align:left

}

#facebox .popup {

	position:relative;

	border:3px solid transparent;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius:5px;

	-webkit-box-shadow:0 0 18px rgba(0, 0, 0, .4);

	-moz-box-shadow:0 0 18px rgba(0, 0, 0, .4);

	box-shadow:0 0 18px rgba(0, 0, 0, .4)

}

#facebox .content {

	display:table;

	width:370px;

	padding:10px;

	background:#fff;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px

}

#facebox .content>p:first-child {

	margin-top:0

}

#facebox .content>p:last-child {

	margin-bottom:0

}

#facebox .close {

	position:absolute;

	top:5px;

	right:5px;

	padding:2px;

	background:#fff

}

#facebox .close img {

	opacity:.3

}

#facebox .close:hover img {

	opacity:1

}

#facebox .image, #facebox .loading {

	text-align:center

}

#facebox img {

	border:0;

	margin:0

}

#facebox_overlay {

	position:fixed;

	top:0;

	left:0;

	height:100%;

	width:100%

}

.facebox_hide {

	z-index:-100

}

.facebox_overlayBG {

	background-color:#000;

	z-index:99

}





 @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

#cssmenu, #cssmenu #menu-button, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {

	margin:0;

	padding:0;

	border:0;

	list-style:none;

	line-height:1;

	display:block;

	position:relative;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	z-index:1000

}

#cssmenu:after, #cssmenu>ul:after {

	content:".";

	display:block;

	clear:both;

	visibility:hidden;

	line-height:0;

	height:0

}

#cssmenu #menu-button {

	display:none

}

#cssmenu {

	font-family:Montserrat, sans-serif;

	background:#253b91

}

#cssmenu>ul>li {

	float:left

}

#cssmenu.align-center>ul {

	font-size:0;

	text-align:center

}

#cssmenu.align-center>ul>li {

	display:inline-block;

	float:none;

	z-index:1000

}

#cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:before {

	position:absolute;

	display:block;

	background:#ddd;

	content:''

}

#cssmenu.align-center ul ul {

	text-align:left

}

#cssmenu.align-right>ul>li {

	float:right;

	z-index:1000

}

#cssmenu>ul>li>a {

	padding:17px 10px;

	font-size:12px;

	letter-spacing:1px;

	text-decoration:none;

	color:#ddd;

	font-weight:700;

	text-transform:uppercase

}

#cssmenu>ul>li:hover>a {

	color:#fff

}

#cssmenu>ul>li.has-sub>a {

	padding-right:30px

}

#cssmenu>ul>li.has-sub>a:after {

	top:22px;

	right:11px;

	width:8px;

	height:2px

}

#cssmenu>ul>li.has-sub>a:before {

	top:19px;

	right:14px;

	width:2px;

	height:8px;

-webkit-transition:all .25s ease;

-moz-transition:all .25s ease;

-ms-transition:all .25s ease;

-o-transition:all .25s ease;

transition:all .25s ease

}

#cssmenu>ul>li.has-sub:hover>a:before {

	top:23px;

	height:0

}

#cssmenu ul ul {

	position:absolute;

	left:-9999px

}

#cssmenu.align-right ul ul {

	text-align:right

}

#cssmenu ul ul li {

	height:0;

transition:all .25s ease

}

#cssmenu ul ul li, #cssmenu ul ul li.has-sub>a:before {

-webkit-transition:all .25s ease;

-moz-transition:all .25s ease;

-ms-transition:all .25s ease;

-o-transition:all .25s ease

}

#cssmenu li:hover>ul {

	left:auto

}

#cssmenu.align-right li:hover>ul {

	left:auto;

	right:0

}

#cssmenu li:hover>ul>li {

	height:35px

}

#cssmenu ul ul ul {

	margin-left:100%;

	top:0

}

#cssmenu.align-right ul ul ul {

	margin-left:0;

	margin-right:100%

}

#cssmenu ul ul li a {

	border-bottom:1px solid rgba(150, 150, 150, .15);

	padding:11px 15px;

	width:170px;

	font-size:12px;

	text-decoration:none;

	color:#ddd;

	font-weight:400;

	background:#173a96;

	text-align:left

}

#cssmenu ul ul li.has-sub>a:after, #cssmenu ul ul li.has-sub>a:before {

	content:'';

	position:absolute;

	display:block;

	background:#ddd

}

#cssmenu ul ul li.last-item>a, #cssmenu ul ul li:last-child>a {

	border-bottom:0

}

#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover>a {

	color:#fff

}

#cssmenu ul ul li.has-sub>a:after {

	top:16px;

	right:11px;

	width:8px;

	height:2px

}

#cssmenu.align-right ul ul li.has-sub>a:after {

	right:auto;

	left:11px

}

#cssmenu ul ul li.has-sub>a:before {

	top:13px;

	right:14px;

	width:2px;

	height:8px;

transition:all .25s ease

}

#cssmenu.align-right ul ul li.has-sub>a:before {

	right:auto;

	left:14px

}

#cssmenu ul ul>li.has-sub:hover>a:before {

	top:17px;

	height:0

}

#cssmenu.small-screen {

	width:100%

}

#cssmenu.small-screen ul {

	width:100%;

	display:none

}

#cssmenu.small-screen.align-center>ul {

	text-align:left

}

#cssmenu.small-screen ul li {

	width:100%;

	border-top:1px solid rgba(120, 120, 120, .2)

}

#cssmenu.small-screen li:hover>ul>li, #cssmenu.small-screen ul ul li {

	height:auto

}

#cssmenu.small-screen ul li a, #cssmenu.small-screen ul ul li a {

	width:100%;

	border-bottom:0

}

#cssmenu.small-screen>ul>li {

	float:none

}

#cssmenu.small-screen ul ul li a {

	padding-left:25px;

	color:#ddd;

	background:0 0

}

#cssmenu.small-screen ul ul ul li a {

	padding-left:35px

}

#cssmenu.small-screen ul ul li.active>a, #cssmenu.small-screen ul ul li:hover>a {

	color:#fff

}

#cssmenu.small-screen ul ul, #cssmenu.small-screen ul ul ul, #cssmenu.small-screen.align-right ul ul {

	position:relative;

	left:0;

	width:100%;

	margin:0;

	text-align:left

}

#cssmenu.small-screen ul ul>li.has-sub>a:after, #cssmenu.small-screen ul ul>li.has-sub>a:before, #cssmenu.small-screen>ul>li.has-sub>a:after, #cssmenu.small-screen>ul>li.has-sub>a:before {

	display:none

}

#cssmenu.small-screen #menu-button {

	display:block;

	padding:17px;

	color:#ddd;

	cursor:pointer;

	font-size:12px;

	text-transform:uppercase;

	font-weight:700

}

#cssmenu.small-screen #menu-button:after {

	position:absolute;

	top:22px;

	right:17px;

	display:block;

	height:4px;

	width:20px;

	border-top:2px solid #ddd;

	border-bottom:2px solid #ddd;

	content:''

}

#cssmenu.small-screen #menu-button:before {

	position:absolute;

	top:16px;

	right:17px;

	display:block;

	height:2px;

	width:20px;

	background:#ddd;

	content:''

}

#cssmenu.small-screen #menu-button.menu-opened:after {

	top:23px;

	border:0;

	height:2px;

	width:15px;

	background:#fff;

	-webkit-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

	-ms-transform:rotate(45deg);

	-o-transform:rotate(45deg);

	transform:rotate(45deg)

}

#cssmenu.small-screen #menu-button.menu-opened:before {

	top:23px;

	background:#fff;

	width:15px;

	-webkit-transform:rotate(-45deg);

	-moz-transform:rotate(-45deg);

	-ms-transform:rotate(-45deg);

	-o-transform:rotate(-45deg);

	transform:rotate(-45deg)

}

#cssmenu.small-screen .submenu-button {

	position:absolute;

	z-index:9999;

	right:0;

	top:0;

	display:block;

	border-left:1px solid rgba(120, 120, 120, .2);

	height:46px;

	width:46px;

	cursor:pointer

}

#cssmenu.small-screen .submenu-button.submenu-opened {

	background:#262626

}

#cssmenu.small-screen ul ul .submenu-button {

	height:34px;

	width:34px

}



#cssmenu.small-screen .submenu-button:after {

	position:absolute;

	top:22px;

	right:19px;

	width:8px;

	height:2px;

	display:block;

	background:#ddd;

	content:''

}





#cssmenu.small-screen ul ul .submenu-button:after {

	top:15px;

	right:13px

}

#cssmenu.small-screen .submenu-button.submenu-opened:after {

	background:#fff

}

#cssmenu.small-screen .submenu-button:before {

	position:absolute;

	top:19px;

	right:22px;

	display:block;

	width:2px;

	height:8px;

	background:#ddd;

	content:''

}

#cssmenu.small-screen ul ul .submenu-button:before {

	top:12px;

	right:16px

}

#cssmenu.small-screen .submenu-button.submenu-opened:before {

	display:none

}

#cssmenu.small-screen.select-list {

	padding:5px

}

















.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%, 100%, 20%, 50%, 80% {

-webkit-transform:translateY(0);

transform:translateY(0)

}

40% {

-webkit-transform:translateY(-30px);

transform:translateY(-30px)

}

60% {

-webkit-transform:translateY(-15px);

transform:translateY(-15px)

}

}

@keyframes bounce {

0%, 100%, 20%, 50%, 80% {

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

40% {

-webkit-transform:translateY(-30px);

-ms-transform:translateY(-30px);

transform:translateY(-30px)

}

60% {

-webkit-transform:translateY(-15px);

-ms-transform:translateY(-15px);

transform:translateY(-15px)

}

}

.bounce {

	-webkit-animation-name:bounce;

	animation-name:bounce

}

@-webkit-keyframes flash {

0%, 100%, 50% {

opacity:1

}

25%, 75% {

opacity:0

}

}

@keyframes flash {

0%, 100%, 50% {

opacity:1

}

25%, 75% {

opacity:0

}

}

.flash {

	-webkit-animation-name:flash;

	animation-name:flash

}

@-webkit-keyframes pulse {

0%, 100% {

-webkit-transform:scale(1);

transform:scale(1)

}

50% {

-webkit-transform:scale(1.1);

transform:scale(1.1)

}

}

@keyframes pulse {

0%, 100% {

-webkit-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1)

}

50% {

-webkit-transform:scale(1.1);

-ms-transform:scale(1.1);

transform:scale(1.1)

}

}

.pulse {

	-webkit-animation-name:pulse;

	animation-name:pulse

}

@-webkit-keyframes rubberBand {

0%, 100% {

-webkit-transform:scale(1);

transform:scale(1)

}

30% {

-webkit-transform:scaleX(1.25) scaleY(.75);

transform:scaleX(1.25) scaleY(.75)

}

40% {

-webkit-transform:scaleX(.75) scaleY(1.25);

transform:scaleX(.75) scaleY(1.25)

}

60% {

-webkit-transform:scaleX(1.15) scaleY(.85);

transform:scaleX(1.15) scaleY(.85)

}

}

@keyframes rubberBand {

0%, 100% {

-webkit-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1)

}

30% {

-webkit-transform:scaleX(1.25) scaleY(.75);

-ms-transform:scaleX(1.25) scaleY(.75);

transform:scaleX(1.25) scaleY(.75)

}

40% {

-webkit-transform:scaleX(.75) scaleY(1.25);

-ms-transform:scaleX(.75) scaleY(1.25);

transform:scaleX(.75) scaleY(1.25)

}

60% {

-webkit-transform:scaleX(1.15) scaleY(.85);

-ms-transform:scaleX(1.15) scaleY(.85);

transform:scaleX(1.15) scaleY(.85)

}

}

.rubberBand {

	-webkit-animation-name:rubberBand;

	animation-name:rubberBand

}

@-webkit-keyframes shake {

0%, 100% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

10%, 30%, 50%, 70%, 90% {

-webkit-transform:translateX(-10px);

transform:translateX(-10px)

}

20%, 40%, 60%, 80% {

-webkit-transform:translateX(10px);

transform:translateX(10px)

}

}

@keyframes shake {

0%, 100% {

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

10%, 30%, 50%, 70%, 90% {

-webkit-transform:translateX(-10px);

-ms-transform:translateX(-10px);

transform:translateX(-10px)

}

20%, 40%, 60%, 80% {

-webkit-transform:translateX(10px);

-ms-transform:translateX(10px);

transform:translateX(10px)

}

}

.shake {

	-webkit-animation-name:shake;

	animation-name:shake

}

@-webkit-keyframes swing {

20% {

-webkit-transform:rotate(15deg);

transform:rotate(15deg)

}

40% {

-webkit-transform:rotate(-10deg);

transform:rotate(-10deg)

}

60% {

-webkit-transform:rotate(5deg);

transform:rotate(5deg)

}

80% {

-webkit-transform:rotate(-5deg);

transform:rotate(-5deg)

}

100% {

-webkit-transform:rotate(0);

transform:rotate(0)

}

}

@keyframes swing {

20% {

-webkit-transform:rotate(15deg);

-ms-transform:rotate(15deg);

transform:rotate(15deg)

}

40% {

-webkit-transform:rotate(-10deg);

-ms-transform:rotate(-10deg);

transform:rotate(-10deg)

}

60% {

-webkit-transform:rotate(5deg);

-ms-transform:rotate(5deg);

transform:rotate(5deg)

}

80% {

-webkit-transform:rotate(-5deg);

-ms-transform:rotate(-5deg);

transform:rotate(-5deg)

}

100% {

-webkit-transform:rotate(0);

-ms-transform:rotate(0);

transform:rotate(0)

}

}

.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:scale(1);

transform:scale(1)

}

10%, 20% {

-webkit-transform:scale(.9) rotate(-3deg);

transform:scale(.9) rotate(-3deg)

}

30%, 50%, 70%, 90% {

-webkit-transform:scale(1.1) rotate(3deg);

transform:scale(1.1) rotate(3deg)

}

40%, 60%, 80% {

-webkit-transform:scale(1.1) rotate(-3deg);

transform:scale(1.1) rotate(-3deg)

}

100% {

-webkit-transform:scale(1) rotate(0);

transform:scale(1) rotate(0)

}

}

@keyframes tada {

0% {

-webkit-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1)

}

10%, 20% {

-webkit-transform:scale(.9) rotate(-3deg);

-ms-transform:scale(.9) rotate(-3deg);

transform:scale(.9) rotate(-3deg)

}

30%, 50%, 70%, 90% {

-webkit-transform:scale(1.1) rotate(3deg);

-ms-transform:scale(1.1) rotate(3deg);

transform:scale(1.1) rotate(3deg)

}

40%, 60%, 80% {

-webkit-transform:scale(1.1) rotate(-3deg);

-ms-transform:scale(1.1) rotate(-3deg);

transform:scale(1.1) rotate(-3deg)

}

100% {

-webkit-transform:scale(1) rotate(0);

-ms-transform:scale(1) rotate(0);

transform:scale(1) rotate(0)

}

}

.tada {

	-webkit-animation-name:tada;

	animation-name:tada

}

@-webkit-keyframes wobble {

0%, 100% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

15% {

-webkit-transform:translateX(-25%) rotate(-5deg);

transform:translateX(-25%) rotate(-5deg)

}

30% {

-webkit-transform:translateX(20%) rotate(3deg);

transform:translateX(20%) rotate(3deg)

}

45% {

-webkit-transform:translateX(-15%) rotate(-3deg);

transform:translateX(-15%) rotate(-3deg)

}

60% {

-webkit-transform:translateX(10%) rotate(2deg);

transform:translateX(10%) rotate(2deg)

}

75% {

-webkit-transform:translateX(-5%) rotate(-1deg);

transform:translateX(-5%) rotate(-1deg)

}

}

@keyframes wobble {

0%, 100% {

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

15% {

-webkit-transform:translateX(-25%) rotate(-5deg);

-ms-transform:translateX(-25%) rotate(-5deg);

transform:translateX(-25%) rotate(-5deg)

}

30% {

-webkit-transform:translateX(20%) rotate(3deg);

-ms-transform:translateX(20%) rotate(3deg);

transform:translateX(20%) rotate(3deg)

}

45% {

-webkit-transform:translateX(-15%) rotate(-3deg);

-ms-transform:translateX(-15%) rotate(-3deg);

transform:translateX(-15%) rotate(-3deg)

}

60% {

-webkit-transform:translateX(10%) rotate(2deg);

-ms-transform:translateX(10%) rotate(2deg);

transform:translateX(10%) rotate(2deg)

}

75% {

-webkit-transform:translateX(-5%) rotate(-1deg);

-ms-transform:translateX(-5%) rotate(-1deg);

transform:translateX(-5%) rotate(-1deg)

}

}

.wobble {

	-webkit-animation-name:wobble;

	animation-name:wobble

}

@-webkit-keyframes bounceIn {

0% {

opacity:0;

-webkit-transform:scale(.3);

transform:scale(.3)

}

50% {

opacity:1;

-webkit-transform:scale(1.05);

transform:scale(1.05)

}

70% {

-webkit-transform:scale(.9);

transform:scale(.9)

}

100% {

opacity:1;

-webkit-transform:scale(1);

transform:scale(1)

}

}

@keyframes bounceIn {

0% {

opacity:0;

-webkit-transform:scale(.3);

-ms-transform:scale(.3);

transform:scale(.3)

}

50% {

opacity:1;

-webkit-transform:scale(1.05);

-ms-transform:scale(1.05);

transform:scale(1.05)

}

70% {

-webkit-transform:scale(.9);

-ms-transform:scale(.9);

transform:scale(.9)

}

100% {

opacity:1;

-webkit-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1)

}

}

.bounceIn {

	-webkit-animation-name:bounceIn;

	animation-name:bounceIn

}

@-webkit-keyframes bounceInDown {

0% {

opacity:0;

-webkit-transform:translateY(-2000px);

transform:translateY(-2000px)

}

60% {

opacity:1;

-webkit-transform:translateY(30px);

transform:translateY(30px)

}

80% {

-webkit-transform:translateY(-10px);

transform:translateY(-10px)

}

100% {

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes bounceInDown {

0% {

opacity:0;

-webkit-transform:translateY(-2000px);

-ms-transform:translateY(-2000px);

transform:translateY(-2000px)

}

60% {

opacity:1;

-webkit-transform:translateY(30px);

-ms-transform:translateY(30px);

transform:translateY(30px)

}

80% {

-webkit-transform:translateY(-10px);

-ms-transform:translateY(-10px);

transform:translateY(-10px)

}

100% {

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

}

.bounceInDown {

	-webkit-animation-name:bounceInDown;

	animation-name:bounceInDown

}

@-webkit-keyframes bounceInLeft {

0% {

opacity:0;

-webkit-transform:translateX(-2000px);

transform:translateX(-2000px)

}

60% {

opacity:1;

-webkit-transform:translateX(30px);

transform:translateX(30px)

}

80% {

-webkit-transform:translateX(-10px);

transform:translateX(-10px)

}

100% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

}

@keyframes bounceInLeft {

0% {

opacity:0;

-webkit-transform:translateX(-2000px);

-ms-transform:translateX(-2000px);

transform:translateX(-2000px)

}

60% {

opacity:1;

-webkit-transform:translateX(30px);

-ms-transform:translateX(30px);

transform:translateX(30px)

}

80% {

-webkit-transform:translateX(-10px);

-ms-transform:translateX(-10px);

transform:translateX(-10px)

}

100% {

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

}

.bounceInLeft {

	-webkit-animation-name:bounceInLeft;

	animation-name:bounceInLeft

}

@-webkit-keyframes bounceInRight {

0% {

opacity:0;

-webkit-transform:translateX(2000px);

transform:translateX(2000px)

}

60% {

opacity:1;

-webkit-transform:translateX(-30px);

transform:translateX(-30px)

}

80% {

-webkit-transform:translateX(10px);

transform:translateX(10px)

}

100% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

}

@keyframes bounceInRight {

0% {

opacity:0;

-webkit-transform:translateX(2000px);

-ms-transform:translateX(2000px);

transform:translateX(2000px)

}

60% {

opacity:1;

-webkit-transform:translateX(-30px);

-ms-transform:translateX(-30px);

transform:translateX(-30px)

}

80% {

-webkit-transform:translateX(10px);

-ms-transform:translateX(10px);

transform:translateX(10px)

}

100% {

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

}

.bounceInRight {

	-webkit-animation-name:bounceInRight;

	animation-name:bounceInRight

}

@-webkit-keyframes bounceInUp {

0% {

opacity:0;

-webkit-transform:translateY(2000px);

transform:translateY(2000px)

}

60% {

opacity:1;

-webkit-transform:translateY(-30px);

transform:translateY(-30px)

}

80% {

-webkit-transform:translateY(10px);

transform:translateY(10px)

}

100% {

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes bounceInUp {

0% {

opacity:0;

-webkit-transform:translateY(2000px);

-ms-transform:translateY(2000px);

transform:translateY(2000px)

}

60% {

opacity:1;

-webkit-transform:translateY(-30px);

-ms-transform:translateY(-30px);

transform:translateY(-30px)

}

80% {

-webkit-transform:translateY(10px);

-ms-transform:translateY(10px);

transform:translateY(10px)

}

100% {

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

}

.bounceInUp {

	-webkit-animation-name:bounceInUp;

	animation-name:bounceInUp

}

@-webkit-keyframes bounceOut {

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

25% {

-webkit-transform:scale(.95);

transform:scale(.95)

}

50% {

opacity:1;

-webkit-transform:scale(1.1);

transform:scale(1.1)

}

100% {

opacity:0;

-webkit-transform:scale(.3);

transform:scale(.3)

}

}

@keyframes bounceOut {

0% {

-webkit-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1)

}

25% {

-webkit-transform:scale(.95);

-ms-transform:scale(.95);

transform:scale(.95)

}

50% {

opacity:1;

-webkit-transform:scale(1.1);

-ms-transform:scale(1.1);

transform:scale(1.1)

}

100% {

opacity:0;

-webkit-transform:scale(.3);

-ms-transform:scale(.3);

transform:scale(.3)

}

}

.bounceOut {

	-webkit-animation-name:bounceOut;

	animation-name:bounceOut

}

@-webkit-keyframes bounceOutDown {

0% {

-webkit-transform:translateY(0);

transform:translateY(0)

}

20% {

opacity:1;

-webkit-transform:translateY(-20px);

transform:translateY(-20px)

}

100% {

opacity:0;

-webkit-transform:translateY(2000px);

transform:translateY(2000px)

}

}

@keyframes bounceOutDown {

0% {

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

20% {

opacity:1;

-webkit-transform:translateY(-20px);

-ms-transform:translateY(-20px);

transform:translateY(-20px)

}

100% {

opacity:0;

-webkit-transform:translateY(2000px);

-ms-transform:translateY(2000px);

transform:translateY(2000px)

}

}

.bounceOutDown {

	-webkit-animation-name:bounceOutDown;

	animation-name:bounceOutDown

}

@-webkit-keyframes bounceOutLeft {

0% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

20% {

opacity:1;

-webkit-transform:translateX(20px);

transform:translateX(20px)

}

100% {

opacity:0;

-webkit-transform:translateX(-2000px);

transform:translateX(-2000px)

}

}

@keyframes bounceOutLeft {

0% {

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

20% {

opacity:1;

-webkit-transform:translateX(20px);

-ms-transform:translateX(20px);

transform:translateX(20px)

}

100% {

opacity:0;

-webkit-transform:translateX(-2000px);

-ms-transform:translateX(-2000px);

transform:translateX(-2000px)

}

}

.bounceOutLeft {

	-webkit-animation-name:bounceOutLeft;

	animation-name:bounceOutLeft

}

@-webkit-keyframes bounceOutRight {

0% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

20% {

opacity:1;

-webkit-transform:translateX(-20px);

transform:translateX(-20px)

}

100% {

opacity:0;

-webkit-transform:translateX(2000px);

transform:translateX(2000px)

}

}

@keyframes bounceOutRight {

0% {

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

20% {

opacity:1;

-webkit-transform:translateX(-20px);

-ms-transform:translateX(-20px);

transform:translateX(-20px)

}

100% {

opacity:0;

-webkit-transform:translateX(2000px);

-ms-transform:translateX(2000px);

transform:translateX(2000px)

}

}

.bounceOutRight {

	-webkit-animation-name:bounceOutRight;

	animation-name:bounceOutRight

}

@-webkit-keyframes bounceOutUp {

0% {

-webkit-transform:translateY(0);

transform:translateY(0)

}

20% {

opacity:1;

-webkit-transform:translateY(20px);

transform:translateY(20px)

}

100% {

opacity:0;

-webkit-transform:translateY(-2000px);

transform:translateY(-2000px)

}

}

@keyframes bounceOutUp {

0% {

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

20% {

opacity:1;

-webkit-transform:translateY(20px);

-ms-transform:translateY(20px);

transform:translateY(20px)

}

100% {

opacity:0;

-webkit-transform:translateY(-2000px);

-ms-transform:translateY(-2000px);

transform:translateY(-2000px)

}

}

.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:translateY(-20px);

transform:translateY(-20px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes fadeInDown {

0% {

opacity:0;

-webkit-transform:translateY(-20px);

-ms-transform:translateY(-20px);

transform:translateY(-20px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

}

.fadeInDown {

	-webkit-animation-name:fadeInDown;

	animation-name:fadeInDown

}

@-webkit-keyframes fadeInDownBig {

0% {

opacity:0;

-webkit-transform:translateY(-2000px);

transform:translateY(-2000px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes fadeInDownBig {

0% {

opacity:0;

-webkit-transform:translateY(-2000px);

-ms-transform:translateY(-2000px);

transform:translateY(-2000px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

}

.fadeInDownBig {

	-webkit-animation-name:fadeInDownBig;

	animation-name:fadeInDownBig

}

@-webkit-keyframes fadeInLeft {

0% {

opacity:0;

-webkit-transform:translateX(-20px);

transform:translateX(-20px)

}

100% {

opacity:1;

-webkit-transform:translateX(0);

transform:translateX(0)

}

}

@keyframes fadeInLeft {

0% {

opacity:0;

-webkit-transform:translateX(-20px);

-ms-transform:translateX(-20px);

transform:translateX(-20px)

}

100% {

opacity:1;

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

}

.fadeInLeft {

	-webkit-animation-name:fadeInLeft;

	animation-name:fadeInLeft

}

@-webkit-keyframes fadeInLeftBig {

0% {

opacity:0;

-webkit-transform:translateX(-2000px);

transform:translateX(-2000px)

}

100% {

opacity:1;

-webkit-transform:translateX(0);

transform:translateX(0)

}

}

@keyframes fadeInLeftBig {

0% {

opacity:0;

-webkit-transform:translateX(-2000px);

-ms-transform:translateX(-2000px);

transform:translateX(-2000px)

}

100% {

opacity:1;

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

}

.fadeInLeftBig {

	-webkit-animation-name:fadeInLeftBig;

	animation-name:fadeInLeftBig

}

@-webkit-keyframes fadeInRight {

0% {

opacity:0;

-webkit-transform:translateX(20px);

transform:translateX(20px)

}

100% {

opacity:1;

-webkit-transform:translateX(0);

transform:translateX(0)

}

}

@keyframes fadeInRight {

0% {

opacity:0;

-webkit-transform:translateX(20px);

-ms-transform:translateX(20px);

transform:translateX(20px)

}

100% {

opacity:1;

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

}

.fadeInRight {

	-webkit-animation-name:fadeInRight;

	animation-name:fadeInRight

}

@-webkit-keyframes fadeInRightBig {

0% {

opacity:0;

-webkit-transform:translateX(2000px);

transform:translateX(2000px)

}

100% {

opacity:1;

-webkit-transform:translateX(0);

transform:translateX(0)

}

}

@keyframes fadeInRightBig {

0% {

opacity:0;

-webkit-transform:translateX(2000px);

-ms-transform:translateX(2000px);

transform:translateX(2000px)

}

100% {

opacity:1;

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

}

.fadeInRightBig {

	-webkit-animation-name:fadeInRightBig;

	animation-name:fadeInRightBig

}

@-webkit-keyframes fadeInUp {

0% {

opacity:0;

-webkit-transform:translateY(20px);

transform:translateY(20px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes fadeInUp {

0% {

opacity:0;

-webkit-transform:translateY(20px);

-ms-transform:translateY(20px);

transform:translateY(20px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

}

.fadeInUp {

	-webkit-animation-name:fadeInUp;

	animation-name:fadeInUp

}

@-webkit-keyframes fadeInUpBig {

0% {

opacity:0;

-webkit-transform:translateY(2000px);

transform:translateY(2000px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes fadeInUpBig {

0% {

opacity:0;

-webkit-transform:translateY(2000px);

-ms-transform:translateY(2000px);

transform:translateY(2000px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

}

.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;

-webkit-transform:translateY(0);

transform:translateY(0)

}

100% {

opacity:0;

-webkit-transform:translateY(20px);

transform:translateY(20px)

}

}

@keyframes fadeOutDown {

0% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

100% {

opacity:0;

-webkit-transform:translateY(20px);

-ms-transform:translateY(20px);

transform:translateY(20px)

}

}

.fadeOutDown {

	-webkit-animation-name:fadeOutDown;

	animation-name:fadeOutDown

}

@-webkit-keyframes fadeOutDownBig {

0% {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

100% {

opacity:0;

-webkit-transform:translateY(2000px);

transform:translateY(2000px)

}

}

@keyframes fadeOutDownBig {

0% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

100% {

opacity:0;

-webkit-transform:translateY(2000px);

-ms-transform:translateY(2000px);

transform:translateY(2000px)

}

}

.fadeOutDownBig {

	-webkit-animation-name:fadeOutDownBig;

	animation-name:fadeOutDownBig

}

@-webkit-keyframes fadeOutLeft {

0% {

opacity:1;

-webkit-transform:translateX(0);

transform:translateX(0)

}

100% {

opacity:0;

-webkit-transform:translateX(-20px);

transform:translateX(-20px)

}

}

@keyframes fadeOutLeft {

0% {

opacity:1;

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

100% {

opacity:0;

-webkit-transform:translateX(-20px);

-ms-transform:translateX(-20px);

transform:translateX(-20px)

}

}

.fadeOutLeft {

	-webkit-animation-name:fadeOutLeft;

	animation-name:fadeOutLeft

}

@-webkit-keyframes fadeOutLeftBig {

0% {

opacity:1;

-webkit-transform:translateX(0);

transform:translateX(0)

}

100% {

opacity:0;

-webkit-transform:translateX(-2000px);

transform:translateX(-2000px)

}

}

@keyframes fadeOutLeftBig {

0% {

opacity:1;

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

100% {

opacity:0;

-webkit-transform:translateX(-2000px);

-ms-transform:translateX(-2000px);

transform:translateX(-2000px)

}

}

.fadeOutLeftBig {

	-webkit-animation-name:fadeOutLeftBig;

	animation-name:fadeOutLeftBig

}

@-webkit-keyframes fadeOutRight {

0% {

opacity:1;

-webkit-transform:translateX(0);

transform:translateX(0)

}

100% {

opacity:0;

-webkit-transform:translateX(20px);

transform:translateX(20px)

}

}

@keyframes fadeOutRight {

0% {

opacity:1;

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

100% {

opacity:0;

-webkit-transform:translateX(20px);

-ms-transform:translateX(20px);

transform:translateX(20px)

}

}

.fadeOutRight {

	-webkit-animation-name:fadeOutRight;

	animation-name:fadeOutRight

}

@-webkit-keyframes fadeOutRightBig {

0% {

opacity:1;

-webkit-transform:translateX(0);

transform:translateX(0)

}

100% {

opacity:0;

-webkit-transform:translateX(2000px);

transform:translateX(2000px)

}

}

@keyframes fadeOutRightBig {

0% {

opacity:1;

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

100% {

opacity:0;

-webkit-transform:translateX(2000px);

-ms-transform:translateX(2000px);

transform:translateX(2000px)

}

}

.fadeOutRightBig {

	-webkit-animation-name:fadeOutRightBig;

	animation-name:fadeOutRightBig

}

@-webkit-keyframes fadeOutUp {

0% {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

100% {

opacity:0;

-webkit-transform:translateY(-20px);

transform:translateY(-20px)

}

}

@keyframes fadeOutUp {

0% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

100% {

opacity:0;

-webkit-transform:translateY(-20px);

-ms-transform:translateY(-20px);

transform:translateY(-20px)

}

}

.fadeOutUp {

	-webkit-animation-name:fadeOutUp;

	animation-name:fadeOutUp

}

@-webkit-keyframes fadeOutUpBig {

0% {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

100% {

opacity:0;

-webkit-transform:translateY(-2000px);

transform:translateY(-2000px)

}

}

@keyframes fadeOutUpBig {

0% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

100% {

opacity:0;

-webkit-transform:translateY(-2000px);

-ms-transform:translateY(-2000px);

transform:translateY(-2000px)

}

}

.fadeOutUpBig {

	-webkit-animation-name:fadeOutUpBig;

	animation-name:fadeOutUpBig

}

@-webkit-keyframes flip {

0% {

-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

40% {

-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

50% {

-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

-webkit-animation-timing-function:ease-in;

animation-timing-function:ease-in

}

80% {

-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(.95);

transform:perspective(400px) translateZ(0) rotateY(0) scale(.95);

-webkit-animation-timing-function:ease-in;

animation-timing-function:ease-in

}

100% {

-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);

transform:perspective(400px) translateZ(0) rotateY(0) scale(1);

-webkit-animation-timing-function:ease-in;

animation-timing-function:ease-in

}

}

@keyframes flip {

0% {

-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

-ms-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

40% {

-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

50% {

-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

-webkit-animation-timing-function:ease-in;

animation-timing-function:ease-in

}

80% {

-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(.95);

-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(.95);

transform:perspective(400px) translateZ(0) rotateY(0) scale(.95);

-webkit-animation-timing-function:ease-in;

animation-timing-function:ease-in

}

100% {

-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);

-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);

transform:perspective(400px) translateZ(0) rotateY(0) scale(1);

-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) rotateX(90deg);

transform:perspective(400px) rotateX(90deg);

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotateX(-10deg);

transform:perspective(400px) rotateX(-10deg)

}

70% {

-webkit-transform:perspective(400px) rotateX(10deg);

transform:perspective(400px) rotateX(10deg)

}

100% {

-webkit-transform:perspective(400px) rotateX(0);

transform:perspective(400px) rotateX(0);

opacity:1

}

}

@keyframes flipInX {

0% {

-webkit-transform:perspective(400px) rotateX(90deg);

-ms-transform:perspective(400px) rotateX(90deg);

transform:perspective(400px) rotateX(90deg);

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotateX(-10deg);

-ms-transform:perspective(400px) rotateX(-10deg);

transform:perspective(400px) rotateX(-10deg)

}

70% {

-webkit-transform:perspective(400px) rotateX(10deg);

-ms-transform:perspective(400px) rotateX(10deg);

transform:perspective(400px) rotateX(10deg)

}

100% {

-webkit-transform:perspective(400px) rotateX(0);

-ms-transform:perspective(400px) rotateX(0);

transform:perspective(400px) rotateX(0);

opacity:1

}

}

.flipInX {

	-webkit-backface-visibility:visible!important;

	-ms-backface-visibility:visible!important;

	backface-visibility:visible!important;

	-webkit-animation-name:flipInX;

	animation-name:flipInX

}

.flipInY, .flipOutX {

	-webkit-backface-visibility:visible!important;

	-ms-backface-visibility:visible!important

}

@-webkit-keyframes flipInY {

0% {

-webkit-transform:perspective(400px) rotateY(90deg);

transform:perspective(400px) rotateY(90deg);

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotateY(-10deg);

transform:perspective(400px) rotateY(-10deg)

}

70% {

-webkit-transform:perspective(400px) rotateY(10deg);

transform:perspective(400px) rotateY(10deg)

}

100% {

-webkit-transform:perspective(400px) rotateY(0);

transform:perspective(400px) rotateY(0);

opacity:1

}

}

@keyframes flipInY {

0% {

-webkit-transform:perspective(400px) rotateY(90deg);

-ms-transform:perspective(400px) rotateY(90deg);

transform:perspective(400px) rotateY(90deg);

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotateY(-10deg);

-ms-transform:perspective(400px) rotateY(-10deg);

transform:perspective(400px) rotateY(-10deg)

}

70% {

-webkit-transform:perspective(400px) rotateY(10deg);

-ms-transform:perspective(400px) rotateY(10deg);

transform:perspective(400px) rotateY(10deg)

}

100% {

-webkit-transform:perspective(400px) rotateY(0);

-ms-transform:perspective(400px) rotateY(0);

transform:perspective(400px) rotateY(0);

opacity:1

}

}

.flipInY {

	backface-visibility:visible!important;

	-webkit-animation-name:flipInY;

	animation-name:flipInY

}

@-webkit-keyframes flipOutX {

0% {

-webkit-transform:perspective(400px) rotateX(0);

transform:perspective(400px) rotateX(0);

opacity:1

}

100% {

-webkit-transform:perspective(400px) rotateX(90deg);

transform:perspective(400px) rotateX(90deg);

opacity:0

}

}

@keyframes flipOutX {

0% {

-webkit-transform:perspective(400px) rotateX(0);

-ms-transform:perspective(400px) rotateX(0);

transform:perspective(400px) rotateX(0);

opacity:1

}

100% {

-webkit-transform:perspective(400px) rotateX(90deg);

-ms-transform:perspective(400px) rotateX(90deg);

transform:perspective(400px) rotateX(90deg);

opacity:0

}

}

.flipOutX {

	-webkit-animation-name:flipOutX;

	animation-name:flipOutX;

	backface-visibility:visible!important

}

@-webkit-keyframes flipOutY {

0% {

-webkit-transform:perspective(400px) rotateY(0);

transform:perspective(400px) rotateY(0);

opacity:1

}

100% {

-webkit-transform:perspective(400px) rotateY(90deg);

transform:perspective(400px) rotateY(90deg);

opacity:0

}

}

@keyframes flipOutY {

0% {

-webkit-transform:perspective(400px) rotateY(0);

-ms-transform:perspective(400px) rotateY(0);

transform:perspective(400px) rotateY(0);

opacity:1

}

100% {

-webkit-transform:perspective(400px) rotateY(90deg);

-ms-transform:perspective(400px) rotateY(90deg);

transform:perspective(400px) rotateY(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-keyframes lightSpeedIn {

0% {

-webkit-transform:translateX(100%) skewX(-30deg);

transform:translateX(100%) skewX(-30deg);

opacity:0

}

60% {

-webkit-transform:translateX(-20%) skewX(30deg);

transform:translateX(-20%) skewX(30deg);

opacity:1

}

80% {

-webkit-transform:translateX(0) skewX(-15deg);

transform:translateX(0) skewX(-15deg);

opacity:1

}

100% {

-webkit-transform:translateX(0) skewX(0);

transform:translateX(0) skewX(0);

opacity:1

}

}

@keyframes lightSpeedIn {

0% {

-webkit-transform:translateX(100%) skewX(-30deg);

-ms-transform:translateX(100%) skewX(-30deg);

transform:translateX(100%) skewX(-30deg);

opacity:0

}

60% {

-webkit-transform:translateX(-20%) skewX(30deg);

-ms-transform:translateX(-20%) skewX(30deg);

transform:translateX(-20%) skewX(30deg);

opacity:1

}

80% {

-webkit-transform:translateX(0) skewX(-15deg);

-ms-transform:translateX(0) skewX(-15deg);

transform:translateX(0) skewX(-15deg);

opacity:1

}

100% {

-webkit-transform:translateX(0) skewX(0);

-ms-transform:translateX(0) skewX(0);

transform:translateX(0) skewX(0);

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% {

-webkit-transform:translateX(0) skewX(0);

transform:translateX(0) skewX(0);

opacity:1

}

100% {

-webkit-transform:translateX(100%) skewX(-30deg);

transform:translateX(100%) skewX(-30deg);

opacity:0

}

}

@keyframes lightSpeedOut {

0% {

-webkit-transform:translateX(0) skewX(0);

-ms-transform:translateX(0) skewX(0);

transform:translateX(0) skewX(0);

opacity:1

}

100% {

-webkit-transform:translateX(100%) skewX(-30deg);

-ms-transform:translateX(100%) skewX(-30deg);

transform:translateX(100%) 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 center;

transform-origin:center center;

-webkit-transform:rotate(-200deg);

transform:rotate(-200deg);

opacity:0

}

100% {

-webkit-transform-origin:center center;

transform-origin:center center;

-webkit-transform:rotate(0);

transform:rotate(0);

opacity:1

}

}

@keyframes rotateIn {

0% {

-webkit-transform-origin:center center;

-ms-transform-origin:center center;

transform-origin:center center;

-webkit-transform:rotate(-200deg);

-ms-transform:rotate(-200deg);

transform:rotate(-200deg);

opacity:0

}

100% {

-webkit-transform-origin:center center;

-ms-transform-origin:center center;

transform-origin:center center;

-webkit-transform:rotate(0);

-ms-transform:rotate(0);

transform:rotate(0);

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:rotate(-90deg);

transform:rotate(-90deg);

opacity:0

}

100% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(0);

transform:rotate(0);

opacity:1

}

}

@keyframes rotateInDownLeft {

0% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(-90deg);

-ms-transform:rotate(-90deg);

transform:rotate(-90deg);

opacity:0

}

100% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(0);

-ms-transform:rotate(0);

transform:rotate(0);

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:rotate(90deg);

transform:rotate(90deg);

opacity:0

}

100% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(0);

transform:rotate(0);

opacity:1

}

}

@keyframes rotateInDownRight {

0% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(90deg);

-ms-transform:rotate(90deg);

transform:rotate(90deg);

opacity:0

}

100% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(0);

-ms-transform:rotate(0);

transform:rotate(0);

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:rotate(90deg);

transform:rotate(90deg);

opacity:0

}

100% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(0);

transform:rotate(0);

opacity:1

}

}

@keyframes rotateInUpLeft {

0% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(90deg);

-ms-transform:rotate(90deg);

transform:rotate(90deg);

opacity:0

}

100% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(0);

-ms-transform:rotate(0);

transform:rotate(0);

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:rotate(-90deg);

transform:rotate(-90deg);

opacity:0

}

100% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(0);

transform:rotate(0);

opacity:1

}

}

@keyframes rotateInUpRight {

0% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(-90deg);

-ms-transform:rotate(-90deg);

transform:rotate(-90deg);

opacity:0

}

100% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(0);

-ms-transform:rotate(0);

transform:rotate(0);

opacity:1

}

}

.rotateInUpRight {

	-webkit-animation-name:rotateInUpRight;

	animation-name:rotateInUpRight

}

@-webkit-keyframes rotateOut {

0% {

-webkit-transform-origin:center center;

transform-origin:center center;

-webkit-transform:rotate(0);

transform:rotate(0);

opacity:1

}

100% {

-webkit-transform-origin:center center;

transform-origin:center center;

-webkit-transform:rotate(200deg);

transform:rotate(200deg);

opacity:0

}

}

@keyframes rotateOut {

0% {

-webkit-transform-origin:center center;

-ms-transform-origin:center center;

transform-origin:center center;

-webkit-transform:rotate(0);

-ms-transform:rotate(0);

transform:rotate(0);

opacity:1

}

100% {

-webkit-transform-origin:center center;

-ms-transform-origin:center center;

transform-origin:center center;

-webkit-transform:rotate(200deg);

-ms-transform:rotate(200deg);

transform:rotate(200deg);

opacity:0

}

}

.rotateOut {

	-webkit-animation-name:rotateOut;

	animation-name:rotateOut

}

@-webkit-keyframes rotateOutDownLeft {

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(0);

transform:rotate(0);

opacity:1

}

100% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(90deg);

transform:rotate(90deg);

opacity:0

}

}

@keyframes rotateOutDownLeft {

0% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(0);

-ms-transform:rotate(0);

transform:rotate(0);

opacity:1

}

100% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(90deg);

-ms-transform:rotate(90deg);

transform:rotate(90deg);

opacity:0

}

}

.rotateOutDownLeft {

	-webkit-animation-name:rotateOutDownLeft;

	animation-name:rotateOutDownLeft

}

@-webkit-keyframes rotateOutDownRight {

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(0);

transform:rotate(0);

opacity:1

}

100% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(-90deg);

transform:rotate(-90deg);

opacity:0

}

}

@keyframes rotateOutDownRight {

0% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(0);

-ms-transform:rotate(0);

transform:rotate(0);

opacity:1

}

100% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(-90deg);

-ms-transform:rotate(-90deg);

transform:rotate(-90deg);

opacity:0

}

}

.rotateOutDownRight {

	-webkit-animation-name:rotateOutDownRight;

	animation-name:rotateOutDownRight

}

@-webkit-keyframes rotateOutUpLeft {

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(0);

transform:rotate(0);

opacity:1

}

100% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(-90deg);

transform:rotate(-90deg);

opacity:0

}

}

@keyframes rotateOutUpLeft {

0% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(0);

-ms-transform:rotate(0);

transform:rotate(0);

opacity:1

}

100% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(-90deg);

-ms-transform:rotate(-90deg);

transform:rotate(-90deg);

opacity:0

}

}

.rotateOutUpLeft {

	-webkit-animation-name:rotateOutUpLeft;

	animation-name:rotateOutUpLeft

}

@-webkit-keyframes rotateOutUpRight {

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(0);

transform:rotate(0);

opacity:1

}

100% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(90deg);

transform:rotate(90deg);

opacity:0

}

}

@keyframes rotateOutUpRight {

0% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(0);

-ms-transform:rotate(0);

transform:rotate(0);

opacity:1

}

100% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate(90deg);

-ms-transform:rotate(90deg);

transform:rotate(90deg);

opacity:0

}

}

.rotateOutUpRight {

	-webkit-animation-name:rotateOutUpRight;

	animation-name:rotateOutUpRight

}

@-webkit-keyframes slideInDown {

0% {

opacity:0;

-webkit-transform:translateY(-2000px);

transform:translateY(-2000px)

}

100% {

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes slideInDown {

0% {

opacity:0;

-webkit-transform:translateY(-2000px);

-ms-transform:translateY(-2000px);

transform:translateY(-2000px)

}

100% {

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

}

.slideInDown {

	-webkit-animation-name:slideInDown;

	animation-name:slideInDown

}

@-webkit-keyframes slideInLeft {

0% {

opacity:0;

-webkit-transform:translateX(-2000px);

transform:translateX(-2000px)

}

100% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

}

@keyframes slideInLeft {

0% {

opacity:0;

-webkit-transform:translateX(-2000px);

-ms-transform:translateX(-2000px);

transform:translateX(-2000px)

}

100% {

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

}

.slideInLeft {

	-webkit-animation-name:slideInLeft;

	animation-name:slideInLeft

}

@-webkit-keyframes slideInRight {

0% {

opacity:0;

-webkit-transform:translateX(2000px);

transform:translateX(2000px)

}

100% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

}

@keyframes slideInRight {

0% {

opacity:0;

-webkit-transform:translateX(2000px);

-ms-transform:translateX(2000px);

transform:translateX(2000px)

}

100% {

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

}

.slideInRight {

	-webkit-animation-name:slideInRight;

	animation-name:slideInRight

}

@-webkit-keyframes slideOutLeft {

0% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

100% {

opacity:0;

-webkit-transform:translateX(-2000px);

transform:translateX(-2000px)

}

}

@keyframes slideOutLeft {

0% {

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

100% {

opacity:0;

-webkit-transform:translateX(-2000px);

-ms-transform:translateX(-2000px);

transform:translateX(-2000px)

}

}

.slideOutLeft {

	-webkit-animation-name:slideOutLeft;

	animation-name:slideOutLeft

}

@-webkit-keyframes slideOutRight {

0% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

100% {

opacity:0;

-webkit-transform:translateX(2000px);

transform:translateX(2000px)

}

}

@keyframes slideOutRight {

0% {

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

100% {

opacity:0;

-webkit-transform:translateX(2000px);

-ms-transform:translateX(2000px);

transform:translateX(2000px)

}

}

.slideOutRight {

	-webkit-animation-name:slideOutRight;

	animation-name:slideOutRight

}

@-webkit-keyframes slideOutUp {

0% {

-webkit-transform:translateY(0);

transform:translateY(0)

}

100% {

opacity:0;

-webkit-transform:translateY(-2000px);

transform:translateY(-2000px)

}

}

@keyframes slideOutUp {

0% {

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

100% {

opacity:0;

-webkit-transform:translateY(-2000px);

-ms-transform:translateY(-2000px);

transform:translateY(-2000px)

}

}

.slideOutUp {

	-webkit-animation-name:slideOutUp;

	animation-name:slideOutUp

}

@-webkit-keyframes slideInUp {

0% {

opacity:0;

-webkit-transform:translateY(2000px);

transform:translateY(2000px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes slideInUp {

0% {

opacity:0;

-webkit-transform:translateY(2000px);

-ms-transform:translateY(2000px);

transform:translateY(2000px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

}

.slideInUp {

	-webkit-animation-name:slideInUp;

	animation-name:slideInUp

}

@-webkit-keyframes slideOutDown {

0% {

-webkit-transform:translateY(0);

transform:translateY(0)

}

100% {

opacity:0;

-webkit-transform:translateY(2000px);

transform:translateY(2000px)

}

}

@keyframes slideOutDown {

0% {

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

100% {

opacity:0;

-webkit-transform:translateY(2000px);

-ms-transform:translateY(2000px);

transform:translateY(2000px)

}

}

.slideOutDown {

	-webkit-animation-name:slideOutDown;

	animation-name:slideOutDown

}

@-webkit-keyframes hinge {

0% {

-webkit-transform:rotate(0);

transform:rotate(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:rotate(80deg);

transform:rotate(80deg);

-webkit-transform-origin:top left;

transform-origin:top left;

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

40% {

-webkit-transform:rotate(60deg);

transform:rotate(60deg);

-webkit-transform-origin:top left;

transform-origin:top left;

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

80% {

-webkit-transform:rotate(60deg) translateY(0);

transform:rotate(60deg) translateY(0);

-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:translateY(700px);

transform:translateY(700px);

opacity:0

}

}

@keyframes hinge {

0% {

-webkit-transform:rotate(0);

-ms-transform:rotate(0);

transform:rotate(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:rotate(80deg);

-ms-transform:rotate(80deg);

transform:rotate(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% {

-webkit-transform:rotate(60deg);

-ms-transform:rotate(60deg);

transform:rotate(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

}

80% {

-webkit-transform:rotate(60deg) translateY(0);

-ms-transform:rotate(60deg) translateY(0);

transform:rotate(60deg) translateY(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;

opacity:1

}

100% {

-webkit-transform:translateY(700px);

-ms-transform:translateY(700px);

transform:translateY(700px);

opacity:0

}

}

.hinge {

	-webkit-animation-name:hinge;

	animation-name:hinge

}

@-webkit-keyframes rollIn {

0% {

opacity:0;

-webkit-transform:translateX(-100%) rotate(-120deg);

transform:translateX(-100%) rotate(-120deg)

}

100% {

opacity:1;

-webkit-transform:translateX(0) rotate(0);

transform:translateX(0) rotate(0)

}

}

@keyframes rollIn {

0% {

opacity:0;

-webkit-transform:translateX(-100%) rotate(-120deg);

-ms-transform:translateX(-100%) rotate(-120deg);

transform:translateX(-100%) rotate(-120deg)

}

100% {

opacity:1;

-webkit-transform:translateX(0) rotate(0);

-ms-transform:translateX(0) rotate(0);

transform:translateX(0) rotate(0)

}

}

.rollIn {

	-webkit-animation-name:rollIn;

	animation-name:rollIn

}

@-webkit-keyframes rollOut {

0% {

opacity:1;

-webkit-transform:translateX(0) rotate(0);

transform:translateX(0) rotate(0)

}

100% {

opacity:0;

-webkit-transform:translateX(100%) rotate(120deg);

transform:translateX(100%) rotate(120deg)

}

}

@keyframes rollOut {

0% {

opacity:1;

-webkit-transform:translateX(0) rotate(0);

-ms-transform:translateX(0) rotate(0);

transform:translateX(0) rotate(0)

}

100% {

opacity:0;

-webkit-transform:translateX(100%) rotate(120deg);

-ms-transform:translateX(100%) rotate(120deg);

transform:translateX(100%) rotate(120deg)

}

}

.rollOut {

	-webkit-animation-name:rollOut;

	animation-name:rollOut

}

@-webkit-keyframes zoomIn {

0% {

opacity:0;

-webkit-transform:scale(.3);

transform:scale(.3)

}

50% {

opacity:1

}

}

@keyframes zoomIn {

0% {

opacity:0;

-webkit-transform:scale(.3);

-ms-transform:scale(.3);

transform:scale(.3)

}

50% {

opacity:1

}

}

.zoomIn {

	-webkit-animation-name:zoomIn;

	animation-name:zoomIn

}

@-webkit-keyframes zoomInDown {

0% {

opacity:0;

-webkit-transform:scale(.1) translateY(-2000px);

transform:scale(.1) translateY(-2000px);

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

60% {

opacity:1;

-webkit-transform:scale(.475) translateY(60px);

transform:scale(.475) translateY(60px);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

}

@keyframes zoomInDown {

0% {

opacity:0;

-webkit-transform:scale(.1) translateY(-2000px);

-ms-transform:scale(.1) translateY(-2000px);

transform:scale(.1) translateY(-2000px);

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

60% {

opacity:1;

-webkit-transform:scale(.475) translateY(60px);

-ms-transform:scale(.475) translateY(60px);

transform:scale(.475) translateY(60px);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

}

.zoomInDown {

	-webkit-animation-name:zoomInDown;

	animation-name:zoomInDown

}

@-webkit-keyframes zoomInLeft {

0% {

opacity:0;

-webkit-transform:scale(.1) translateX(-2000px);

transform:scale(.1) translateX(-2000px);

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

60% {

opacity:1;

-webkit-transform:scale(.475) translateX(48px);

transform:scale(.475) translateX(48px);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

}

@keyframes zoomInLeft {

0% {

opacity:0;

-webkit-transform:scale(.1) translateX(-2000px);

-ms-transform:scale(.1) translateX(-2000px);

transform:scale(.1) translateX(-2000px);

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

60% {

opacity:1;

-webkit-transform:scale(.475) translateX(48px);

-ms-transform:scale(.475) translateX(48px);

transform:scale(.475) translateX(48px);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

}

.zoomInLeft {

	-webkit-animation-name:zoomInLeft;

	animation-name:zoomInLeft

}

@-webkit-keyframes zoomInRight {

0% {

opacity:0;

-webkit-transform:scale(.1) translateX(2000px);

transform:scale(.1) translateX(2000px);

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

60% {

opacity:1;

-webkit-transform:scale(.475) translateX(-48px);

transform:scale(.475) translateX(-48px);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

}

@keyframes zoomInRight {

0% {

opacity:0;

-webkit-transform:scale(.1) translateX(2000px);

-ms-transform:scale(.1) translateX(2000px);

transform:scale(.1) translateX(2000px);

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

60% {

opacity:1;

-webkit-transform:scale(.475) translateX(-48px);

-ms-transform:scale(.475) translateX(-48px);

transform:scale(.475) translateX(-48px);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

}

.zoomInRight {

	-webkit-animation-name:zoomInRight;

	animation-name:zoomInRight

}

@-webkit-keyframes zoomInUp {

0% {

opacity:0;

-webkit-transform:scale(.1) translateY(2000px);

transform:scale(.1) translateY(2000px);

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

60% {

opacity:1;

-webkit-transform:scale(.475) translateY(-60px);

transform:scale(.475) translateY(-60px);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

}

@keyframes zoomInUp {

0% {

opacity:0;

-webkit-transform:scale(.1) translateY(2000px);

-ms-transform:scale(.1) translateY(2000px);

transform:scale(.1) translateY(2000px);

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

60% {

opacity:1;

-webkit-transform:scale(.475) translateY(-60px);

-ms-transform:scale(.475) translateY(-60px);

transform:scale(.475) translateY(-60px);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

}

.zoomInUp {

	-webkit-animation-name:zoomInUp;

	animation-name:zoomInUp

}

@-webkit-keyframes zoomOut {

0% {

opacity:1;

-webkit-transform:scale(1);

transform:scale(1)

}

50% {

opacity:0;

-webkit-transform:scale(.3);

transform:scale(.3)

}

100% {

opacity:0

}

}

@keyframes zoomOut {

0% {

opacity:1;

-webkit-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1)

}

50% {

opacity:0;

-webkit-transform:scale(.3);

-ms-transform:scale(.3);

transform:scale(.3)

}

100% {

opacity:0

}

}

.zoomOut {

	-webkit-animation-name:zoomOut;

	animation-name:zoomOut

}

@-webkit-keyframes zoomOutDown {

40% {

opacity:1;

-webkit-transform:scale(.475) translateY(-60px);

transform:scale(.475) translateY(-60px);

-webkit-animation-timing-function:linear;

animation-timing-function:linear

}

100% {

opacity:0;

-webkit-transform:scale(.1) translateY(2000px);

transform:scale(.1) translateY(2000px);

-webkit-transform-origin:center bottom;

transform-origin:center bottom

}

}

@keyframes zoomOutDown {

40% {

opacity:1;

-webkit-transform:scale(.475) translateY(-60px);

-ms-transform:scale(.475) translateY(-60px);

transform:scale(.475) translateY(-60px);

-webkit-animation-timing-function:linear;

animation-timing-function:linear

}

100% {

opacity:0;

-webkit-transform:scale(.1) translateY(2000px);

-ms-transform:scale(.1) translateY(2000px);

transform:scale(.1) translateY(2000px);

-webkit-transform-origin:center bottom;

-ms-transform-origin:center bottom;

transform-origin:center bottom

}

}

.zoomOutDown {

	-webkit-animation-name:zoomOutDown;

	animation-name:zoomOutDown

}

@-webkit-keyframes zoomOutLeft {

40% {

opacity:1;

-webkit-transform:scale(.475) translateX(42px);

transform:scale(.475) translateX(42px);

-webkit-animation-timing-function:linear;

animation-timing-function:linear

}

100% {

opacity:0;

-webkit-transform:scale(.1) translateX(-2000px);

transform:scale(.1) translateX(-2000px);

-webkit-transform-origin:left center;

transform-origin:left center

}

}

@keyframes zoomOutLeft {

40% {

opacity:1;

-webkit-transform:scale(.475) translateX(42px);

-ms-transform:scale(.475) translateX(42px);

transform:scale(.475) translateX(42px);

-webkit-animation-timing-function:linear;

animation-timing-function:linear

}

100% {

opacity:0;

-webkit-transform:scale(.1) translateX(-2000px);

-ms-transform:scale(.1) translateX(-2000px);

transform:scale(.1) translateX(-2000px);

-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:scale(.475) translateX(-42px);

transform:scale(.475) translateX(-42px);

-webkit-animation-timing-function:linear;

animation-timing-function:linear

}

100% {

opacity:0;

-webkit-transform:scale(.1) translateX(2000px);

transform:scale(.1) translateX(2000px);

-webkit-transform-origin:right center;

transform-origin:right center

}

}

@keyframes zoomOutRight {

40% {

opacity:1;

-webkit-transform:scale(.475) translateX(-42px);

-ms-transform:scale(.475) translateX(-42px);

transform:scale(.475) translateX(-42px);

-webkit-animation-timing-function:linear;

animation-timing-function:linear

}

100% {

opacity:0;

-webkit-transform:scale(.1) translateX(2000px);

-ms-transform:scale(.1) translateX(2000px);

transform:scale(.1) translateX(2000px);

-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:scale(.475) translateY(60px);

transform:scale(.475) translateY(60px);

-webkit-animation-timing-function:linear;

animation-timing-function:linear

}

100% {

opacity:0;

-webkit-transform:scale(.1) translateY(-2000px);

transform:scale(.1) translateY(-2000px);

-webkit-transform-origin:center top;

transform-origin:center top

}

}

@keyframes zoomOutUp {

40% {

opacity:1;

-webkit-transform:scale(.475) translateY(60px);

-ms-transform:scale(.475) translateY(60px);

transform:scale(.475) translateY(60px);

-webkit-animation-timing-function:linear;

animation-timing-function:linear

}

100% {

opacity:0;

-webkit-transform:scale(.1) translateY(-2000px);

-ms-transform:scale(.1) translateY(-2000px);

transform:scale(.1) translateY(-2000px);

-webkit-transform-origin:center top;

-ms-transform-origin:center top;

transform-origin:center top

}

}

.zoomOutUp {

	-webkit-animation-name:zoomOutUp;

	animation-name:zoomOutUp

}

#swipebox-overlay, #swipebox-slider {

	left:0;

	height:100%;

	width:100%;

	top:0

}

.swipebox-overflow-hidden {

	overflow:hidden!important

}

#swipebox-overlay img {

	border:none!important

}

#swipebox-overlay {

	position:fixed;

	opacity:0;

	z-index:9999;

	overflow:hidden;

	display:none;

	-webkit-user-select:none;

	-moz-user-select:none;

	user-select:none

}

#swipebox-slider {

	white-space:nowrap;

	position:absolute

}

#swipebox-slider .slide {

	background:url(../images/loader.gif) center center no-repeat;

	height:100%;

	line-height:1px;

	text-align:center;

	width:100%;

	display:inline-block

}

#swipebox-slider .slide:before {

	content:"";

	display:inline-block;

	height:50%;

	width:1px;

	margin-right:-1px

}

#swipebox-slider .slide img {

	display:inline-block;

	max-height:100%;

	max-width:100%;

	width:50%;

	height:auto;

	vertical-align:middle

}

#swipebox-action, #swipebox-caption {

	position:absolute;

	left:0;

	z-index:999;

	height:50px;

	width:100%

}

#swipebox-action {

	bottom:-50px

}

#swipebox-action.visible-bars {

	bottom:0

}

#swipebox-action.force-visible-bars {

	bottom:0!important

}

#swipebox-caption {

	top:-50px;

	text-align:center;

	color:#fff!important;

	font-size:15px;

	line-height:43px;

	font-family:Helvetica, Arial, sans-serif

}

#swipebox-caption.visible-bars {

	top:0

}

#swipebox-caption.force-visible-bars {

	top:0!important

}

#swipebox-action #swipebox-close, #swipebox-action #swipebox-next, #swipebox-action #swipebox-prev {

	background-image:url(../images/icons.png);

	background-repeat:no-repeat;

	border:none!important;

	text-decoration:none!important;

	cursor:pointer;

	position:absolute;

	width:50px;

	height:50px;

	top:0

}

#swipebox-action #swipebox-close {

	background-position:15px 12px;

	left:40px

}

#swipebox-action #swipebox-prev {

	background-position:-32px 13px;

	right:100px

}

#swipebox-action #swipebox-next {

	background-position:-78px 13px;

	right:40px

}

#swipebox-action #swipebox-next.disabled, #swipebox-action #swipebox-prev.disabled {

	filter:alpha(Opacity=30);

	opacity:.3

}

#swipebox-slider.rightSpring {

-moz-animation:rightSpring .3s;

-webkit-animation:rightSpring .3s

}

#swipebox-slider.leftSpring {

-moz-animation:leftSpring .3s;

-webkit-animation:leftSpring .3s

}

 @-moz-keyframes rightSpring {

0%, 100% {

margin-left:0

}

50% {

margin-left:-30px

}

}

@-moz-keyframes leftSpring {

0%, 100% {

margin-left:0

}

50% {

margin-left:30px

}

}

@-webkit-keyframes rightSpring {

0%, 100% {

margin-left:0

}

50% {

margin-left:-30px

}

}

@-webkit-keyframes leftSpring {

0%, 100% {

margin-left:0

}

50% {

margin-left:30px

}

}

#swipebox-overlay {

	background:rgba(13, 13, 13, .9)

}

#swipebox-action, #swipebox-caption {

	text-shadow:1px 1px 1px #000;

	background-color:rgba(13, 13, 13, .9);

	background-image:-webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(13, 13, 13, .9)), color-stop(100%, #000));

	background-image:-webkit-linear-gradient(rgba(13, 13, 13, .9), #000);

	background-image:-moz-linear-gradient(rgba(13, 13, 13, .9), #000);

	background-image:-o-linear-gradient(rgba(13, 13, 13, .9), #000);

	background-image:linear-gradient(rgba(13, 13, 13, .9), #000);

	-webkit-box-shadow:0 1px 1px 1px #212121, inset 0 1px 1px 1px #000;

	-moz-box-shadow:0 1px 1px 1px #212121, inset 0 1px 1px 1px #000;

	box-shadow:0 1px 1px 1px #212121, inset 0 1px 1px 1px #000;

	filter:alpha(Opacity=95);

	opacity:.95

}

#swipebox-action {

	-webkit-box-shadow:0 -1px -1px 1px #212121, inset 0 -1px -1px 1px #000;

	-moz-box-shadow:0 -1px -1px 1px #212121, inset 0 -1px -1px 1px #000;

	box-shadow:0 -1px -1px 1px #212121, inset 0 -1px -1px 1px #000

}

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

#swipebox-slider .slide img {

width:65%

}



.right-logo{

	display:none;

	}

}

@media screen and (min-width:641px) and (max-width:2000px)  {

	.right-logo-mobile{

		display:none;}

		

		

		}

@media screen and (width:1024px){

	#cssmenu > ul > li > a {

  color: #DDDDDD;

  font-size: 9px ;

  padding: 17px 8px ;

  text-decoration: none;

  text-transform: uppercase;

}

	}		



		

table {

	border-collapse:collapse;

	margin-bottom:15px;

	width:100%

}

caption {

	font-size:15px;

	padding-bottom:10px;

	text-align:left

}

table td, table th {

	-moz-border-bottom-colors:none;

	-moz-border-left-colors:none;

	-moz-border-right-colors:none;

	-moz-border-top-colors:none;

	border-color:#fff;

	border-image:none;

	border-style:solid;

	border-width:0 1px 1px 0;

	padding:5px

}

thead th {

	background:#91c5d4

}

thead th[colspan], thead th[rowspan] {

	background:#66a9bd

}

tbody th, tfoot th {

	background:#91c5d4;

	text-align:left

}

tbody td, tfoot td {

	background:#d5eaf0;

	text-align:center

}

tfoot th {

	background:#b0cc7f

}

tfoot td {

	background:#d7e1c5;

	font-weight:700

}

tbody tr.odd td {

	background:#bcd9e1

}



.even_color
{
	background-color: #00b050;
	color: #FFF !important;
}
.odd_color
{
	background-color: #0070c0;
	color: #FFF !important;
}