.flipster--coverflow .flipster__item--past .flipster__item__content ,.flipster--coverflow .flipster__item--future .flipster__item__content{
		opacity: 0.5;
	}
	.flipster--coverflow .flipster__item__content{
		position: relative;
	}
	.flipster--coverflow .flipster__item__content:after{
		position: absolute;
		top: 110%;
		left: 50%;
		content: '';
		width: 713px;
		height: 217px;
		background: url('../images/main/shadow.png') no-repeat;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);

	}
	// .flipster--carousel .flipster__container, .flipster--carousel .flipster__item, .flipster--carousel .flipster__item__content{
	// 	pointer-events: none;
	// }
	// #carousel{
	// 	pointer-events: none;
	// }

	.flipster{
		overflow-x: initial;
		overflow: hidden;
	}
	.section#slide6 .effect_turtle {
	    position: absolute;
	}
	.section#slide6 .effect_turtle.turtle1{
	    bottom :50px;
	    width: 400px;
	    z-index: 3;
	    -webkit-animation: swimswim 20s 5s linear infinite;
	    -o-animation: swimswim 20s 5s linear infinite;
	    animation: swimswim 20s 5s linear infinite;
	}
	@-webkit-keyframes swimswim{
	    0% {
	    	right: -400px;
	    }
	    100% {
	        right: 100%;
	    }
	}
	@-moz-keyframes swimswim{
	    0% {
	    	right: -400px;
	    }
	    100% {
	        right: 100%;
	    }
	}
	@-o-keyframes swimswim{
	    0% {
	    	right: -400px;
	    }
	    100% {
	        right: 100%;
	    }
	}
	@keyframes swimswim{
	    0% {
	    	right: -400px;
	    }
	    100% {
	        right: 100%;
	    }
	}
	/****************/
	.section#slide8 .effect_fish {
	    position: absolute;
	}
	.section#slide8 .effect_fish.fish1{
	    top : 25%;
	    width: 400px;
	    z-index: 3;
	    -webkit-animation: swim 12s 5s linear infinite;
	    -o-animation: swim 12s 5s linear infinite;
	    animation: swim 12s 5s linear infinite;
	}
	@-webkit-keyframes swim{
	    0% {
	    	left: -10px;
	    }
	    100% {
	        left: 120%;
	    }
	}
	@-moz-keyframes swim{
	    0% {
	    	left: -10px;
	    }
	    100% {
	        left: 120%;
	    }
	}
	@-o-keyframes swim{
	   0% {
	    	left: -10px;
	    }
	    100% {
	        left: 120%;
	    }
	}
	@keyframes swim{
	   0% {
	    	left: -10px;
	    }
	    100% {
	        left: 120%;
	    }
	}
	/*************/
	.section#slide5 .effect_kkc {
	    position: absolute;
	}
	.section#slide5 .effect_kkc.ek1{
	    bottom:-100px;
	    right:50px;
	    z-index: 3;
	    -webkit-animation: flyflyfly 10s 5s linear infinite;
	    -o-animation: flyflyfly 10s 5s linear infinite;
	    animation: flyflyfly 10s 5s linear infinite;
	    max-width: 70px;
	}
	.section#slide5 .effect_kkc.ek2{
	    bottom:-100px;
	    right:10px;
	    z-index: 5;
	    -webkit-animation: flyflyfly 15s 2s linear infinite;
	    -o-animation: flyflyfly 15s 2s linear infinite;
	    animation: flyflyfly 15s 2s linear infinite;
	    max-width: 60px;
	}
	.section#slide5 .effect_kkc.ek3{
	    bottom:-100px;
	    right:80px;
	    z-index: 2;
	    -webkit-animation: flyflyfly 18s linear infinite;
	    -o-animation: flyflyfly 18s linear infinite;
	    animation: flyflyfly 18s linear infinite;
	    max-width: 80px;
	}
	.section#slide5 .effect_kkc.ek4{
	    bottom:-100px;
	    right:30px;
	    z-index: 4;
	    -webkit-animation: flyflyfly 18s 3s linear infinite;
	    -o-animation: flyflyfly 18s 3s linear infinite;
	    animation: flyflyfly 18s 3s linear infinite;
	    max-width: 90px;
	}
	.section#slide5 .effect_kkc.ek5{
	    bottom:-100px;
	    right:50px;
	    z-index: 1;
	    -webkit-animation: flyflyfly 16s linear infinite;
	    -o-animation: flyflyfly 16s linear infinite;
	    animation: flyflyfly 16s linear infinite;
	    max-width: 50px;
	}
	/*******************/
	.section#slide6 .effect_kkc {
	    position: absolute;
	}
	.section#slide6 .effect_kkc.ek1{
	    bottom:-100px;
	    left:50px;
	    z-index: 3;
	    -webkit-animation: flyflyfly 10s 5s linear infinite;
	    -o-animation: flyflyfly 10s 5s linear infinite;
	    animation: flyflyfly 10s 5s linear infinite;
	    max-width: 70px;
	}
	.section#slide6 .effect_kkc.ek2{
	    bottom:-100px;
	    left:10px;
	    z-index: 5;
	    -webkit-animation: flyflyfly 15s 2s linear infinite;
	    -o-animation: flyflyfly 15s 2s linear infinite;
	    animation: flyflyfly 15s 2s linear infinite;
	    max-width: 60px;
	}
	.section#slide6 .effect_kkc.ek3{
	    bottom:-100px;
	    left:80px;
	    z-index: 2;
	    -webkit-animation: flyflyfly 18s linear infinite;
	    -o-animation: flyflyfly 18s linear infinite;
	    animation: flyflyfly 18s linear infinite;
	    max-width: 80px;
	}
	.section#slide6 .effect_kkc.ek4{
	    bottom:-100px;
	    left:30px;
	    z-index: 4;
	    -webkit-animation: flyflyfly 18s 3s linear infinite;
	    -o-animation: flyflyfly 18s 3s linear infinite;
	    animation: flyflyfly 18s 3s linear infinite;
	    max-width: 90px;
	}
	.section#slide6 .effect_kkc.ek5{
	    bottom:-100px;
	    left:50px;
	    z-index: 1;
	    -webkit-animation: flyflyfly 16s linear infinite;
	    -o-animation: flyflyfly 16s linear infinite;
	    animation: flyflyfly 16s linear infinite;
	    max-width: 50px;
	}
	/************/
	.section#slide7 .effect_kkc {
	    position: absolute;
	}
	.section#slide7 .effect_kkc.ek1{
	    bottom:-100px;
	    right:50px;
	    z-index: 3;
	    -webkit-animation: flyflyfly 10s 5s linear infinite;
	    -o-animation: flyflyfly 10s 5s linear infinite;
	    animation: flyflyfly 10s 5s linear infinite;
	    max-width: 70px;
	}
	.section#slide7 .effect_kkc.ek2{
	    bottom:-100px;
	    right:10px;
	    z-index: 5;
	    -webkit-animation: flyflyfly 15s 2s linear infinite;
	    -o-animation: flyflyfly 15s 2s linear infinite;
	    animation: flyflyfly 15s 2s linear infinite;
	    max-width: 60px;
	}
	.section#slide7 .effect_kkc.ek3{
	    bottom:-100px;
	    right:80px;
	    z-index: 2;
	    -webkit-animation: flyflyfly 18s linear infinite;
	    -o-animation: flyflyfly 18s linear infinite;
	    animation: flyflyfly 18s linear infinite;
	    max-width: 80px;
	}
	.section#slide7 .effect_kkc.ek4{
	    bottom:-100px;
	    right:30px;
	    z-index: 4;
	    -webkit-animation: flyflyfly 18s 3s linear infinite;
	    -o-animation: flyflyfly 18s 3s linear infinite;
	    animation: flyflyfly 18s 3s linear infinite;
	    max-width: 90px;
	}
	.section#slide7 .effect_kkc.ek5{
	    bottom:-100px;
	    right:50px;
	    z-index: 1;
	    -webkit-animation: flyflyfly 16s linear infinite;
	    -o-animation: flyflyfly 16s linear infinite;
	    animation: flyflyfly 16s linear infinite;
	    max-width: 50px;
	}
	/************/
	.section#slide8 .effect_kkc {
	    position: absolute;
	}
	.section#slide8 .effect_kkc.ek1{
	    bottom:-100px;
	    left:50px;
	    z-index: 3;
	    -webkit-animation: flyflyfly 10s 5s linear infinite;
	    -o-animation: flyflyfly 10s 5s linear infinite;
	    animation: flyflyfly 10s 5s linear infinite;
	    max-width: 70px;
	}
	.section#slide8 .effect_kkc.ek2{
	    bottom:-100px;
	    left:10px;
	    z-index: 5;
	    -webkit-animation: flyflyfly 15s 2s linear infinite;
	    -o-animation: flyflyfly 15s 2s linear infinite;
	    animation: flyflyfly 15s 2s linear infinite;
	    max-width: 60px;
	}
	.section#slide8 .effect_kkc.ek3{
	    bottom:-100px;
	    left:80px;
	    z-index: 2;
	    -webkit-animation: flyflyfly 18s linear infinite;
	    -o-animation: flyflyfly 18s linear infinite;
	    animation: flyflyfly 18s linear infinite;
	    max-width: 80px;
	}
	.section#slide8 .effect_kkc.ek4{
	    bottom:-100px;
	    left:30px;
	    z-index: 4;
	    -webkit-animation: flyflyfly 18s 3s linear infinite;
	    -o-animation: flyflyfly 18s 3s linear infinite;
	    animation: flyflyfly 18s 3s linear infinite;
	    max-width: 90px;
	}
	.section#slide8 .effect_kkc.ek5{
	    bottom:-100px;
	    left:50px;
	    z-index: 1;
	    -webkit-animation: flyflyfly 16s linear infinite;
	    -o-animation: flyflyfly 16s linear infinite;
	    animation: flyflyfly 16s linear infinite;
	    max-width: 50px;
	}
	/*************************/
	.section#slide9 .effect_kkc {
	    position: absolute;
	}
	.section#slide9 .effect_kkc.ek1{
	    bottom:-100px;
	    left:50px;
	    z-index: 3;
	    -webkit-animation: flyflyfly 10s 5s linear infinite;
	    -o-animation: flyflyfly 10s 5s linear infinite;
	    animation: flyflyfly 10s 5s linear infinite;
	    max-width: 70px;
	}
	.section#slide9 .effect_kkc.ek2{
	    bottom:-100px;
	    left:10px;
	    z-index: 5;
	    -webkit-animation: flyflyfly 15s 2s linear infinite;
	    -o-animation: flyflyfly 15s 2s linear infinite;
	    animation: flyflyfly 15s 2s linear infinite;
	    max-width: 60px;
	}
	.section#slide9 .effect_kkc.ek3{
	    bottom:-100px;
	    left:80px;
	    z-index: 2;
	    -webkit-animation: flyflyfly 18s linear infinite;
	    -o-animation: flyflyfly 18s linear infinite;
	    animation: flyflyfly 18s linear infinite;
	    max-width: 80px;
	}
	.section#slide9 .effect_kkc.ek4{
	    bottom:-100px;
	    left:30px;
	    z-index: 4;
	    -webkit-animation: flyflyfly 18s 3s linear infinite;
	    -o-animation: flyflyfly 18s 3s linear infinite;
	    animation: flyflyfly 18s 3s linear infinite;
	    max-width: 90px;
	}
	.section#slide9 .effect_kkc.ek5{
	    bottom:-100px;
	    left:50px;
	    z-index: 1;
	    -webkit-animation: flyflyfly 16s linear infinite;
	    -o-animation: flyflyfly 16s linear infinite;
	    animation: flyflyfly 16s linear infinite;
	    max-width: 50px;
	}
	/***************************/
	.section#slide10 .effect_kkc {
	    position: absolute;
	}
	.section#slide10 .effect_kkc.ek1{
	    bottom:-100px;
	    left:50%;
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);

	    z-index: 3;
	    -webkit-animation: flyflyfly 10s 5s linear infinite;
	    -o-animation: flyflyfly 10s 5s linear infinite;
	    animation: flyflyfly 10s 5s linear infinite;
	    max-width: 70px;
	}
	.section#slide10 .effect_kkc.ek2{
	    bottom:-100px;
	    left:50%;
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);

	    z-index: 5;
	    -webkit-animation: flyflyfly 15s 2s linear infinite;
	    -o-animation: flyflyfly 15s 2s linear infinite;
	    animation: flyflyfly 15s 2s linear infinite;
	    max-width: 60px;
	}
	.section#slide10 .effect_kkc.ek3{
	    bottom:-100px;
	    left:50%;
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);

	    z-index: 2;
	    -webkit-animation: flyflyfly 18s linear infinite;
	    -o-animation: flyflyfly 18s linear infinite;
	    animation: flyflyfly 18s linear infinite;
	    max-width: 80px;
	}
	.section#slide10 .effect_kkc.ek4{
	    bottom:-100px;
	    left:50%;
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);

	    z-index: 4;
	    -webkit-animation: flyflyfly 18s 3s linear infinite;
	    -o-animation: flyflyfly 18s 3s linear infinite;
	    animation: flyflyfly 18s 3s linear infinite;
	    max-width: 90px;
	}
	.section#slide10 .effect_kkc.ek5{
	    bottom:-100px;
	    left:50%;
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);

	    z-index: 1;
	    -webkit-animation: flyflyfly 16s linear infinite;
	    -o-animation: flyflyfly 16s linear infinite;
	    animation: flyflyfly 16s linear infinite;
	    max-width: 50px;
	}
	/***************************/
	.section#slide11 .effect_kkc {
	    position: absolute;
	}
	.section#slide11 .effect_kkc.ek1{
	    bottom:-100px;
	    left:50px;
	    z-index: 3;
	    -webkit-animation: flyflyfly 10s 5s linear infinite;
	    -o-animation: flyflyfly 10s 5s linear infinite;
	    animation: flyflyfly 10s 5s linear infinite;
	    max-width: 70px;
	}
	.section#slide11 .effect_kkc.ek2{
	    bottom:-100px;
	    left:10px;
	    z-index: 5;
	    -webkit-animation: flyflyfly 15s 2s linear infinite;
	    -o-animation: flyflyfly 15s 2s linear infinite;
	    animation: flyflyfly 15s 2s linear infinite;
	    max-width: 60px;
	}
	.section#slide11 .effect_kkc.ek3{
	    bottom:-100px;
	    left:80px;
	    z-index: 2;
	    -webkit-animation: flyflyfly 18s linear infinite;
	    -o-animation: flyflyfly 18s linear infinite;
	    animation: flyflyfly 18s linear infinite;
	    max-width: 80px;
	}
	.section#slide11 .effect_kkc.ek4{
	    bottom:-100px;
	    left:30px;
	    z-index: 4;
	    -webkit-animation: flyflyfly 18s 3s linear infinite;
	    -o-animation: flyflyfly 18s 3s linear infinite;
	    animation: flyflyfly 18s 3s linear infinite;
	    max-width: 90px;
	}
	.section#slide11 .effect_kkc.ek5{
	    bottom:-100px;
	    left:50px;
	    z-index: 1;
	    -webkit-animation: flyflyfly 16s linear infinite;
	    -o-animation: flyflyfly 16s linear infinite;
	    animation: flyflyfly 16s linear infinite;
	    max-width: 50px;
	}
	/***************************/
	.section#slide12 .effect_kkc {
	    position: absolute;
	}
	.section#slide12 .effect_kkc.ek1{
	    bottom:-100px;
	    right:50px;
	    z-index: 3;
	    -webkit-animation: flyflyfly 10s 5s linear infinite;
	    -o-animation: flyflyfly 10s 5s linear infinite;
	    animation: flyflyfly 10s 5s linear infinite;
	    max-width: 70px;
	}
	.section#slide12 .effect_kkc.ek2{
	    bottom:-100px;
	    right:10px;
	    z-index: 5;
	    -webkit-animation: flyflyfly 15s 2s linear infinite;
	    -o-animation: flyflyfly 15s 2s linear infinite;
	    animation: flyflyfly 15s 2s linear infinite;
	    max-width: 60px;
	}
	.section#slide12 .effect_kkc.ek3{
	    bottom:-100px;
	    right:80px;
	    z-index: 2;
	    -webkit-animation: flyflyfly 18s linear infinite;
	    -o-animation: flyflyfly 18s linear infinite;
	    animation: flyflyfly 18s linear infinite;
	    max-width: 80px;
	}
	.section#slide12 .effect_kkc.ek4{
	    bottom:-100px;
	    right:30px;
	    z-index: 4;
	    -webkit-animation: flyflyfly 18s 3s linear infinite;
	    -o-animation: flyflyfly 18s 3s linear infinite;
	    animation: flyflyfly 18s 3s linear infinite;
	    max-width: 90px;
	}
	.section#slide12 .effect_kkc.ek5{
	    bottom:-100px;
	    right:50px;
	    z-index: 1;
	    -webkit-animation: flyflyfly 16s linear infinite;
	    -o-animation: flyflyfly 16s linear infinite;
	    animation: flyflyfly 16s linear infinite;
	    max-width: 50px;
	}
	/***************************/
	.section #vnt-row13 .effect_kkc {
	    position: absolute;
	}
	.section #vnt-row13 .effect_kkc.ek1{
	    bottom:-100px;
	    right:50px;
	    z-index: 3;
	    -webkit-animation: flyflyfly 10s 5s linear infinite;
	    -o-animation: flyflyfly 10s 5s linear infinite;
	    animation: flyflyfly 10s 5s linear infinite;
	    max-width: 70px;
	}
	.section #vnt-row13 .effect_kkc.ek2{
	    bottom:-100px;
	    right:10px;
	    z-index: 5;
	    -webkit-animation: flyflyfly 15s 2s linear infinite;
	    -o-animation: flyflyfly 15s 2s linear infinite;
	    animation: flyflyfly 15s 2s linear infinite;
	    max-width: 60px;
	}
	.section #vnt-row13 .effect_kkc.ek3{
	    bottom:-100px;
	    right:80px;
	    z-index: 2;
	    -webkit-animation: flyflyfly 18s linear infinite;
	    -o-animation: flyflyfly 18s linear infinite;
	    animation: flyflyfly 18s linear infinite;
	    max-width: 80px;
	}
	.section #vnt-row13 .effect_kkc.ek4{
	    bottom:-100px;
	    right:30px;
	    z-index: 4;
	    -webkit-animation: flyflyfly 18s 3s linear infinite;
	    -o-animation: flyflyfly 18s 3s linear infinite;
	    animation: flyflyfly 18s 3s linear infinite;
	    max-width: 90px;
	}
	.section #vnt-row13 .effect_kkc.ek5{
	    bottom:-100px;
	    right:50px;
	    z-index: 1;
	    -webkit-animation: flyflyfly 16s linear infinite;
	    -o-animation: flyflyfly 16s linear infinite;
	    animation: flyflyfly 16s linear infinite;
	    max-width: 50px;
	}
	/***************************/
	.section #vnt-row14 .effect_kkc {
	    position: absolute;
	}
	.section #vnt-row14 .effect_kkc.ek1{
	    bottom:-100px;
	    left:50px;
	    z-index: 3;
	    -webkit-animation: flyflyfly 10s 5s linear infinite;
	    -o-animation: flyflyfly 10s 5s linear infinite;
	    animation: flyflyfly 10s 5s linear infinite;
	    max-width: 70px;
	}
	.section #vnt-row14 .effect_kkc.ek2{
	    bottom:-100px;
	    left:10px;
	    z-index: 5;
	    -webkit-animation: flyflyfly 15s 2s linear infinite;
	    -o-animation: flyflyfly 15s 2s linear infinite;
	    animation: flyflyfly 15s 2s linear infinite;
	    max-width: 60px;
	}
	.section #vnt-row14 .effect_kkc.ek3{
	    bottom:-100px;
	    left:80px;
	    z-index: 2;
	    -webkit-animation: flyflyfly 18s linear infinite;
	    -o-animation: flyflyfly 18s linear infinite;
	    animation: flyflyfly 18s linear infinite;
	    max-width: 80px;
	}
	.section #vnt-row14 .effect_kkc.ek4{
	    bottom:-100px;
	    left:30px;
	    z-index: 4;
	    -webkit-animation: flyflyfly 18s 3s linear infinite;
	    -o-animation: flyflyfly 18s 3s linear infinite;
	    animation: flyflyfly 18s 3s linear infinite;
	    max-width: 90px;
	}
	.section #vnt-row14 .effect_kkc.ek5{
	    bottom:-100px;
	    left:50px;
	    z-index: 1;
	    -webkit-animation: flyflyfly 16s linear infinite;
	    -o-animation: flyflyfly 16s linear infinite;
	    animation: flyflyfly 16s linear infinite;
	    max-width: 50px;
	}
	/***************************/
	.section#slide16 .effect_kkc {
	    position: absolute;
	}
	.section#slide16 .effect_kkc.ek1{
	    bottom:-100px;
	    left:50px;
	    z-index: 3;
	    -webkit-animation: flyflyfly 10s 5s linear infinite;
	    -o-animation: flyflyfly 10s 5s linear infinite;
	    animation: flyflyfly 10s 5s linear infinite;
	    max-width: 70px;
	}
	.section#slide16 .effect_kkc.ek2{
	    bottom:-100px;
	    left:10px;
	    z-index: 5;
	    -webkit-animation: flyflyfly 15s 2s linear infinite;
	    -o-animation: flyflyfly 15s 2s linear infinite;
	    animation: flyflyfly 15s 2s linear infinite;
	    max-width: 60px;
	}
	.section#slide16 .effect_kkc.ek3{
	    bottom:-100px;
	    left:80px;
	    z-index: 2;
	    -webkit-animation: flyflyfly 18s linear infinite;
	    -o-animation: flyflyfly 18s linear infinite;
	    animation: flyflyfly 18s linear infinite;
	    max-width: 80px;
	}
	.section#slide16 .effect_kkc.ek4{
	    bottom:-100px;
	    left:30px;
	    z-index: 4;
	    -webkit-animation: flyflyfly 18s 3s linear infinite;
	    -o-animation: flyflyfly 18s 3s linear infinite;
	    animation: flyflyfly 18s 3s linear infinite;
	    max-width: 90px;
	}
	.section#slide16 .effect_kkc.ek5{
	    bottom:-100px;
	    left:50px;
	    z-index: 1;
	    -webkit-animation: flyflyfly 16s linear infinite;
	    -o-animation: flyflyfly 16s linear infinite;
	    animation: flyflyfly 16s linear infinite;
	    max-width: 50px;
	}
	/***************************/
	@-webkit-keyframes flyflyfly{
	    0% {
	        bottom:-100px;
	    }
	    100% {
	        bottom:120%;
	    }
	}
	@-moz-keyframes flyflyfly{
	    0% {
	        bottom:-100px;
	    }
	    100% {
	        bottom:120%;
	    }
	}
	@-o-keyframes flyflyfly{
	    0% {
	        bottom:-100px;
	    }
	    100% {
	        bottom:120%;
	    }
	}
	@keyframes flyflyfly{
	    0% {
	        bottom:-100px;
	    }
	    100% {
	        bottom:120%;
	    }
	}
/************************************************** div banner **************************************************/


	#vnt-row2:before{
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 20px;
        background: -moz-linear-gradient(top,rgba(0, 99, 157,0) 0,rgba(0, 99, 157,1) 45%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0, 99, 157,0)),color-stop(45%,rgba(20, 99, 157,1)));
        background: -webkit-linear-gradient(top,rgba(0, 99, 157,0) 0,rgba(0, 99, 157,1) 45%);
        background: -ms-linear-gradient(top,rgba(0, 99, 157,0) 0,rgba(0, 99, 157,1) 45%);
        background: linear-gradient(to bottom,rgba(0, 99, 157,0) 0,rgba(0, 99, 157,1) 45%);
    }
	.banner-slide{
		height: 100%;
	}
	#banner-slide{
		position: relative;
		height: 100%;
	}
	#banner-slide .item{
		position: relative;
		height: 100%;
	}
	#banner-slide .item .i-img{
		height: 100%;
	}
	#banner-slide .item .i-img img{
		width: 100%;
		height: 100%;
	}
	#banner-slide .slick-list, #banner-slide .slick-track, #banner-slide .item {
	    height: 100%;
	    position: relative;
	}
	#banner-slide .item .i-img.img1{
		background: url('../images/main/slide3.jpg') no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
	}
	#banner-slide .item .i-img.img2{
		background: url('../images/main/slide1.jpg') no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
	}
	#banner-slide .item .i-img.img3{
		background: url('../images/main/slide2.jpg') no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
	}
	#banner-slide .slick-dots{
	    bottom: 25%;
    	left: 23%;
	}
	#banner-slide .slick-dots li{
		margin: 0 12px;
	}
	#banner-slide .slick-dots li button{
		position: relative;
		width: 12px;
		height: 12px;
		border-radius: 100%;
		background: #0090eb;
	}
	#banner-slide .slick-dots li button:before{
	    content: '';
	    position: absolute;
	    top: -5px;
	    left: -5px;
	    width: 22px;
	    height: 22px;
	    border-radius: 100%;
	    border: 4px solid transparent;
	    opacity: 1;
	}
	#banner-slide .slick-dots li.slick-active button:before{
	    opacity: 1;
		border-color: #bbd2e1;
	}
	#banner-slide .item .i-img img{
	    width: 100%;
	}
	#banner-slide .item .i-desc{
	    position: absolute;
	    top: 70px;
	    right: 0;
	    left: 0;
	    color: #ffffff;
	}
	#banner-slide .item .i-desc .wrap_desc{
	    max-width: 435px;
	    height: 560px;
	    background: rgba(255, 255, 255, 0.8);
	    padding: 50px 30px 0 30px;
	    border-radius: 8px;
	    -webkit-box-shadow: 0 1px 2px #bbb;
        box-shadow: 0 1px 2px #bbb;
	}
	#banner-slide .item .i-desc .text1{
		font-size: 23px;
		line-height: 33px;
		font-weight: 400;
		color: #000000;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	#banner-slide .item .i-desc .text2{
		font-size: 51px;
		line-height: 61px;
		font-weight: 700;
		color: #0090eb;
		text-transform: uppercase;
		margin-bottom: 30px;
		font-family: 'UTMPenumbraBold';
	}
	#banner-slide .item .i-desc ul{

	}
	#banner-slide .item .i-desc ul li{
		font-size: 15px;
		line-height: 25px;
		color: #000;
		padding-left: 30px;
		position: relative;
		margin-bottom: 20px;
	}
	#banner-slide .item .i-desc ul li:before{
		content: '\f058';
		font-family: fontawesome;
		font-size: 15px;
		color: #000;
		position: absolute;
		left: 0;
		top: 0;
		line-height: 25px;
	}


/************************************************** div Title Row **************************************************/

	.title-row{
		text-align: center;
		padding-top: 10px;
	}
	.title-row h2{
		font-size: 40px;
		line-height: 50px;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 15px;
		padding-bottom: 30px;
		position: relative;
		display: inline-block;
		font-family: 'UTMPenumbraBold';
	}
	.title-row h2:after{
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: -60px;
		height: 45px;
		background: url('../images/main/line-title.png') no-repeat center;
	}
	.title-row h2 strong{
		color: #b2d347;
	}



/************************************************** div Menu Row **************************************************/

	.text-live{

	}
	.text-live ul{

	}
	.text-live ul li{
		font-size: 25px;
		line-height: 35px;
		color: #fff;
		position: relative;
		margin-bottom: 25px;
		padding-left: 40px;
	}
	.text-live ul li:after{
		content: '';
		width: 22px;
		height: 22px;
		background: #b2d347;
		border-radius: 100%;
		border: 6px solid #408ab6;
		position: absolute;
		top: 8px;
		left: 0;
	}
/************************************************** div Row 01 **************************************************/

	#vnt-row1{
		background: url(../images/main/banner_traica.jpg) no-repeat center -70px;
	    background-size: cover !important;
	    position: relative;
	    padding: 170px 0;
	}
	// .section#slide3 .wrapper{
	// 	position: absolute;
	// 	left: 0;
	// 	right: 0;
	// 	top: 8%;
	// }
	#vnt-row1 .intro{
		margin-bottom: 20px;
		padding-left: 40px;
		position: relative;
		top: -140px;
	}
	#vnt-row1 .intro:after{
		content: '';
		width: 22px;
		height: 22px;
		background: #267bc8;
		border-radius: 100%;
		border: 6px solid #bcdbe5;
		position: absolute;
		top: 8px;
		left: 0;
	}
	#vnt-row1 .intro h2{
		font-size: 30px;
		line-height: 40px;
		color: #0090eb;
		text-transform: uppercase;
		font-weight: 700;
		font-family: 'UTMPenumbraBold';
	}
	#vnt-row1 .intro p{
		font-size: 22px;
		line-height: 32px;
		color: #000;
		font-weight: 400;
	}

/************************************************** div Row 02 **************************************************/
	.box-vnt{
		background: #1e2329;
		text-align: center;
		padding: 30px 0;
		position: relative;
	}
	.box-vnt .box-h2{
		position: relative;
	}
	.box-vnt .box-h2:after{
		content: '';
		left: 0;
		height: 1px;
		background: #8f9194;
		position: absolute;
		z-index: 1;
		top: 40%;
		right: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.box-vnt h2{
		font-size: 18px;
		line-height: 28px;
		text-transform: uppercase;
		color: #dddddd;
		z-index: 10;
		margin-bottom: 15px;
		display: inline-block;
		background: #1e2329;
		padding: 0 35px;
		position: relative;
	}
	.box-vnt h3{
		font-size: 35px;
		line-height: 45px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
		margin-bottom: 10px;
	}
	.box-vnt h4{
		color: #f87222;
		font-size: 65px;
		line-height: 75px;
		font-weight: 700;
	}

/************************************************** div Row 02 **************************************************/

	#vnt-row2{
		background: #faf7f2;
		height: 100%;
		position: relative;
	}
	#vnt-row2:after{
		content: '';
		position: absolute;
		left: 50%;
		top: 0;
		background: url('../images/main/arrow-down.png') no-repeat;
		width: 147px;
		height: 48px;
		-webkit-transform: translate(-50%,0);
		-moz-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
	#vnt-row2 .text-row2{
		text-align: center;
		padding-top: 100px;
	}
	#vnt-row2 .text-row2 > div{
		font-size: 40px;
		line-height: 50px;
		color: #0090eb;
		text-transform: uppercase;
		font-weight: 700;
		font-family: 'UTMPenumbraBold';
	}
	#vnt-row2 .img {
		position: relative;
	}
	#vnt-row2 .img .sub-img{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 20%;
	}
	// #vnt-row2 .img .sub-img:after{
	// 	content: '';
	//     position: absolute;
	//     left: -15px;
	//     right: 0;
	//     top: 0;
	//     bottom: 0;
	//     background: rgba(1, 109, 168,0.8);
	// }




/************************************************** div Row 03 **************************************************/

	#slide5{
		background: #00639d;
	}
	#vnt-row3{

	}
	#vnt-row3 .title-row{
		position: absolute;
		top: 30px;
		right: 0;
		left: 0;
	}
	#vnt-row3 .title-row h2:before{
		content: '\f1ea';
		font-family: fontawesome;
		font-size: 30px;
		color: #fff;
		position: absolute;
		left: 50%;
		top: 104%;
		-webkit-transform: translate(-50%,0);
		-moz-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
	#vnt-row3 .title-row h2:after{
		content: '';
	    position: absolute;
	    left: 0;
	    bottom: -60px;
	    height: 45px;
	    background: url(../images/main/line-title.png) no-repeat center;
	   	right: 0;
	}
	#slide5 .img{
		position: absolute;
	    left: -5%;
	    bottom: -5%;
	    z-index: 10;
	    width: 50%;
	    -webkit-animation: bouncez 3s infinite;
	    -o-animation: bouncez 3s infinite;
	    animation: bouncez 3s infinite;
	}
	#vnt-row3 .content{
		width: 50%;
		float: right;
		padding-top: 50px;
		position: relative;
	}
	#slide5 .img:after{
		content: '';
		position: absolute;
		z-index: 9;
		left: 55%;
		top: 50%;
		background: url('../images/main/sea-food.png') no-repeat;
		width: 469px;
		height: 311px;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#slide7 .sub-img{
		position: absolute;
		top: -185px;
    	left: -124px;
    	z-index: 55;
	}

/************************************************** div Row 04 **************************************************/
	#slide6{
		background: #00639d;
	}
	#vnt-row4{
		position: absolute;
		z-index: 666;
		left: 0;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#vnt-row4 .title-row{
		margin-bottom: 150px;
	}
	#vnt-row4 .title-row h2:before{
		content: '\f1b3';
		font-family: fontawesome;
		font-size: 30px;
		color: #fff;
		position: absolute;
		left: 50%;
		top: 108%;
		-webkit-transform: translate(-50%,0);
		-moz-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
	.slide-product {

	}
	.slide-product .slick-arrow {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        color: #fff;
        height: 150px;
        display: block;
        width: 50px;
    }
    .slide-product .slick-arrow:after {
        position: absolute;
        top: 50%;
        left: 50%;
         -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .slide-product .slick-next:after {
        content: '';
        background: url('../images/main/arrow-right.png') no-repeat;
        width: 24px;
        height: 50px;
    }
    .slide-product .slick-next:hover:after {
        content: '';
        background: url('../images/main/arrow-rightH.png') no-repeat;
        width: 24px;
        height: 50px;
    }
    .slide-product .slick-prev:after {
        content: '';
        background: url('../images/main/arrow-left.png') no-repeat;
        width: 24px;
        height: 50px;
    }
    .slide-product .slick-prev:hover:after {
        content: '';
        background: url('../images/main/arrow-leftH.png') no-repeat;
        width: 24px;
        height: 50px;
    }
    .slide-product .slick-next {
        right: -50px;
    }
    .slide-product .slick-prev {
        left: -50px;
    }
	.slide-product .wrap_item{
		text-align: center;
		padding-top: 45px;
	}
	.slide-product .wrap_item .img{
		width: 220px;
		height: 220px;
		border-radius: 100%;
		border: 5px solid #267aab;
		background: #fff;
		margin: 0 auto;
		margin-bottom: 25px;
	}
	.slide-product .wrap_item .img a{
		display: block;
		position: relative;
		padding-top: 100%;
	}
	.slide-product .wrap_item .img a img{
		position: absolute;
		left: 50%;
		top: 50%;
		width: 100%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.slide-product .wrap_item .img a:after {
	    content: "";
	    display: inline-block;
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    -o-border-radius: 50%;
	    -ms-border-radius: 50%;
	    border-radius: 50%;
	    -webkit-transition: all 0s ease-in-out;
	    -moz-transition: all 0s ease-in-out;
	    -ms-transition: all 0s ease-in-out;
	    -o-transition: all 0s ease-in-out;
	    transition: all 0s ease-in-out;
	    animation-name: spread-effect;
	    animation-duration: 1s;
	    animation-iteration-count: infinite;
	}
	.slide-product .wrap_item:hover .img a:after{
	    -webkit-box-shadow: 0 0 20px #0090eb;
	    -moz-box-shadow: 0 0 20px #0090eb;
	    -o-box-shadow: 0 0 20px #0090eb;
	    box-shadow: 0 0 20px #0090eb;
	    cursor: pointer;
	}
	.slide-product .wrap_item .i-title h3{
		font-size: 25px;
		color: #ffffff;
		text-transform: uppercase;
		font-weight: 400;
		font-family: 'UTMPenumbra';
		text-align: center;
	}


/************************************************** div Row 05 **************************************************/

	#slide7{
		background: #00639d;
	}
	#vnt-row5 .title-row{
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 100;
		right: 0;
	}
	#vnt-row5 .title-row h2:before{
		content: '';
		width: 35px;
		height: 27px;
		position: absolute;
		background: url('../images/main/icon1.png') no-repeat;
		left: 50%;
		top: 120%;
		-webkit-transform: translate(-50%,0);
		-moz-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
	#slide7 .img{
		position: absolute;
		right: 5%;
    	bottom: -5%;
    	z-index: 10;
    	width: 50%;
    	-webkit-animation: bouncez 3s infinite;
	    -o-animation: bouncez 3s infinite;
	    animation: bouncez 3s infinite;
	}
	#vnt-row5 .content{
		width: 50%;
		float: left;
		padding-top: 50px;
		z-index: 100;
		position: relative;
	}
	#slide7 .img:after{
		content: '';
		position: absolute;
		z-index: 9;
		right: -18%;
		top: 60%;
		background: url('../images/main/laptop.png') no-repeat;
		width: 469px;
		height: 311px;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}


/************************************************** div Row 06 **************************************************/

	#slide8{
		background: #00639d;
	}
	#vnt-row6 {
		position: relative;
		z-index: 555;
	}
	#vnt-row6 .title-row{
		padding-bottom: 60px;
	}
	#vnt-row6 .title-row h2:before{
		content: '';
		width: 35px;
		height: 27px;
		position: absolute;
		background: url('../images/main/icon2.png') no-repeat;
		left: 50%;
		top: 120%;
		-webkit-transform: translate(-50%,0);
		-moz-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
	#vnt-row6 .img{
		text-align: center;
	}



/************************************************** div Row 07**************************************************/

	#slide9{
		background: #00639d;
	}
	#vnt-row7 .title-row{
		padding-bottom: 90px;
	}
	#vnt-row7 .title-row h2:before{
		content: '';
		width: 35px;
		height: 27px;
		position: absolute;
		background: url('../images/main/icon3.png') no-repeat;
		left: 50%;
		top: 120%;
		-webkit-transform: translate(-50%,0);
		-moz-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
	#vnt-row7 .img{
		text-align: center;
	}

/************************************************** div Row 08 **************************************************/

	#slide10{
		background: #00639d;
	}
	.box-row8{
		border: 6px solid #5999bf;
	}
	.title-row8{
		text-align: center;
		background: #00639d;
		position: absolute;
		top: 11px;
		padding: 0 150px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.title-row8:after{
		content: '';
		background: #b2d347;
		width: 80px;
		height: 6px;
		position: absolute;
		left: 0;
		top: 4px;
	}
	.title-row8:before{
		content: '';
		background: #b2d347;
		width: 80px;
		height: 6px;
		position: absolute;
		right: 0;
		top: 4px;
	}
	.title-row8 h2{
		font-size: 40px;
		line-height: 50px;
		color: #fff;
		text-transform: uppercase;
	}
	.title-row8 h3{
		font-size: 65px;
		line-height: 75px;
		color: #b2d347;
		font-weight: 700;
		position: relative;
		padding-bottom: 20px;
	}
	.title-row8 h3:after{
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 80px;
		height: 6px;
		content: '';
		background: #b2d347;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.slide-row8{
		padding: 160px 100px 30px;
	}
	.slide-row8 .slick-list{
		margin: 0 -50px;
	}
	.slide-row8 .slick-list .item{
		padding: 0 50px;
	}
	.slide-row8 .wrap_item{
		text-align: center;
	}
	.slide-row8 .wrap_item .img{
		margin-bottom: 30px;
		box-shadow:  20px 20px 5px -5px #00507f;
	}
	.slide-row8 .wrap_item .img img{
		width: 100%;
	}
	.slide-row8 .wrap_item .i-desc{

	}
	.slide-row8 .wrap_item .i-desc .text1{
		font-size: 26px;
		line-height: 42px;
		text-transform: uppercase;
		font-weight: 400;
		color: #fff;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.slide-row8 .wrap_item .i-desc .text2{
		font-size: 50px;
		line-height: 60px;
		text-transform: uppercase;
		font-weight: 700;
		color: #b2d347;
	}
	.slide-row8 .wrap_item .i-desc .text2 span{
		position: relative;
		top: -25px;
		font-size: 14px;
		left: -10px;
		line-height: 20px;
		text-transform: none;
	}
	.slide-row8 .wrap_item .i-desc .text3{
		font-size: 18px;
		line-height: 28px;
		font-weight: 400;
		color: #fff;
	}
	.slide-row8 .slick-arrow {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        color: #fff;
        height: 150px;
        display: block;
        width: 50px;
        background: #1a72a5;
    }
    .slide-row8 .slick-arrow:after {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 30px;
        font-family: fontawesome;
    }
    .slide-row8 .slick-next:after {
        content: '\f105';
    }
    .slide-row8 .slick-prev:after {
        content: '\f104';
    }
    .slide-row8 .slick-next {
        right: 0;
    }
    .slide-row8 .slick-prev {
        left: 0;
    }



/************************************************** div Row 09 **************************************************/

	#slide11{
		background: #00639d;
	}
	#slide11 .ca-ngu{
		position: absolute;
		left: -60px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);

	}
	.title-row9{
		margin-bottom: 80px;
		text-align: center;
	}
	.title-row9 h2{
		font-size: 46px;
		line-height: 56px;
		color: #b2d347;
		font-weight: 700;
		margin-bottom: 5px;
	}
	.title-row9 h3{
		font-size: 30px;
		line-height: 40px;
		color: #fff;
		font-weight: 400;
		position: relative;
		padding-bottom: 20px;
	}
	.title-row9 h3:after{
		content: '';
		width: 80px;
		height: 6px;
		position: absolute;
		left: 50%;
		bottom: 0;
		background: #b2d347;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.slide-row9{
		position: relative;
	}
	.slide-row9:after{
		background: url('../images/main/line-title2.png');
		content: '';
		position: absolute;
		left: -100px;
		right: -60px;
		height: 1px;
		bottom: 76px;
	}
	.slide-row9 .wrap_item{
		margin: 0 auto;
		text-align: center;
		cursor: pointer;
		padding-top: 20px;
	}
	.slide-row9 .wrap_item .img{
		padding: 5px;
	    border-radius: 100%;
	    border: 1px solid #468db7;
	    width: 170px;
	    height: 170px;
	    padding-top: 7px;
	    margin: 0 auto;
	    margin-bottom: 50px;
	    position: relative;
	    top: 0;
	    vertical-align: top;
	    -webkit-transition: all 0.4s;
	    -o-transition: all 0.4s;
	    transition: all 0.4s;
	}
	.slide-row9 .wrap_item:hover .img{
		top: -10px;
	}
	.slide-row9 .wrap_item .img:after{
		content: '';
	    position: absolute;
	    bottom: -6px;
	    left: 41%;
	    width: 0;
	    height: 0;
	    border-top: 20px solid #fff;
	    border-right: 15px solid transparent;
	    border-left: 15px solid transparent;
	}
	.slide-row9 .wrap_item .img:before{
		content: '';
		position: absolute;
		left: 50%;
		bottom: -35px;
		background: #fff;
		width: 10px;
		height: 10px;
		border-radius: 100%;
		 -webkit-transition: all 0.4s;
	    -o-transition: all 0.4s;
	    transition: all 0.4s;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.slide-row9 .wrap_item:hover .img:before{
		bottom: -45px;
	}
	.slide-row9 .wrap_item .img .sub-img{
		width: 155px;
		height: 155px;
		border-radius: 100%;
		border: 1px solid #468db7;
		background: #fff;
		position: relative;
		margin: 0 auto;
	}
	.slide-row9 .wrap_item .img .sub-img img{
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.slide-row9 .wrap_item .i-desc{
		font-size: 18px;
		line-height: 28px;
		color: #fff;
		font-weight: 400;
		padding: 0 35px;
	}

/************************************************** div Row 10 **************************************************/

	#slide12{
		background: #00639d;
	}
	#slide12 .ca-ngu{
		position: absolute;
		right: -50px;
		top: 0;
	}
	#vnt-row10{

	}
	#vnt-row10 .text{

	}
	#vnt-row10 .text h2{
		font-weight: 400;
		font-size: 46px;
		line-height: 60px;
		text-transform: uppercase;
		color: #fff;
		margin-bottom: 15px;
	}
	#vnt-row10 .text h3{
		font-weight: 700;
		font-size: 76px;
		line-height: 86px;
		text-transform: uppercase;
		color: #abd14c;
		margin-bottom: 30px;
	}
	#vnt-row10 .text p{
		font-size: 18px;
		line-height: 36px;
		color: #fff;
		font-weight: 400;
	}
	#vnt-row10 .img{
		box-shadow:  20px 20px 5px -5px #00507f;
		-webkit-animation: bouncez 3s infinite;
	    -o-animation: bouncez 3s infinite;
	    animation: bouncez 3s infinite;
	}
	#vnt-row10 .img img{
		width: 100%;
	}


/************************************************** div Row 11 **************************************************/



/************************************************** div Row 12 **************************************************/




/************************************************** div Row 14 **************************************************/

	#slide15{
		background: #00639d url('../images/main/bg_footer.png') no-repeat;
		background-size: cover;
		position: relative;
		z-index: 2;
		padding: 20px 0 40px;
	}
	#slide15 .ca-ngu{
		position: absolute;
		left: -50px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#slide15 .img{
		position: absolute;
		right: 30px;
		top: 0;
		z-index: 5;
	}
	#slide16{
		background: #00639d;
	}
	#vnt-row13{
		text-align: center;
		position: relative;
		margin-bottom: 50px;
		z-index: 30;
	}
	#vnt-row13 .box-row11 h2{
		font-size: 46px;
		line-height: 56px;
		color: #b2d347;
		font-weight: 700;
		text-align: center;
	}
	#vnt-row13 .box-row11 h3{
		font-size: 30px;
		line-height: 45px;
		color: #fff;
		font-weight: 400;
		text-transform: uppercase;
		text-align: center;
	}

/************************************************** div Row 12 **************************************************/


	#vnt-row14{
		position: relative;
		z-index: 30;
		padding-bottom: 30px;
	}
	#slide15 .img{
		position: absolute;
	    right: -70px;
	    bottom: 0;
	    width: 35%;
	    z-index: 20;
	}
	#vnt-row14 .lh{
		text-align: center;
		color: #fff;
	}
	.button {
		border-radius:5px;
		display:block;
		max-width:470px;
		margin:2px auto;
		background: #1e2329;
		min-height:105px;
		color: #fff;
		font-size:36px;
		line-height: 46px;
		padding:28px 35px;
		text-align: center;
		font-weight: normal;
		transition:all .4s ease-in-out;
		-webkit-transition:all .4s ease-in-out;
	}
	.button a{
		color: #fff;
		display: block;
		position: relative;
		transition:all .4s ease-in-out;
		-webkit-transition:all .4s ease-in-out;
	}
	.button a.icon1:after{
		content: '\f10b';
		font-family: fontawesome;
		font-size: 30px;
		color: #fff;
		position: absolute;
		left: -10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.button a.icon2:after{
		content: '\f095';
		font-family: fontawesome;
		font-size: 30px;
		color: #fff;
		position: absolute;
		left: -10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.button a.icon3:after{
		content: '\f041';
		font-family: fontawesome;
		font-size: 30px;
		color: #fff;
		position: absolute;
		left: -10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.button:hover{
		background: #fb7224;
	}
	.button:hover a{
		color: #fff;
	}
	.style1{
		background: #b2d347;
	}
	.style1 a{
		color: #333;
		font-size: 30px;
		text-transform: uppercase;
	}
	.style1 span{
		padding: 0 !important;
	}
	.style2 {
		font-size:48px;
	}
	.style3 a{
		font-weight: bold;
		font-size: 17px;
		line-height: 27px;
		display: block;
		text-align: left;
	}
	.button .fa {
		font-size:30px;
		color: #fff;
	}
	.button .fa,
	.button span {
		padding: 0 30px;
		display: block;
	}

/************************************************** div lazyloading **************************************************/

.lazyloading {
    clear: both;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.lazyloading.show {
    filter: alpha(opacity=1);
    opacity: 1;
}
.lazyloading1 {
    position: relative;
    left: 0;
    top: 50px;
    clear: both;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.lazyloading1.show {
    filter: alpha(opacity=1);
    opacity: 1;
    top: 0;
}
.loadLeft{
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform:translate(-50px,0);
    -moz-transform:translate(-50px,0);
    -o-transform:translate(-50px,0);
    -ms-transform:translate(-50px,0);
    transform:translate(-50px,0);
}
.loadLeft.show{
    filter: alpha(opacity=1);
    opacity: 1;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
}
.loadRight{
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform:translate(50px,0);
    -moz-transform:translate(50px,0);
    -o-transform:translate(50px,0);
    -ms-transform:translate(50px,0);
    transform:translate(50px,0);
}
.loadRight.show{
    filter: alpha(opacity=1);
    opacity: 1;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
}
.loadBottom{
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform:translate(0,100px);
    -moz-transform:translate(0,100px);
    -o-transform:translate(0,100px);
    -ms-transform:translate(0,100px);
    transform:translate(0,100px);
}
.loadBottom.show{
    filter: alpha(opacity=1);
    opacity: 1;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
}
.w_effect_up .effect_up{
    opacity: 0;
}
.w_effect_up.show .effect_up{
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}
@-webkit-keyframes fadeInUp {
    0%{
        opacity: 0;
        -webkit-transform:translate3d(0, 30%, 0);
        -moz-transform:translate3d(0, 30%, 0);
        -o-transform:translate3d(0, 30%, 0);
        -ms-transform:translate3d(0, 30%, 0);
        transform:translate3d(0, 30%, 0);
    }
    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInUp {
    0%{
        opacity: 0;
        -webkit-transform:translate3d(0, 30%, 0);
        -moz-transform:translate3d(0, 30%, 0);
        -o-transform:translate3d(0, 30%, 0);
        -ms-transform:translate3d(0, 30%, 0);
        transform:translate3d(0, 30%, 0);
    }
    50% {
        opacity: 0.3;

    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInUp {
    0%{
        opacity: 0;
        -webkit-transform:translate3d(0, 30%, 0);
        -moz-transform:translate3d(0, 30%, 0);
        -o-transform:translate3d(0, 30%, 0);
        -ms-transform:translate3d(0, 30%, 0);
        transform:translate3d(0, 30%, 0);
    }
    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3
    }
    30% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #f15922, 0 0 10px 10px #fb8358, 0 0 0 10px #fff
    }
    100% {
        box-shadow: 0 0 0 2px #f15922, 0 0 10px 10px #fb8358, 0 0 0 10px #fff;
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3
    }
    30% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #f15922, 0 0 10px 10px #fb8358, 0 0 0 10px #fff
    }
    100% {
        box-shadow: 0 0 0 2px #f15922, 0 0 10px 10px #fb8358, 0 0 0 10px #fff;
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

@-o-keyframes sonarEffect {
    0% {
        opacity: 0.3
    }
    30% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #f15922, 0 0 10px 10px #fb8358, 0 0 0 10px #fff
    }
    100% {
        box-shadow: 0 0 0 2px #f15922, 0 0 10px 10px #fb8358, 0 0 0 10px #fff;
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3
    }
    30% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #f15922, 0 0 10px 10px #fb8358, 0 0 0 10px #fff
    }
    100% {
        box-shadow: 0 0 0 2px #f15922, 0 0 10px 10px #fb8358, 0 0 0 10px #fff;
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}
@-webkit-keyframes spread-effect {
    0% { opacity: 0; }
    20% { opacity: 1; }
    100% {
        -ms-transform:scale(1.4);
        -webkit-transform:scale(1.4);
        transform:scale(1.4);
        opacity: 0;
    }
}
@-moz-keyframes spread-effect {
    0% { opacity: 0; }
    20% { opacity: 1; }
    100% {
        -ms-transform:scale(1.4);
        -webkit-transform:scale(1.4);
        transform:scale(1.4);
        opacity: 0;
    }
}
@-ms-keyframes spread-effect {
    0% { opacity: 0; }
    20% { opacity: 1; }
    100% {
        -ms-transform:scale(1.4);
        -webkit-transform:scale(1.4);
        transform:scale(1.4);
        opacity: 0;
    }
}
@-o-keyframes spread-effect {
    0% { opacity: 0; }
    20% { opacity: 1; }
    100% {
        -ms-transform:scale(1.4);
        -webkit-transform:scale(1.4);
        transform:scale(1.4);
        opacity: 0;
    }
}
@keyframes spread-effect {
    0% { opacity: 0; }
    20% { opacity: 1; }
    100% {
        -ms-transform:scale(1.4);
        -webkit-transform:scale(1.4);
        transform:scale(1.4);
        opacity: 0;
    }
}

@keyframes fadeInUp {
    0%{
        opacity: 0;
        -webkit-transform:translate3d(0, 30%, 0);
        -moz-transform:translate3d(0, 30%, 0);
        -o-transform:translate3d(0, 30%, 0);
        -ms-transform:translate3d(0, 30%, 0);
        transform:translate3d(0, 30%, 0);
    }
    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeinup {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
}

@-moz-keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
}

@-o-keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
}
@keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
}

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg)
    }
}
@keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0deg) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0deg) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0deg) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0deg) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }
}


.fixed_menu{
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    background: #1d1b1a;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    z-index: 100;
}
.fixed_menu ul li{
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    position: relative;
}
.fixed_menu ul li a{
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    padding-top: 10px;
    color: #ffffff;
    position: relative;
    z-index: 1;
    background: #1d1b1a;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
}
.fixed_menu ul li a i{
    font-size: 20px;
    line-height: 30px;
}
.fixed_menu ul li a.active,
.fixed_menu ul li a:hover{
    background: #34383b;
}
.fixed_menu ul li a:focus,
.fixed_menu ul li a:active{
    text-decoration: none;
}
@-webkit-keyframes bouncez{
	0% {
       -webkit-transform: translate(0,0px);
    }
    60% {
       -webkit-transform: translate(0,25px);
    }
    100% {
       -webkit-transform: translate(0,0);
    }
}
@-moz-keyframes bouncez{
	0% {
       -moz-transform: translate(0,0px);
    }
    60% {
       -moz-transform: translate(0,25px);
    }
    100% {
       -moz-transform: translate(0,0);
    }
}
@-o-keyframes bouncez{
	0% {
       -o-transform: translate(0,0px);
    }
    60% {
       -o-transform: translate(0,25px);
    }
    100% {
       -o-transform: translate(0,0);
    }
}
@keyframes bouncez{
	0% {
       transform: translate(0,0px);
    }
    60% {
       transform: translate(0,25px);
    }
    100% {
       transform: translate(0,0);
    }
}

/************************************************** Responsive **************************************************/
@media screen and (max-width: 1555px){
	#slide5 .img:after {
	    left: 78%;
	    top: 61%;
	    width: 100%;
	   	background-size: 55%;
	}
	#slide7 .img:after {
	    left: 78%;
	    top: 61%;
	    width: 100%;
	    background-size: 50%;
	}
	#slide7 .img{
		bottom: initial;
		top: 15%;
		right: 5%;
	}
	#vnt-row8{
		padding: 30px 0;
	}
	.title-row8{
		top: 26px;
	}
	#banner-slide .slick-dots{
	    bottom: 16%;
	}
}

@media screen and (max-width: 1400px){
	#banner-slide .slick-dots{
	    left: 18%;
	}
}

@media screen and (max-width: 1300px){
	#vnt-row1 {
    	background: url(../images/main/banner_traica.jpg) no-repeat center -30px;
	}
}

@media screen and (max-width: 1250px){
	.slide-product .slick-prev {
	    left: 0;
	}
	.slide-product .slick-next {
	    right: 0;
	}
}

@media screen and (max-width: 1199px){
	#sologan .div_icon{
		right : 10px;
		top: -10px;
	}
	.title-row h2{
		line-height: 60px;
	}
	#vnt-row3 .title-row{
		padding-bottom: 0;
	}
	.title-row h2{
		padding-bottom: 0;
	}
	#vnt-row3 .content{
		padding-top: 50px;
	}
	#vnt-row3 .title-row{
		position: static;
		padding-bottom: 100px;
	}
	#slide5 .img{
		width: 55%;
	}
	#vnt-row4 .title-row h2:before{
		top: 100%;
	}
	.title-row8 h2{
		font-size: 35px;
	}
	#banner-slide .slick-dots{
	    left: 14%;
	}
}

@media screen and (max-width: 1180px){
	#vnt-row1 {
    	background: url(../images/main/banner_traica.jpg) no-repeat center 0;
    }
}


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

	.fp-responsive .fp-tableCell{
	    display: block;
	    width: initial;
	    height: initial !important;
	}
	.fp-responsive .fp-table{
	    display: block;
	    width: initial;
	    height: initial !important;
	}
	.fp-scrollable{
		height: initial !important;
	}
	/********* or ***********/
	#banner-slide .item .i-desc{
		display: none;
	}
	#icon-fixed{
		display: none;
	}
	#sologan .divtitle{
		padding-right: 0;
	}
	#sologan .divtitle .text2 h3{
		font-size: 20px;
		line-height: 30px;
	}
	#sologan .divtitle .text1 h2{
		font-size: 18px;
		line-height: 28px;
	}
	/*********************************/
	.banner-slide {
	    height: 350px;
	}
	.slide-row9:after{
		bottom: -50px;
	}
	#banner-slide .slick-dots {
	    bottom: 5%;
	    left: 0;
	    text-align: center;
	}
	#banner-slide .slick-dots li button:before {
	    top: -4px;
	    left: -4px;
	    width: 20px;
	    height: 20px;
	}
	#vnt-row1{
		padding: 70px 0;
		background: url(../images/main/banner_traica.jpg) no-repeat;
	}
	#vnt-row1 .intro{
		top: initial;
	}
	.section#slide3 .wrapper{
		position: static;
	}
	.box-vnt h2{
		font-size: 22px;
    	line-height: 35px;
	}
	.box-vnt h3{
		font-size: 40px;
		line-height: 56px;
	}
	.box-vnt h4{
		font-size: 70px;
		line-height: 80px;
	}
	#vnt-row3{
		padding: 30px 0;
	}
	#vnt-row3 .title-row{
		position: static;
		padding-bottom:60px;
	}
	#vnt-row3 .content{
		padding-top: 0;
		width: 100%;
		float: none;
	}
	.text-live ul li:last-child{
		margin-bottom: 0;
	}
	#slide5 .img{
		position: static;
		width: 100%;
	}
	#slide5 .img:after {
	    left: 74%;
	    top: 56%;
	    width: 100%;
	    background-size: 48%;
	}
	#vnt-row4{
		position: relative;
		left: initial;
		right: initial;
		top: initial;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		padding-bottom: 30px;

	}
	#vnt-row4 .title-row{
		margin-bottom: 70px;
	}
	#slide7 .img{
		position: static;
		width: 100%;
	}
	#slide7 .img:after {
	    left: 78%;
	    top: 50%;
	    width: 100%;
	    background-size: 40%;
	}
	#vnt-row5{
		padding-bottom: 30px;
	}
	#vnt-row5 .title-row{
		position: static;
		padding-bottom: 60px;
	}
	#vnt-row5 .content{
		width: 100%;
		float: none;
		padding-top: 0;
	}
	#vnt-row6{
		padding-bottom: 30px;
	}
	#vnt-row7{
		padding-bottom: 30px;
	}
	#vnt-row8{
		padding-bottom: 50px;
	}
	.slide-row8 {
	    padding: 180px 100px 30px;
	}
	#vnt-row9{
		padding-bottom: 60px;
	}
	.slide-row9:after{
		display: none;
	}
	.slide-row9 .wrap_item .img:before{
		display: none;
	}
	#vnt-row10{
		padding-bottom: 50px;
	}
	#slide7 .sub-img{
		display: none;
	}
}

@media screen and (max-width: 992px){
	#vnt-row10 .text{
		margin-bottom: 20px;
	}
	#vnt-row10 .img img{
		width: initial;
		max-width: 100%;
		box-shadow: 20px 20px 5px -5px #00507f;
	}
	#vnt-row10 .img{
		text-align: center;
		box-shadow: none;
	}
	#vnt-row10 .text h2{
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 10px;
	}
	#vnt-row10 .text h3{
		font-size: 60px;
		line-height: 70px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 950px){
	#slide5 .img:after {
	    top: 60%;
	    background-size: 48%;
	}
	#vnt-row5 .title-row h2:before{
		top: 115%;
	}
}

@media screen and (max-width: 768px){
	#vnt-row1{
		background: url('../images/main/banner_traica2.jpg') no-repeat;
	}
	#slide7 .img:after {
	    left: 82%;
	    top: 58%;
	}
	#slide5 .img:after{
		top: 68%;
		left: 78%;
	}
}

@media screen and (max-width: 595px){
	#vnt-row7 .title-row h2:before{
		top: 114%;
	}
	.slide-row8 {
	    padding: 180px 30px 30px;
	}
	.title-row8{
		padding: 0;
	}
	.title-row8:after{
		content: none;
	}
	.title-row8:before{
		content: none;
	}
	#slide5 .img:after {
	    top: 75%;
	}
	#slide7 .img:after{
		top: 75%;
	}
}
@media screen and (max-width: 480px){
	#sologan .divtitle .text2 h3{
		font-size: 30px;
		line-height: 40px;
	}
	#vnt-row1{
		padding: 30px 0 10px;
	}
	#vnt-row1 .intro h2{
		font-size: 22px;
		line-height: 32px;
	}
	.box-vnt{
		padding: 30px 0;
	}
	.box-vnt h2 {
	    font-size: 18px;
	    line-height: 30px;
	}
	.box-vnt h3 {
	    font-size: 32px;
	    line-height: 45px;
	}
	.box-vnt h4 {
	    font-size: 60px;
	    line-height: 70px;
	}
	#vnt-row2 .text-row2{
		padding-top: 70px;
	}
	#vnt-row2 .text-row2 > div{
		font-size: 20px;
		line-height: 30px;
	}
	.title-row h2{
		font-size: 25px;
		line-height: 35px;
	}
	.text-live ul li{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 5px;
	}
	#vnt-row3 .title-row h2:before{
		top: 112%;
	}
	#slide5 .img:after {
	    top: 85%;
	}
	#vnt-row4 .title-row h2:before {
	    top: 112%;
	}
	#vnt-row5 .title-row h2:before {
	    top: 125%;
	}
	#vnt-row7 .title-row h2:before {
	    top: 120%;
	}
	.title-row9 h2{
		font-size: 30px;
		line-height: 40px;
	}
	#vnt-row13 .box-row11 h2{
		font-size: 30px;
		line-height: 40px;
	}
	#vnt-row10 .text h3 {
	    font-size: 40px;
	    line-height: 50px;
	}
	.style1 a {
	    font-size: 20px;
	}
	.button{
		padding: 28px 0;
	}
	.style2 {
	    font-size: 30px;
	}
	.button a.icon1:after{
		left: 10px;
	}
	.button a.icon2:after{
		left: 10px;
	}
	.button a.icon3:after{
		left: 10px;
	}
	.style3 a{
		font-size: 13px;
	}
	.button .fa, .button span{
		padding: 0 45px;
	}
	.slide-row8 .slick-arrow{
		height: 50px;
	}
}

@media screen and (max-width: 400px){
	#slide7 .img:after {
	    top: 92%;
	}
}

@media screen and (max-width: 360px){
	.box-row8{
		border: 0;
	}
	#vnt-row8{
		padding-bottom: 0;
	}
	#slide5 .img:after {
	    top: 100%;
	}
}

@media screen and (max-width: 325px){
	#vnt-row5 .title-row h2:before {
	    top: 118%;
	}
}