@font-face {
	font-family: opensans-light-300;
	src: url(./fonts/OpenSans-Light.ttf);
}

@font-face {
	font-family: opensans-light-300-italic;
	src: url(./fonts/OpenSans-LightItalic.ttf);
}

@font-face {
	font-family: opensans-regular-400;
	src: url(./fonts/OpenSans-Regular.ttf);
}

@font-face {
	font-family: opensans-regular-400-italic;
	src: url(./fonts/OpenSans-Italic.ttf);
}

@font-face {
	font-family: opensans-semi-bold-600;
	src: url(./fonts/OpenSans-Semibold.ttf);
}

@font-face {
	font-family: opensans-bold-700;
	src: url(./fonts/OpenSans-Bold.ttf);
}

/*
div {
font-family: myFirstFont;
font-family: 'opensans-light-300');
font-family: 'opensans-light-300-italic');
font-family: 'opensans-regular-400');
font-family: 'opensans-regular-400-italic');
font-family: 'opensans-semi-bold-600');
font-family: 'opensans-semi-bold-600-italic');
font-family: 'opensans-bold-700');
font-family: 'opensans-bold-700-italic');
font-family: 'opensans-extra-bold-800');
font-family: 'opensans-extra-bold-800-italic');
*/

body {
	background: #f6f6f6;
}

body:before {
	background-image: url('./img/bg-symbol.png');
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	width: 100%;
	height: 100%;
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-position: center -5px;
	pointer-events: none;
	z-index: -1;
}

.padding-50 {
	display: block;
	padding: 25px;
	width: 100%;
}

.main-wrap {
	max-width: 1170px;
	margin: 0 auto;
	overflow: auto;
}

#content {
	padding-top: 25px;
	padding: 20px;
	position: relative;
}

.produkty #content,
.material #content,
.implanatcne-systemy #content,
.stranka-klient.registracia #content,
.stranka-klient.objednavka #content {
	overflow: hidden;
}

.stranka-kontakty #content {
	overflow: hidden;
}

.breadcrumbs.menu {
	display: none;
}

/*buttons*/
button, .faktury .buttons a,
main a.action {
	font-size: 13px;
	font-family: opensans-regular-400;
	color: #fff;
	background: rgb(0, 136, 193);
	background: -moz-linear-gradient(top, rgba(0, 136, 193, 1) 0%, rgba(3, 128, 186, 1) 16%, rgba(0, 122, 181, 1) 24%, rgba(0, 104, 165, 1) 56%, rgba(0, 99, 161, 1) 76%, rgba(0, 100, 161, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 136, 193, 1) 0%, rgba(3, 128, 186, 1) 16%, rgba(0, 122, 181, 1) 24%, rgba(0, 104, 165, 1) 56%, rgba(0, 99, 161, 1) 76%, rgba(0, 100, 161, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 136, 193, 1) 0%, rgba(3, 128, 186, 1) 16%, rgba(0, 122, 181, 1) 24%, rgba(0, 104, 165, 1) 56%, rgba(0, 99, 161, 1) 76%, rgba(0, 100, 161, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088c1', endColorstr='#0064a1', GradientType=0);
	border: 0;
	border-bottom: 2px solid #025b91;
	padding: 6px 40px;
	cursor: pointer;
}

button.selected,
a.selected {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0064a1+0,0063a1+24,0068a5+44,007ab5+76,0380ba+84,0088c1+100 */
	background: #0064a1;
	/* Old browsers */
	background: -moz-linear-gradient(top, #0064a1 0%, #0063a1 24%, #0068a5 44%, #007ab5 76%, #0380ba 84%, #0088c1 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0064a1 0%, #0063a1 24%, #0068a5 44%, #007ab5 76%, #0380ba 84%, #0088c1 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0064a1 0%, #0063a1 24%, #0068a5 44%, #007ab5 76%, #0380ba 84%, #0088c1 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0064a1', endColorstr='#0088c1', GradientType=0);
	/* IE6-9 */
	/*box-shadow: 3px 6px 20px rgba(0, 0, 0, 0.4) inset, 3px 3px 2px rgba(0, 0, 0, 0.4) inset;*/
}

main a.action:hover,
button:hover {
	background: rgb(0, 177, 234);
	background: -moz-linear-gradient(top, rgba(0, 177, 234, 1) 0%, rgba(0, 140, 224, 1) 58%, rgba(0, 135, 223, 1) 81%, rgba(0, 137, 223, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 177, 234, 1) 0%, rgba(0, 140, 224, 1) 58%, rgba(0, 135, 223, 1) 81%, rgba(0, 137, 223, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 177, 234, 1) 0%, rgba(0, 140, 224, 1) 58%, rgba(0, 135, 223, 1) 81%, rgba(0, 137, 223, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b1ea', endColorstr='#0089df', GradientType=0);
}

.cervena-sipka-btn {
	font-family: opensans-regular-400;
	color: #000;
	text-transform: uppercase;
	font-size: 13px;
	text-decoration: none;
}

.cervena-sipka-btn:hover {
	font-family: opensans-semi-bold-600;
}

.cervena-sipka-btn:before {
	background-image: url('./img/ikona-cervena-sipka.png');
	background-repeat: no-repeat;
	background-size: initial;
	display: inline-block;
	width: 22px;
	height: 22px;
	content: "";
	position: relative;
	top: 5px;
}

/*end buttons*/

h1,
#faktura h1,
#objednavka h1 {
	font-family: opensans-light-300;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	padding: 20px;
	padding-left: 50px;
	position: relative;
	background: rgb(255, 110, 0);
	background: -moz-linear-gradient(-45deg, rgba(255, 110, 0, 1) 0%, rgba(255, 110, 0, 1) 39%, rgba(255, 99, 0, 1) 43%, rgba(255, 68, 0, 1) 51%, rgba(255, 60, 0, 1) 54%, rgba(255, 60, 0, 1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255, 110, 0, 1) 0%, rgba(255, 110, 0, 1) 39%, rgba(255, 99, 0, 1) 43%, rgba(255, 68, 0, 1) 51%, rgba(255, 60, 0, 1) 54%, rgba(255, 60, 0, 1) 100%);
	background: linear-gradient(135deg, rgba(255, 110, 0, 1) 0%, rgba(255, 110, 0, 1) 39%, rgba(255, 99, 0, 1) 43%, rgba(255, 68, 0, 1) 51%, rgba(255, 60, 0, 1) 54%, rgba(255, 60, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e00', endColorstr='#ff3c00', GradientType=1);
}

.objednavky h1 {
	height: auto !important;
}

h1:before,
#faktura h1:before,
#objednavka h1:before {
	background-image: url(./img/h1-before.png);
	background-repeat: no-repeat;
	width: 46px;
	height: 40px;
	content: "";
	position: absolute;
	top: 10px;
	left: 20px;
	background-size: contain;
}

#objednavka h1,
#faktura h1 {
	min-height: inherit;
}

h2, .form h6 {
	color: #0267a4;
	font-family: opensans-light-300;
	font-size: 24px;
	padding-bottom: 14px;
}

p {
	font-family: opensans-semi-bold-600;
	font-size: 14px;
}

/*kontakty*/
.adrs {
	padding: 20px 0 10px 0;
	line-height: 20px;
}

.icodic {
	padding: 2.5px 0;
	font-family: opensans-semi-bold-600;
	font-size: 14px;
}

.ico, .swift {
	font-size: 15px;
	color: #0267a4;
	padding-right: 20px;
	font-family: opensans-bold-700;
}

.swift {
	padding-right: 12px;
}

.or {
	font-size: 15px;
	color: #636363;
	font-family: opensans-regular-400;
	padding: 20px 0;
	line-height: 24px;
}

.konatel,
.administrativa,
.scan-mod,
.fa-a-rozvoz,
.frezovanie,
.exp-a-terminy {
	position: relative;
	padding-left: 30px;
	line-height: 1.2;
}

.konatel:before,
.administrativa:before,
.scan-mod:before,
.fa-a-rozvoz:before,
.frezovanie:before,
.exp-a-terminy:before {
	background-image: url(./img/ikona-konatel.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
}

.administrativa:before {
	background-image: url(./img/ikona-administrativa.png);
	top: -5px;
}

.scan-mod:before {
	background-image: url(./img/ikona-scanmod.png);
}

.fa-a-rozvoz:before,
.frezovanie:before,
.exp-a-terminy:before {
	height: 28px;
	background-size: contain;
}

.fa-a-rozvoz:before {
	background-image: url(./img/ikona-fakturacia.png);
}

.frezovanie:before {
	background-image: url(./img/ikona-frezovanie.png);
}

.exp-a-terminy:before {
	background-image: url(./img/ikoa-terminy.png);
}



.meno,
.email,
.telefon {
	padding-left: 30px;
	line-height: 20px
}

.meno {}

.email a {
	text-decoration: none;
	color: #0267a4;
}

.telefon {
	padding-bottom: 40px;
}

.space {
	padding: 20px 0;
}

.borderbottom {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.napiste-nam {
	position: relative;
}

.napiste-nam:before {
	background-image: url(./img/ikona-napiste-nam.png);
	background-repeat: no-repeat;
	width: 34px;
	height: 40px;
	content: "";
	position: absolute;
	top: -4px;
	right: 20px;
}

.bruxzir-partner {
	font-family: opensans-regular-400-italic;
	font-size: 15px;
	color: #0267a4;
	background: #dee8ee;
	box-sizing: border-box;
	border: 1px solid #ccdee9;
	padding: 20px;
}

.kontakt-form {
	position: relative;
}

.chater {
	width: 0;
	height: 0;
	border-top: 50px solid #fff;
	border-right: 75px solid rgba(0, 0, 0, 0);
	content: '';
}

.kontakt-form h6 {
	display: none;
}

.kontakt-form form {
	background: #fff;
	padding: 20px;
	margin-top: 20px
}

.kontakt-form .form-title {
	display: inline-block;
	color: #292929;
	font-family: opensans-semi-bold-600;
	font-size: 14px;
	width: initial !important;
	float: left !important;
	padding: 8px;
}

.kontakt-form input {
	display: inline-block;
	width: 170px !important;
	padding: 5.5px;
	background: #f6f6f6;
	border: 1px solid #1db4ff;
}

.kontakt-form textarea {
	width: 77.6% !important;
	display: inline-block;
}

div[data-name="text"] {
	padding: 10px 0;
}

/*end kontakty*/

/*produkty zoznam*/
.produkty-wrap a {
	width: 100%;
	display: inline-block;
	margin-bottom: 2%;
}

.produkty-wrap a:nth-of-type(3n+2) {}

.produkt-block {
	height: 244px;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.produkt-block:hover:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(29, 180, 255, 0.3);
}

.desc-bot-wrap {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: -moz-linear-gradient(left, rgba(122, 122, 122, 0.7) 0%, rgba(125, 125, 125, 0.7) 7%, rgba(137, 137, 137, 0.7) 23%, rgba(190, 190, 190, 0.7) 72%, rgba(204, 204, 204, 0.7) 88%, rgba(211, 211, 211, 0.7) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(122, 122, 122, 0.7) 0%, rgba(125, 125, 125, 0.7) 7%, rgba(137, 137, 137, 0.7) 23%, rgba(190, 190, 190, 0.7) 72%, rgba(204, 204, 204, 0.7) 88%, rgba(211, 211, 211, 0.7) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(122, 122, 122, 0.7) 0%, rgba(125, 125, 125, 0.7) 7%, rgba(137, 137, 137, 0.7) 23%, rgba(190, 190, 190, 0.7) 72%, rgba(204, 204, 204, 0.7) 88%, rgba(211, 211, 211, 0.7) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b37a7a7a', endColorstr='#b3d3d3d3', GradientType=1);
	/* IE6-9 */
	height: 70px;
	box-sizing: border-box;
}

.desc-bot-wrap .description {
	display: none;
}

.produkt-block:hover {
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
}

.produkt-block:hover .desc-bot-wrap {
	background: -moz-linear-gradient(left, rgba(0, 103, 164, 0.87) 0%, rgba(0, 105, 166, 0.87) 10%, rgba(0, 110, 168, 0.87) 15%, rgba(0, 113, 173, 0.87) 22%, rgba(0, 120, 181, 0.87) 31%, rgba(0, 124, 181, 0.87) 32%, rgba(0, 127, 186, 0.87) 37%, rgba(3, 128, 188, 0.87) 40%, rgba(0, 129, 189, 0.87) 41%, rgba(0, 132, 189, 0.87) 42%, rgba(0, 137, 196, 0.87) 50%, rgba(0, 141, 197, 0.87) 51%, rgba(3, 142, 198, 0.87) 56%, rgba(3, 147, 203, 0.87) 59%, rgba(0, 148, 204, 0.87) 60%, rgba(0, 151, 206, 0.87) 66%, rgba(0, 155, 210, 0.87) 68%, rgba(3, 158, 212, 0.87) 71%, rgba(3, 160, 214, 0.87) 78%, rgba(3, 164, 218, 0.87) 80%, rgba(0, 165, 219, 0.87) 81%, rgba(0, 166, 220, 0.87) 82%, rgba(3, 166, 220, 0.87) 84%, rgba(0, 166, 220, 0.87) 87%, rgba(3, 168, 221, 0.87) 88%, rgba(3, 173, 226, 0.87) 94%, rgba(3, 173, 227, 0.87) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0, 103, 164, 0.87) 0%, rgba(0, 105, 166, 0.87) 10%, rgba(0, 110, 168, 0.87) 15%, rgba(0, 113, 173, 0.87) 22%, rgba(0, 120, 181, 0.87) 31%, rgba(0, 124, 181, 0.87) 32%, rgba(0, 127, 186, 0.87) 37%, rgba(3, 128, 188, 0.87) 40%, rgba(0, 129, 189, 0.87) 41%, rgba(0, 132, 189, 0.87) 42%, rgba(0, 137, 196, 0.87) 50%, rgba(0, 141, 197, 0.87) 51%, rgba(3, 142, 198, 0.87) 56%, rgba(3, 147, 203, 0.87) 59%, rgba(0, 148, 204, 0.87) 60%, rgba(0, 151, 206, 0.87) 66%, rgba(0, 155, 210, 0.87) 68%, rgba(3, 158, 212, 0.87) 71%, rgba(3, 160, 214, 0.87) 78%, rgba(3, 164, 218, 0.87) 80%, rgba(0, 165, 219, 0.87) 81%, rgba(0, 166, 220, 0.87) 82%, rgba(3, 166, 220, 0.87) 84%, rgba(0, 166, 220, 0.87) 87%, rgba(3, 168, 221, 0.87) 88%, rgba(3, 173, 226, 0.87) 94%, rgba(3, 173, 227, 0.87) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0, 103, 164, 0.87) 0%, rgba(0, 105, 166, 0.87) 10%, rgba(0, 110, 168, 0.87) 15%, rgba(0, 113, 173, 0.87) 22%, rgba(0, 120, 181, 0.87) 31%, rgba(0, 124, 181, 0.87) 32%, rgba(0, 127, 186, 0.87) 37%, rgba(3, 128, 188, 0.87) 40%, rgba(0, 129, 189, 0.87) 41%, rgba(0, 132, 189, 0.87) 42%, rgba(0, 137, 196, 0.87) 50%, rgba(0, 141, 197, 0.87) 51%, rgba(3, 142, 198, 0.87) 56%, rgba(3, 147, 203, 0.87) 59%, rgba(0, 148, 204, 0.87) 60%, rgba(0, 151, 206, 0.87) 66%, rgba(0, 155, 210, 0.87) 68%, rgba(3, 158, 212, 0.87) 71%, rgba(3, 160, 214, 0.87) 78%, rgba(3, 164, 218, 0.87) 80%, rgba(0, 165, 219, 0.87) 81%, rgba(0, 166, 220, 0.87) 82%, rgba(3, 166, 220, 0.87) 84%, rgba(0, 166, 220, 0.87) 87%, rgba(3, 168, 221, 0.87) 88%, rgba(3, 173, 226, 0.87) 94%, rgba(3, 173, 227, 0.87) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de0067a4', endColorstr='#de03ade3', GradientType=1);
	/* IE6-9 */
}

.desc-bot-wrap h6 {
	font-family: opensans-light-300;
	font-size: 20px;
	color: #fff;
	padding: 16px 20px;
	text-transform: uppercase;
	text-overflow: ellipsis;
}

/*implantacne systemy*/
.i-sys a {
	float: left;
}

.i-sys .desc-bot-wrap {
	height: 54px !important;
}

.alpha-bio,
.alpha-gate,
.ankylos,
.astra,
.astra-ev,
.bredent,
.dentis,
.osstem,
.ICX,
.implant-direct,
.lasak,
.medico-dent,
.neodent,
.nobel-active,
.nobel-replace,
.straumann-bone-level {
	background-size: 40% !important;
	background-repeat: no-repeat !important;
	background-color: #fff !important;
	background-position: center 20px !important;
}

.alpha-bio {
	background: url(img/i-sys/logo-alpha-bio.jpg);
}

.alpha-gate {
	background: url(img/i-sys/logo-alpha-gate.png);
}

.ankylos {
	background: url(img/i-sys/logo-ankylos.jpg);
}

.astra {
	background: url(img/i-sys/logo-astra.jpg);
}

.astra-ev {
	background: url(img/i-sys/logo-astra-EV.jpg);
}

.bredent {
	background: url(img/i-sys/logo-bredent.jpg);
}

.dentis {
	background: url(img/i-sys/logo-dentium.jpg);
}

.osstem {
	background: url(img/i-sys/logo-osstem.jpg);
}

.ICX {
	background: url(img/i-sys/logo-icx.png);
}

.implant-direct {
	background: url(img/i-sys/logo-implant-direct.png);
}

.lasak {
	background: url(img/i-sys/logo-lasak.jpg);
}

.medico-dent {
	background: url(img/i-sys/logo-medico-dent.jpg);
}

.neodent {
	background: url(img/i-sys/logo-neodent.jpg);
}

.nobel-active {
	background: url(img/i-sys/logo-nobel-active.jpg);
}

.nobel-replace {
	background: url(img/i-sys/logo-nobel-active.jpg);
}

.straumann-bone-level {
	background: url(img/i-sys/logo-strauman.jpg);
	background-color: #ececec !important;
	background-position: top !important;
}



/*faq*/
.faq-desc {
	font-family: opensans-semi-bold-600;
	font-size: 20px;
	color: #000;
}

.stranka-faq #content h1,
.stranka-en.faq #content h1 {
	font-size: 24px;
	color: #0267a4;
	background: transparent;
	padding: 20px 0;
	text-transform: initial;
}

.stranka-faq #content h1:before,
.stranka-en.faq #content h1:before {
	content: none;
}

.stranka-faq #content p {
	font-family: opensans-regular-400;
	font-size: 15px;
	color: #636363;
}

.faq-zoznam {
	padding-left: 20px;
	padding-bottom: 10px;
}

.zvyrazneny-text {
	background: rgba(2, 103, 164, 0.10);
	padding: 20px;
	display: inline-block;
	border: 1px solid #ccdee9;
	box-sizing: border-box;
	box-shadow: 5px 4px 5px rgba(2, 103, 164, 0.10);
}

/*na stiahnutie*/
.download-links a {
	display: inline-block;
	width: 49%;
	padding: 20px;
	box-sizing: border-box;
	font-family: opensans-regular-400;
	font-size: 15px;
	color: #636363;
	position: relative;
	border: 1px solid #c0c0c0;
	margin: .5%;
}

.download-links a:before {
	background-image: url(./img/ikona-download.png);
	background-repeat: no-repeat;
	display: inline-block;
	content: "";
	background-size: 42px;
	width: 50px;
	height: 50px;
	position: relative;
	top: 5px;
}

.download-links a:hover {
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
}

.download-links .right-logo img {
	max-height: 40px;
	padding: 20px 0 10px 0;
}

.implanatcne-systemy h1 {
	padding-left: 94px;
}


.repeater,
.menu.list {
	margin-bottom: 2em;
}

.rowclick .item {
	cursor: pointer;
}

.menu.list li {
	display: block;
}

.menu.list li>a {
	padding: 0.25em 1em;
}

.menu.list li>a:hover {
	box-shadow: 0 0 0px 100px rgba(29, 180, 255, 0.21) inset;

}

.menu.list li>a>.title {
	vertical-align: super;
	font-size: 1.1em;
}

@media all and (min-width: 480px) {
	.produkty-wrap a {
		width: 50%;
	}
}

.stranka-kontakty #content .grid-right.col-220 {
	width: 100% !important;
}

.konatel {
	padding-top: 20px;
}

.napiste-nam {
	padding-top: 40px
}

.konatel:before {
	top: 20px;
}

.napiste-nam:before {
	top: 40px
}

@media all and (min-width: 980px) {

	.stranka-kontakty #content .grid-right.col-220 {
		width: 22% !important;
	}

	.konatel, .napiste-nam {
		padding-top: inherit;
	}

	.konatel:before, .napiste-nam:before {
		top: inherit;
	}

	.midwrap {
		padding-left: 25px;
	}

	h1,
	#faktura h1,
	#objednavka h1 {
		font-size: 50px;
		padding-left: 100px;
	}

	h1:before,
	#faktura h1:before,
	#objednavka h1:before {
		width: 46px;
		height: 79px;
		background-size: inherit;
	}

	#content {
		padding: 20px 0;
		padding-top: 50px;
	}

	.produkty-wrap a {
		width: 32%;
	}

	.produkty-wrap a:nth-of-type(3n+2) {
		margin-right: 2%;
		margin-left: 2%;
	}

}



.dentalwksbtn {
	position: relative;
	transition: ease all .1s !important;
	overflow: hidden;
}

.dentalwksbtn:hover {
	transform: scale(1.06);
}


/* Shine */
.dentalwksbtn:after {
	content: '';
	top: 0;
	transform: translateX(100%);
	width: 100%;
	height: 220px;
	position: absolute;
	z-index: 1;
	animation: slide 8s infinite;
	animation-delay: 5s;

	/* 
	CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
	*/
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
	/* IE10+ */
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1);
	/* IE6-9 */
}

/* animation */

@keyframes slide {
	0% {
		transform: translateX(-800%);
	}

	100% {
		transform: translateX(100%);
	}
}