body{font:normal 14px 'corbertregular';}
.wrapper {
            background: #000 url("../img/landing-bg.jpg") 0px 0px no-repeat ;
            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;}

.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:30px; margin-top:-160px; z-index:9999;}
.intro-hd a{color:#fff; transition:all 0.5s ease;}
.intro-hd a:hover{ text-decoration:none;}

.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%;}
.intro-footer a{color:#fff;}
.intro-footer .social{margin:20px 0;}
.intro-footer .social a{padding:5px 10px; border-radius:50%; margin:0 5px; border:solid 2px #fff; height:30px; width:30px;}
@media(max-width:1024px){
		.intro-hd{ margin-top:-130px;}
		}
@media(max-width:768px){
		.intro-hd{ margin-top:-100px; font-size:18px;}
		.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(max-width:600px){
		.intro-hd{ margin-top:-80px; font-size:14px;}
		}
@media(max-width:450px){
		.intro-hd{ margin-top:-55px; font-size:14px;}
		}				
		
        @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; }
        }​