@charset "utf-8";
/* CSS Document */
/********************************************** 

    COMMON

***********************************************/
.section-container{

}

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

    SECTION INTRO

***********************************************/
.section-intro{
	position: relative;
	color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    -webkit-animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

.section-intro a.intro-brand{
	height: 40px;
	width: 300px;
	margin: 0;
	padding: 0;
	display:block;
	position:relative;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	text-shadow: 0 0 0 rgba(19, 99, 170, 0);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -150px;
	font-size: 15px;
	line-height: 15px;
	font-weight: 300;
}
.section-intro a.intro-brand:hover,
.section-intro a.intro-brand:focus{
	color: rgb(255, 255, 255);
}
.section-intro a.intro-brand span{
	display: inline-block;
}
.section-intro a.intro-brand span.header-logo-line{
	display: block;
	font-weight: 300;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 5px;
}

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

    SECTION SERVICES

***********************************************/
.section-services{
	display: none;
}
/********************************************** 

    FOOTER

***********************************************/
.footer-wrapper{
	display: none;
}
.copyrights{
  margin: 0;
  padding: 5px;
}
.copyrights p{
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

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

    RESPONSIVE STYLE

***********************************************/
@media (max-width: 767px) {

}
@media (min-width: 480px) {

}
@media (min-width: 768px) {
	.section-intro a.intro-brand{
		height: 75px;
		width: 500px;
		margin-top: -37px;
		margin-left: -250px;
	}
	.section-intro a.intro-brand span.header-logo-line{
		font-size: 25px;
		line-height: 25px;
		letter-spacing: 10px;
	}

}
@media (min-width: 768px) and (max-width: 991px){

}
@media (min-width: 992px) {
	.section-intro a.intro-brand{
		height: 120px;
		width: 800px;
		margin-top: -60px;
		margin-left: -400px;
	}
	.section-intro a.intro-brand span.header-logo-line{
		font-size: 40px;
		line-height: 40px;
		letter-spacing: 15px;
	}

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}