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

@-webkit-keyframes fade-in {
0% {
    opacity: 0;
}
60% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
		
		.fade-in {
			-webkit-animation: slide 1000ms ease-in;
		}
		
		.fade-in {
    -webkit-animation-name: reset, fade-in;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 0, 0;
}



#wrapper {width:300px; margin:0 auto}

#top {width:300px; height:auto; background:#ffde41 url(../images/top-mobile.png) no-repeat; margin:0; text-align:center; padding:15px 0}

#top img {float:none; margin:0; width:220px}

#top h3 {float:none; padding:0; margin:0; width:300px; text-align:center}

#top h3 img {width:auto; float:none;}

#top p {float:none;}

#top .google {display:none}

#top p {float:none; margin:10px 0 0 0; padding:0}

#top ul {float:none; margin:0; padding:0}

#top ul li {float:none;padding:5px 0 0 0}

#togglemenubutton, .invisible {display:block;}

#togglemenubutton a {display:block; width:275px; height:30px; background:#e2e1da; margin:15px 0 0 12px; font-family:'CarbonBlockRegular', Arial, Helvetica, sans-serif; font-size:25px; color:#403e35; padding:8px 0 0 0}

#nav {width:275px; background:#e2e1da;  margin:0 0 0 12px; padding:0 0 10px 0; display:none}

#header {display:none}

#content {width:300px; background:none}

#main_content {width:280px; padding:0 10px 10px 10px;  margin:10px 0 0 0; background:#171d29; float:none }

.maincontent#main_content  { padding:0 10px ;
	}

#main_content img {float:none; margin:10px 0 0 0; padding:0;padding:70px 40px 0 0; margin:-50px 0 0 0}

#main_content h1 {text-align:center; padding:10px 0 0 0}

#services {width:280px; padding:0 10px; background:#171d29; 
	 margin:10px 0 0 0; height: 400px; float: none}


#services h2 {text-align:center; padding:10px 0 0 0; width:280px; border-bottom:none; font-size:27px; color:#fee015; font-family:'CarbonBlockRegular', Arial, Helvetica, sans-serif; font-weight:100}

#services ul {margin:0 0 0 0; width:140px}

#services ul li {font-size:12px;}

#services .invisible {padding:40px 80px 0 0; margin:-40px 0 0 0}

#right {width:300px; float:none}

#right h2 { width: 300px}

.work {width:280px; padding:10px; background:#171d29; margin:10px 0 0 0;}

#right .work h2 {text-align:center; padding:0; width:280px; border-bottom:none; font-size:27px; color:#fee015; font-family:'CarbonBlockRegular', Arial, Helvetica, sans-serif; font-weight:100}

#right .work .invisible { padding:80px 80px 0 0; margin:-70px 0 0 0}

.estimate {width:280px; padding:0 10px 10px 10px; background:#171d29; margin:10px 0 0 0; }

#right .estimate h2 {text-align:center; padding:10px 0 0 0; width:280px; border-bottom:none; font-size:27px; color:#fee015; font-family:'CarbonBlockRegular', Arial, Helvetica, sans-serif; font-weight:100}

#right .estimate .invisible {padding:50px 80px 0 0; margin:-40px 0 0 0;}

#right input {width:270px; float:none; background:#353e4f; color:#efede1; font-size:12px; border:0; padding:0.4em 0.3em ; margin:10px 0 0 0}

#right input:nth-child(2n) {float:none}

#right .email {width:270px}

#right textarea {width:270px; float:left; background:#353e4f; color:#efede1; font-size:12px; border:0; padding:0.4em 0.3em ; margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; height:70px}

#right .submit {width:123px; height:31px; background:none; border:0; padding:0; margin:10px 0 0 0}

#box {display:none}

#footer {width:300px; height:225px; text-align:center; margin:10px 0 0 0}

#footer ul {float:none; padding:5px 20px 0 20px; margin:0}

#footer ul li {display:inline; float:none}

#footer p {float:none; padding:5px 0 0 0; margin:0}

#footer h6 {float:none; padding:5px 0 0 0; margin:0}

#footer img {float:none; margin:5px 0 0 0; padding:0}

#footer .areas {float:none; width:300px; text-align:center; margin:0 }

#contact_form {float:none; width:270px}

#contact_form .field {margin:10px 0 0 0; width:270px; height:18px; background:#f4f9ff; color:#000; border:1px solid #d3d7dc; padding:2px 5px 0 5px; float:left; clear:left }

#contact_form .field1 {margin:10px 0 0 0; width:100px; height:18px; background:#f4f9ff; color:#000; border:1px solid #d3d7dc; padding:2px 5px 0 5px; float:left; clear:left }

#contact_form textarea {margin:10px 0 0 0; width:270px; height:80px; background:#f4f9ff; color:#000; padding:2px 5px 0 5px; border:1px solid #d3d7dc; float:left; clear:left}

#contact_form .submit { margin:10px 0 0 100px; float:none}

#contact_form .submit + .submit {margin:10px 0 0 6px}

#contact_form .field:focus {background:#ecefef; border:1px solid #96a2b3}

#contact_form textarea:focus {background:#ecefef; border:1px solid #96a2b3}

#right_contact {width:280px; float:none}

#main_content .contactimg {width:270px; margin:10px 0 0 0; padding:0}