body, h1, h2, h3, h4, h5, h6, p, ul, li, a, img, form {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif}

img {border:none;}

.clear {clear:both;}

a {text-decoration:none;}

body { background: url(../images/background1.png) repeat-x;  font-family:Verdana, Arial, Helvetica, sans-serif}



#wrapper1 {margin: 0 auto; background: url(../images/background.png) top no-repeat; padding:60px 0 0 0 }

#wrapper { width: 980px; margin: 0 auto; background: #000; padding: 10px; }

#top { height: 170px}

#top a { outline: 0}

#top .call { display: none}

#top img {float:left}

#top li { padding: 5px 5px 5px 28px; background: url(../images/bullet.png) no-repeat left}

#top ul {float: left; padding: 20px 0 0 60px }

#top li { list-style-type: none; font-weight: bold; color: #fff; font-size: 16px; text-transform: uppercase}

#top p { float: left; color: #7f7e7c; font-weight: bold; font-size: 14px; line-height: 24px; padding: 20px 0 0 60px}

#top h6 { float: right; clear: right; padding: 0 80px 0 0;}

#top h6 img { margin: 0}

#top p img {float:none; margin:5px 5px 0 0}

.titlemobile { display: none}

#main { background: url(../images/bg-main.jpg) no-repeat top #fff; width: 980px; }

#top img { margin: 25px 0 0 20px} 

#left { padding: 40px 0 0 25px; width: 600px; float: left}

#left h2 {font-size: 15px; text-shadow: 1px 1px 0 #000; color: #f99508}

#left h3 {font-size: 15px; text-shadow: 1px 1px 0 #000; color: #f99508; padding:20px 0 0 0}

#left p { width: 600px; padding-top: 20px; line-height: 24px; font-size: 13px; color: #fff; text-shadow: 1px 1px 0 #000;}

#left img { margin-top: 25px}

#left h4 { background:url(../images/arrow.png) no-repeat; width: 483px; height: 84px; font-size: 13px; font-weight: normal; color: #fff;text-shadow: 1px 1px 0 #000; padding: 35px 0 0 100px; margin: 25px 0 0 110px}

#right { float: right; margin: 0 10px 0 0; width: 310px; background-color: #eb9004; border: 2px solid #f0ad45; -webkit-border-top-left-radius:10px; height: 470px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}
#right h4 { font-size: 18px; color: #eaecae; font-weight: normal; text-align: center; padding-top: 20px}

#quick-contact {width:250px; margin:25px 0 0 15px}

#quick-contact label span {color:#fff; font-size:12px; float:left; clear:left; margin:15px 0 0 15px}

#quick-contact input {background:#f7e3c8; float:left; height:20px; clear:left; border:0; width:250px; margin:3px 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0.2em}

#quick-contact textarea {background:#f7e3c8; float:left; clear:left; border:0; width:250px; height:100px; margin:3px 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding:0.2em}

#quick-contact .submit {width:126px; height:36px; background:none; border:0; padding:0; margin:25px 0 0 15px}

#bottom .list { float:left; width: 450px; padding: 10px 0 0 30px}

#bottom .list ul { padding: 15px 0 0 0; float: none}

#bottom .list h4 {color: #eb9004; font-size: 16px}

#bottom .list li { list-style-type: none; padding: 4px 0 4px 45px; background:url(../images/bullet1.png) no-repeat left; font-size: 14px; color: #454444}

#gallery { margin-left: 15px; padding-top: 20px}

#gallery h5 { text-align: center; padding: 10px 0; font-weight:normal; font-size: 14px}

#gallery a { outline:0; color: #454040;}

#gallery img { float: left; padding: 0 0 10px 10px;}

#footer { padding-top: 40px; height: 100px; margin: 0 auto; width: 1000px}

#footer h1 { float: left; font-weight: normal; width: 600px; line-height: 18px; font-size: 12px; color: #929287}

#footer h6 { float: right; font-weight: normal; font-size: 12px; color: #929287}

#footer a { color: #505050}

#footer img { margin-top: 10px}

@media only screen and (max-width:480px) {
@-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}

#wrapper1 { padding-top: 50px}

#top { width: 300px; height: 430px}

#top .call { display: block;margin-left: 60px; margin-top:5px}

#top .logo { width: 280px}

#top img {  margin: 5px; float:none;}

#top h6 img {  margin: 15px 0 0 130px}

#top ul { float: none; margin-left: 0; width: 250px; padding: 10px 0 0 40px}

#top li {font-size:13px}

#top p { float: none; text-align: center; padding:20px 0 0 0}

#top h6 { float: none; }

#top p img {float:none; margin:5px 0 0 0}

.mobile1 { display: none}

.titlemobile { display: block}

#main { width: 290px; padding: 0 5px; background: none #FFFFFF; padding-top:5px;}

#left {width: 280px; height: 350px; padding:10px 5px; background: #000; float: none }

#left h2 { text-align:center}

#left p { padding: 20px 5px 0 5px; width: auto}

#left img { width: 280px; margin-top: 15px}

#left h3 { display: none}

#right { float: none; backgroundcolor: #000; margin-top: 10px; width: 285px}

#bottom .list { width: 280px; padding-left: 10px}

#bottom h2 { padding-top: 15px}

#gallery { margin-left: 0}

#gallery img {width: 130px}

#gallery h5 {  padding: 20px 0 0 25px; float:left; width:100px; text-align:center}

#footer { width: 300px; padding-top: 20px}

#footer h1 { width: 300px; text-align:center}

#footer h6 { padding: 15px 10px 0 0}

#footer img { margin: 5px 0 15px 100px}

#footer iframe { padding: 0 0 0 85px}

#quick-contact input { width: 220px;}

#quick-contact textarea { width: 220px;}
}

@media only screen and (min-width:481px) and (max-width:768px) {
#wrapper { width: 700px; margin: 0 auto}

#top .logo { width: 260px; margin-left: 5px}

#top ul { padding: 20px 0 0 10px}

#top li {font-size:13px}

#top p {padding:20px 0 0 20px; margin:0}

#left p {line-height:22px}

#left img { margin-top: 15px}

#main { width:700px; background: #FFFFFF url(../images/bg-main1.jpg) no-repeat}

#left { width: 380px; padding-left: 20px}

#left p { width: 380px}

#left img { width: 380px}

#left h3 { display: none}

#right { width: 270px; height: 430px}

#quick-contact {width:250px; margin:25px 0 0 0px}

#quick-contact label span {color:#fff; font-size:12px; float:left; clear:left; margin:10px 0 0 15px}

#quick-contact input {background:#f7e3c8; float:left; height:17px; clear:left; border:0; width:235px; margin:3px 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0.2em}

#quick-contact textarea {background:#f7e3c8; float:left; clear:left; border:0; width:235px; height:100px; margin:3px 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding:0.2em}

#quick-contact .submit {width:126px; height:36px; background:none; border:0; padding:0; margin:25px 0 0 15px}

#bottom .list { width: 335px; padding-left: 15px}

#gallery img  {width: 122px}

#gallery h5 {  float: left}

#footer { width: 700px; height: 130px}

#footer h1 { width: 350px}
}