/* 

    CSS SLIDE

*****************************************************************/

#about-top .cb-slideshow, .cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -9999;
}



#about-top .cb-slideshow:after {
    content: '';
    background: transparent url(../img/pattern.png) repeat top left; 
	z-index: -9999;
}

#about-top .cb-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: -9999;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    -moz-animation: imageAnimation 24s linear infinite 0s;
    -o-animation: imageAnimation 24s linear infinite 0s;
    -ms-animation: imageAnimation 24s linear infinite 0s;
    animation: imageAnimation 24s linear infinite 0s;
}

#about-top .cb-slideshow li div {
	z-index: -9999;
    position: absolute;
    bottom: 30px;
    left: 0px;
	top:0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 24s linear infinite 0s;
    -moz-animation: titleAnimation 24s linear infinite 0s;
    -o-animation: titleAnimation 24s linear infinite 0s;
    -ms-animation: titleAnimation 24s linear infinite 0s;
    animation: titleAnimation 24s linear infinite 0s; 
}

.cb-slideshow li div h3 { 
   /*background: transparent url(../images/banner-text1.png) no-repeat center center; */
}

/* bimg */

/*#about-top .cb-slideshow li:nth-child(1) span { background-image: url(../img/banner1.jpg);background-size:contain; background-repeat:no-repeat; }

#about-top .cb-slideshow li:nth-child(2) span {
    background-image: url(../img/banner2.jpg);
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

#about-top .cb-slideshow li:nth-child(3) span {
    background-image: url(../img/banner3.jpg);
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}

#about-top .cb-slideshow li:nth-child(4) span {
    background-image: url(../img/banner4.jpg);
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
*/

/*btext*/

#about-top .cb-slideshow li:nth-child(1) div { 
    background: url(../img/banner-text1.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}

#about-top .cb-slideshow li:nth-child(2) div {
	 background: url(../img/banner-text2.png) no-repeat center center;
     background-size:contain;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

#about-top .cb-slideshow li:nth-child(3) div {
	background: url(../img/banner-text3.png) no-repeat center center;
    background-size:contain;
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}

#about-top .cb-slideshow li:nth-child(4) div {
	background: url(../img/banner-text4.png) no-repeat center center;
    background-size:contain;
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}


/* Animation for the slideshow images */

@-webkit-keyframes imageAnimation { 

	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}

	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}

	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}

	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}

	100% { opacity: 0 }

}

@-moz-keyframes imageAnimation { 

	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}

	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}

	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}

	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}

	100% { opacity: 0 }

}

@-o-keyframes imageAnimation { 

	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}

	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}

	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}

	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}

	100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 

	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;

	}

	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}

	17% {

	    opacity: 1;
	    -ms-transform: scale(1.1);
	}

	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);

	}

	100% { opacity: 0 }

}

@keyframes imageAnimation { 

	0% {

	    opacity: 0;
	    animation-timing-function: ease-in;

	}

	8% {

	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}

	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}

	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}

	100% { opacity: 0 }
}


/* Animation for the title */

@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes titleAnimation { 

    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }

}

@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }

}

/* 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 }

}



/* 

    TEAM

*****************************************************************/

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;

}

.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   /*background-color: rgba(219,127,8, 0.7); */
   background-color: rgba(170,38,90, 0.9);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;

}

.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;

}

.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

@media only screen and (min-width: 1160px) {
    #about-top .cb-slideshow li:nth-child(1) span { background-image: url(../img/banner1.jpg);background-size:contain; background-repeat:no-repeat; }
    #about-top .cb-slideshow li:nth-child(2) span {
        background-image: url(../img/banner2.jpg);
        background-size:contain;
        background-repeat:no-repeat;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    #about-top .cb-slideshow li:nth-child(3) span {
        background-image: url(../img/banner3.jpg);
        background-size:contain;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }
    #about-top .cb-slideshow li:nth-child(4) span {
        background-image: url(../img/banner4.jpg);
        background-size:contain;           
        background-repeat:no-repeat;
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }
    .min-container { display:none}
    .full-container { display:block}
    .wearebright {background-image: url(../img/wearebright.png); background-size:576px 611px; background-repeat:no-repeat; background-position:center; height: 638px;}
    .bulet1 {background-image: url(../img/wwd-bulet-1.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    .bulet2 {background-image: url(../img/wwd-bulet-2.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    .bulet3 {background-image: url(../img/wwd-bulet-3.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    #about-top #scroll-down{
    	z-index: 50;
    	width:150px;
    	height:80px;
    	display:inline-block;
    	overflow:auto;
    	z-index:50;
    	position:absolute;
    	bottom:280px;
    	right:0px;
    	opacity:0.8;
    	cursor:pointer;
    	background:url(../img/slide-arrow-down-grey.jpg) no-repeat center;
    	color:#fff;
    	padding-top: 130px;
    }
}

@media only screen and (max-width: 1159px) {
    #about-top .cb-slideshow li:nth-child(1) span { background-image: url(../img/banner1-1024-768.png); background-size:1024px 768px; background-repeat:no-repeat; }
    #about-top .cb-slideshow li:nth-child(2) span {
        background-image: url(../img/banner2-1024-768.png);
        background-size:1024px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    #about-top .cb-slideshow li:nth-child(3) span {
        background-image: url(../img/banner3-1024-768.png);
        background-size:1024px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }
    #about-top .cb-slideshow li:nth-child(4) span {
        background-image: url(../img/banner4-1024-768.png);
        background-size:1024px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }
    .full-container { display:none}
    .min-container { display:block}
    ul#toggle-view-menu li .nav-item-m { width: 100%}
    
    
    #header-bottom {       
        background-color: #1C1C1C;
        border-bottom: 3px solid #A0CF19;
        text-align:  center;
    }
    #header-bottom span { color: #ffffff; font-size: 20px; padding: 10px; display: block;}
    .open { background-image: url(../img/icon-open.png); background-repeat:no-repeat; }
    .close { background-image: url(../img/icon-close.png); background-repeat:no-repeat; }
    .wearebright {background-image: url(../img/wearebright.png); background-size:576px 611px; background-repeat:no-repeat; background-position:center; height: 638px;}
    .bulet1 {background-image: url(../img/wwd-bulet-1.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}    
    .bulet2 {background-image: url(../img/wwd-bulet-2.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    .bulet3 {background-image: url(../img/wwd-bulet-3.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    #about-top #scroll-down{
    	z-index: 50;
    	width:150px;
    	height:80px;
    	display:inline-block;
    	overflow:auto;
    	z-index:50;
    	position:absolute;
    	bottom:300px;
    	right:0px;
    	opacity:0.8;
    	cursor:pointer;
    	background:url(../img/slide-arrow-down-grey.jpg) no-repeat center;
    	color:#fff;
    	padding-top: 130px;
    }
}



@media (max-width: 1000px)  {
    #about-top .cb-slideshow li:nth-child(1) span { background-image: url(../img/banner1-800-600.png); background-size:800px; background-repeat:no-repeat; }
    #about-top .cb-slideshow li:nth-child(2) span {
        background-image: url(../img/banner2-800-600.png);
        background-size:800px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    #about-top .cb-slideshow li:nth-child(3) span {
        background-image: url(../img/banner3-800-600.png);
        background-size:800px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }
    #about-top .cb-slideshow li:nth-child(4) span {
        background-image: url(../img/banner4-800-600.png);
        background-size:800px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }
    .full-container { display:none}
    .min-container { display:block}
    ul#toggle-view-menu li .nav-item-m { width: 100%}
    
    
    #header-bottom {       
        background-color: #1C1C1C;
        border-bottom: 3px solid #A0CF19;
        text-align:  center;
    }
    #header-bottom span { color: #ffffff; font-size: 20px; padding: 10px; display: block;}
    .open { background-image: url(../img/icon-open.png); background-repeat:no-repeat; }
    .close { background-image: url(../img/icon-close.png); background-repeat:no-repeat; }
    .bulet1 {background-image: url(../img/wwd-bulet-1.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}    
    .bulet2 {background-image: url(../img/wwd-bulet-2.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    .bulet3 {background-image: url(../img/wwd-bulet-3.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    #about-top #scroll-down{
    	z-index: 50;
    	width:150px;
    	height:80px;
    	display:inline-block;
    	overflow:auto;
    	z-index:50;
    	position:absolute;
    	bottom:200px;
    	right:0px;
    	opacity:0.8;
    	cursor:pointer;
    	background:url(../img/slide-arrow-down-grey.jpg) no-repeat center;
    	color:#fff;
    	padding-top: 130px;
    }
}


@media (max-width: 799px)  {
    #about-top .cb-slideshow li:nth-child(1) span { background-image: url(../img/banner1-768-1024.png); background-size:768px; background-repeat:no-repeat; }
    #about-top .cb-slideshow li:nth-child(2) span {
        background-image: url(../img/banner2-768-1024.png);
        background-size:768px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    #about-top .cb-slideshow li:nth-child(3) span {
        background-image: url(../img/banner3-768-1024.png);
        background-size:768px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }
    #about-top .cb-slideshow li:nth-child(4) span {
        background-image: url(../img/banner4-768-1024.png);
        background-size:768px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }
    .full-container { display:none}
    .min-container { display:block}
    ul#toggle-view-menu li .nav-item-m { width: 100%}
    
    
    #header-bottom {       
        background-color: #1C1C1C;
        border-bottom: 3px solid #A0CF19;
        text-align:  center;
    }
    #header-bottom span { color: #ffffff; font-size: 20px; padding: 10px; display: block;}
    .open { background-image: url(../img/icon-open.png); background-repeat:no-repeat; }
    .close { background-image: url(../img/icon-close.png); background-repeat:no-repeat; }
    .bulet1 {background-image: url(../img/wwd-bulet-1.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}    
    .bulet2 {background-image: url(../img/wwd-bulet-2.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    .bulet3 {background-image: url(../img/wwd-bulet-3.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    #about-top #scroll-down{
    	z-index: 50;
    	width:150px;
    	height:80px;
    	display:inline-block;
    	overflow:auto;
    	z-index:50;
    	position:absolute;
    	bottom:260px;
    	right:0px;
    	opacity:0.8;
    	cursor:pointer;
    	background:url(../img/slide-arrow-down-grey.jpg) no-repeat center;
    	color:#fff;
    	padding-top: 130px;
    }
}

@media (max-width: 600px)  {
    #about-top .cb-slideshow li:nth-child(1) span { background-image: url(../img/banner1-600-800.png); background-size:600px; background-repeat:no-repeat; }
    #about-top .cb-slideshow li:nth-child(2) span {
        background-image: url(../img/banner2-600-800.png);
        background-size:600px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    #about-top .cb-slideshow li:nth-child(3) span {
        background-image: url(../img/banner3-600-800.png);
        background-size:600px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }
    #about-top .cb-slideshow li:nth-child(4) span {
        background-image: url(../img/banner4-600-800.png);
        background-size:600px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }
    .full-container { display:none}
    .min-container { display:block}
    ul#toggle-view-menu li .nav-item-m { width: 100%}
    
    
    #header-bottom {       
        background-color: #1C1C1C;
        border-bottom: 3px solid #A0CF19;
        text-align:  center;
    }
    .wearebright {background-image: url(../img/wearebright-768-1024.png); background-size:320px 339px; background-repeat:no-repeat; background-position:center; height: 339px;}
    #header-bottom span { color: #ffffff; font-size: 20px; padding: 10px; display: block;}
    .open { background-image: url(../img/icon-open.png); background-repeat:no-repeat; }
    .close { background-image: url(../img/icon-close.png); background-repeat:no-repeat; }
    .bulet1 {background-image: url(../img/wwd-bulet-1.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}    
    .bulet2 {background-image: url(../img/wwd-bulet-2.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    .bulet3 {background-image: url(../img/wwd-bulet-3.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    #about-top #scroll-down{
    	z-index: 50;
    	width:150px;
    	height:80px;
    	display:inline-block;
    	overflow:auto;
    	z-index:50;
    	position:absolute;
    	bottom:350px;
    	right:0px;
    	opacity:0.8;
    	cursor:pointer;
    	background:url(../img/slide-arrow-down-grey.jpg) no-repeat center;
    	color:#fff;
    	padding-top: 130px;
    }
    
}


@media (max-width: 500px)  {
    #about-top .cb-slideshow li:nth-child(1) span { background-image: url(../img/banner1-480-320.png); background-size:480px 320px; background-repeat:no-repeat; }
    #about-top .cb-slideshow li:nth-child(2) span {
        background-image: url(../img/banner2-480-320.png);
        background-size:480px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    #about-top .cb-slideshow li:nth-child(3) span {
        background-image: url(../img/banner3-480-320.png);
        background-size:480px;           
        background-repeat:no-repeat;
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }
    #about-top .cb-slideshow li:nth-child(4) span {
        background-image: url(../img/banner4.jpg);
        background-size:600px 800px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }
    .full-container { display:none}
    .min-container { display:block}
    ul#toggle-view-menu li .nav-item-m { width: 100%}
    
    
    #header-bottom {       
        background-color: #1C1C1C;
        border-bottom: 3px solid #A0CF19;
        text-align:  center;
    }
    #header-bottom span { color: #ffffff; font-size: 20px; padding: 10px; display: block;}
    .open { background-image: url(../img/icon-open.png); background-repeat:no-repeat; }
    .close { background-image: url(../img/icon-close.png); background-repeat:no-repeat; }
    .wearebright {background-image: url(../img/wearebright-480-320.png); background-size:241px 255px; background-repeat:no-repeat; background-position:center; height: 255px;}
    .bulet1 {background-image: url(../img/wwd-bulet-1.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}    
    .bulet2 {background-image: url(../img/wwd-bulet-2.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    .bulet3 {background-image: url(../img/wwd-bulet-3.png); background-size:341px 341px; background-repeat:no-repeat; background-position:center; height: 341px;}
    #about-top #scroll-down{
    	z-index: 50;
    	width:150px;
    	height:80px;
    	display:inline-block;
    	overflow:auto;
    	z-index:50;
    	position:absolute;
    	bottom:109px;
    	right:0px;
    	opacity:0.8;
    	cursor:pointer;
    	background:url(../img/slide-arrow-down-grey.jpg) no-repeat center;
    	color:#fff;
    	padding-top: 130px;
    }
    .wwd-content-what .item{
        width: 100% !important;
    }
}
@media (max-width: 480px)  {
    #about-top .cb-slideshow li:nth-child(1) span { background-image: url(../img/banner1-480-320.png); background-size:480px; background-repeat:no-repeat; }
    #about-top .cb-slideshow li:nth-child(2) span {
        background-image: url(../img/banner2-480-320.png);
        background-size:480px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    #about-top .cb-slideshow li:nth-child(3) span {
        background-image: url(../img/banner3-480-320.png);
        background-size:480px;              
        background-repeat:no-repeat;
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }
    #about-top .cb-slideshow li:nth-child(4) span {
        background-image: url(../img/banner4-480-320.png);
        background-size:480px;          
        background-repeat:no-repeat;
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }
    .full-container { display:none}
    .min-container { display:block}
    ul#toggle-view-menu li .nav-item-m { width: 100%}
    
    
    #header-bottom {       
        background-color: #1C1C1C;
        border-bottom: 3px solid #A0CF19;
        text-align:  center;
    }
    #header-bottom span { color: #ffffff; font-size: 20px; padding: 10px; display: block;}
    .open { background-image: url(../img/icon-open.png); background-repeat:no-repeat; }
    .close { background-image: url(../img/icon-close.png); background-repeat:no-repeat; }
    .wearebright {background-image: url(../img/wearebright-480-320.png); background-size:241px 255px; background-repeat:no-repeat; background-position:center; height: 255px;}    
    .bulet1 {background-image: url(../img/wwd-bulet-1-480-320.png); background-size:242px 242px; background-repeat:no-repeat; background-position:center; height: 242px;}
    .bulet2 {background-image: url(../img/wwd-bulet-2-480-320.png); background-size:242px 242px; background-repeat:no-repeat; background-position:center; height: 242px;}
    .bulet3 {background-image: url(../img/wwd-bulet-3-480-320.png); background-size:242px 242px; background-repeat:no-repeat; background-position:center; height: 242px;}
    #about-top #scroll-down{
    	z-index: 50;
    	width:150px;
    	height:80px;
    	display:inline-block;
    	overflow:auto;
    	z-index:50;
    	position:absolute;
    	bottom:50px;
    	right:0px;
    	opacity:0.8;
    	cursor:pointer;
    	background:url(../img/slide-arrow-down-grey.jpg) no-repeat center;
    	color:#fff;
    	padding-top: 130px;
    }
}


@media (max-width: 400px) {
    #about-top .cb-slideshow li:nth-child(1) span { background-image: url(../img/banner1-320-480.png); background-size:320px 480px; background-repeat:no-repeat; }
    #about-top .cb-slideshow li:nth-child(2) span {
        background-image: url(../img/banner2-320-480.png);
        background-size:320px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    #about-top .cb-slideshow li:nth-child(3) span {
        background-image: url(../img/banner3-320-480.png);
        background-size:320px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }
    #about-top .cb-slideshow li:nth-child(4) span {
        background-image: url(../img/banner4-320-480.png);
        background-size:320px;            
        background-repeat:no-repeat;
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }
    .full-container { display:none}
    .min-container { display:block}
    ul#toggle-view-menu li .nav-item-m { width: 100%}
    
    
    #header-bottom {       
        background-color: #1C1C1C;
        border-bottom: 3px solid #A0CF19;
        text-align:  center;
    }
    #header-bottom span { color: #ffffff; font-size: 20px; padding: 10px; display: block;}
    .open { background-image: url(../img/icon-open.png); background-repeat:no-repeat; }
    .close { background-image: url(../img/icon-close.png); background-repeat:no-repeat; }
    .wearebright {background-image: url(../img/wearebright-480-320.png); background-size:241px 255px; background-repeat:no-repeat; background-position:center; height: 255px;}    
    .bulet1 {background-image: url(../img/wwd-bulet-1-480-320.png); background-size:242px 242px; background-repeat:no-repeat; background-position:center; height: 242px;}
    .bulet2 {background-image: url(../img/wwd-bulet-2-480-320.png); background-size:242px 242px; background-repeat:no-repeat; background-position:center; height: 242px;}
    .bulet3 {background-image: url(../img/wwd-bulet-3-480-320.png); background-size:242px 242px; background-repeat:no-repeat; background-position:center; height: 242px;}
    #about-top #scroll-down{
    	z-index: 50;
    	width:150px;
    	height:80px;
    	display:inline-block;
    	overflow:auto;
    	z-index:50;
    	position:absolute;
    	bottom:186px;
    	right:0px;
    	opacity:0.8;
    	cursor:pointer;
    	background:url(../img/slide-arrow-down-grey.jpg) no-repeat center;
    	color:#fff;
    	padding-top: 130px;
    }
    .icoico {
        
        position: absolute;
    }
    #git{
        padding-bottom: 83px;
        margin-left: -20px;
    }
}


    
    /*
    @media only screen and (max-width: 768px) {
        #about-top .cb-slideshow li:nth-child(1) span { background-image: url(../img/banner1.jpg); background-size:768px 1024px; background-repeat:no-repeat; }
        
        #about-top .cb-slideshow li:nth-child(2) span {
            background-image: url(../img/banner2.jpg);
            background-size:768px 1024px;
            
            background-repeat:no-repeat;
            -webkit-animation-delay: 6s;
            -moz-animation-delay: 6s;
            -o-animation-delay: 6s;
            -ms-animation-delay: 6s;
            animation-delay: 6s;
        }
        
        #about-top .cb-slideshow li:nth-child(3) span {
            background-image: url(../img/banner3.jpg);
            
            background-repeat:no-repeat;
            -webkit-animation-delay: 12s;
            -moz-animation-delay: 12s;
            -o-animation-delay: 12s;
            -ms-animation-delay: 12s;
            animation-delay: 12s;
        }
        
        #about-top .cb-slideshow li:nth-child(4) span {
            background-image: url(../img/banner4.jpg);
            
            background-repeat:no-repeat;
            -webkit-animation-delay: 18s;
            -moz-animation-delay: 18s;
            -o-animation-delay: 18s;
            -ms-animation-delay: 18s;
            animation-delay: 18s;
        }
		
		
		
		
	}
    
    @media only screen and (max-width: 240px) {
		
		#about-top .cb-slideshow li span {
            
            height: 32px;
		}
		
		
	}
    @media only screen and (max-width: 320px) {
		
		#about-top .cb-slideshow li span {
            
            height: 10px;
		}
		
		
	}
    
    */