﻿@media only screen 
and (min-width : 1025px) {

/*********************** WEBSITE NAME  / START *****************************************/
.website-text1 {
	opacity: 0;
	transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.website-text2 {
	opacity: 0;
	transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	-webkit-transition: all 1s ease .25s;
	transition: all 1s ease .25s;
}
.tagline {
	opacity: 0;
	margin-top: -70px;
	transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	-webkit-transition: all .5s ease .50s;
	transition: all .5s ease .50s;
}
.website-name {
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.website-name-active {
	opacity: 1;
}
.website-text1-active{
	margin-top: 0px;
	opacity: 1;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
}
.website-text2-active{
	margin-top: 0px;
	opacity: 1;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
}
.tagline-active {
	margin-top: 14px;
	opacity: 1;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
}
/*********************** TOP  / START *****************************************/
.top-bg {
	box-sizing: border-box;
	box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.0);
}
.top-bg-active {
	box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.0);
}
/*********************** HEADER  / START **************************************/
.header {
	box-sizing: border-box;
	box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.0);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}
.header-active {
	box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.0);
}
/*********************** TILT SLIDER / START *****************************************/
.menu-bg {
	height: 60px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
		background: url('../graphics/menu-bg.jpg') -2000px center no-repeat;

}
.menu-bg-active {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 60px;
		background: url('../graphics/menu-bg.jpg') 0px center no-repeat;
}
/*********************** MENU TOP / START *****************************************/
.social-icons{
	margin-right:-1000px;
	-webkit-transition: all 1s ease 1s;
	transition: all 1s ease 1s;
}

.social-icons-active{
	margin-right:0px;
}