/* Minification failed. Returning unminified contents.
(6727,31): run-time error CSS1035: Expected colon, found 'max-width'
 */

/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("/Content/Gontek/images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
    overflow:hidden;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
	border-top: 3px solid #005da1;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
	width: 100%;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #e4e4e4;
	background: #ffffff url(/Content/Gontek/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	font-weight: normal;
	color: #555555;
	border-top: 2px solid white;
	border-right: 1px solid #d4d4d4;
	background: #f4f4f4;
	border-bottom: 1px solid #d4d4d4;
	width: 110px;
	height: 33px;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #dadada;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #ffffff;
	font-weight: normal;
	color: #212121;
	border: 0;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(/Content/Gontek/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(/Content/Gontek/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/Content/Gontek/images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(/Content/Gontek/images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(/Content/Gontek/images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/Content/Gontek/images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(/Content/Gontek/images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(/Content/Gontek/images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/Content/Gontek/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(/Content/Gontek/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(/Content/Gontek/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}


@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	-webkit-backface-visibility: hidden;
}
.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) rotateY(0);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

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

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

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

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

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

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

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

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}
@-o-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}
@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}
	
	80% {
		-o-transform: translateY(10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}
	
	80% {
		-o-transform: translateY(-10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(30px);
	}
	
	80% {
		-o-transform: translateX(-10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}
	
	80% {
		-o-transform: translateX(10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}	
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}
	
	25% {
		-moz-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}	
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}
	
	25% {
		-o-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}	
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	
	25% {
		transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		transform: scale(.3);
	}	
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
	100% { transform: translateY(700px); opacity: 0; }
}

.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
    0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-o-keyframes rollOut {
    0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
	0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
	0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-moz-keyframes lightSpeedOut {
	0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-o-keyframes lightSpeedOut {
	0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
	0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
	100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes wiggle {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes wiggle {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}

@keyframes wiggle {
    0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
.product-item .name-app 
{
    background:none;
    float:left;
    font-size: 12px;
    font-family: TMyriadpro-Bold;
    text-transform: uppercase;
    color: #005da1;
}
.img-app 
{
    background:none;
    padding-right: 5px;
    padding-bottom: 5px;
}
.re-app 
{
    background:none;
}
.descrip-img 
{
    float:left;
}
.app-line 
{
    border-bottom: 1px solid #e4e4e4;

}
.app-img-content-detail 
{
    float: left;

    width: 256px;
    padding-bottom: 25px;
    padding-top: 25px;
    padding-right: 10px;
    width: 310px;
}
.content-detail 
{
    line-height: 40px;

}
.app-img-content-detail a.app-detail-img
{
    display: inline-block;

    float: left;
}
a.app-detail-img img 
{
    float: left;

}
.top-level 
{
    padding-left: 10px;

    width: 960px;
}
.attachment-list
{
    margin:0;
    padding:0;
    list-style:none;
}
    .attachment-list li
    {
        padding:5px ;
    }
    .attachment-list li a
    {
        background: url(/Content/Gontek/images/download-icon.png) 0 50% no-repeat;
        font-weight:700;
        font-size:0.9em;
        color:#008000;
    }

.banner-top-img {
    width: 468px;
    height: 278px;
    /* display: inline-block; */
}
.title-parnner 
{
    line-height: 48px;
    margin-top: -50px;

    text-transform: uppercase;
    font-size: 22px;
    color: red;
    width: 100%;
    background: #D1CACA;
    height: 48px;
    opacity: .5;
    position: absolute;
}
#page {
    font-size: 13px;
    background: url(/Content/Gontek/images/bg_nav_banner.png);
    width: 144px;
    height: 20px;
    margin: -21px auto;
    text-align: center;
}
#page a
{
    height: 10px;  width: 10px;  border: 0px solid white;  border-radius: 19px;  -moz-border-radius: 19px;  -webkit-border-radius: 19px;  padding-right: 0px;  background-color: #848484;  
    color: #848484;  margin: 3px;  height: 10px;  display: inline-block;
        
    overflow: hidden;
}
#page a.activeSlide, #page a.hover {
    height: 10px;  width: 10px;  border: 0px solid white;  border-radius: 19px;  -moz-border-radius: 19px;  -webkit-border-radius: 19px;  padding-right: 0px;  
    background-color: #1e1e1e;  
    color: #1e1e1e;  margin: 3px;  height: 10px;  display: inline-block;
  
    overflow: hidden;
}

.banner-item img
{
    width: 1246px;
    height: 338px;
    border: 7px solid white;
    margin-top: 20px;
}
.banner-top-img {
    width: 468px;
    height: 278px;
    /* display: inline-block; */
}
.title-parnner 
{
    line-height: 48px;
    margin-top: -50px;

    text-transform: uppercase;
    font-size: 22px;
    color: red;
    width: 100%;
    background: #D1CACA;
    height: 48px;
    opacity: .5;
    position: absolute;
}
.banner-top-wrapper .banner-top banner-item 
{
    background:none;
}
.banner-top
{
    overflow:hidden;
    height: 373px;
}
#page {
    font-size: 13px;
    background: url(/Content/Gontek/images/bg_nav_banner.png);
    width: 144px;
    height: 20px;
    margin: 4px auto;
    text-align: center;
}
#page a
{
    height: 10px;  width: 10px;  border: 0px solid white;  border-radius: 19px;  -moz-border-radius: 19px;  -webkit-border-radius: 19px;  padding-right: 0px;  
    background-color: #ababab;  
    color: #ababab;  margin: 3px;  height: 10px;  display: inline-block;
        
    overflow: hidden;
}
#page a.activeSlide, #page a.hover {
    height: 10px;  width: 10px;  border: 0px solid white;  border-radius: 19px;  -moz-border-radius: 19px;  -webkit-border-radius: 19px;  padding-right: 0px;  
    background-color: #016d9b;  
    color: #016d9b;  margin: 3px;  height: 10px;  display: inline-block;
  
    overflow: hidden;
}
.panner-top-ground 
{
    margin: auto;      



    overflow: hidden;
}
/*gontek*/
#nav_h_news 
{
    width: 321px;
    float: right;
    height: 264px;
    list-style: none;
    margin-right: 13px;
    margin-top: 0px;
}
#nav_h_news li 
{
     height:91px;
     width: 334px;
     background: url(/Content/Gontek/images/product-bg-empty1.png) no-repeat;
     background-position: 14px 1px;
}
.content .img img 
{

}

.tech-news .content 
{
    width: 681px;
    height: 273px;
    background: url(/Content/Gontek/images/parner-bg.png);
}
#nav_h_news .activeSlide 
{
    height: -53px;
    width: 334px;
    background: url(/Content/Gontek/images/orrow-active.png) no-repeat;
    background-position: -4px 0px;
    position: relative;
    z-index:1000;
}
#nav_h_news .activeSlide a,#nav_h_news .activeSlide .detail-text1
{
    color:white;
}
.content-item-pro 
{
    width: 321px;
    height: 88px;
    padding-left: 13px;
    overflow: hidden;
}
.info .name a, .short-desc
{
    color:white;
    font-size: 28px;
}
.short-desc 
{
    font-size:15px;
}
.info .name a:hover
{
    font-weight:700;
}
.width-img 
{
    width: 358px;
    float: right;
    height: 274px;
    background: red;
    margin-right: 14px;
}
.content-img 
{
    float:left;
}
.content .firt-news 
{
    width: 680px!important;
    float: left;
}
.firt-news .info 
{
    float:left;
    width: 250px;
    height: 153px;
    padding: 30px 25px;
}
.firt-news .div-img 
{
    margin-right:20px;
    width: 340px;
    height: 274px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}
.firt-news img 
{
    width: 677px;
height: 269px;
padding: 2px;
}
.content-item-pro a.title-prc span 
{
    padding: 10px 20px;

    display: block;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    width: 296px;
}
.detail-text1 
{
    margin-top: -60px;
    display: block;
    margin-left: 32px;
}
.product-img-small 
{
    padding: 9px 18px;
    float: left;
    margin-left: 14px;
    margin-top: 2px;
    padding-right: 7px;
}
.product-img-small img 
{
    padding: 1px 0px;
    border: 4px solid #83b2d7;
    background: white;
    width: 96px;
    height: 58px;
}
.breadcrumb
{
    padding: 5px 0; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */ /* IE6-9 */
    width: 998px;
    margin: auto;
    margin-top: 0px;
    background: #f4f4f4;
    height: 24px;
    line-height: 24px;
}

    .breadcrumb ul
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .breadcrumb li
    {
        display: inline;
        background-image: url(/Content/Gontek/images/nav-arrow-right.png);
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 10px;
        padding-left: 3px;
      
    }

        .breadcrumb li span
        {
            padding: 0 3px;
        
            color: #1e7bc9;
}

        .breadcrumb li a
        {
            text-decoration: none;
            color: black;
            padding: 0 3px;
        
            text-transform: uppercase;
}

            .breadcrumb li a:hover
            {
                text-decoration: underline;
            }

    .breadcrumb .home
    {
    }

    .breadcrumb .last
    {
        background: transparent;
    
        text-transform: uppercase;
}

.category-list 
{
    padding-top: 20px;
}
.category-line
{
    float: left;
    width: 960px;
    padding-bottom: 20px;
}
.category-item
{
    float: left;
    width: 320px;
    padding-right: 36px;
}
.category-img
{
    float: left;
}
.category-name
{
    float: left;
    padding: 12px;
}

.clleft {
    float:left;
}
.clright {

}

.contact
{
	width: 618px;
	float: left;
	padding-left: 0;
	margin-left: -14px;
}

.contact .branch
{
	padding: 15px;
}

.contact .branch .company
{
font-size: 1.2em;
font-weight: 700;
margin-bottom: 10px;
}

.contact .form
{
	padding: 15px;
}

.contact .maps
{
	padding: 15px;

}

.contact .name-contact {
float: left;
width: 282px;
padding-top: 10px;
}

.contact label {
display: block;
}

.contact .form {
display: block;
margin-top: 0em;
width: 600px;
}

.contact input {
border: 1px solid #e2e2e2;
background: #fff;
color: #333;
margin: 5px 0 6px 0;
padding: 5px;
width: 270px;
height: 20px;
}
.subject .text-box
{
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 586px;
    height: 20px;
}
.contact textarea {
border: 1px solid #e2e2e2;
background: #fff;
color: #333;
padding: 5px;
width: 587px;
min-height: 131px;
}

.contact input[type="submit"], input[type="button"], button {
background-color: #005da1;
border: 4px solid #0b68af;
cursor: pointer;
padding: 7px;
margin-right: 8px;
width: 69px;
height: 26px;
float: right;
line-height: 1px;
color: white;
border-radius: 5px 5px;
font-size: 13px;
}

.contact .content-contact 
{
	float: left;
	width: 598px;
	padding-bottom: 26px;
}
.subject 
{
float: left;
width: 598px;
padding-top: 10px;
clear: both;
}

.phone
{
width: 282px;  padding-top: 10px;
padding-left: 34px;
}

.email
{
float: left;
width: 283px;
padding-top: 10px;
clear: both;
}

.lastname
{
float: left;
width: 282px;
padding-top: 26px;
padding-left: 34px;
}
.reset 
{

}
.maps 
{
    float: right;
    width:364px;
    padding-right: 0;
    margin-right: -26px;
}
.add-contact 
{
}
.branch 
{
}
.title-contact 
{
    border-bottom: 1px dashed #005da1;
    color: #005da1;
    margin-top: 30px;
    text-transform: uppercase;
    padding-left: 0;
    padding-bottom: 5px;
    font-size: 24px;
    margin-bottom: 20px;
}
.adress 
{

}
.email 
{

}
.title-adr 
{
    font-weight:700;
}

.customer-slide
{
    width: 870px;
    height: 103px;
    padding: 10px 18px;
    float: left;
}

    .customer-slide ul
    {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }

    .customer-slide li
    {
        text-align: center;
        width: 150px;
        height: 87px;
        padding: 0;
        margin: 6px;
        display: block;
        float: left;
        padding:5px;
    }





        .customer-slide li.slide-item
        {
            border: 1px solid #eee;
            margin-right: 10px;
            height: 87px;
            line-height: 87px;
            vertical-align: middle;
            display: block;
            float: left;
        }

    .customer-slide .slide-item img
    {
        line-height: 87px;
        max-height: 87px;
        vertical-align: middle;
    }

a.prev
{
    background: url(/Content/Gontek/images/slide-left.png) no-repeat 100% 50%;
    display: block;
    width: 18px;
    height: 123px;
    float: left;
    cursor: pointer;
    font-size: 1px;
}

a.next
{
    background: url(/Content/Gontek/images/slide-right.png) no-repeat 100% 50%;
    display: block;
    width: 18px;
    height: 123px;
    float: left;
    cursor: pointer;
    font-size: 1px;
}

/** Generated by FG **/
@font-face {
	font-family: 'Myriad';		
	src: url('/Content/Gontek/fonts/MyriadPro-BoldCond.eot');	   
	src: local('Myriad'), url('/Content/Gontek/fonts/MyriadPro-BoldCond.woff') format('woff'), 
	url('/Content/Gontek/fonts/MyriadPro-BoldCond.ttf') format('truetype'), 
	url('/Content/Gontek/fonts/MyriadPro-BoldCond.svg#MyriadProCond') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad';		
	src: url('/Content/Gontek/fonts/MyriadPro-BoldCond.eot');	   
	src: local('Myriad'), url('/Content/Gontek/fonts/MyriadPro-BoldCond.woff') format('woff'), 
	url('/Content/Gontek/fonts/MyriadPro-BoldCond.ttf') format('truetype'), 
	url('/Content/Gontek/fonts/MyriadPro-BoldCond.svg#MyriadProCond') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: bulletproof;
    src: url('/Content/Gontek/fonts/yanone.eot');    
    src: local('Yanone'), url(/Content/Gontek/fonts/yanone.ttf) format("truetype");
}

@font-face {
	font-family: 'MyVerdana';		
	src: url('/Content/Gontek/fonts/verdana.eot');	   
	src: local('verdana'), url('/Content/Gontek/fonts/verdana.woff') format('woff'), 
	url('/Content/Gontek/fonts/verdana.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyUTMSwissCondensed';		
	src: url('/Content/Gontek/fonts/UTM Swiss Condensed.eot');	   
	src: local('UTM Swiss Condensed'), url('/Content/Gontek/fonts/UTM Swiss Condensed.woff') format('woff'), 
	url('/Content/Gontek/fonts/UTM Swiss Condensed.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyUTMHelvetIns';		
	src: url('/Content/Gontek/fonts/UTM HelvetIns.eot');	   
	src: local('UTM HelvetIns'), url('/Content/Gontek/fonts/UTM HelvetIns.woff') format('woff'), 
	url('/Content/Gontek/fonts/UTM HelvetIns.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}
/*font vinhquang*/
@font-face {
    font-family: 'TMyriadpro-Bold';		
	src: url('/Content/Gontek/fonts/MYRIADPRO-BOLD [1].eot');	   
	src: local('MYRIADPRO-BOLD [1]'), url('/Content/Gontek/fonts/MYRIADPRO-BOLD [1].woff') format('woff'), 
	url('/Content/Gontek/fonts/MYRIADPRO-BOLD [1].ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;

}
@font-face {
    font-family: 'TMyriadpro-BoldCond';		
	src: url('/Content/Gontek/fonts/MYRIADPRO-BOLDCOND [1].eot');	   
	src: local('MYRIADPRO-BOLD [1]'), url('/Content/Gontek/fonts/MYRIADPRO-BOLDCOND [1].woff') format('woff'), 
	url('/Content/Gontek/fonts/MYRIADPRO-BOLDCOND [1].ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;

}
@font-face {
    font-family: 'TMyriadpro-BoldCondit';		
	src: url('/Content/Gontek/fonts/MYRIADPRO-BOLDCONDIT [1].eot');	   
	src: local('MYRIADPRO-BOLDCONDIT [1]'), url('/Content/Gontek/fonts/MYRIADPRO-BOLDCONDIT [1]') format('woff'), 
	url('/Content/Gontek/fonts/MYRIADPRO-BOLDCONDIT [1].ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;

}
@font-face {
    font-family: 'TMyriadpro-Boldit';		
	src: url('/Content/Gontek/fonts/MYRIADPRO-BOLDIT [1].eot');	   
	src: local('MYRIADPRO-BOLDIT [1]'), url('/Content/Gontek/fonts/MYRIADPRO-BOLDIT [1]') format('woff'), 
	url('/Content/Gontek/fonts/MYRIADPRO-BOLDIT [1].ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;

}
@font-face {
    font-family: 'TMyriadpro-Cond';		
	src: url('/Content/Gontek/fonts/MYRIADPRO-COND [1].eot');	   
	src: local('MYRIADPRO-COND [1]'), url('/Content/Gontek/fonts/MYRIADPRO-COND [1]') format('woff'), 
	url('/Content/Gontek/fonts/MYRIADPRO-COND [1].ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;

}
@font-face {
    font-family: 'TMyriadpro-Condit';		
	src: url('/Content/Gontek/fonts/MYRIADPRO-CONDIT [1].eot');	   
	src: local('MYRIADPRO-CONDIT [1]'), url('/Content/Gontek/fonts/MYRIADPRO-CONDIT [1]') format('woff'), 
	url('/Content/Gontek/fonts/MYRIADPRO-CONDIT [1].ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;

}
@font-face {
    font-family: 'TMyriadpro-It';		
	src: url('/Content/Gontek/fonts/MYRIADPRO-IT [1].eot');	   
	src: local('MYRIADPRO-IT [1]'), url('/Content/Gontek/fonts/MYRIADPRO-IT [1]') format('woff'), 
	url('/Content/Gontek/fonts/MYRIADPRO-IT [1].ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;

}
@font-face {
    font-family: 'TMyriadpro-Regular';		
	src: url('/Content/Gontek/fonts/MYRIADPRO-REGULAR [1].eot');	   
	src: local('MYRIADPRO-REGULAR [1]'), url('/Content/Gontek/fonts/MYRIADPRO-REGULAR [1]') format('woff'), 
	url('/Content/Gontek/fonts/MYRIADPRO-REGULAR [1].ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;

}
@font-face {
    font-family: 'TMyriadpro-Semibold';		
	src: url('/Content/Gontek/fonts/MYRIADPRO-SEMIBOLD [1].eot');	   
	src: local('MYRIADPRO-SEMIBOLD [1]'), url('/Content/Gontek/fonts/MYRIADPRO-SEMIBOLD [1]') format('woff'), 
	url('/Content/Gontek/fonts/MYRIADPRO-SEMIBOLD [1].ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;

}
@font-face {
    font-family: 'TMyriadpro-Semiboldit';		
	src: url('/Content/Gontek/fonts/MYRIADPRO-SEMIBOLDIT [1].eot');	   
	src: local('MYRIADPRO-SEMIBOLDIT [1]'), url('/Content/Gontek/fonts/MYRIADPRO-SEMIBOLDIT [1]') format('woff'), 
	url('/Content/Gontek/fonts/MYRIADPRO-SEMIBOLDIT [1].ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;

}
@font-face {
    font-family: 'TMyriadpro-Semiboldit';		
	src: url('/Content/Gontek/fonts/MYRIADPRO-SEMIBOLDIT [1].eot');	   
	src: local('MYRIADPRO-SEMIBOLDIT [1]'), url('/Content/Gontek/fonts/MYRIADPRO-SEMIBOLDIT [1]') format('woff'), 
	url('/Content/Gontek/fonts/MYRIADPRO-SEMIBOLDIT [1].ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}


footer
{
    clear: both;
    background: url(/Content/Gontek/images/footer-bg.png) repeat-x 50% 100%;
    font-size: .8em;
    height: 207px;
}

.footer-address
{
    color: #fff;
    padding-top: 4px;
    line-height: 22px;
}

    .footer-address a, .footer-address a:link, .footer-address a:visited, .footer-address a:hover
    {
        color: #fff;
    }

    .footer-address .company
    {
        font-size: 1.2em;
        padding: 5px 0;
        text-transform: uppercase;
        font-weight: 700;
    }
/*gontex*/
.footer-left
{
    float: left;
    width: 319px;
    min-height: 240px;
    background: #dcf0ff;
    margin-right: 20px;
  
}

.footer-right
{
    float: left;
    width: 661px;
    min-height: 240px;
    background: #dcf0ff;
}

.title-services
{
    background: #005da1;
    width: 317px;
height: 37px;
float: left;
margin-top: 13px;
}

.title-products
{
    background: #005da1;
    width: 659px;
height: 36px;
float: left;
margin-top: 13px;
position: relative;
}

.tl-bg-left
{
    background: url(/Content/Gontek/images/title-bg.png) no-repeat;
    height: 46px;
width: 7px;
margin-left: -5px;
margin-top: 13px;
float: left;
}

.tl-bg-right
{
    background: url(/Content/Gontek/images/title-bg.png) no-repeat;
    height: 46px;
    margin-left: -5px;
margin-top: 13px;
width: 7px;
float: left;
}

.gontex
{
    float: left;
    height: 40px;
    padding-left: 20px;
}

.viennam
{
    float: right;
    height: 40px;
    padding-right: 40px;
}

.footer-inside
{
    background: #b2dfff;
    width: 100%;
    clear: both;
}

.title
{
    text-align: left;
    text-transform: capitalize;
    background: url(/Content/Gontek/images/title-bg.png) repeat-x 0 80%;
    width: 1000px;
    border-bottom: 1px dashed #016d9b;
    padding-bottom: 5px;
    margin-top: 6px;
    margin-left: 23px;
    margin-bottom: 20px;
}

    .title span
    {
        padding: 1px 0px;
        background: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 1em;
        color: #1D5A91;
    
        font-size: 18px;
}

.home-news
{
    float: left;
    
	
    width: 215px;
}
.last-box
{
        margin-right: 0;
        float: right;
    
        width: 230px;
}

    .home-news:last-child
       {
        margin-right: 0;
        float: right;
    }

    .home-news .name
    {
        text-transform: uppercase;
        margin: 5px 0;
    }

    .home-news .image
    {
        width: 280px;
        height: 130px;
    }

    .home-news .headline
    {
        font-size: 0.9em;
        text-align: justify;
        height: 9em;
        overflow: hidden;
    }

    .home-news .more
    {
        font-size: 0.8em;
        font-weight: 700;
        text-decoration: underline;
        margin-top: 20px;
        color: #8EADCA;
    
        float: left;
}

        .home-news .more a
        {
            color: #8EADCA;
        }

.home-product
{
    margin-bottom: 40px;
}

.hotline
{
    margin-left: 15px;
    padding: 10px 0 10px 40px;
    font-weight: 700;
    background: url(/Content/Gontek/images/phone-icon.png) no-repeat 0 50%;
    text-transform: none;
    font-size: 1.2em;
    color: white;
    line-height: 11px;
    width: 275px;
    float: left;
}

.support-name
{
    display: block;
    padding:5px 0;     
    width: 237px;
    display: inline-block;
    font-size: 14px;
}

.support-info
{
    display: block;
    padding-left: 140px;
}
.support-online 
{
    margin-bottom: 37px;
    margin-top: 10px;
}
.copyright
{
    margin-top:36px;
    color:#fff;
    font-weight:700;
    text-align:right;
}
.copyright a, .copyright a:link, .copyright a:visited, .copyright a:hover
{
    color: #fff;
}

.name-roles 
{
    float: left;
    padding-left: 14px;
    font-weight: 700;
}
.name-person 
{
    float:left;
    margin-left: 2px;
}
.yahoo
{
    float:left;
    width: 30px;
    margin-left: 41px;
}
.skype
{
    float:left;
    margin-left: 47px;
}
.phone 
{
    float:left;
}
/*gontext*/
.home-service 
{
    margin-left:10px;
    line-height: 21px;
  
    width: 309px;
}


.box-menu-product 
{

}
.nav-menu-product
{

}
.level-menu-product
{
    list-style: none;

    margin-top: 0;
    /* width: 1300px!important; */
    margin-left: -40px!important;
    float: left;
    height: 200px!important;
}
.level-menu-product li
{
    list-style: none;
    margin-top: 0px;
    background-color: #1e7bc9;
    width: 182px;
    float: left;
    margin-right: 35px;
    min-height: 24px;
    line-height: 24px;
}
.level-menu-product li:hover
{
}
.level-menu-product li a.lv1
{
    margin-top: 0px;
    float: left;
    text-transform: uppercase;
    width: 100%;
    display: block;
    height: 25px;
overflow: hidden;
    color: white;
}
.level-menu-product li a.lv1:hover
{
    font-weight:700;
}
.level-menu-product li ul.level1 li a.lv2:hover
{
    color:blue;
}
.box-menu-product #nav-menu-product .caroufredsel_wrapper .level-menu-product
{
    /*overflow: hidden;*/
}
.box-menu-product #nav-menu-product .caroufredsel_wrapper 
{
    margin-left: 22px!important;
}
.caroufredsel_wrapper 
{
    margin-top: 13px!important;
    margin-left: 12px!important;
}
.product-line 
{
    width: 978px;
    padding-bottom: 0px;
}
.product-line-mn 
{
    width: 978px;
    padding-bottom: 20px;
    margin-left: -73px;
    display: inline-block;
    margin-bottom: 6px;
}
.product-item 
{  
    line-height: 28px;  
    vertical-align: middle;  display: block;  float: left;  position: relative;  
    width: 203px;  text-align: center;    
    padding: 1px;  
    margin-bottom: 0px;
}

.product-item  .name 
{
    float: left;
    margin-top: -110px;
    padding-left: 115px;
    text-align: left;
}
.product-item-mn
{
    height: 151px;  line-height: 58px;  
    vertical-align: middle;  display: block;  float: left;  position: relative;  width: 205px;  text-align: center;  border: 1px solid #e0e0e0;  
    padding: 1px;  
    margin: 17px;
}

.product-item-mn .name 
{
    height: 30px;

    margin-top: 156px;
}
.product-item-mn a:hover
{
    font-weight:bolder;
}
.caroufredsel_wrapper 
{
    overflow: hidden!important;
    height: 176px!important;
    width: 616px!important;
}
.home-product .orrows-right {
    float: right;
    display: block;
    margin-top: -20px;
    margin-right: 0px;
    width: 19px;
    height: 19px;
}
ul.level-menu-product li 
{
    text-align:center;
    position: relative;
}
.level1 
{
    display: list-item;
    position: absolute;
    top: 61px;
    width: 156px;
    list-style: none;
    left: 17px;
}
level-menu-product li ul.level1
{

    height: 20px;
}
level-menu-product li ul.level1 li
{
    display: block;
    height: 200px;
}


/*sửa dòng 91 product .name width:300px; height 30px;*/
















.menu-top
{
    position: relative;
    /* float: left; */
    font-family: 'PT Sans Narrow', 'PT Sans', TMyriadpro-Regular;
}

 ul.sub-mn-level
{
    display: none;
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 180px;
    z-index: 1000;
    border-right: 0px solid #85d2ef;
}

.menu-top .menu
{
    height: 35px;
    position: absolute;
    right: 0;
    top: -36px;
    vertical-align: middle;
}

.menu-top ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    /* position: relative; */
    background: #f1f1f1;
    height: 40px;
    float: left;
    width: 998px;
    border: 1px solid #d4d4d4;
}

    .menu-top ul li
    {
        display: block;
        float: left;
        line-height: 40px;
        position: relative;
    
        text-align: center;
        width: 138px;
        height: 40px;
        margin-right: 1px;
        border-right: 1px solid #d3d3d3;
        border-left: 1px solid white;
        margin-left: 0px;
}

        .menu-top ul li a
        {
		font-weight: bold;
            color: #212121;
            text-transform: uppercase;
            text-decoration: none;
            display: inline-block;
        
            font-family: 'PT Sans Narrow', 'PT Sans', TMyriadpro-Cond;
            font-size: 19px;
            width: 100%;
}

        .menu-top ul li:hover
        {
            background-position: 0px 49px;
            background: #005da1;
        
}
         .menu-top ul li:hover a.level00
        {
            color:white;
        }
        .menu-top ul li a img
        {
            vertical-align: middle;
        }

 ul.dropdown
{
     background: white url(/Content/Gontek/images/li-first-img.png) no-repeat;
    display: none;
     top: 100%;
    left: 0;
    position: absolute;   
     min-width: 163px;
    z-index: 1000;
     padding-top: 20px;
     background-position: 0px -21px;
}

     ul.dropdown li
    {
        display: block;
        float: none;
        margin-right: 0;
        position: relative;
        border: 1px solid #85d2ef;
        height: 25px;
        padding: 5px 0;
    
        background: #fff;
        border-top: none;
        width: 175px;
        text-align: left;
}

         ul.dropdown li:hover
        {
            background: #00a0e4;
        
        }
        ul.dropdown li:hover ul.dropdown li a.lv1
        {
            color:white;        
        }
        .lv1:hover
        {
            color:white;
        
        }
         ul.dropdown li:last-child
        {
            border-bottom: none;
        }

         ul.dropdown li a
        {
            color: #000;
            font-weight: 100;
            padding: 5px;
            text-transform: none;
            text-decoration: none;
            margin-right: 0;
            display: block;
        
            float: left;
            margin-left: 0px;
            line-height: 12px;
            font-size: 15px;
            min-width: 175px;
            height: 100%;
}
                 ul.dropdown li a:hover
        {
            color: #fff;
}
.menu-top li.active 
{
    background: #005da1;
    color:white;
}
.menu-top li.active a
{
    color:white;
}
.menu-top li.active ul.dropdown li a 
{
    color:black;
}
.li-last 
{
    border-right: 0px!important;
    width: 149px!important;
    padding-right: 0!important;
}
.li-last:hover
{
    border-right: 0px!important;
    width: 151px!important;
    padding-right: 0!important;
    margin-right:-1px;
}
#nav
{
    width: 237px;
    
    font-size: 14px;
    margin-bottom: -15px;
}

    #nav ul
    {
        margin-left: 0px;
        padding: 0px;
    
        margin-top: 0px;
}


    #nav ul.top-level li
{
    list-style: none;
    margin: 0 auto;
    cursor: pointer;
    display: block;
    min-height: 33px;
    line-height: 33px;
    text-indent: 10px;
    text-decoration: none;
    color: #000;
    margin-left: 9px;
    width: 217px;
    background:url(/Content/Gontek/images/li-bg-menuleft-black.png) no-repeat;
    background-position: 25px 13px;
}

#nav ul.top-level li:hover
{
    list-style: none;
    margin: 0 auto;
    cursor: pointer;
    display: block;
    min-height: 33px;
    line-height: 33px;
    text-indent: 10px;
    text-decoration: none;
    color: #000;
    margin-left: 9px;
    width: 217px;
    background:url(/Content/Gontek/images/li-bg-menuleft-hover.png) no-repeat;
    background-position: 25px 13px;
}
#nav ul.top-level li a
{
    cursor: pointer;
    display: block;
    min-height: 33px;
    line-height: 33px;
    text-indent: 10px;
    text-decoration: none;
    color: #000;
    margin-left: 27px;
}

#nav ul.top-level li a:hover
{
    cursor: pointer;
    display: block;
    min-height: 33px;
    line-height: 33px;
    text-indent: 10px;
    text-decoration: none;
    color: #016d9b;
}
ul.level1 li,ul.level2 li,ul.level3 li,ul.level4 li,ul.level5 li
{
    top: -13px;
    left: -40px;
    text-align: left;
    background: url(/Content/Gontek/images/title-bg2.png) no-repeat 0 2px;
    line-height: 12px;
    padding-left: 10px;
}
ul.level1 li:hover
{
}
ul.level1 li:hover a
{                    
}
ul.level2 li
{

}
ul.level3 li
{

}
ul.level4 li
{

}
ul.level5 li
{

}
/*ul.top-level
{
    background: #6898d0;
}*/

    ul.top-level li
    {
        /*border: #FF0000 solid;
        border-width: 1px;*/
        border-bottom: 1px solid #dfdfdf;
    }

/*#nav ul.sub-level li a
{
    width:237px;
    height:33px;
}
#nav ul.sub-level li a:hover
{
    width:237px;
    height:33px;
}*/

    #nav ul.sub-level li
    {
        border-bottom: 1px solid #85d2ef;
        float: left;
        width: 172px;
    
        background: white;
        margin-left: 0px;
}
        #nav ul.sub-level li:hover
    {
        float: left;
        width: 172px;
    
        background: white;
        margin-left: 0px;
}
    #nav ul.sub-level li a
    {
        float: left;
        width: 172px;    
        background: white;
        margin-left: 0px;
}
        #nav ul.sub-level li a:hover
    {
        float: left;
        width: 172px;    
        background: #009fe4;
        margin-left: 0px;
        color: white;
}


    /*#nav a:hover
    {
        color: #016d9b;
        background-color: white;
        
    
        width: 205px;
        color: #;
}*/

#nav li:hover
{
    position: relative;
}


#nav ul.sub-level
{
    display: none;
    position: absolute;
    left: 172px;    
    top: -1px;
    border: 1px solid #85d2ef;
    z-index: 5;
}
#nav ul.level1
{
    display: none;
    position: absolute;
    left: 217px;    
    top: 0px;
    border: 1px solid #85d2ef;
    z-index: 5;
    border-bottom: 0;
}
/*#nav .sub-level
{
    background: #6898d0;
}*/


.box-header
{
   background: #034895;
    
    font-size: 13px;
    border-bottom: 1px solid #90bade;
}
    .box-header span
    {
        display:block;
        padding: 8px;
        font-weight: 700;    
        color: #fff;
        border-left: 4px solid #3FA2DA;
    }
#nav ul.top-level ul
{
    border-bottom:0;
}
 a.prevn
        {
            background: url(/Content/Gontek/images/pre-bg-product-hover.png) no-repeat 100% 50%;
            width: 18px;
            height: 22px;
            float: right;
            cursor: pointer;
            position: absolute;
            font-size: 1px;
        
            margin-top: 13px;
            margin-left: -21px;
}

        a.nextn
        {
            background: url(/Content/Gontek/images/pre-bg-product-new-hover.png) no-repeat 0 50%;
            width: 18px;
            height: 22px;
            float: left;
            cursor: pointer;
            font-size: 1px;
        
            position: absolute;
            margin-top: 13px;
}
         a.prevn:hover
        {
            background: url(/Content/Gontek/images/pre-bg-product-new.png) no-repeat 100% 50%;
            width: 18px;
            height: 22px;
            float: right;
            cursor: pointer;
            position: absolute;
            font-size: 1px;
        
            margin-top: 13px;
            margin-left: -21px;
}

        a.nextn:hover
        {
            background: url(/Content/Gontek/images/next-bg-product.png) no-repeat 0 50%;
            width: 18px;
            height: 22px;
            float: left;
            cursor: pointer;
            font-size: 1px;
        
            position: absolute;
            margin-top: 13px;
}

.text-new-product 
{
    float: left;

    width: 200px;
    font-size: 18px;
}
        .customer-sliden
        {
            width: 1000px;
            height: 166px;
            padding: 0 20px;
            float: left;
        
            margin-left: -20px;
            margin-top: -20px;
}

            .customer-sliden ul
            {
                margin: 0;
                padding: 0;
                list-style: none;
                display: block;
            }

            .customer-sliden li
            {
                text-align: center;
                width: 123px;
                height: 87px;
                padding: 0;
                margin: 6px;
                display: block;
                float: left;
            }
.slide-item a 
{
    display:block;
}




.customer-sliden li.slide-item
{
    height: 151px;
    line-height: 58px;
    vertical-align: middle;
    display: block;
    float: left;
    position:relative;            
    width: 205px;
    text-align: center;
    border: 1px solid #e0e0e0;
    padding: 4px;
    margin: 17px;
}
.new-img 
{
    position:absolute;
    background:url(/Content/Gontek/images/new-icon.png) no-repeat;
    width: 42px;
    height: 40px;
    top: 70%;
    left: 162px;
    border-radius: 25px 25px;
    background-position: -2px -3px;
    background-size: 46px;
}

            .customer-sliden .slide-item img, .customer-slidef .slide-item img,.customer-slidep .slide-item img
            {
                vertical-align: middle;
            
                margin: 0 20px;
                margin-left: 1px;
                max-width: 99%;
                max-height: 99%;
                min-width: 205px;
                min-height: 153px;
}
.text-productn:hover
{
    color: blue;
}
.text-productn 
{
    width:176px;
    height:19px;
    margin-top: -4px;
    position: absolute;
}
.ground-product-new
{
    float:left;
}
.customer-sliden .caroufredsel_wrapper 
{
    width: 1000px !important;
    height: 224px !important;
    border: 1px solid #e0e0e0;
    border-top: 0;
}

.box-news .header, .box-local-news .header
{
    color: white;
    font-size: 1.3em;
    margin-top: 12px;
    float: left;
    width: 170px;
    margin-left: 17px;
}

.box-news .content .item
{
    background-color: #00a000;
}

.box-local-news .content .item
{
    background-color: #ef572a;
}

    .box-news .content .item .name, .box-local-news .content .item .name
    {
        font-size: 0.85em;
    }

.box-news .content, .box-local-news .content
{
    float: left;
    margin-top: 8px;
    height: 30px;
    width: 300px;
    overflow: hidden;
}

    .box-news .content .date, .box-local-news .content .date
    {
        margin-bottom: 3px;
        color: white;
        font-size: 0.8em;
    }

    .box-news .content .name a, .box-local-news .content .name a
    {
        color: white;
    }

.box-news
{
    width: 489px;
    height: 46px;
    background: url(/Content/Gontek/images/bg_h_news.png);
    float: left;
}

.box-local-news
{
    width: 511px;
    height: 46px;
    background: url(/Content/Gontek/images/bg_local_news.png);
    float: left;
}

.news-list .news-item
{
    padding: 20px 0;
}

    .news-list .news-item .img
    {
        float: left;
        width: 160px;
        margin-right: 10px;
    }

    .news-list .news-item img
    {
        width: 160px;
    }

    .news-list .news-item .name
    {
        padding-left: 170px;
        font-weight: 700;
        padding-bottom: 10px;
    }

    .news-list .news-item .headline
    {
        /*font-size: 0.9em;*/
    }

.news-detail
{
}

    .news-detail .headline
    {
        font-weight: 700;
    }

    .news-detail .date
    {
        font-weight: 100;
        font-size: 0.8em;
        font-style: italic;
        margin-bottom: 10px;
    }

    .news-detail .image
    {
        text-align: center;
        max-width: 100%;
    }
.tech-news 
{
    width: 1000px;
height: 276px;
margin-bottom: 10px;
overflow: hidden;
}
.news-item .name a p
{
    font-size:12px;
    font-style: italic;
    font-family: TMyriadpro-Regular;
}
.news-list
{
    /*width: 289px;*/
    
    padding-left: 20px;
}
.menu-phu .news-list
{
    width: 1000px;
}
    .news-list .news-item
    {
        padding: 25px 2px;
    
}
    .news-list .news-item .img
    {
        float:left;
        width:160px;
    }
    .news-list .news-item img
    {
        
        max-width: 160px;
    
        max-height: 256px;
}
    .news-list .news-item .name
    {
       padding-left:170px;
       font-weight:700;
       padding-bottom:10px;
    }
     .news-list .news-item .headline
    { 
       /*font-size:12px;*/
    }
.news-detail
{
}

    .news-detail .headline
    {
        font-weight: 700;
    }

    .news-detail .date
    {
        font-weight: 100;
        font-size: 0.8em;
        font-style: italic;
        margin-bottom:10px;
    }

    .news-detail .image
    {
        text-align: center;
        max-width: 100%;
    }
.title- 
{
    width: 215px;

}

#dog-effect {
    font-size: 13px;
    background: url(/Content/Gontek/images/bg_nav_banner.png);
    width: 144px;
    height: 20px;
    margin: 4px auto;
    text-align: center;
     float: right;
}
#dog-effect a
{
    height: 10px;  width: 10px;  border: 0px solid white;  border-radius: 19px;  -moz-border-radius: 19px;  -webkit-border-radius: 19px;  padding-right: 0px;  background-color: #848484;  
    color: #848484;  margin: 3px;  height: 10px;  display: inline-block;
        
    overflow: hidden;
}
#dog-effect a.activeSlide, #dog-effect a.hover {
    height: 10px;  width: 10px;  border: 0px solid white;  border-radius: 19px;  -moz-border-radius: 19px;  -webkit-border-radius: 19px;  padding-right: 0px;  
    background-color: #1e1e1e;  
    color: #1e1e1e;  margin: 3px;  height: 10px;  display: inline-block;
  
    overflow: hidden;
}
#dog-effect{
    font-size: 13px;
    background: url(/Content/Gontek/images/bg_nav_banner.png);
    width: 144px;
    height: 11px;
    margin: 3px auto;
    text-align: center;
}
#dog-effect a
{
    height: 10px;  width: 10px;  border: 0px solid white;  border-radius: 19px;  -moz-border-radius: 19px;  -webkit-border-radius: 19px;  padding-right: 0px;  
    background-color: white;  
    color: white;  margin: 3px;  height: 10px;  display: inline-block;
        
    overflow: hidden;
}
#dog-effect a.activeSlide, #dog-effect a.hover {
    height: 10px;  width: 10px;  border: 0px solid white;  border-radius: 19px;  -moz-border-radius: 19px;  -webkit-border-radius: 19px;  padding-right: 0px;  
    background-color: #06b4ff;  
    color: #06b4ff;  margin: 3px;  height: 10px;  display: inline-block;
  
    overflow: hidden;
}
.blue-cl 
{
    color:#005da1;
    float: left;
}
.blue-cl a.blue-cl1
{
    color:#005da1;
    font-family: TMyriadpro-It;
}
.home-service .corner
{
    float:left;
    padding-left: 20px;
}
/*.blue-cl a
{
    color:#005da1;
}*/
.img 
{
    /*float:left;
    padding-top: 0px;
    padding-right: 12px;
    padding-bottom: 0px;*/
}

.img-branch 
{
    margin-top: 2px;

}
.partner-img
{

}

.product-list-pro
{
    margin: 22px;
    padding-bottom: 20px;
}

    .product-list-pro .product-line
    {
    }

    .product-list-pro .product-item-pro
    {
        display: inline-block;
        text-align: center;
        float: left;
        height: 115px;
        margin-bottom: 15px;
    }

    .product-list-pro .last-box
    {
        margin-right: 0;
        float: right;
    }

    .product-list-pro .product-item-pro:last-child
    {
    }

    .product-list-pro .product-item-pro .name
    {
        font-size: 14px;
        width: 340px;
        clear: both;
        line-height: 21px;
        text-transform: uppercase;
        color: white;
    }

        .product-list-pro .product-item-pro .name a
        {
            font-size: 14px;
            line-height: 16px;
            text-transform: uppercase;
            color: white;
        }

    .product-list-pro .product-item-pro .img
    {
        width: 120px;
        height: 118px;
        text-align: center;
        line-height: 160px;
        vertical-align: middle;
        margin-left: -6px;
        float: left;
        background: url(/Content/Gontek/images/hinhtron.png) no-repeat;
        background-position: 2px -7px;
    }

        .product-list-pro .product-item-pro .img img
        {
            vertical-align: middle;
            max-width: 105px;
            max-height: 59px;
            margin-top: -53px;
            margin-left: -5px;
        }



.other .product-list-pro .product-item-pro
{
    margin-bottom: 22px;
    /*display: block;
    text-align: center;
    margin-right: 37px;
    float: left;
    height:auto;
    margin-top: 25px;
    padding-bottom: 40px;
    width: 456px;*/
}

.product-list-pro
{
}

    .product-list-pro .product-line
    {
        width: 959px;
        margin-left: -19px;
        margin-bottom: -14px;
    }

    .product-list-pro .product-item-pro
    {
        display: inline-block;
        text-align: center;
        float: left;
        width: 456px;
        padding-right: 22px;
        background: url(/Content/Gontek/images/productitem_bg.png) no-repeat;
        background-position: 59px 1px;
        overflow: hidden;
    }

.other .product-list-pro
{
    margin-top: 61px;
}

.product-list .product-item-pro
{
    display: inline-block;
    text-align: center;
    float: left;
}

.product-list .last-box
{
    margin-right: 0;
    float: right;
}

.product-list .product-item-pro:last-child
{
}

.product-list .product-item-pro .name
{
    font-size: 14px;
    width: 340px;
    clear: both;
    line-height: 16px;
    text-transform: uppercase;
    color: white;
}

    .product-list .product-item-pro .name a
    {
        font-size: 14px;
        line-height: 16px;
        text-transform: uppercase;
        color: white;
    }

.product-list .product-item-pro .img
{
    width: 120px;
    height: 118px;
    text-align: center;
    line-height: 160px;
    vertical-align: middle;
    margin-left: -6px;
    float: left;
    background: url(/Content/Gontek/images/hinhtron.png) no-repeat;
    background-position: 2px -7px;
}

    .product-list .product-item-pro .img img
    {
        vertical-align: middle;
        max-width: 105px;
        max-height: 59px;
        margin-top: -53px;
        margin-left: -5px;
    }

.product-list .product-item-pro
{
    display: inline-block;
    text-align: center;
    float: left;
}

    .product-list .product-item-pro:last-child
    {
    }

    .product-list .product-item-pro .name
    {
        font-size: 14px;
        width: 340px;
        clear: both;
        line-height: 16px;
        text-transform: uppercase;
        color: white;
    }

        .product-list .product-item-pro .name a
        {
            font-size: 14px;
            line-height: 16px;
            text-transform: uppercase;
            color: white;
        }

    .product-list .product-item-pro .img
    {
        width: 120px;
        height: 118px;
        text-align: center;
        line-height: 160px;
        vertical-align: middle;
        margin-left: -6px;
        float: left;
        background: url(/Content/Gontek/images/hinhtron.png) no-repeat;
        background-position: 2px -7px;
    }

        .product-list .product-item-pro .img img
        {
            vertical-align: middle;
            .product-list-pro max-width: 105px;
            max-height: 59px;
            margin-top: -53px;
            margin-left: -5px;
        }

.other .product-list .product-item-pro
{
    margin-bottom: 22px;
    /*display: block;
    text-align: center;
    margin-right: 37px;
    float: left;
    height:auto;
    margin-top: 25px;
    padding-bottom: 40px;
    width: 456px;*/
}

.product-list .product-item-pro
{
    display: inline-block;
    text-align: center;
    float: left;
    width: 456px;
    padding-right: 22px;
    background: url(/Content/Gontek/images/productitem_bg.png) no-repeat;
    background-position: 59px 1px;
    overflow: hidden;
}

.product-item-pro .name
{
    float: left;
    margin-top: -110px;
    padding-left: 115px;
    text-align: left;
}

.product-list
{
    margin: 22px;
    padding-bottom: 20px;
}
.product-detail .name-d
{
    margin-bottom: 10px;
    color: black;
    font-weight: 700;
    font-size: 1.3em;
    text-align: left;
}
    .product-list .product-item
    {
        display: inline-block;
        text-align: center;
        float:left;
    }
.product-list .last-box
{
        margin-right: 0;
        float: right;
    }
        .product-list .product-item:last-child
        {
        }
        .product-list .product-item .name
        {
            font-size: 14px;
            width: 340px;
        
            clear: both;
            line-height: 16px;
            text-transform: uppercase;
            color: white;
}
        .product-list .product-item .name a
        {
            font-size: 14px;
            line-height: 16px;
            text-transform: uppercase;
            color: white;
}
        /*.product-list .product-item .img
        {
            width: 120px;
            height: 118px;
            text-align: center;
            line-height: 160px;
            vertical-align: middle;
        
            margin-left: -6px;
            float: left;
            background: url(/Content/Gontek/images/hinhtron.png) no-repeat;
            background-position: 2px -7px;
}*/

            .product-list .product-item .img img
            {
                vertical-align: middle;
				
                max-width: 105px;
				
                max-height: 59px;
            
                margin-top: -53px;
                margin-left: -5px;
}


            .product-list
{
    margin: 22px;
    padding-bottom: 20px;
}
    .product-list .product-line
    {}
    .product-list .product-item
    {
        display: inline-block;
        text-align: center;
        float:left;
    }




.product-list .last-box
{
        margin-right: 0;
        float: right;
    }
        .product-list .product-item:last-child
        {
        }
        .product-list .product-item .name
        {
            font-size: 14px;
            width: 340px;
        
            clear: both;
            line-height: 16px;
            text-transform: uppercase;
            color: white;
}
        .product-list .product-item .name a
        {
            font-size: 14px;
            line-height: 16px;
            text-transform: uppercase;
            color: white;
}
        .product-list .product-item .img
        {
            width: 120px;
            height: 118px;
            text-align: center;
            line-height: 160px;
            vertical-align: middle;
        
            margin-left: -6px;
            float: left;
            /*background: url(/Content/Gontek/images/hinhtron.png) no-repeat;*/
            background-position: 2px -7px;
}

            .product-list .product-item .img img
            {
                vertical-align: middle;
				
                max-width: 105px;
				
                max-height: 59px;
            
                margin-top: -53px;
                margin-left: -5px;
}


.product-detail
{
    padding: 5px 8px;
}

    .product-detail .name
    {
        font-size: 1.8em;
        margin-bottom: 10px;
        margin-top: 0px;
        margin-left: 27px;
        padding-left: 0px;
    }
    .product-detail .img
    {
        float: left;
    }

    .product-detail .image
    {
        float: left;
        width: 217px;
        margin-right:10px;
        margin-bottom:10px;
    
        border: 1px solid #e4e4e4;
        height: 200px;
}

    .product-detail .headline
    {
        padding-left: 260px;
    }
    .product-detail .headline-careers
    {
        padding-left: 0px;
    }
    .product-detail .main-image
    {
        text-align: center;
        padding: 5px;
        border-radius: 5px;
    
        line-height: 174px;
}

        .product-detail .main-image img
        {
            line-height: 250px;
            max-width: 236px;
            vertical-align: middle;
        
            max-height: 188px;
}
    .product-detail .description
    {
        padding: 10px 5px;
        border: 1px solid #eee;
        border-width: 0 1px 1px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        margin-bottom:10px;
    }
.product-detail h4
{
    border-bottom:1px solid #eee;
    padding-top: 20px;
    padding-bottom: 5px;
}

.other
{
    margin-top:20px;
}
.other h2
{
    margin-top:20px;
    font-size: 18px;
    color: #005da1;
}
.other .product-list .product-item
{
    margin-bottom: 22px;
    /*display: block;
    text-align: center;
    margin-right: 37px;
    float: left;
    height:auto;
    margin-top: 25px;
    padding-bottom: 40px;
    width: 456px;*/
}
.other .name
{
    text-align: left;
}
    .other h2
    {
        margin-left: 5px;
}
    .other a, .other a:link, .other a:visited, .other a:hover
    {
        color: #2273ae;
    }

.orrows-left 
{

}
.ground-product- .menu-product .orrows-left a.pre-product
{
    float:left;
    width: 11px;
    background:url(/Content/Gontek/images/pre-product-icon.png) no-repeat;
    height: 34px;
    margin-top: 1px;
}
.content-category-menu
{
    float:left;
    width: 100%;
    text-align: center;
}
.menu-product .orrows-right
{

}
.ground-product- .orrows-right a.next-product
{
    float: right;
    background:url(/Content/Gontek/images/next-product-icon.png) no-repeat;
    width: 11px;
    height: 34px;
    margin-top: 21px;
}
.menu-product 
{
    margin: 15px 0px;
    height: 35px;
    line-height: 35px;
    width: 1001px;
    /* margin-left: 23px; */
    margin-top: 0px;
}

.product-new-title,.ground-product-promotion
{
    float:left;
    width: 1000px;
    border-bottom: 1px dashed #016d9b;
    padding-bottom: 5px;
    margin-top: 6px;
    text-transform: uppercase;
    color: #016d9b;
    margin-bottom: 20px;
}

.ground-item-item-middle 
{
    width:1000px;
    margin-left:23px;
    margin-bottom: 100px;
    float: left;
}
/*.ground-promotion-item-middle 
{
    width:1000px;
    margin-left:23px;
    margin-bottom: 40px;
}*/
.more-product
{
    float:right;
    margin-top: -24px;
    margin-right: 0px;
    background:url(/Content/Gontek/images/see-all-bg.png) no-repeat;
    height: 23px;
    width: 91px;
}
.more-product.more-product a
{
    background-position: 1px 0px;
    width: 91px;
    height: 23px;
    display: block;
    margin-top: -5px;
    line-height: 32px;
    margin-left: 27px;
    color: white;
}
.text-readmore 
{

}
.ground-product- 
{
    border:1px solid #dfdfdf;
    width: 1000px;
    margin-left: 23px;
    display: inline-block;
    border-top: 0;
    margin-top: -9px;
}
.product-list
{
}
    .product-list .product-line
    {
        width: 959px;
        margin-left: -19px;
        margin-bottom: -14px;
}
    .product-list .product-item
    {
        display: inline-block;
        text-align: justify;
        float:left;
    
        width: 456px;
        padding-right: 22px;
        background-position: 59px 1px;
        overflow: hidden;
}
    .product-detail .product-item
    {
        display: inline-block;
        text-align: justify;
        float:left;
    
       /* width: 456px;*/
        width: 95%;
	padding-right: 22px;
        background-position: 59px 1px;
        overflow: hidden;
}
.product-list1 
{
    width:978px;
}
.pager
{
    float:right;
    margin-bottom: 10px;
    line-height: 20px;
}
.pager a.item 
{
    padding-left:5px;
    width: 12px;
    display: inline-block;
}
.pager .active 
{
    color: white;
    background: rgb(49, 49, 156);
}
#sliden li.slide-item:hover .text-productp
{
    color:blue;
}
.more-product a:hover 
{
    color: rgb(2, 253, 243);
}
li.slide-item:hover .text-productp
{
    color: rgb(0, 255, 235);
    background-color: #646155;
    opacity: 0.9;
    font-size: 15px;
}
li.slide-item:hover .new-img
{
    top: 79%;
    left: 178px;
}
.adv 
{
    text-align:center;
}
.software img 
{
    padding-top: 21px;
    padding-left: 5px;
}
.solution img 
{
    padding-top: 11px;
    padding-left: 5px;
}
.solution img 
{
    padding-top: 10px;
    padding-left: 5px;
}
.categry-name 
{
    position: absolute;
    top: 43px;
    left: 135px;
    float: left;
    font-size: 24px;
}
.categry-name a
{
    color: white !important;
}
.categry-detail
{
    /* position: absolute; */

    /* top: 68px; */
    /* left: 106px; */
    /*width: 32px;
    display: block;
    float: left;
    clear: both;*/
}
.title-text 
{
    font-size:24px;
    color:white;
    line-height: 34px;
    padding-left: 24px;
}
.info-1, .info-2, .info-3 
{
    float: left;
    width: 314px;
    height: 125px;
    padding-right: 6px;
    overflow: hidden;
}

.info-1
{
          background:#1e7bc9;
    
          margin-right: 20px;


          margin-left: -10px;
}
.info-2
{


    background:#288ce0;
    margin-right: 20px;

}
.info-3
{


    background:#2d9cf9;
    


}
.ca-img
{
    float: left;

}
.ca-text
{
    float: left;

    width: 206px;
    padding-top: 22px;
    padding-left: 1px;
}
.title-ca
{
    font-size: 24px;
    color: white;
    font-weight: 700;
}
.content-ca
{
    text-align: justify;

    height: 50px;
    overflow: hidden;
    color: #f0f6fb;
}
.title-ca a.title-c 
{
    display: block;

    color: white;
    padding-bottom: 6px;
    text-transform: uppercase;
}
.orrows-left a.pre-product 
{
    width: 50px;
    height: 50px;
    display: block!important;
    position: absolute;
    z-index: 99999;
    left: 620px;
    top: 8px;
    background: url(/Content/Gontek/images/orrow-pre.png) no-repeat;
}
.orrows-right a.next-product 
{
    width: 50px;
    height: 50px;
    display: block!important;
    position: absolute;
    z-index: 99999;
    left: 638px;
    top: 8px;
    background: url(/Content/Gontek/images/orrow-next.png) no-repeat;
}
.orrows-left a.pre-product:hover 
{
    background: url(/Content/Gontek/images/orrow-pre-hover.png) no-repeat;
}
.orrows-right a.next-product:hover 
{
    background: url(/Content/Gontek/images/orrow-next-hover.png) no-repeat;
}
.description-product 
{

    margin-top: -84px;
    float: left;
    

    width: 314px;

    margin-left: 123px;

}
.orw-bg 
{

}
.product-shortdes 
{
    display: block;

    text-align: left;
}
.ta 
{

}
.other .product-list 
{
    margin-top: 61px;

}
.description-product .product-shortdes a p 
{
    color:#212121;
    font-weight: normal;
}
.readmore-other 
{
    float:right;
    margin-right: 20px;
    padding-bottom: 20px;
    font-family: TMyriadpro-It;
}
.orowr-blue 
{
    color:#2071ad;
}
.re-productitem 
{
    margin-top: 14px;
}
#tabs 
{
    overflow:hidden;
}


  a.prevp
        {
            background: url(/Content/Gontek/images/orrow-pre.png) no-repeat 100% 50%;
            width: 18px;
            height: 22px;
            float: right;
            cursor: pointer;
            position: absolute;
            font-size: 1px;
        
            margin-top: 13px;
            margin-left: -21px;
}

        a.nextp
        {
            background: url(/Content/Gontek/images/orrow-next.png) no-repeat 0 50%;
            width: 18px;
            height: 22px;
            float: left;
            cursor: pointer;
            font-size: 1px;
        
            position: absolute;
            margin-top: 13px;
}
         a.prevp:hover
        {
            background: url(/Content/Gontek/images/pre-bg-product-new.png) no-repeat 100% 50%;
            width: 18px;
            height: 22px;
            float: right;
            cursor: pointer;
            position: absolute;
            font-size: 1px;
        
            margin-top: 13px;
            margin-left: -21px;
}

        a.nextp:hover
        {
            background: url(/Content/Gontek/images/next-bg-product.png) no-repeat 0 50%;
            width: 18px;
            height: 22px;
            float: left;
            cursor: pointer;
            font-size: 1px;
        
            position: absolute;
            margin-top: 13px;
}

        .customer-slidep
        {
            height: 166px;
            padding: 0 20px;
            float: left;
        
            margin-left: -20px;
}
.customer-slidep .caroufredsel_wrapper ul#slidep 
{
    height:300px;
}
            .customer-slidep ul
            {
                margin: 0;
                padding: 0;
                list-style: none;
                display: block;
            }

            .customer-slidep li
            {
                text-align: center;
                width: 123px;
                height: 87px;
                padding: 0;
                margin: 6px;
                display: block;
                float: left;
            }





                .customer-slidep li.slide-item
                {  
    height: 151px;  
    line-height: 57px;  vertical-align: middle;  display: block;  float: left;  
    width: 205px;  text-align: center;  
                
    border: 1px solid #e0e0e0;
    margin: 17px;
    padding: 4px;
}

            .customer-slidep .slide-item img
            {
                vertical-align: middle;
            
                margin: 0 20px;
                margin-left: 1px;
                max-width: 99%;
                max-height: 99%;
                width: 205px;
                height: 151px;
}
.text-productp 
{
    width: 203px;
    height: 30px;
    margin-top: -30px;
    position: absolute;
    background-color: #646155;
    line-height: 30px;
    margin-left: 1px;
    opacity: 0.6;
    color: white;
}
.customer-slidep .caroufredsel_wrapper 
{
    width: 659px!important;
    min-height: 162px;
}

.caroufredsel_wrapper #sliden
{
    height: 200px!important;
}
.search-box
{
    float: right;
    margin-top: 35px;
    margin-right: 0px;
}
    .search-box input[type='text']
    {
        width: 180px;
        padding:3px 5px;
        font-size:12px;
        float:left;
        margin-right:5px;
        margin-top: 4px;
    
        height: 21px;
}
    .search-box input[type='submit']
    {
        background: url(/Content/Gontek/images/btn-search-img.png) no-repeat 100% 133%;
        float:left;
        width: 28px;  
        border: 0px solid white;
        margin-left: -5px;  
        height: 30px;  
        background-position: -3px -2px;
        background-size: 34px;
        margin-top: 4px;
}
ul.languages 
{
    list-style:none;
    display:inline-block;
    margin-top: 9px;
    padding-left: 14px;
}
ul.languages li
{
    display:inline-block;
    padding-right: 10px;
}
ul.languages .lg-1 a
{
    display: inline-block;
    padding-left: 24px;
    background:url(/Content/Gontek/images/vi.gif) no-repeat;
    color: #01557a;
    margin-right: -10px;
}
ul.languages .lg-2 a
{
    display:inline-block;
    padding-left: 26px;
    background:url(/Content/Gontek/images/en.gif) no-repeat;
    color: #01557a;
}

html
{
    margin: 0;
    padding: 0;
}

.viennam a:hover
{
    color: blue;
}

.bd-cnt
{
    border: solid 1px #e9e9e9;
    margin: auto;
    padding-bottom: 10px;
    width: 998px;
    margin-bottom: 10px;
}

body
{
    background-color: #fff;
    color: #212121;
    font-size: 12px;
    /*font-family: TMyriadpro-Regular, Arial, Tahoma, Verdana, Helvetica, Sans-Serif;*/
    font-family: Arial, Tahoma, Verdana;
    margin: 0 auto;
    padding: 0;
    background: white url(/Content/Gontek/images/body-bg.png) repeat-x;
}

a
{
    color: #333;
    outline: none;
    text-decoration: none;
}

    a:link, a:visited,
    a:active, a:hover
    {
        color: #000;
    }


header, footer, hgroup,
nav, section
{
    display: block;
}


.float-left
{
    float: left;
}

.float-right
{
    float: right;
    margin-top: 40px;
}

.clear-fix:after
{
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.clear-fix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.box-body
{
    width: 1000px;
    margin: auto;
}

.sibar-left
{
    float: left;
    width: 236px;
    min-height: 660px;
}

.clear-fix
{
    display: inline-block;
}
/* mac hide - force layout in ie \*/
* html .clear-fix, * html #inner, * html #middle
{
    height: 1%;
}

.clear-fix
{
    display: block;
}

h1, h2, h3,
h4, h5, h6
{
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
}

h1
{
    border-bottom: 1px dashed #005da1;
    color: #005da1;
    margin-top: 30px;
    text-transform: uppercase;
    padding-left: 0;
    padding-bottom: 5px;
    font-size: 24px;
    font-family: TMyriadpro-Cond;
}

h2
{
    font-size: 1.25em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active
    {
        padding: 0;
        text-decoration: none;
    }

p
{
    margin: 0;
    line-height: 22px;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper
{
    margin: 0 auto;
    max-width: 960px;
}

#body
{
    clear: both;
    padding-bottom: 35px;
}

.flash-banner
{
    float: left;
    background: url(/Content/Gontek/images/logo.jpg) no-repeat;
    height: 115px;
    width: 760px;
}

#site-name
{
    font-size: 25px;
    margin-left: 172px;
    margin-top: 64px;
    text-transform: uppercase;
    color: blue;
    font-weight: 700;
}

.left-column
{
    width: 24%;
    min-height: 100px;
}

.content-column
{
    width: 72%;
    float: right;
}

/* site title
----------------------------------------------------------*/
.site-title
{
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active
    {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }




/* menu
----------------------------------------------------------*/
ul#menu
{
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li
    {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a
        {
            background: none;
            color: #999;
            text-decoration: none;
        }

            ul#menu li a:hover
            {
                color: #333;
                text-decoration: none;
            }


#left
{
    width: 200px;
    float: left;
    padding-top: 5px;
}

#right
{
    padding-left: 210px;
}

hgroup.title h1, hgroup.title h2
{
    display: inline;
}

hgroup.title h2
{
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature
{
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round
{
    list-style-type: none;
    padding-left: 0;
}

    ol.round li
    {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero
        {
            background: url("/Content/Images/orderedList0.png") no-repeat;
        }

        ol.round li.one
        {
            background: url("/Content/Images/orderedList1.png") no-repeat;
        }

        ol.round li.two
        {
            background: url("/Content/Images/orderedList2.png") no-repeat;
        }

        ol.round li.three
        {
            background: url("/Content/Images/orderedList3.png") no-repeat;
        }

        ol.round li.four
        {
            background: url("/Content/Images/orderedList4.png") no-repeat;
        }

        ol.round li.five
        {
            background: url("/Content/Images/orderedList5.png") no-repeat;
        }

        ol.round li.six
        {
            background: url("/Content/Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven
        {
            background: url("/Content/Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight
        {
            background: url("/Content/Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine
        {
            background: url("/Content/Images/orderedList9.png") no-repeat;
        }

/* content */
article
{
    float: left;
    width: 70%;
}

aside
{
    float: right;
    width: 25%;
}

    aside ul
    {
        list-style: none;
        padding: 0;
    }

        aside ul li
        {
            background: url("/Content/Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label
{
    font-weight: 700;
}


/* contact */
.contact h3
{
    font-size: 1.2em;
}

.contact p
{
    margin: 5px 0 0 10px;
}

.contact iframe
{
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend
    {
        display: none;
    }

    fieldset ol
    {
        padding: 0;
        list-style: none;
    }

        fieldset ol li
        {
            padding-bottom: 5px;
        }

label
{
    display: block;
    font-size: 1.2em;
    font-weight: normal;
}

    label.checkbox
    {
        display: inline;
    }

input, textarea
{
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

textarea
{
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus
    {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"]
{
    background: transparent;
    border: inherit;
    width: auto;
}

input[type="submit"],
input[type="button"],
button
{
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}

td input[type="submit"],
td input[type="button"],
td button
{
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info
{
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error
{
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success
{
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error
{
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error
{
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid
{
    display: none;
}

input.input-validation-error
{
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error
{
    border: 0 none;
}

.validation-summary-errors
{
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid
{
    display: none;
}


/* tables
----------------------------------------------------------*/
table
{
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th
{
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a
    {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover
        {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover
        {
            color: #000;
        }

    th.asc a, th.desc a
    {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after
        {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after
        {
            content: '▲';
        }

        th.desc a:after
        {
            content: '▼';
        }

td
{
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td
{
    padding: 0 0.25em 0 0;
}


.social-share
{
    width: 185px;
}

.message
{
    color: blue;
    padding: 10px 0;
    font-size: 0.9em;
    display: block;
}

.error
{
    color: red;
    padding: 10px 0;
    font-size: 0.9em;
    display: block;
}

img
{
    border: none;
}

#ajax-box
{
    text-align: center;
    background: #cdf;
    padding: 20px 10px;
    width: 660px;
    height: 400px;
    margin: 0 auto;
    border-radius: 5px;
    font-weight: bold;
    -webkit-mask-image: -webkit-linear-gradient(#000, rgba(0,0,0,.9));
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 1s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: 1s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    -o-animation-duration: 1s;
    -o-animation-delay: .2s;
    -o-animation-timing-function: ease;
    -o-animation-fill-mode: both;
    animation-duration: 1s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.box-inside-header, .box-inside-footer, .box-banner, .box-top, .box-menu
{
    width: 1000px;
    margin: auto;
}

.box-menu
{
    display: block;
}

.box-inside-header
{
    height: 200px;
}

.ground-body
{
    background: white;
    margin-top: 9px;
    clear: both;
    width: 100%;
    margin: auto;
}

.box-inside-body
{
    width: 960px;
    margin: auto;
    padding-bottom: 20px;
    min-height: 403px;
}

.box-inside-footer
{
    width: 1000px;
    padding-bottom: 20px;
}

.ground-footer, .ground-body, .ground-top, .ground-menu, .ground-banner
{
}

.ground-top
{
    height: 70px;
    position: relative;
    width: 1000px;
    margin: auto;
}

.frame-categ
{
    width: 237px;
    height: 33px;
    background: url(/Content/Gontek/images/category-bg.png) no-repeat;
    color: white;
    text-align: center;
    line-height: 33px;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 2px;
}

.ground-menu
{
    /*height:108px;*/
}

.ground-banner
{
    clear: both;
}

.ground-footer
{
    clear: both;
}

.logo
{
    background: url(/Content/Gontek/images/logo.png) no-repeat;
    float: left;
    width: 307px;
    height: 53px;
    margin: 8px 0px;
    margin-top: 24px;
    margin-bottom: 17px;
}

.language-box
{
    float: right;
    margin-right: 18px;
    display: inline-block;
    margin-top: 0;
}

.frame-categ
{
}

.contain-items
{
    width: 1224px;
    padding-top: 30px;
    border-bottom: 1px solid #276d8c;
    margin: auto;
    padding-bottom: 25px;
    display: inline-block;
}

.box-inside-footer .contain-items .item
{
    width: 217px;
    min-height: 200px;
    float: left;
    margin-left: 23px;
    color: #ccdde4;
}

.content-linkweb
{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 4px;
}

#linkwebid
{
    width: 198px;
    height: 21px;
}


.title-name
{
    color: white;
    text-transform: uppercase;
}

.text-title-support a
{
    color: white;
}

.text-new
{
    color: white;
    float: left;
}

.separat-short
{
}

.description-content
{
    color: #ccdde4;
}

.readmore
{
    color: #bacfd8;
}

.separat-long
{
    background: url(/Content/Gontek/images/line-long.png) no-repeat;
    height: 2px;
    width: 217px;
    clear: both;
    margin-top: 8px;
    padding-top: 16px;
}

.text-title-support
{
    padding-top: 2px;
}

.content-support
{
    color: #65b9dc;
    font-family: TMyriadpro-It;
}

.separat-short
{
    background: url(/Content/Gontek/images/line-short.png) no-repeat;
    height: 2px;
    clear: both;
    width: 217px;
    background-size: 216px;
    margin-top: 7px;
    padding-top: 18px;
}

.text-online
{
    float: left;
    line-height: 22px;
}

.partner-img
{
}

.contact-description
{
}

.text-statis
{
}

.text-number-online
{
    float: right;
    margin-right: 10px;
    line-height: 22px;
}

.text-statis
{
}

.total-statis
{
}

.item-categ
{
    clear: both;
    border: 1px solid #dfdfdf;
    width: 236px;
    margin-bottom: 16px;
}

.viennam, .vinhquang
{
}

.footer
{
    color: #303030;
    margin: auto;
    clear: both;
    height: 40px;
    line-height: 40px;
    margin-bottom: 3px;
    width: 1000px;
    font-size: 12px;
    background: #b2dfff;
}

.form
{
    padding: 22px;
}

.product-home
{
    padding-top: 7px;
}
/*=========================================gontext=======================================================*/
.menu-phu
{
    width: 1000px;
    margin: auto;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*.software, .solution, .application
{
    width:314px;
}*/
.software
{
    width: 314px;
    margin-left: -8px;
    padding-right: 17px;
    float: left;
}

.solution
{
    width: 314px;
    padding-right: 26px;
    float: left;
}

.application
{
    width: 314px;
    padding-right: 0px;
    float: left;
}

.software-1, .software-2, .software-3
{
    float: left;
    width: 314px;
    height: 125px;
    padding-right: 6px;
    position: relative;
}

.software-1
{
    background: #1e7bc9;
    margin-right: 20px;
}

.software-2
{
    background: #1e7bc9;
    margin-right: 20px;
    background: #288ce0;
    margin-right: 20px;
    background: #2d9cf9;
}

.software-3
{
    background: #2d9cf9;
}

.software-1 a.title-categ
{
    display: block;
    margin-top: -96px;
    float: left;
    margin-left: 80px;
    text-transform: uppercase;
    color: white;
    font-size: 24px;
}

.software-2 a.title-categ
{
    display: block;
    margin-top: -95px;
    float: left;
    margin-left: 108px;
    text-transform: uppercase;
    color: white;
    font-size: 24px;
}

.software-3 a.title-categ
{
    display: block;
    padding-left: 0px;
    float: left;
    padding-top: 20px;
    text-transform: uppercase;
    color: white;
    font-size: 24px;
}

.ground-header
{
}

.decription-categ
{
    width: 200px;
    padding-left: 87px;
    text-align: justify;
    line-height: 15px;
    padding-top: 50px;
}

.categ-text
{
    float: left;
}

.categ-img
{
    float: left;
}

.readmor-caree
{
    color: #005da1;
    display: block;
}

.box-inside-body-layout-home
{
}

.box-inside-body-detail
{
    border: 1px solid red;
}

.addthis_16x16_style
{
    margin-top: -35px;
}

#detail-carrees
{
}

.headline-carree
{
    float: left;
    width: 674px;
    text-align: justify;
}

.carrees-item
{
    float: left;
    padding-bottom: 20px;
}

.img-carrees
{
    float: left;
    width: 171px;
    height: 140px;
    text-align: center;
    line-height: 167px;
    border: 1px solid #d6d6d6;
    margin-right: 10px;
    margin-bottom: 10px;
}

.name-carrees
{
    padding: 20px;
    padding-left: 0;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid gray;
    padding-bottom: 2px;
    margin-bottom: 20px;
    width: 892px;
}

.content-carrees
{
}

    .content-carrees p
    {
        text-align: justify;
    }

.home-video .content .name
{
    padding-bottom: 14px;
    margin-top: 5px;
    text-align: center;
}

.box-link 
{
    width:237px;
}

.thumbnail-item {
    /* position relative so that we can use position absolute for the tooltip */
    position: relative;
    float: left;
    margin: 0px 5px;
}

    .thumbnail-item a {
        display: block;
    }

    .thumbnail-item img.thumbnail {
        border: 3px solid #ccc;
    }

.tooltip {
    /* by default, hide it */
    display: none;
    /* allow us to move the tooltip */
    position: absolute;
    /* align the image properly */
    padding: 8px 0 0 8px;
}

    .tooltip span.overlay {
        /* the png image, need ie6 hack though */
        background: url(/Content/Gontek/images/overlay.png) no-repeat;
        /* put this overlay on the top of the tooltip image */
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        width: 350px;
        height: 300px;
    }



    .tooltipend {
    /* by default, hide it */
    display: none;
    /* allow us to move the tooltip */
    position: absolute;
    /* align the image properly */
    padding: 8px 0 0 8px;
}

    .tooltipend span.overlay {
        /* the png image, need ie6 hack though */
        background: url(/Content/Gontek/images/overlay.png) no-repeat;
        /* put this overlay on the top of the tooltip image */
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        width: 350px;
        height: 300px;
    }