/*GLOBAL*/
* {
	margin: 0;
}
html, body {
	height:100%;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color: #656565;
    opacity: 1;
    transition: 1.2s opacity;
}
body.fade-out {
    opacity: 0;
    transition: none;
}
a, img {
    border:none;
	outline:0 !important;
	display:block;
}
.back-to-top {
	display:block;
	position: fixed;
	top:82%;
	right: 6%;
	display: none;
	width: 35px;
	height: 20px;
	z-index:9999;
}
#top-wrap {
	position:fixed;
	top:0px;
	left:0px;
	width: 100%;
	height: 40px;
	padding:10px 0 0 0;
	background-color:#fff;
	z-index:9999;
}
#logo {
	position:relative;
	float:left;
	width: 200px;
	height: auto;
	margin:10px 0 0 0;
	z-index:9999;
}
#logo img{
	max-width: 100%;
}
#main-index {
	position: relative;
	float: left;
	width: 100%;
	height: 400px;
	margin: 0 auto 20px auto;
	background-image: url(../images/index.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
#main-index img{
	max-width: 100%;
}	
.main-index-title {
	position: relative;	width: 100%;
	height:auto;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	font-size:50px;
	color: #666;
	text-align:center;
	margin: 250px 0 0 0;
	text-transform: uppercase;
}		
.main-index-text {
	position: relative;
	width: 90%;
	height:auto;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:30px;
	color: #666;
	text-align:center;
	margin: 20px 5% 20px 5%;
	text-transform: uppercase;
}				
.block-gap {
	position: relative;
	float:left;
	width:100%;
	height:auto;
	margin: 0 0 50px 0;
}						
.index {
	-webkit-transition: filter 1s ease-out;
  -moz-transition: filter 1s ease-out;
  -o-transition: filter 1s ease-out;
  transition: filter 1s ease-out;
}				
.index:hover {
	-webkit-filter: brightness(0.3);
	filter: brightness(0.3);
	-webkit-transition: filter 1s ease-out;
  -moz-transition: filter 1s ease-out;
  -o-transition: filter 1s ease-out;
  transition: filter 1s ease-out;
}	
.index-image img{
	max-width: 100%;
}				
.title {
	position: absolute;
	top: 150px;
	left:0px;
	width: 1200px;
	height:auto;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	font-size:80px;
	color: #fff;
	text-align:center;
	margin: 0 auto 30px auto;
}					
.panel-icon {
	position: relative;
	float:none;
	width: 500px;
	height:auto;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	font-size:18px;
	color: #666;
	margin: 0 auyo 0 auto;
}			
.panel-link {
	position: relative;
	float:left;
	width: 100%;
	height:auto;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	font-size:18px;
	color: #666;
	text-align:center;
	margin: 0;
}
.contact {
	position: relative;
	float:left;
	width: 30%;
	height:auto;
	height:auto;font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:18px;
	color: #333;
	text-align:left;
	padding: 15px 0 50px 0px;
}
.form {
	position: relative;
	float:right;
	width: 50%;
	height:auto;
	margin: 0px 0px 50px 0;
}
.request-01 {
	display:inline-block;
	position: relative;
	float:left;
	width: 47%;
	height:50px;
	height:auto;font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:20px;
	text-align:left;
	margin: 0;
	border-radius:5px;
	border:0;
	padding: 10px 0 10px 1%;
	background-color:#999;
	color:#fff;
}
.request-02 {
	display:inline-block;
	position: relative;
	float:right;
	width: 47%;
	height:50px;
	height:auto;font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:20px;
	text-align:left;
	margin: 0;
	border-radius:5px;
	border:0;
	padding: 10px 0 10px 1%;
	background-color:#999;
	color:#fff;
}
.request-03 {
	position: relative;
	float:left;
	width: 99%;
	height:400px;
	height:auto;font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:20px;
	text-align:left;
	margin: 20px 0 0 0;
	border-radius:5px;
	border:0;	
	padding: 3% 0 3% 1%;
	background-color:#999;
	color:#fff;
}
input[type=submit] {
	position: relative;
	float:none;
	width: 50%;
	height:auto;
	height:auto;
	height:auto;font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:20px;
	text-align:center;
	margin: 20px 25% 0 25%;
	border-radius:5px;
	border:0;	
	padding: 10px 0 10px 0;
	background-color:#999;
	color:#fff;
}
.strap {
	position: relative;
	float:left;
	width: 100%;
	height:auto;font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:12px;
	color: #333;
	text-align:center;
	padding: 10px 0 0 0;
	text-transform: uppercase;
}
.bottom {
	position: relative;
	float:left;
	width: 100%;
	height:auto;
	margin-bottom:350px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:500;
	font-style:normal;
	color:#fff;
	text-align:center;
	padding-top:0px;
	cursor:pointer;
}
::-moz-placeholder { /* Firefox 19+ */
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:500;
	font-style:normal;
	color:#fff;
	text-align:center;
	padding-top:0px;
	cursor:pointer;
}
:-ms-input-placeholder { /* IE 10+ */
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:500;
	font-style:normal;
	color:#fff;
	text-align:center;
	padding-top:0px;
	cursor:pointer;
}
:-moz-placeholder { /* Firefox 18- */
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:500;
	font-style:normal;
	color:#fff;
	text-align:center;
	padding-top:0px;
	cursor:pointer;
}
.desktop{
	display:block !important;
}
.mobile{
	display:none !important;
}