@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,latin-ext);

body, html {
	margin:0;
	padding:0;
	overflow-x: hidden;
	font-family: 'PT Sans', sans-serif;
}
ol,ul {
	list-style:none;
}

img.body-example {
	/* Stretch background*/
	position:absolute;
	
	top:100%;
	left:0;
	width:100%;
	z-index:1;
}

/************* Beginning of animation part ******************/

#slider,
.intro-slideshow,
slideshow,
main-background,
main-bg-container,
main-init-screen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
}

.intro-slideshow .slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 1;
	-webkit-backface-visibility: hidden;
	overflow:hidden;
}
.intro-slideshow .slideshow li span#intro-01 { 
    background-image: url(../images/intro_01.jpg);
    -webkit-animation: imageAnimation-01 5s linear 1 0s;
    -moz-animation: imageAnimation-01 5s linear 1 0s;
    -o-animation: imageAnimation-01 5s linear 1 0s;
    -ms-animation: imageAnimation-01 5s linear 1 0s;
    animation: imageAnimation-01 5s linear 1 0s; 
}
.intro-slideshow .slideshow li span#intro-02,
.intro-slideshow .slideshow li span#widget-01{
	background-image: url(../images/intro_02.jpg);
    -webkit-animation: imageAnimation-02 10s linear 1 3s;
    -moz-animation: imageAnimation-02 10s linear 1 3s;
    -o-animation: imageAnimation-02 10s linear 1 3s;
    -ms-animation: imageAnimation-02 10s linear 1 3s;
    animation: imageAnimation-02 10s linear 1 3s; 
}
.intro-slideshow .slideshow li span#widget-02,
.intro-slideshow .slideshow li span#widget-03,
.intro-slideshow .slideshow li span#widget-04 { 
    background-color: transparent;
    -webkit-animation: imageAnimation-02 10s linear 1 3s;
    -moz-animation: imageAnimation-02 10s linear 1 3s;
    -o-animation: imageAnimation-02 10s linear 1 3s;
    -ms-animation: imageAnimation-02 10s linear 1 3s;
    animation: imageAnimation-02 10s linear 1 3s; 
}

.intro-slideshow .slideshow li span#widget-02 div#widget-02-container { 
    background-color: transparent;
    -webkit-animation: widgetAnimation-02 10s linear 1 5s;
    -moz-animation: widgetAnimation-02 10s linear 1 5s;
    -o-animation: widgetAnimation-02 10s linear 1 5s;
    -ms-animation: widgetAnimation-02 10s linear 1 5s;
    animation: widgetAnimation-02 10s linear 1 5s; 
	opacity: 0;
    z-index: 1;
	-webkit-backface-visibility: hidden;
}
.intro-slideshow .slideshow li span#widget-03 div#widget-03-container { 
    background-color: transparent;
    -webkit-animation: widgetAnimation-03 10s linear 1 5500ms;
    -moz-animation: widgetAnimation-03 10s linear 1 5500ms;
    -o-animation: widgetAnimation-03 10s linear 1 5500ms;
    -ms-animation: widgetAnimation-03 10s linear 1 5500ms;
    animation: widgetAnimation-03 10s linear 1 5500ms; 
	opacity: 0;
    z-index: 1;
	-webkit-backface-visibility: hidden;
}
.intro-slideshow .slideshow li span#widget-04 #widget-04-container {
    background-color: transparent;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	left: 0px;
}
.intro-slideshow .slideshow li span#widget-04 #widget-04-container #widget-04-image { 
	position: absolute;
	top: -9000px;
    bottom: -8840px;
    left: -9000px;
    right: -9000px;
	margin: auto;
	width: 130.208%;
	height: 231.481%;
	display: block;
	margin-left: auto;
	margin-right: auto;
    background-color: transparent;
    -webkit-animation: widgetAnimation-04 2s linear 1 7s;
    -moz-animation: widgetAnimation-04 2s linear 1 7s;
    -o-animation: widgetAnimation-04 2s linear 1 7s;
    -ms-animation: widgetAnimation-04 2s linear 1 7s;
    animation: widgetAnimation-04 2s linear 1 7s; 
	opacity: 0;
    z-index: 1;
	-webkit-backface-visibility: hidden;
}

.intro-slideshow .slideshow li span#widget-01 #widget-01-container { 
    background-color: transparent;
	position: absolute;
	width: 100%;
	top: 28.2407%;
	height: 28.518%;
	left: 0px;
}
.intro-slideshow .slideshow li span#widget-01 #widget-01-container #widget-01-image { 
	height: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.intro-slideshow .slideshow li span#widget-02 #widget-02-container { 
    background-color: transparent;
	position: absolute;
	width: 100%;
	top: 0px;
	/*	top: 59%; FINAL POSITION */
	height: 5.0925%;
	left: 0px;
}
.intro-slideshow .slideshow li span#widget-02 #widget-02-container #widget-02-text { 
	height: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.intro-slideshow .slideshow li span#widget-03 #widget-03-container { 
    background-color: transparent;
	position: absolute;
	width: 100%;
	top: 0px;
	/*top: 76%; FINAL POSITION*/
	height: 6.851%;
	left: 0px;
}
.intro-slideshow .slideshow li span#widget-03 #widget-03-container #widget-03-image { 
	height: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.intro-slideshow .slideshow li span#intro-01 { 
    background-image: url(../images/intro_01.jpg);
    -webkit-animation: imageAnimation-01 5s linear 1 0s;
    -moz-animation: imageAnimation-01 5s linear 1 0s;
    -o-animation: imageAnimation-01 5s linear 1 0s;
    -ms-animation: imageAnimation-01 5s linear 1 0s;
    animation: imageAnimation-01 5s linear 1 0s; 
}




.main-bg-container .bg-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    z-index: -2;
    opacity: 0;
	-webkit-backface-visibility: hidden;
	overflow:hidden;
}

.main-bg-container .bg-slideshow li span#bg-01 { 
    background-image: url(../images/main_01.jpg);
    -webkit-animation: mainBackground-01 25s linear 1 8s forwards;
    -moz-animation: mainBackground-01 25s linear 1 8s forwards;
    -o-animation: mainBackground-01 25s linear 1 8s forwards;
    -ms-animation: mainBackground-01 25s linear 1 8s forwards;
    animation: mainBackground-01 25s linear 1 8s forwards; 
}
.main-bg-container .bg-slideshow li span#bg-02 { 
    background-image: url(../images/main_02.jpg);
    -webkit-animation: mainBackground-02 20s linear infinite 13s;
    -moz-animation: mainBackground-02 20s linear infinite 13s;
    -o-animation: mainBackground-02 20s linear infinite 13s;
    -ms-animation: mainBackground-02 20s linear infinite 13s;
    animation: mainBackground-02 20s linear infinite 13s; 
}
.main-bg-container .bg-slideshow li span#bg-03 { 
    background-image: url(../images/main_03.jpg);
    -webkit-animation: mainBackground-03 20s linear infinite 13s;
    -moz-animation: mainBackground-03 20s linear infinite 13s;
    -o-animation: mainBackground-03 20s linear infinite 13s;
    -ms-animation: mainBackground-03 20s linear infinite 13s;
    animation: mainBackground-03 20s linear infinite 13s; 
}


.main-init-screen #main-menu-bg { 
    width: 100%;
    height: 65px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-image: url(../images/main_menu_bg.png);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: repeat;
    z-index: -1;
    opacity: 0;
	-webkit-backface-visibility: hidden;
	overflow:hidden;
    -webkit-animation: mainMenuBg 25s linear 1 8s forwards;
    -moz-animation: mainMenuBg 25s linear 1 8s forwards;
    -o-animation: mainMenuBg 25s linear 1 8s forwards;
    -ms-animation: mainMenuBg 25s linear 1 8s forwards;
    animation: mainMenuBg 25s linear 1 8s forwards; 
}

.main-init-screen #main-menu-logo { 
    width: 300px;
	min-width: 300px;
    height: 65px;
    position: absolute;
    top: 0px;
    left: 10px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    z-index: -1;
    opacity: 0;
	-webkit-backface-visibility: hidden;
	overflow:hidden;
    -webkit-animation: mainBackground-01 25s linear 1 8s forwards;
    -moz-animation: mainBackground-01 25s linear 1 8s forwards;
    -o-animation: mainBackground-01 25s linear 1 8s forwards;
    -ms-animation: mainBackground-01 25s linear 1 8s forwards;
    animation: mainBackground-01 25s linear 1 8s forwards; 
}
.main-init-screen #main-menu-logo #menu-logo{ 
	position: absolute;
	top: 9px;
	left: 0px;
	margin: auto;
}
.main-init-screen #main-menu-block{ 
	position: absolute;
	height: 65px;
	width: 1240px;
	top: 0px;
	left: 10px;
	right: 10px;
	margin: auto;
}

.main-init-screen #main-menu-block #main-menu-content{ 
	position: absolute;
	height: 65px;
	width: 1240px;
	top: 0px;
	left: 480px;
	right: 10px;
	margin: auto;
	z-index: 2;
    opacity: 0;
	-webkit-backface-visibility: hidden;
	overflow:hidden;
    -webkit-animation: mainMenu 20s linear 1 12s forwards;
    -moz-animation: mainMenu 20s linear 1 12s forwards;
    -o-animation: mainMenu 20s linear 1 12s forwards;
    -ms-animation: mainMenu 20s linear 1 12s forwards;
    animation: mainMenu 20s linear 1 12s forwards; 
}
.main-init-screen #main-menu-block #main-menu-content ul { 
	margin: 0px;
}

.main-init-screen #main-menu-block #main-menu-content li { 
	display: inline-block;
	height: 65px;;
	vertical-align: middle;
}
.main-init-screen #main-menu-block #main-menu-content li a:hover{ 
	background-color: #3796B9;
	color: #fff;
}
.main-init-screen #main-menu-block #main-menu-content li a{
	background-color: transparent;
	display:block;
	height:43px;
	font-family: 'PT Sans', sans-serif;
	text-decoration:none;
	font-size: 16px;
	color: #2b2b2b;
	padding-top: 22px;
	padding-left: 18px;
	padding-right: 18px;
}



/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation-01 { 
    0% { opacity: 0;
    -webkit-animation-timing-function: linear; }
    25% { opacity: 1;
         -webkit-animation-timing-function: linear; }
    80% { opacity: 1 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation-01 { 
    0% { opacity: 0;
    -moz-animation-timing-function: linear; }
    25% { opacity: 1;
         -moz-animation-timing-function: linear; }
    80% { opacity: 1 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation-01 { 
    0% { opacity: 0;
    -o-animation-timing-function: linear; }
    25% { opacity: 1;
         -o-animation-timing-function: linear; }
    80% { opacity: 1 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation-01 { 
    0% { opacity: 0;
    -ms-animation-timing-function: linear; }
    25% { opacity: 1;
         -ms-animation-timing-function: linear; }
    80% { opacity: 1 }
    100% { opacity: 0 }
}
@keyframes imageAnimation-01 { 
    0% { opacity: 0;
    animation-timing-function: linear; }
    25% { opacity: 1;
         animation-timing-function: linear; }
    80% { opacity: 1 }
    100% { opacity: 0 }
}




/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation-02 { 
    0% { opacity: 0;
    -webkit-animation-timing-function: linear; }
    10% { opacity: 1;
         -webkit-animation-timing-function: linear; }
    80% { opacity: 1 }
    90% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation-02 { 
    0% { opacity: 0;
    -moz-animation-timing-function: linear; }
    10% { opacity: 1;
         -moz-animation-timing-function: linear; }
    80% { opacity: 1 }
    90% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation-02 { 
    0% { opacity: 0;
    -o-animation-timing-function: linear; }
    10% { opacity: 1;
         -o-animation-timing-function: linear; }
    80% { opacity: 1 }
    90% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation-02 { 
    0% { opacity: 0;
    -ms-animation-timing-function: linear; }
    10% { opacity: 1;
         -ms-animation-timing-function: linear; }
    80% { opacity: 1 }
    90% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation-02 { 
    0% { opacity: 0;
    animation-timing-function: linear; }
    10% { opacity: 1;
         animation-timing-function: linear; }
    80% { opacity: 1 }
    90% { opacity: 0 }
    100% { opacity: 0 }
}






/* Animation for the slideshow images */
@-webkit-keyframes widgetAnimation-02 { 
    0% { opacity: 1;
	-webkit-animation-timing-function: ease-out; 
	-webkit-transform: translateY(-100%);}
	5% { opacity: 1;
	-webkit-transform: translateY(1167.27%);
	-webkit-animation-timing-function: linear; }
    60% { opacity: 1 }
    70% { opacity: 0 }
    100% { opacity: 0;
	-webkit-transform: translateY(1167.27%); }
}
@-moz-keyframes widgetAnimation-02 { 
    0% { opacity: 1;
	-moz-animation-timing-function: ease-out; 
	-moz-transform: translateY(-100%);}
	5% { opacity: 1;
	-moz-transform: translateY(1167.27%);
	-moz-animation-timing-function: linear; }
    60% { opacity: 1 }
    70% { opacity: 0 }
    100% { opacity: 0;
	-moz-transform: translateY(1167.27%); }
}
@-o-keyframes widgetAnimation-02 { 
    0% { opacity: 1;
	-o-animation-timing-function: ease-out; 
	-o-transform: translateY(-100%);}
	5% { opacity: 1;
	-o-transform: translateY(1167.27%);
	-o-animation-timing-function: linear; }
    60% { opacity: 1 }
    70% { opacity: 0 }
    100% { opacity: 0;
	-o-transform: translateY(1167.27%); }
}
@-ms-keyframes widgetAnimation-02 { 
    0% { opacity: 1;
	-ms-animation-timing-function: ease-out; 
	-ms-transform: translateY(-100%);}
	5% { opacity: 1;
	-ms-transform: translateY(1167.27%);
	-ms-animation-timing-function: linear; }
    60% { opacity: 1 }
    70% { opacity: 0 }
    100% { opacity: 0;
	-ms-transform: translateY(1167.27%); }
}
@keyframes widgetAnimation-02 { 
    0% { opacity: 1;
	animation-timing-function: ease-out; 
	transform: translateY(-100%);}
	5% { opacity: 1;
	transform: translateY(1167.27%);
	animation-timing-function: linear; }
    60% { opacity: 1 }
    70% { opacity: 0 }
    100% { opacity: 0;
	transform: translateY(1167.27%); }
}






/* Animation for the slideshow images */
@-webkit-keyframes widgetAnimation-03 { 
    0% { opacity: 1;
	-webkit-animation-timing-function: ease-out; 
	-webkit-transform: translateY(-100%);}
	5% { opacity: 1;
	-webkit-transform: translateY(1114.86%);
	-webkit-animation-timing-function: linear; }
    55% { opacity: 1 }
    65% { opacity: 0 }
    100% { opacity: 0;
	-webkit-transform: translateY(1114.86%); }
}
@-moz-keyframes widgetAnimation-03 { 
    0% { opacity: 1;
	-moz-animation-timing-function: ease-out; 
	-moz-transform: translateY(-100%);}
	5% { opacity: 1;
	-moz-transform: translateY(1114.86%);
	-moz-animation-timing-function: linear; }
    55% { opacity: 1 }
    65% { opacity: 0 }
    100% { opacity: 0;
	-moz-transform: translateY(1114.86%); }
}
@-o-keyframes widgetAnimation-03 { 
    0% { opacity: 1;
	-o-animation-timing-function: ease-out; 
	-o-transform: translateY(-100%);}
	5% { opacity: 1;
	-o-transform: translateY(1114.86%);
	-o-animation-timing-function: linear; }
    55% { opacity: 1 }
    65% { opacity: 0 }
    100% { opacity: 0;
	-o-transform: translateY(1114.86%); }
}
@-ms-keyframes widgetAnimation-03 { 
    0% { opacity: 1;
	-ms-animation-timing-function: ease-out; 
	-ms-transform: translateY(-100%);}
	5% { opacity: 1;
	-ms-transform: translateY(1114.86%);
	-ms-animation-timing-function: linear; }
    55% { opacity: 1 }
    65% { opacity: 0 }
    100% { opacity: 0;
	-ms-transform: translateY(1114.86%); }
}
@keyframes widgetAnimation-03 { 
    0% { opacity: 1;
	animation-timing-function: ease-out; 
	transform: translateY(-100%);}
	5% { opacity: 1;
	transform: translateY(1114.86%);
	animation-timing-function: linear; }
    55% { opacity: 1 }
    65% { opacity: 0 }
    100% { opacity: 0;
	transform: translateY(1114.86%); }
}






/* Animation for the slideshow images */
@-webkit-keyframes widgetAnimation-04 { 
    0% { opacity: 0;
	-webkit-animation-timing-function: ease-in;}
	50% { opacity: 1;
	-webkit-animation-timing-function: ease-out;}
    100% { opacity: 0; 
	-webkit-transform: rotate(5deg); }
}
@-moz-keyframes widgetAnimation-04 { 
    0% { opacity: 0;
	-moz-animation-timing-function: ease-in;}
	50% { opacity: 1;
	-moz-animation-timing-function: ease-out;}
    100% { opacity: 0; 
	-moz-transform: rotate(5deg); }
}
@-o-keyframes widgetAnimation-04 { 
    0% { opacity: 0;
	-o-animation-timing-function: ease-in;}
	50% { opacity: 1;
	-o-animation-timing-function: ease-out;}
    100% { opacity: 0; 
	-o-transform: rotate(5deg); }
}
@-ms-keyframes widgetAnimation-04 { 
    0% { opacity: 0;
	-ms-animation-timing-function: ease-in;}
	50% { opacity: 1;
	-ms-animation-timing-function: ease-out;}
    100% { opacity: 0; 
	-ms-transform: rotate(5deg); }
}
@keyframes widgetAnimation-04 { 
    0% { opacity: 0;
	animation-timing-function: ease-in;}
	50% { opacity: 1;
	animation-timing-function: ease-out;}
    100% { opacity: 0; 
	transform: rotate(5deg); }
}






/* Animation for the slideshow images */
@-webkit-keyframes mainBackground-01 { 
    0% { opacity: 0 }
    1% { opacity: 1 }
    100% { opacity: 1 }
}
@-moz-keyframes mainBackground-01 { 
    0% { opacity: 0 }
    1% { opacity: 1 }
    100% { opacity: 1 }
}
@-o-keyframes mainBackground-01 { 
    0% { opacity: 0 }
    1% { opacity: 1 }
    100% { opacity: 1 }
}
@-ms-keyframes mainBackground-01 { 
    0% { opacity: 0 }
    1% { opacity: 1 }
    100% { opacity: 1 }
}
@keyframes mainBackground-01 { 
    0% { opacity: 0 }
    1% { opacity: 1 }
    100% { opacity: 1 }
}

/* Animation for the slideshow images */
@-webkit-keyframes mainBackground-02 { 
    0% { opacity: 0;
    -webkit-animation-timing-function: linear; }
    18% { opacity: 0 }
    28% { opacity: 1;
    -webkit-animation-timing-function: linear; }
    61% { opacity: 1 }
    71% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes mainBackground-02 { 
    0% { opacity: 0;
    -moz-animation-timing-function: linear; }
    18% { opacity: 0 }
    28% { opacity: 1;
    -moz-animation-timing-function: linear; }
    61% { opacity: 1 }
    71% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes mainBackground-02 { 
    0% { opacity: 0;
    -o-animation-timing-function: linear; }
    18% { opacity: 0 }
    28% { opacity: 1;
    -o-animation-timing-function: linear; }
    61% { opacity: 1 }
    71% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes mainBackground-02 { 
    0% { opacity: 0;
    -ms-animation-timing-function: linear; }
    18% { opacity: 0 }
    28% { opacity: 1;
    -ms-animation-timing-function: linear; }
    61% { opacity: 1 }
    71% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes mainBackground-02 { 
    0% { opacity: 0;
    animation-timing-function: linear; }
    18% { opacity: 0 }
    28% { opacity: 1;
    animation-timing-function: linear; }
    61% { opacity: 1 }
    71% { opacity: 0 }
    100% { opacity: 0 }
}

/* Animation for the slideshow images */
@-webkit-keyframes mainBackground-03 { 
    0% { opacity: 0;
    -webkit-animation-timing-function: linear; }
    51% { opacity: 0 }
    61% { opacity: 1;
    -webkit-animation-timing-function: linear; }
    92% { opacity: 1 }
    100% { opacity: 0 }
}
@-moz-keyframes mainBackground-03 { 
    0% { opacity: 0;
    -moz-animation-timing-function: linear; }
    51% { opacity: 0 }
    61% { opacity: 1;
    -moz-animation-timing-function: linear; }
    92% { opacity: 1 }
    100% { opacity: 0 }
}
@-o-keyframes mainBackground-03 { 
    0% { opacity: 0;
    -o-animation-timing-function: linear; }
    51% { opacity: 0 }
    61% { opacity: 1;
    -o-animation-timing-function: linear; }
    92% { opacity: 1 }
    100% { opacity: 0 }
}
@-ms-keyframes mainBackground-03 { 
    0% { opacity: 0;
    -ms-animation-timing-function: linear; }
    51% { opacity: 0 }
    61% { opacity: 1;
    -ms-animation-timing-function: linear; }
    92% { opacity: 1 }
    100% { opacity: 0 }
}
@keyframes mainBackground-03 { 
    0% { opacity: 0;
    animation-timing-function: linear; }
    51% { opacity: 0 }
    61% { opacity: 1;
    animation-timing-function: linear; }
    92% { opacity: 1 }
    100% { opacity: 0 }
}

/* Animation for the slideshow images */
@-webkit-keyframes mainMenuBg { 
    0% { opacity: 0 }
    1% { opacity: 0.8 }
    100% { opacity: 0.8 }
}
@-moz-keyframes mainMenuBg { 
    0% { opacity: 0 }
    1% { opacity: 0.8 }
    100% { opacity: 0.8 }
}
@-o-keyframes mainMenuBg { 
    0% { opacity: 0 }
    1% { opacity: 0.8 }
    100% { opacity: 0.8 }
}
@-ms-keyframes mainMenuBg { 
    0% { opacity: 0 }
    1% { opacity: 0.8 }
    100% { opacity: 0.8 }
}
@keyframes mainMenuBg { 
    0% { opacity: 0 }
    1% { opacity: 0.8 }
    100% { opacity: 0.8 }
}

/* Animation for the slideshow images */
@-webkit-keyframes mainMenu { 
    0% { opacity: 0 }
    4% { opacity: 1 }
    99% { opacity: 1 }
    100% { opacity: 1;
	z-index: 2;  }
}
@-moz-keyframes mainMenu { 
    0% { opacity: 0 }
    4% { opacity: 1 }
    99% { opacity: 1 }
    100% { opacity: 1;
	z-index: 2;  }
}
@-o-keyframes mainMenu { 
    0% { opacity: 0 }
    4% { opacity: 1 }
    99% { opacity: 1 }
    100% { opacity: 1;
	z-index: 2;  }
}
@-ms-keyframes mainMenu { 
    0% { opacity: 0 }
    4% { opacity: 1 }
    99% { opacity: 1 }
    100% { opacity: 1;
	z-index: 2; }
}
@keyframes mainMenu { 
    0% { opacity: 0 }
    4% { opacity: 1 }
    99% { opacity: 1 }
    100% { opacity: 1;
	z-index: 2;  }
}











































/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}