*{
	font-family: 'Gudea', sans-serif;
	font-size:1.1rem;
	

}

.title{
	background: url(../Images/title1.png) center no-repeat;
	margin:auto;
	/*background-size:100%;
	
	padding-left:30px;*/
	width: 165px;
	height:70px;
	
}

div.title img {
	width:100%;
	height:auto;
	}

nav ul{
	list-style-type: none;
	margin-left:-40px;
	text-transform:uppercase;
}

nav ul li a{
	text-decoration:none;
	font-size:0.7em;
}

nav ul li a:link, nav ul li a:visited, nav ul li a:hover, nav ul li a:active{
	color:#000;
}

.arrows{
	width:180px;
	height:113px;
	position:fixed;
	display:inline;
	bottom: 20px;
	left: 10px;
	background: url(../Images/cu_keys.gif) 0px 0px no-repeat;
}

.arrows div{
color: #9E9E9E;
font-size: 0.5em;
position: absolute;
bottom: 0px;
left: 25px;
}

.arrow-left a:link, .arrow-left a:visited, .arrow-left a:hover, .arrow-left a:active,
.arrow-right a:link, .arrow-right a:visited, .arrow-right a:hover, .arrow-right a:active,
.view-all a:link, .view-all a:visited, .view-all a:hover, .view-all a:active {
	color:#000;
	
font-size: 0.7em;
margin-top: 5px;
}

.arrow-left a{
	text-decoration:none;
	padding-left:16px;
	padding-top:3px;
	width: inherit;
	height: inherit;
	display: block;
}

.arrow-right a{
	text-decoration:none;
	padding-top:3px;
	width: inherit;
	height: inherit;
	display: block;
}

.view-all a{
	text-decoration:none;
	padding-left:18px;
	padding-top:3px;
	width: inherit;
	height: inherit;
	display: block;
}

.arrow-left{
	position:fixed;
	display:inline;
	bottom: 20px;
	left: 258px;
	width:50px;
	height:30px;
	background: url(../Images/left.png) center left no-repeat;
}

.arrow-right{
	position:fixed;
	display:inline;
	bottom: 20px;
	left: 308px;
	width:52px;
	height:30px;
	background: url(../Images/right.png) center right no-repeat;
}

.view-all{
	position:fixed;
	display:inline;
	bottom: 20px;
	left: 450px;
	width:60px;
	height:30px;
	background: url(../Images/grid.png) center left no-repeat;
}
@media all and (max-width: 768px){
	.arrows{
		display:none;
	}
	
	select{
		width:100%;
	}


	.arrow-left{
		position:absolute;
		top: -27px;
		left: 8px;
	}
	
	.arrow-right{
		position:absolute;
		top: -27px;
		left: 58px;
	}
	
	.view-all{
		position:absolute;
		top: -27px;
		left: 150px;
	}
}

/*******CONTACT********/
.wrapper {
	width:500px;
	position:relative;
}

@media all and (max-width: 768px){
	
	nav {
		
		    display:inline;
		}
	
	.title{
	/*background: url(../Images/title1.png) center no-repeat;
	margin:auto;
	background-size:100%;
	
	padding-left:30px;*/
	background: url(../Images/title1_rwd.png) center no-repeat;
	width: 100%;
	height:125px;
	text-align:center;	
}

div.title img {
	width:50%;
	height:auto;
	}
	
	.wrapper {
		max-width:500px;
		width:95%;
	}
}

#main{
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px;
}
#contact-form {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#FFF;
	padding-left:25px;
}
#contact-form h3 {
	color:#000;
	margin-block-start:0em;
	display:block;
	font-size:28px;
	padding-top:40px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
#contact-form label span {
	cursor:pointer;
	color:#000;
	display:block;
	margin:5px 0;
	font-weight:900;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#000;
	color:#fff;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background:#000;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}