body{font:normal 14px 'corbertregular';}
.wrapper {
            background-image: linear-gradient(to right bottom, rgba(4, 255, 35, 0.81), rgba(13, 20, 210, 0.8)), url(../../../slide01.png);
            background-size: cover;
            -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
            position:absolute;
			width:100%;
			height:100%;
			text-align:center; vertical-align:middle;
			top:0; bottom:0;
			
			
        }

        
.inner{height:100%; width:100%; display:table;}
.inner-content{height:100%; width:100%; display:table-cell; text-align:center; vertical-align:middle;}
.inner-content h1 {font-size: 36px; color:#fff; font-weight: 700;}

.frame {opacity:0;
-moz-transition: opacity 2s; /* Firefox 4 */
-webkit-transition: opacity 2s; /* Safari and Chrome */
-o-transition: opacity 2s;
transition: opacity 2s;
}
.intro-logo{ }

.intro-hd{color:#fff; font-size:2.7rem; margin-top:-160px; z-index:9999;}
.intro-hd div {margin-top: 4px;}
.intro-hd a{color:#fff; transition:all 0.5s ease;}
.intro-hd a:hover{ text-decoration:none;}

.intro-hd a.left {padding-left: 90px;}
.intro-hd a.right {padding-right: 20px;}

.intro-hd a.left:hover{margin-left:50px;}
.intro-hd a.right:hover{margin-left:-50px;}

.intro-hd span{display:block; font-size:17px;}

.intro-footer{text-align:center; color:#fff; margin-top:10%; width:100%;font-weight:600; font-size:20px;}
.intro-footer a{color:#fff;}
.intro-footer .social{margin:20px 0;}
.intro-footer .social a{padding:5px 10px; margin:0 5px; border:solid 2px #fff; height:30px; width:30px;}
@media (min-width:769px) and (max-width:1024px){
		.intro-hd{ margin-top:-140px;font-size:2rem;}
		.intro-hd a.left {padding-left: 10px;}
		.intro-hd a.right {padding-left: 50px;}
		}
@media (min-width:769px) and (max-width:992px){
        .intro-hd{ margin-top:-124px;font-size:2rem;}
}
@media (max-width:768px){
		.intro-hd{ margin-top:-92px; font-size:1.5rem;}
		.intro-hd div {margin-top: -4px;}
		.intro-hd a.left {padding-left: 0px;}
		.intro-hd a.right {padding-left: 30px;}
		.intro-footer .social a{padding:2px 7px; border-radius:50%; margin:0 5px; border:solid 1px #fff;}
		.intro-footer{text-align:center; color:#fff; margin-top:15%; width:100%;}
		}
@media (min-width:451px) and (max-width:600px){
		.intro-hd{ margin-top:-64px; font-size:1rem;}
		.intro-hd div {margin-top: -4px;}
		.intro-hd a.left {padding-left: 0px;}
		.intro-hd a.right {padding-left: 30px;}
		}
@media(max-width:450px){
		.intro-hd{ margin-top:-49px ; font-size:9px;padding-left:14px;}
		.intro-hd div {margin-top: -4px;}
		.intro-hd a.left {padding-left: 0px;}
		.intro-hd a.right {padding-left: 30px;}
		}				
		

        @keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Firefox */
        @-moz-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Safari and Chrome */
        @-webkit-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Internet Explorer */
        @-ms-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Opera */
        @-o-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }