.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider { margin: 0; padding: 0; overflow:hidden;}
#main-slider .slides {background:#000721;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; }
#main-slider .slides > li > img { width: 100%; height:auto; max-width:1600px;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.flexslider .slides .center {
	position:absolute;
	left:50%;
	top:0;
	bottom:0;
	margin-left:-600px;
	width:1200px;
}
.no-js .slides > li:first-child {display: block;}
.flexslider {background:none; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 40px; margin:0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 45%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%;position: absolute;bottom: 0;text-align: right;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active {background: #000;background: rgb(42, 185, 117);cursor: default;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.flexslider li .content {
	position: absolute;
	top: 40%;
	left: 20px;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.flexslider li h2 {
	position:relative;
	display:inline-block;
	padding-bottom: 11px;
	font-size: 2.5em;
	margin:-20px 0 0;
	font-weight: 300;
	text-align:left;
	min-width:320px;
	color:#ffffff;
}
.flexslider li h3 {
	padding:0;
	margin:-20px 0 0 20px;
	color:#334877;
	font-size: 1.1em;
	line-height:1.1em;
	text-transform:none;
	font-weight:normal;
	opacity:0.7;
}

.flexslider li h2 big {
	position:absolute;
	top:10px;
	right:-20px;
	font-weight:700;
	color:#575f6f;
	opacity:.2;
	white-space:nowrap;
}
.flexslider li h2 small {
	font-size: 0.6em;
	line-height:10px;
	opacity:.7;
	font-weight:normal;
	text-transform:none;
}
.flexslider li .text {
	margin-top:10px;
	margin-left:0;
	z-index:2;
}
.flexslider li .text p.li {
	margin-left:30px;
}
.flexslider li .text .li {
	margin-left:10px;
	text-align:left;
	font-size: 1.1em;
	line-height:1.2em;
	padding: 0;
	font-weight: 300;
	color:#b5bccc;
	font-family: 'PT Sans Narrow', sans-serif;
}
.flexslider li .text li.li {
	list-style:disc;
}
.flexslider li h2, .flexslider li h3 {
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
.flexslider li h3 {
	-webkit-animation-duration: .9s;
	animation-duration: .9s;
}
.flexslider li .text .li {
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
.flexslider li.flex-active-slide h2, .flexslider li.flex-active-slide h3 {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
}
.flexslider li.flex-active-slide h3 {
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
}
.flexslider li.flex-active-slide .li {
		-webkit-animation-delay: 1.2s;
		animation-delay: 1.2s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInTop;
		animation-name: fadeInTop;
}
.flexslider li.flex-active-slide  .text .li {
		-webkit-animation-delay: 1.0s;
		animation-delay: 1.0s;
}
.flexslider li.flex-active-slide  .text .li:nth-child(2) {
		-webkit-animation-delay: 1.1s;
		animation-delay: 1.1s;
}
.flexslider li.flex-active-slide  .text .li:nth-child(3) {
		-webkit-animation-delay: 1.2s;
		animation-delay: 1.2s;
}
.flexslider li.flex-active-slide  .text .li:nth-child(4) {
		-webkit-animation-delay: 1.3s;
		animation-delay: 1.3s;
}
.flexslider li.flex-active-slide  .text .li:nth-child(5) {
		-webkit-animation-delay: 1.4s;
		animation-delay: 1.4s;
}
.flexslider li.flex-active-slide  .text .li:nth-child(6) {
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
}
.flexslider li .image{
	position: absolute;
	right: 0;
	width: 50%;
	height:50%;
	bottom: 20%;
}
.flexslider li .design.image{
	right: 20%;
}
.flexslider li .image img, .flexslider li .design.image img{
	position:absolute;
}
.flexslider li .site img:nth-child(1){
	width: 50%;  bottom: 10px; left: 30%;
}
.flexslider li .site img:nth-child(2){
	width: 40%; bottom: 0; left: 10%;
}
.flexslider li .site img:nth-child(3){
	width: 8%; bottom: -15px; left: 40%;
}
.flexslider li .site img:nth-child(4){
	width: 15%; bottom: -10px; left:0;
}
.flexslider li .image img {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.flexslider li .image img:nth-child(3) {
	-webkit-animation-name: imageOutLeft;
	animation-name: imageOutLeft;
}
.flexslider li .image img:nth-child(2) {
	-webkit-animation-name: imageOutTop;
	animation-name: imageOutTop;
}
.flexslider li .image img:nth-child(1) {
	-webkit-animation-name: imageOutBottom;
	animation-name: imageOutBottom;
}
.flexslider li .image img:nth-child(4) {
	-webkit-animation-name: imageOutRight;
	animation-name: imageOutRight;
}
.flexslider li.flex-active-slide .image img {
	-webkit-animation-delay: 3.1s;
	animation-delay: 3.1s;
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.flexslider li.flex-active-slide .image img:nth-child(3){
	-webkit-animation-name: imageInLeft;
	animation-name: imageInLeft;
}
.flexslider li.flex-active-slide .image img:nth-child(2) {
	-webkit-animation-name: imageInTop;
	animation-name: imageInTop;
}
.flexslider li.flex-active-slide .image img:nth-child(1) {
	-webkit-animation-name: imageInBottom;
	animation-name: imageInBottom;
}
.flexslider li.flex-active-slide .image img:nth-child(4) {
	-webkit-animation-name: imageInRight;
	animation-name: imageInRight;
}
.flexslider li .design.image img {
	-webkit-animation-name: imageOutBottom;
	animation-name: imageOutBottom;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.flexslider li.flex-active-slide .design.image img {
	-webkit-animation-name: imageInTop;
	animation-name: imageInTop;
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
}

.flexslider li .design.image img:nth-child(1) {
	width: 73%;
	left: 39%;
	top:0;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.flexslider li .design.image img:nth-child(2) {
	top:30%;
	width: 62%;
	left: 13%;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.flexslider li .design.image img:nth-child(3) {
	top:5px;
	width: 77%;
	left: 32%;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.flexslider li .design.image img:nth-child(4) {
	top:10px;
	width: 40%;
	left: 53%;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.flexslider li.flex-active-slide .design.image img:nth-child(1) {
	-webkit-animation-delay: 3.1s;
	animation-delay: 3.1s;
}
.flexslider li.flex-active-slide .design.image img:nth-child(2) {
	-webkit-animation-delay: 3.3s;
	animation-delay: 3.3s;
}
.flexslider li.flex-active-slide .design.image img:nth-child(3) {
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s;
}
.flexslider li.flex-active-slide .design.image img:nth-child(4) {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}

.flexslider li .shop {
	width:35%;
	right:15%;
}
.flexslider li .shop img:nth-child(1) {
	width: 58%;
	left: 42%;
	bottom:10%;
}
.flexslider li .shop img:nth-child(2) {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: .9s;
	animation-duration: .9s;
	top:15%;
	width: 18%;
	left: 40%;
}
.flexslider li .shop img:nth-child(3) {
	top:50%;
	width: 12%;
	left: 88%;
}
.flexslider li .shop img:nth-child(4) {
	width: 80%;
	bottom: 0;
	left:0;
}
.flexslider li.flex-active-slide .shop img:nth-child(2) {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
.flexslider li .page {
	width:30%;
	right:15%;
}
.flexslider li .page.image img {
	width: 58%;
	right: 3%;
	top:4%;
	opacity:0;
	-webkit-animation-name: none;
	animation-name: none;
}
.flexslider li .page.image img:nth-child(1) {
	width: 100%;
	left: 0;
	right:auto;
	top:0;
	opacity:1;
	-webkit-animation-name: imageOutBottom;
	animation-name: imageOutBottom;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.flexslider li.flex-active-slide .page.image img {
	-webkit-animation-name: fadeInFly;
	animation-name: fadeInFly;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.flexslider li.flex-active-slide  .page.image img:nth-child(1) {
	-webkit-animation-name: imageInBottom;
	animation-name: imageInBottom;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
.flexslider li.flex-active-slide  .page.image img:nth-child(2) {
	-webkit-animation-delay: 4.5s;
	animation-delay: 4.5s;
}
.flexslider li.flex-active-slide  .page.image img:nth-child(3) {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
.flexslider li.flex-active-slide  .page.image img:nth-child(4) {
	-webkit-animation-delay: 5.5s;
	animation-delay: 5.5s;
}
.flexslider li.flex-active-slide  .page.image img:nth-child(5) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
}
.flexslider li.flex-active-slide  .page.image img:nth-child(6) {
	-webkit-animation-delay: 6.5s;
	animation-delay: 6.5s;
}
.flexslider li.flex-active-slide  .page.image img:nth-child(7) {
	-webkit-animation-delay: 7s;
	animation-delay: 7s;
}
.flexslider li.flex-active-slide  .page.image img:nth-child(8) {
	-webkit-animation-delay: 7.5s;
	animation-delay: 7.5s;
}
.flexslider li.flex-active-slide  .page.image img:nth-child(9) {
	-webkit-animation-delay: 8s;
	animation-delay: 8s;
}
.flexslider li.flex-active-slide  .page.image img:nth-child(10) {
	-webkit-animation-delay: 8.5s;
	animation-delay: 8.5s;
}
.nbs-flexisel-container {
    position:relative;
    max-width:100%;
	height:120px;
	background:rgba(0,7,33,.15);
	margin:20px 0 0;
	padding:0;
	transform:skewX(36.5deg);
}
.nbs-flexisel-container:before {
	content:"";
	position:absolute;
	transform:skewX(-54deg);
	height:110px;
	width:100%;
	left:95px;
	bottom:10px;
	background:#000721;
	opacity:0.05;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    text-align:center;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    position:relative;
    line-height:0px;
	height:120px;
	transform:skewX(-36.5deg);
}
.nbs-flexisel-item img {
    max-width: 100%;
    position: relative;
	vertical-align:middle;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.nbs-flexisel-item a:hover img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}
.nbs-flexisel-item:after{
	content:"";
	display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
}
@media only screen and (max-width: 1200px) {
#main-slider .slides .center {
	left:5%;
	width:90%;
	margin-left: 0;
}
}
@media screen and (max-width: 1000px) {
#main-slider .slides > li { width:100%; height:300px;}
#main-slider .slides > li > img { height:300px; width:auto; position:absolute; left:50%; margin-left:-460px;}
}
@media screen and (max-width: 800px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
.flexslider li .image{
	position: absolute;
	right: 0;
	width: 50%;
	height:50%;
	bottom: 20px;
}
.flexslider li .design.image{
	right: 0;
}
}
@media screen and (max-width: 400px) {
.flexslider li .content {
	left: 0;
}
.flexslider li h3 {
	font-size: 0.9em;
}
.flexslider li h2 {
	padding: 0 20px 10px;
	font-size: 1.3em;
}
.flexslider li .text {
	margin-left:0px;
}
.flexslider li .text .li {
	font-size: 1em;
	padding: 1px 0;
}
.nbs-flexisel-container, .nbs-flexisel-item {
	height:70px;
}
.nbs-flexisel-item img {
    max-width: 50px;
}
}
@-webkit-keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}

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

@keyframes fadeOut {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
		}
}
@-webkit-keyframes fadeInFly {
		0% {
			opacity:1;
			-webkit-transform: translate3d(-1000%, 0, 0);
			transform: translate3d(-1000%, 0, 0);
		}
		50% {
			opacity:1;
			-webkit-transform: none;
			transform: none;
		}
		100% {
			opacity:0;
			-webkit-transform: translate3d(0, 5%, 0);
			transform: translate3d(0, 5%, 0);
		}
}

@keyframes fadeInFly {
		0% {
			opacity:1;
			-webkit-transform: translate3d(-1000%, -100%, 0);
			transform: translate3d(-1000%, -100%, 0);
		}
		50% {
			opacity:1;
			-webkit-transform: none;
			transform: none;
		}
		100% {
			opacity:0;
			-webkit-transform: translate3d(0, 5%, 0);
			transform: translate3d(0, 5%, 0);
		}
}
@-webkit-keyframes fadeInTop {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(0, -30px, 0);
				transform: translate3d(0, -30px, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes fadeInTop {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(0, -30px, 0);
				transform: translate3d(0, -30px, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}
@-webkit-keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}

@keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}
@-webkit-keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
		}
}

@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
		}
}
@-webkit-keyframes imageInLeft {
		0% {
				-webkit-transform: translate3d(-6000%, 0, 0);
				transform: translate3d(-6000%, 0, 0);
		}
		100% {
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes imageInLeft {
		0% {
				-webkit-transform: translate3d(-6000%, 0, 0);
				transform: translate3d(-6000%, 0, 0);
		}
		100% {
				-webkit-transform: none;
				transform: none;
		}
}
@-webkit-keyframes imageInRight {
		0% {
				-webkit-transform: translate3d(8000%, 0, 0);
				transform: translate3d(8000%, 0, 0);
		}
		100% {
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes imageInRight {
		0% {
				-webkit-transform: translate3d(8000%, 0, 0);
				transform: translate3d(8000%, 0, 0);
		}
		100% {
				-webkit-transform: none;
				transform: none;
		}
}
@-webkit-keyframes imageInTop {
		0% {
				-webkit-transform: translate3d(0, -700%, 0);
				transform: translate3d(0, -700%, 0);
		}
		100% {
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes imageInTop {
		0% {
				-webkit-transform: translate3d(0, -700%, 0);
				transform: translate3d(0, -700%, 0);
		}
		100% {
				-webkit-transform: none;
				transform: none;
		}
}
@-webkit-keyframes imageInBottom {
		0% {
				-webkit-transform: translate3d(0, 550%, 0);
				transform: translate3d(0, 550%, 0);
		}
		100% {
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes imageInBottom {
		0% {
				-webkit-transform: translate3d(0, 550%, 0);
				transform: translate3d(0, 550%, 0);
		}
		100% {
				-webkit-transform: none;
				transform: none;
		}
}
@-webkit-keyframes imageOutLeft {
		0% {
				-webkit-transform: none;
				transform: none;
		}
		100% {
				-webkit-transform: translate3d(-6000%, 0, 0);
				transform: translate3d(-6000%, 0, 0);
		}
}

@keyframes imageOutLeft {
		0% {
				-webkit-transform: none;
				transform: none;
		}
		100% {
				-webkit-transform: translate3d(-6000%, 0, 0);
				transform: translate3d(-6000%, 0, 0);
		}

}
@-webkit-keyframes imageOutRight {
		0% {
				-webkit-transform: none;
				transform: none;
		}
		100% {
				-webkit-transform: translate3d(8000%, 0, 0);
				transform: translate3d(8000%, 0, 0);
		}

}

@keyframes imageOutRight {
		0% {
				-webkit-transform: none;
				transform: none;
		}
		100% {
				-webkit-transform: translate3d(8000%, 0, 0);
				transform: translate3d(8000%, 0, 0);
		}

}
@-webkit-keyframes imageOutTop {
		0% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(0, -100%, 0);
				transform: translate3d(0, -100%, 0);
		}

}

@keyframes imageOutTop {
		0% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(0, -100%, 0);
				transform: translate3d(0, -100%, 0);
		}
}
@-webkit-keyframes imageOutBottom {
		0% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(0, 150%, 0);
				transform: translate3d(0, 150%, 0);
		}

}

@keyframes imageOutBottom {
		0% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(0, 150%, 0);
				transform: translate3d(0, 150%, 0);
		}

}