@charset "utf-8";

/* CSS Document */
.container {max-width:100% !important; margin:0 auto;}
body{ background: url(../images/newbg.png) no-repeat top center fixed !important; }

.header{ margin:0 auto; padding:0; /*background: url(../images/header.png)repeat-x;*/ width:100% !important; background: white;}
.header h1{margin:0; text-align: center; padding:0; font-family: 'Rokkitt', serif !important; color:#fbf30b; text-shadow:0 1px 0 #000; font-size:18px; }
.header p{margin:0 0 0 0; padding:0; font-family:'Questrial', sans-serif !important; color:#fff; text-shadow:0 1px 0 #000; font-size:16px; text-align:justify; }
.name{ margin:0px 0 0 0; padding:0; width:173px; }
.phone{ margin:15px 0 0 0; padding:0; color:#FF0;}
.exe{ margin:15px 0 0 0; padding:0; width:214px;}
.quote{ margin:5px 0 0 0; padding:0; width:161px;}

.navbg{margin:0 0 0 0 !important; padding:0;  width:1170px !important;}
ul.nav.navbar-nav{ width:100%; padding:0; margin:0 0 0 0;}
.navbar-nav>li>a{ color:#fff !important; box-shadow:none !important; font-family: 'Rokkitt', serif !important; font-size:17px; text-shadow:0 1px 0 #000 !important;}
.navbar-nav>li>a:hover{ color:#c1c2c3 !important; text-shadow:0 1px 0 #000 !important; margin:0;  box-shadow:none !important;}
.navbar-inverse .navbar-nav>.active>a{color:#f0dd07 !important; background:none !important;  text-shadow:0 1px 0 #000 !important; line-height:25px;}
nav.navbar.navbar-inverse{ background:none !important; border:none !important;}
.mar{margin:10px 0 0 10px; padding:0; width:618px; !important;}
.navbar-nav>li>a {
padding-top:18px !important;}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom:0 !important;
    border: 1px solid transparent;
}


.call{display:none;}

.banner{margin:0 0 0 0; padding:0; width:100% !important;}

.redbelt{margin:0 !important; padding:0 0 20px 0; width:100% !important; background:#3475b9; text-align:center !important;}
.redbelt h1{margin:20px 0 0 0; padding:20px 0 0 0; font-family: 'Rokkitt', serif !important; color:#fff;  font-size:26px; text-shadow:0 1px 0 #000;}
.redbelt p{margin:0 0 0 0; padding:10px 0 0 0; font-family:'Questrial', sans-serif !important; color:#878557; text-shadow:0 1px 0 #000; font-size:15px; }




.display{margin:0px 0 0 0; padding:40px 0 40px 0; width:100%; text-align:center !important; background:#fff;}
.circle{margin:40px 0 0 0px; padding:0 0 0 0; width:100%; text-align:center !important;}
.display h1{margin:0 0 0 0; padding:10px 0 0 0; font-family: 'Rokkitt', serif !important; color:#fff; text-shadow:0 1px 0 #000; font-size:20px; text-align: center !important;}
.displaytext h1{margin:0 0 0 0; padding:20px 0 0 0; font-family: 'Rokkitt', serif !important; color:#000; font-size:26px;
 text-align:center !important;}
.displaytext p{margin:0 0 0 0; padding:0; font-family:'Questrial', sans-serif !important; color:#464646; font-size:16px; text-align:center; }
.display span{margin:0; padding:0; font-family:"Comic Sans MS", cursive; color:#768b69;  font-size:18px; }
.displaybox{margin:10px 0 0 0; padding:8px 0 0 0;  text-align: center !important; color:#fff !important; }
.displaybox a:hover{margin:0; padding:8px 0 0 0; font-family:'Questrial', sans-serif !important; color:#333 !important; font-size:15px !important; text-align:center !important; text-decoration: none; -webkit-transform: scale(.5);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 500ms;}
  
  
  .displaybox2{margin:10px 0 0 0; padding:8px 0 0 0;  text-align: center !important; color:#fff !important; }
.displaybox2 a:hover{margin:0; padding:8px 0 0 0; font-family:'Questrial', sans-serif !important; color:#333 !important; font-size:15px !important; text-align:center !important; text-decoration: none; -webkit-transform: scale(.5);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 500ms;}
.dis2{ margin:0; padding:0; width:370px;} 
  
.learn{margin:20px 0 0 60px; padding:12px 0 0 0; width:141px; height:43px; background:#8b6139; display: block; color:#fff; text-align:center !important; }



.smallbanner{margin:40px 0 0 0 !important; padding:0; width:100% !important; }

.welcome{margin:400px 0 0 0; padding:0; width: 100%; background:#fff;}
.welcome h1{margin:20px 0 0 0; padding:20px 0 0 0; font-family: 'Rokkitt', serif !important; color:#000; font-size:26px; font-weight:bold; }
.welcome h2{margin:0; padding:0; font-family: 'Rokkitt', serif !important; color:#000; font-size:26px; font-weight:bold; }
.welcome h3{margin:0; padding:0; font-family: 'Rokkitt', serif !important; color:#000; font-size:19px; font-weight:bold; }
.welcome p{margin:0 0 0 0; padding:10px 0 0 0; font-family:'Questrial', sans-serif !important; color:#4f4e4f !important;  font-size:15px; text-align:justify; }


.our.our { margin: 106px 0 0 14px; padding: 0 0 0 0; }
.our h1{margin:0; padding:0; font-family: 'Rokkitt', serif !important; color:#000;  font-size:22px; }
.our p{margin:0 0 0 10px; padding:15px 0 0 0 !important; font-family: Arial, Helvetica, sans-serif; color:#71b6fc; text-shadow:0 1px 0 #0b3d70; font-size:15px;
line-height:24px !important; text-align:justify; }

.our2{margin:40px 0 0 14px; padding:0 0 0 0; width:250px;  }
.our2 h1{margin:0; padding:0; font-family: 'Rokkitt', serif !important; color:#000;  font-size:22px; }
.our2 p{margin:0 0 0 10px; padding:15px 0 0 0 !important; font-family: Arial, Helvetica, sans-serif; color:#71b6fc; text-shadow:0 1px 0 #0b3d70; font-size:15px;
line-height:24px !important; text-align:justify; }
.car3{margin:40px 0 0 30px; padding:0 0 0 0; width:139px;  }



.smallbanner{margin:0 0 0 0 !important; padding:0; width:100% !important; background:url(../images/smallbanner2.jpg) no-repeat; height:316px;}
.smallbanner h1{margin:20px 0 0 0; padding:80px 10px 10px 10px; font-family: 'Rokkitt', serif !important; color:#fff; text-shadow:0 1px 0 #000; 
font-size:26px; text-align:center;}
.smallbanner p{margin:0 0 0 0; padding:10px 40px 40px 40px; font-family:'Questrial', sans-serif !important; color:#fff !important;  font-size:15px; text-align: center; text-shadow:0 1px 0 #000;}


.blackbelt{margin:0 !important; padding:0 0 20px 0; width:100% !important; background:#3475b9;  }
.blackbelt h1{margin:20px 0 0 0; padding:20px 0 0 0; font-family: 'Rokkitt', serif !important; color:#fff;  font-size:22px; text-shadow:0 1px 0 #000; }
.blackbelt p{margin:0 0 0 0; padding:10px 0 0 0; font-family:'Questrial', sans-serif !important; color:#878557; text-shadow:0 1px 0 #000; font-size:15px; }
.text p{margin:0 0 0 -15px; padding:10px 0 0 0; font-family:'Questrial', sans-serif !important; color:#fff; text-shadow:0 1px 0 #000; font-size:15px; }
.shadowcar{ margin:0; padding:40px 0 0 0; width:150px;}
.whitebox{ margin:10px 0 0 0; padding:0 0 0 0;  border:1px solid #fff; border-radius:4px;}
.whitebox h1{margin:0 0 0 0; padding:10px 0 0 0; font-family: 'Rokkitt', serif !important; color:#fff;  font-size:26px; text-shadow:0 1px 0 #000; text-align:center !important; }
.whiteboxcon{margin:20px 0 0 0 !important; padding:0;}



.bottom{margin:0 0 0 0; padding:0 0 20px 0; background:#fff; }
.bottom h1{margin:20px 0 0 0; padding:20px 0 0 0; font-family: 'Rokkitt', serif !important; color:#434243;  font-size:22px;  }
.bottom p{margin:0 0 0 0; padding:10px 0 0 0; font-family:'Questrial', sans-serif !important; color:#242324;  font-size:15px; }
.google{margin:15px 0 0 -40px; padding:0; width:500px;}
.smallpp{margin:0; padding:0; width:91px; }
.smallpp a:hover{margin:10px 0 0 0; padding:0; opacity:0.5 !important; transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg); transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;}
.smallg{margin:20px 0 0 0 !important; padding:0;  }


.footer{margin:0 0 400px 0; padding:15px 0 15px 0; background:#3475b9; width:100% !important;  font-size:14px; color:#fff !important; }
.footer h1{margin:30px 0 0 0; padding:0 0 0 0; font-family: 'Rokkitt', serif !important; color:#000;  font-size:22px;  }
.footer p{margin:0 0 0 0; padding:0; font-family:'Questrial', sans-serif !important; color:#000; text-shadow:0 1px 0 #ee735b;  font-size:15px; }

.social img:hover { transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg); transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;}

.social li {display: inline-block; margin-right: 10px;}
.social { margin-top:15; left:50px;}
.aboutbanner{margin:0 auto; padding:0; width:100% !important; height:125px;  }

.engine{margin:5px 0 0 10px; padding:0; position:absolute; z-index:999; text-align:center;}

.serviceimg{ margin:0 10px 0 0; padding:0; width:220px; float:left;}
.accord{ margin:0; padding:0 0 0 10px; width:320px; border-radius:6px; border:1px solid #cacac8; }
.reservo2{ margin:0; padding:0 20px 0 20px; background:#fff !important; border-radius:9px 9px 0 0; border:1px solid #afafaf; color:#333;}
.reservo3{ margin:0; padding:0 20px 0 20px; background:#fff !important; border-radius:9px 9px 0 0; border:1px solid #afafaf; color:#333;}
.googlemap{ margin:0 10px 0 0; padding:0; width:700px; }

.aboutbox{margin:40px 0 0 0 !important; padding:0 0 20px 0; width:390px !important; }
.aboutbox h1{margin:0 0 0 0; padding:5px 0 0 0; font-family: 'Rokkitt', serif !important; color:#25aae1;  font-size:22px;  }
.aboutbox p{margin:0 0 0 0; padding:0 0 0 0; font-family:'Questrial', sans-serif !important; color:#000;  font-size:16px; }
.aboutcircle{margin:0 0 0 0 !important; padding:0; width:57px !important; }

.quoteimg{margin:0 0 0 0 !important; padding:0 0 10px 0; width:750px !important; }


@-webkit-keyframes rotation {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotation {
    0%   { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotation {
    0%   { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); }
}

.ul{list-style-type: none; margin: 0; padding: 15px;}
.ul li{list-style:none; font-weight: bold; background:url(../images/aro.png) no-repeat 0px 7px; line-height: 30px; padding-left:25px;color:#000; font-family: 'Questrial', sans-serif !important ;font-size:17px;   }
.dot{border: dotted 2px #000; padding: 15px;}

@media screen and ( max-width:970px){
#dialog{ top: 0!important;
    left: 0!important;
    width: 100%!important; border-radius: 0!important;}
}

@media screen and (max-width: 700px){
  #dialog{ top: 0!important;
    left: 0!important;
    width: 100%!important; 
    border-radius: 0!important;}

}

@media screen and (max-width: 767px) {

.header{ margin:0 auto; padding:0;background: #fff !important; width:100% !important;}
.name{ margin:0 auto; padding:0; width:50% !important; }
.phone{ display: none;}
.exe{ margin:15px 0 0 0; padding:0; width:100%;}
.quote{ margin:5px 0 0 0; padding:0; width:100%; text-align:center !important;}

.navbg{margin:10px 0 0 0 !important; padding:0 0 0 0 !important; background:#000 !important;  width:100% !important; height:auto; border-radius:0 !important;}
ul.nav.navbar-nav{ width:100%; padding:0; margin:0;}
.navbar-nav>li>a{ color:#fff !important; box-shadow:none !important; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; text-shadow:0 1px 0 #000 !important; text-align:center;}
.navbar-nav>li>a:hover{ color:#fff !important; text-shadow:0 1px 0 #000 !important; background:#3598db !important; margin:0;  box-shadow:none !important;}
.navbar-inverse .navbar-nav>.active>a{ background:#3598db !important; color:#fff !important; text-shadow:0 1px 0 #000 !important; line-height:22px;}
nav.navbar.navbar-inverse{ background:none !important; border:none !important;}
.mar{margin:5px 0 0 0px; padding:0; width:100%; !important;}

.call {background: none repeat scroll 0 0 #FC0; border-radius: 3px; color:#fff; display: block; float:left; padding:2px 5px 0 5px; margin:12px 0 0 10px;
  height:24px; }
.call a{ color:#9c260f;}
.call a:hover{ color:#fff;}

.banner{margin:0 0 0 0; padding:0; width:100% !important;}

.redbelt{margin:0 !important; padding:0 0 20px 0; width:100% !important; background:#ce003d; text-align:center !important;}
.redbelt h1{margin:20px 0 0 0; padding:10px; font-family: 'Rokkitt', serif !important; color:#fff;  font-size:26px; text-shadow:0 1px 0 #000;}

.display{margin:0px 0 0 0; padding:0 0 40px 0; background:#fff; text-align:center; width:100% !important;}
.circle{margin:0 0 0 0; padding:0 0 0 0; width:100%; text-align:center !important;}
.display h1{margin:0 0 0 0; padding:20px 0 0 0; font-family: 'Rokkitt', serif !important; color:#fff; text-shadow:0 1px 0 #000; font-size:20px; text-align: center !important;}
.displaytext h1{margin:0 0 0 0; padding:20px 0 0 0; font-family: 'Rokkitt', serif !important; color:#000;  font-size:20px;
 text-align:center !important;}
.displaytext p{margin:0 0 0 0; padding:0 !important; font-family:'Questrial', sans-serif !important; color:#000;  font-size:16px; text-align:justify; }
.display span{margin:0; padding:0; font-family:"Comic Sans MS", cursive; color:#768b69;  font-size:18px; }
.displaybox{margin:10px 0 0 0; padding:8px 0 0 0; width:100%; text-align: center !important; color:#fff !important; }
.displaybox a:hover{margin:0; padding:8px 0 0 0; font-family:'Questrial', sans-serif !important; color:#333 !important; font-size:15px !important; text-align:center !important; text-decoration: none; -webkit-transform: scale(.5);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 500ms;}
  
   .displaybox2{margin:10px 0 0 0; padding:8px 0 0 0; width:100%; text-align: center !important; color:#fff !important; }
.displaybox2 a:hover{margin:0; padding:8px 0 0 0; font-family:'Questrial', sans-serif !important; color:#333 !important; font-size:15px !important; text-align:center !important; text-decoration: none; -webkit-transform: scale(.5);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 500ms;} 
  .dis2{ margin:0; padding:0; width:100% !important;}
  
  
.learn{margin:20px 0 0 65px; padding:10px; width:100%px; height:auto; background:#8b6139; display: block; color:#fff; text-align:center !important; height:auto;}

.welcome{margin:200px 0 0 0; padding:0; background:#fff; width:100%;}
.welcome h1{margin:20px 0 0 0; padding:10px; font-family: 'Rokkitt', serif !important; color:#000;  font-size:22px; }
.welcome p{margin:0 0 0 0; padding:10px; font-family:'Questrial', sans-serif !important; color:#40403f !important;  font-size:15px; text-align:justify; }

.our{margin:5px auto!important; padding:3px 0 0 0;  width:100% !important; height:auto; }
.our p{margin:-5px 0 0 10px; padding:0 !important; font-family: Arial, Helvetica, sans-serif; color:#71b6fc; text-shadow:0 1px 0 #0b3d70; font-size:15px;}
.car3{margin:40px 0 0 0; padding:0 0 0 0; width:100%; text-align:center;  }

.smallbanner{margin:0 0 0 0 !important; padding:0; width:100% !important; background:url(../images/smallbanner3.jpg) no-repeat #282726; height:auto;}
.smallbanner h1{margin:20px 0 0 0; padding:10px; font-family: 'Rokkitt', serif !important; color:#fff; text-shadow:0 1px 0 #000;  font-size:22px;}
.smallbanner p{margin:0 0 0 0; padding:10px; font-family:'Questrial', sans-serif !important; color:#fff !important;  font-size:15px; text-align: center; }

.aboutbanner{margin:0 auto; padding:0; width:100% !important; height:auto;  }

.blackbelt{margin:0 !important; padding:0 0 20px 0; width:100% !important; background:#ce003d;  }
.blackbelt h1{margin:20px 0 0 0; padding:20px 0 0 0; font-family: 'Rokkitt', serif !important; color:#fff;  font-size:22px; text-shadow:0 1px 0 #000; }
.blackbelt p{margin:0 0 0 0; padding:10px 0 0 0; font-family:'Questrial', sans-serif !important; color:#878557; text-shadow:0 1px 0 #000; font-size:15px; }
.text p{margin:0 0 0 -15px; padding:10px 0 0 0; font-family:'Questrial', sans-serif !important; color:#fff; text-shadow:0 1px 0 #000; font-size:15px; }

.yelp{margin:0; padding:0 0 0 0; width:100% !important;  }

.smallg{margin:20px 0 0 0 !important; padding:0;  text-align:center !important;}


.shadowcar{ margin:0; padding:40px 0 0 0; width:150px;}
.whitebox{ margin:10px 0 0 0; padding:0 0 0 0; line-height:58px; width:100%; height:auto; border:1px solid #fff; border-radius:4px;}
.whitebox h1{margin:0 0 0 0; padding:5px 0 0 0; font-family: 'Rokkitt', serif !important; color:#fff;  font-size:26px; text-shadow:0 1px 0 #000; text-align:center !important; }
.whiteboxcon{margin:20px 0 0 0 !important; padding:0;}
.shadowcar{ margin:0; padding:0px 0 0 0; width:100%;}
.social li {display: inline-block; margin-right:0;}
.social { margin-top:20px; left:0px;}
.aboutbanner{margin:0 0 0 0 !important; padding:0; width:100% !important; height:auto;  }


.redbox2{margin:5px 0 0 0; padding:0 0 0 0; width:100%; height:auto; background:#c02525; color:#fff; text-align:center; }
.redbox2 a:hover{margin:0; padding:0 0 0 0; font-family: 'Rokkitt', serif !important; color:#fff;  font-size:18px;  }
.aboutbanner{margin:0 0 0 0 !important; padding:0; width:100% !important; height:auto;  }


.google{margin:15px 0 0 0; padding:0; width:100%;}
.smallpp{margin:10px 0 0 0; padding:0; width:91px; }

.footer{margin:0 0 200px 0; padding:20px 0 25px 0; background:#ce003d !important; width:100% !important; height:auto; font-size:14px; color:#fff !important; }

.engine{margin:0; padding:0; position:absolute; z-index:999; text-align:center;}
.serviceimg{ margin:0; padding:0; width:100%; float:left;}
.googlemap{ margin:0 10px 0 0; padding:0; width:100%; }
.aboutbox{margin:40px 0 0 0 !important; padding:0 0 20px 0; width:100% !important; text-align:center !important; }
.aboutcircle{margin:0 0 0 0 !important; padding:0; width:auto !important; }
.aboutbox h1{margin:0 0 0 0; padding:10px 0 0 0 !important; font-family: 'Rokkitt', serif !important; color:#25aae1;  font-size:20px;  }
.aboutbox p{margin:0 0 0 0; padding:0 !important; font-family:'Questrial', sans-serif !important; color:#000;  font-size:15px; }
.quoteimg{margin:0 0 0 0 !important; padding:0 0 10px 0; width:100% !important; }


#dialog{ top: 0!important;
    left: 0!important;
    width: 100%!important; border-radius: 0!important;}

    .has-sub2{ height: 50px!important; }


}