/* GOOGLE FONTS */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700italic,700);
@import url(http://fonts.googleapis.com/css?family=Racing+Sans+One);

/* 

  font-family: 'Roboto', serif;
  font-family: 'Eagle Lake', cursive;
  font-family: 'Racing Sans One', cursive;
*/

.clearfix {  *zoom: 1;}.clearfix:before,.clearfix:after {  display: table;  content: "";  line-height: 0;}.clearfix:after {  clear: both;}


/* GARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGEGARAGE */
body {
  background: #323232;
  color: #9b9b9b;
  font-size: 12px;
  font-family: 'Roboto', serif;
}
#content-top-row {
  position: relative;
  z-index: 100;
}
#header-row {
  background: #1f1f1f url(../images/garage/bg_wrapTopHeader.png) repeat-x left bottom; 
  position: relative;
  z-index: 12
}
#header-row .container {
  min-height: 80px;
}
#logo {
  position: absolute;
  background:url(../images/garage/bg_wrapTopHeaderInner.png) repeat-x left bottom; 
  bottom: -38px;
  min-width: 940px;
  z-index: 9;
}
#logo img {
  display: block;
  margin: -10px 30px 0;
  padding-bottom: 10px;
}
.phone {
  text-align: right;
  text-transform: uppercase;
  color: #a6a6a6;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.phone a.callto {
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  font-size: 18px;
}
#navigation-row {
  position: absolute;
  bottom: -37px;
  z-index: 10
}
#navigation-row .navbar .nav {
  float: right;
  background:url(../images/garage/bg_wrapNav.png) no-repeat right bottom; 
  height: 44px;
  padding-right: 0px;
  padding-left: 40px;
}
#navigation-row .navbar .nav li a {
  color: #838383;
  font-size: 14px;
  text-transform: uppercase;
  text-shadow:none;   
  text-decoration: none;
  padding-top: 2px;
  display: block;
  line-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
}
#navigation-row .navbar .nav li img {
  margin-top: 10px;
}
#navigation-row .navbar .nav li a:hover {
  color: #ffffff;
}
.sf-menu li.parent ul  {
  background:#19191a;
  left: 0; 
  width: 140px;
  overflow: hidden;
}
#navigation-row .navbar .nav.sf-menu li.parent ul {
  padding-bottom: 10px;
  padding-top: 4px;
  padding-left: 20px;
  padding-right: 20px;
}
#navigation-row .navbar .nav.sf-menu li.parent > a {
  background:url(../images/garage/bg_li_hasChildren.png) no-repeat 50% 33px; 
}
#navigation-row .navbar .nav.sf-menu li.parent:hover > a {
  background:url(../images/garage/bg_li_hasChildren.png) no-repeat  50% -28px; 
}
#navigation-row .navbar .nav.sf-menu li.parent ul li a  {
  white-space: nowrap;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 12px;
  line-height: 30px;
  border-bottom:1px #272728 solid; 
}
#navigation-row .navbar .nav.sf-menu li.parent ul li.lastItem a {
  border: none
}
#slider_wrapper {
    z-index: 8;
    overflow: hidden;
    position: relative;
    background:#0d0d0d ;
}
div.camera_fakehover {
      min-height: 240px;
}
#slider_wrapper .camera_wrap {
  float: none;
  background:url(../images/garage/bg_camera_target_content_B1.png) repeat-x  40% bottom;
  padding-bottom: 10px; 
}
#camera-slideshow .camera_caption  {
  bottom: 0;
  background:url(../images/garage/bg_camera_target_content_B1v2.png) repeat-x  10% 0px; 
  text-align: center;
  color: #fff;
  padding-top: 8px;
}
  .camera_caption .txt1 {font-size: 26px; line-height: 40px; text-transform: uppercase; font-weight:700; padding-top: 10px;}
  .camera_caption .txt2 {font-size: 14px; line-height: 20px;  text-transform: none;
     overflow: hidden;
     padding-bottom: 20px;
  }
#camera-slideshow .camera_caption > div{
  background:url(../images/garage/opa_60.png) repeat  0% 0px; 
}
#carousel {
  background:url(../images/garage/bg_wrap_carousel.jpg) repeat  0% 0px; 
  padding-top: 10px;
  padding-bottom: 10px;
  background-size: auto 100%;
  width: 100%;
  overflow: hidden;
}
.camera_fakehover .container._1 {
  position: absolute;
  background:url(../images/garage/bg_left_right.png) no-repeat  50% 100%; 
  bottom: 64px;
  min-height: 100px;
  z-index: 101;
  width: 80px;
  padding-left: 160px;
  padding-right: 160px;
  right: 60px;
}
.caroufredsel_wrapper {
  padding-bottom: 10px;
}
#fredcarousel ul li {
  float: left;
  list-style: none;
  background: #0c0c0c;
  margin-right: 30px;
  text-align: center;
  position: relative;
  z-index: 1
}
#fredcarousel ul li:before
{
  content:"";
    position:absolute; 
    z-index:-2;
    -webkit-box-shadow:0px 4px 10px rgba(0,0,0,0.8);
    -moz-box-shadow:0px 4px 10px rgba(0,0,0,0.8);
    box-shadow:0px 4px 10px rgba(0,0,0,0.8);
    top:50%;
    bottom:2px;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
    width: 50%;
    left: 24%;
}
#fredcarousel ul li:hover div.img-intro- {
  background: #5a5a5a;
}
#fredcarousel ul li h4 {
  margin: 0;
}
#fredcarousel ul li h4 a {
  text-transform: uppercase;
  color: #989898;
  font-size: 14px;
  text-align: center;
  font-family: 'Roboto', serif;
  line-height: 48px;
  font-weight: 700;
  display: block;
  background: #353537; /* Old browsers */
  background: -moz-linear-gradient(top,  #353537 0%, #0a0a0a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353537), color-stop(100%,#0a0a0a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #353537 0%,#0a0a0a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #353537 0%,#0a0a0a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #353537 0%,#0a0a0a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #353537 0%,#0a0a0a 100%); /* W3C */
  
}
#fredcarousel ul li:hover h4 a {
  background: #59595a; /* Old browsers */
  background: -moz-linear-gradient(top,  #59595a 0%, #2f2f2f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59595a), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #59595a 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #59595a 0%,#2f2f2f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #59595a 0%,#2f2f2f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #59595a 0%,#2f2f2f 100%); /* W3C */
}
#fredcarousel ul li:hover  h4 a{
  text-decoration: none;
  color: #fff;
}
#fredcarousel ul li:hover p {
  color: #fff;
}

#fredcarousel ul li p {
  padding-right: 38px;
  padding-left: 38px;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 0;
}

#fredcarousel ul li a.подробнее {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-style: italic;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 700;
  background:url(../images/garage/bg_details.png) no-repeat  right 100%; 
  padding-right: 28px;
  line-height: 13px;
}

#fredcarousel ul li:hover a.readmore {
  background:url(../images/garage/bg_details.png) no-repeat  right 0%; 
}
#fredcarousel {
  position: relative;
}

a.prev3 {
  background:url(../images/garage/bg_caroNav_prev.png) no-repeat  left 0%; 
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  left: -40px;
  top: 50%
}

a.next3 {
  background:url(../images/garage/bg_caroNav_next.png) no-repeat  left 0%; 
  display: block;
  width: 37px;
  height: 35px;
  position: absolute;
  right: -45px;
  top: 50%
}

a.prev3:hover {
  background:url(../images/garage/bg_caroNav_prev.png) no-repeat  right 0%; 
}
a.next3:hover {
  background:url(../images/garage/bg_caroNav_next.png) no-repeat  right 0%; 
}

#fredcarousel ul li div.img-intro- {
  overflow: hidden;
  background: #0c0c0c;
  padding-bottom: 4px;
}


#main {
  background: #0c0c0c; /* Old browsers */
  background: -moz-linear-gradient(top,  #0c0c0c 0%, #101010 86%, #282828 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c0c0c), color-stop(86%,#101010), color-stop(100%,#282828)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0c0c0c 0%,#101010 86%,#282828 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0c0c0c 0%,#101010 86%,#282828 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0c0c0c 0%,#101010 86%,#282828 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #0c0c0c 0%,#101010 86%,#282828 100%); /* W3C */
}
#inner {
  background: url(../images/garage/bg_content_sub-page.png) repeat-x  50% 0px; 
  padding-top: 10px;
}

body.home #inner {
  background: url(../images/garage/bg_topHomeTop.png) repeat-x  50% -3px; 
}


.inner_bottom {
   background: url(../images/garage/bg_inner.jpg) repeat-x  50% 0px; 
   padding-top: 24px;
}

body.home .inner_bottom {
  background: none
} 


#main h1,
#main .h1 h4 {
  color: #fff;
  font: bold 26px/26px 'Roboto';
  text-transform: uppercase;
  margin: 0 0 20px 0;
  padding: 0px 0 0 0;
}
#main .h1 h4 {
  margin-bottom: 15px;
}

#main #blogview h1 {

  font-size: 36px;
}

body.home #main h1 {
    color: #d7d7d7;
    display: block;
    font: 300 46px/50px "Roboto";
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
}

#main h2 {
  font: bold 24px/30px "Roboto";
  color: #d7d7d7;
  text-transform: uppercase;
  margin: 0 0 25px 0;
    padding: 0 0 10px 0;
  text-align: left; 
  display: block;
  border-bottom: 1px solid #323232;
}
body.home {
  margin-bottom: 20px;
}
h5 {
  color: #838383;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  line-height: 20px;
  padding-bottom: 5px;
  padding-top: 4px;
}

#blogview h5 {
  font-size: 24px;
  font-weight: 700;
  font-family: "Roboto";
  line-height: 40px;
  border-bottom:1px #323232 solid;
  margin-bottom: 20px; 
}
#blogview h5 a:hover {
  color: #fff;
  text-decoration: none;
}
#blogview  {
  padding-bottom: 30px;
}

.right_20 {
  margin-right: 20px;
}

  a.details,  
  a.readmore,
  div.caption p a,
  a.button {
    background: url(../images/garage/bg_details.png) right -22px no-repeat;
    display: block;
    color: #4e4e4e;
    font: italic 13px/20px 'Roboto';
    padding: 0 25px 0 0;    
    text-decoration: none;  
    margin-top: 2px; 
    text-transform: inherit;
    text-align: right;

  }
    a.details:hover,
    div.caption p a:hover,
    a.readmore:hover,
    a.button:hover {
      color: #fff;
      text-decoration: none;
      background-position: right 4px; 
    }

div.moduletable.services_list {
     background: none repeat scroll 0 0 #181818;
    border: 1px solid #242424;
    margin-top: 0;
    padding: 26px 26px 18px;
    margin-bottom: 20px;
}
div.moduletable.services_list ul li {
    background: url("../images/garage/bg_li.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    display: block;
    list-style-type: none;
    margin: 6px 0 0;
    opacity: 0.62;
    padding: 0 0 0 25px;
}
div.moduletable.services_list ul li:hover {
  opacity: 1
}
div.moduletable.services_list ul li a {
  font-weight: 400;
  display: block;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
div.moduletable.services_list ul {
  border-bottom: 3px solid #242424;
  padding-bottom: 16px;
}
body.home #main h2 {  text-transform: capitalize; }
body.home #main h1 + h2 {
  text-transform: uppercase;
}
.banneritem {
  margin-bottom: 20px;
  position: relative;
}

.banneritem + div.hours {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 16px;
  text-align: left;
}
.banneritem + div.hours > b{
  font-family: 'Racing Sans One', cursive;
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  font-weight: 400;
}

.bannerfooter b {
  color: #ff4042
}
.bannerfooter {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}
.result-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  font-family: "Roboto";
}
.result-created {
  margin-bottom: 20px;
}


#footer-row {
  background: url("../images/garage/bg_wrapFooter.jpg") repeat-x scroll 50% top ;
  padding-top: 30px;
  color: #9b9b9b;
  font-size: 14px;
}


#footer h3 {
    border: medium none;
    color: #d8d8d8;
    font: bold 14px/20px "Roboto";
    margin: 10px 0 10px;
    padding: 0;
    text-transform: uppercase;
}

.social li{
  float: left;
  margin-right: 8px;
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
}
.social li a {
  height: 32px;
  -webkit-border-radius:  5px;
  -moz-border-radius:  5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  opacity: 0.8;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}
.social li a:hover {
  opacity: 1
}

#breadcrumb-row {
  background: url("../images/garage/photoBanner1.jpg") repeat-x scroll 50% top ;
  min-height: 136px;
}
#breadcrumb-row .container {
  position: relative;
}


ul.breadcrumb {
  padding: 0;
  margin: 0;
  background: none;
  padding-top: 74px;
}

ul.breadcrumb a, ul.breadcrumb span{
  font-size: 14px;
  color: #e4e4e4;
  text-shadow:none; 
  text-decoration: underline;
}
ul.breadcrumb span {
  text-decoration: none
}
ul.breadcrumb a:hover {
  text-decoration: none;
  color: #fff;
}

a.big_button {
  display: block;
  position: absolute;
  right: 40px;
  top: 60px;
  width: 234px;
  height: 60px;
  line-height: 50px;
  font-size: 16px;
  color: #000;
  font-style: italic;
  font-family: "Roboto";
  font-weight: 700;
  text-decoration: none;
  background: url("../images/garage/bg_schedule.png") repeat-x scroll 50% top ;
  text-align: center;
  text-shadow:1px 1px 1px #9c9b9c; 
}
a.big_button:hover {
  background: url("../images/garage/bg_schedule.png") repeat-x scroll 50% -60px ;
  color: #fff;
}



/*--- Animation ------*/

.cbp-so-section {    position: relative;}
.cbp-so-section:before, .cbp-so-section:after {    content: " ";    display: table; }
.cbp-so-section:after {    clear: both; }
.cbp-so-side:before,.cbp-so-side:after {    content: " ";    display: table;}
.cbp-so-side:after {    clear: both; }


.cbp-so-init .cbp-so-side {   opacity: 0;    -webkit-transition: none;    -moz-transition: none;    transition: none; }
.cbp-so-init .cbp-so-side-left {    -webkit-transform: translateX(-80px);    -moz-transform: translateX(-80px);    transform: translateX(-80px);}
.cbp-so-init .cbp-so-side-right {    -webkit-transform: translateX(80px);    -moz-transform: translateX(80px);    transform: translateX(80px); }
.cbp-so-init .cbp-so-side-bottom {    -webkit-transform: translateY(100px);    -moz-transform: translateY(100px);    transform: translateY(100px); }

.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-bottom,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
    -webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
    -moz-transition: -moz-transform 0.8s, opacity 0.8s;
    transition: transform 0.8s, opacity 0.8s;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}


.cbp-so-section.cbp-so-animate .cbp-so-side-right {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.cbp-so-section.cbp-so-animate .cbp-so-side-bottom {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
}


.cbp-so-section.cbp-so-animate .right_2 {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.cbp-so-section.cbp-so-animate .right_3 {
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.cbp-so-section.cbp-so-animate .right_4 {
  -webkit-transition-delay: 0.20s;
  -moz-transition-delay: 0.20s;
  transition-delay: 0.20s;
}

.cbp-so-section.cbp-so-animate .right_5 {
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.cbp-so-section.cbp-so-animate .right_6 {
  -webkit-transition-delay: 0.30s;
  -moz-transition-delay: 0.30s;
  transition-delay: 0.30s;
}


.cbp-so-section.cbp-so-animate .left_2 {
  -webkit-transition-delay: 0.35s;
  -moz-transition-delay: 0.35s;
  transition-delay: 0.35s;
}


.cameraContent, .cameraCont, .cameraContents {
  -webkit-border-radius:  10px;
  -moz-border-radius:  10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}













/* END GARAGE   323232323232323232323232323232323232 */


/* ============================= search-form ====================== */
.search-form-wrapper{padding-bottom: 20px;}
.navbar-form { float: left; position:relative; z-index: 11; margin:11px 0px 0 0 ; padding: 0; }
.navbar-form input { width: 235px; height: 20px; font-size: 14px; line-height: 20px; color:#adadad; background: #171717; border: 1px solid #171717; margin: 0; padding: 10px 50px 10px 10px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: inset  0px 3px 20px 3px  #171717; -webkit-box-shadow: inset  0px 3px 20px 3px  #171717; box-shadow: inset  0px 3px 20px 3px  #171717; }
.navbar-form input:focus {color: #fff; background: #171717; border-color: #adadad; -moz-box-shadow: inset  0px 3px 20px 3px  #171717; -webkit-box-shadow: inset  0px 3px 20px 3px  #171717; box-shadow: inset  0px 3px 20px 3px  #171717;}
.navbar-form a {text-decoration: none; margin: 0; display: inline-block; width: 42px; height: 28px; background: #fcc; position:absolute; right:0; top: 7px; }
.navbar-form a:hover { background-position: right;}

/* ============================= toTop ====================== */
#toTop { display:none; text-decoration:none; position:fixed; bottom:60px; right:10px; z-index: 1000; overflow:hidden; width:50px; height:49px; border:none; text-indent:100%; background:url(../images/garage/up-arrow.png) no-repeat left top; }
#toTopHover, #toTop:hover { background:url(../images/garage/up-arrow.png) no-repeat left bottom; width:50px; height:50px; display:block; overflow:hidden; float:left;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
#toTop:active, #toTop:focus { outline:none; }



/* ============================= main layout ====================== */

.items-row {
  margin-bottom: 18px;
}


ul.list {
  margin: 0;
  padding: 0;
  list-style-type: none
}
ul.list li {
  background: url("../images/garage/list.png") no-repeat  left 3px ;
  padding-left: 20px;
  margin-bottom: 10px;
}
a.more {
     color: #776d61;
    display: block;
      text-align: left;
    text-decoration: none;
}
a.more:hover {
  color: #a86b3e
}

.border {
  border: 8px #bfb6b0 solid;  
  -webkit-border-radius:  5px;
  -moz-border-radius:  5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}


.touchGalleryLink img {
  width: 100%;
  max-width: 100%;
}
.cat-children {
  display: none;
}

#blogview div.page-header a{
  font-family: 'Roboto';
  color: #fff;
}

#blogview div.page-header {
  margin-bottom: 0;
}

.img-intro-left, .pull-left.item-image  {
  float: left;
  margin-right: 20px;
}

div.item-page div.page-header h1 {
  padding-top: 20px;
}
div.item-page {
  padding-bottom: 30px;
}

.upper { text-transform:uppercase;}
.pad_bot1{padding-bottom: 20px;}

/* === */
.banners{
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  margin-left: 2px;
}



#content-bottom-right {
  padding-bottom: 20px;
}

.kv1{padding-bottom: 20px;}

.category-modulekv1 {
  margin: 0;
  padding: 0;
  list-style-type: none
}
.kv1_pad {padding-left: 0px; padding-right: 0px; padding-bottom: 15px; overflow: hidden;}

.button1{
  color: #ac734a;
  font-size: 16px;
  line-height: 30px;
  padding-top:10px;
  padding-bottom: 10px; 
  border: 0px #a86b3e solid;
  background:#ff4042;  
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;

  display: block;
  float: left;
  margin-bottom: 20px;

  -webkit-border-radius:  5px;
  -moz-border-radius:  5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.button1:hover {
  color: #fff

}

.mod-articles-category-date{display: inline-block; font-family: 'PT Sans Narrow'; font-size: 14px; color: #626262; line-height: 20px; padding: 4px 10px; background: #151515; margin-bottom: 10px; clear: both;}
a.mod-articles-category-title  + p {
  display: inline;
}


.google_map{ position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 1px; background: #454649; border: none;line-height: 1px;}
.google_map iframe{position: relative; width: 100%; height: 260px; border: none;}




/* ============================= thumbnails ====================== */
.thumbnails{}
.thumbnails .thumbnail{line-height: 18px;}


.thumbnails1{margin: 0 0 0 -30px; padding: 0;}
.thumbnails1 > li{width: 255px; float: left; margin: 0 0 30px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.thumbnails1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}
.thumbnails1 .thumbnail figure{margin: 0; float: none; margin:0px 0px 0px 0px;padding: 4px;
  -webkit-border-radius:  3px;
  -moz-border-radius:  3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;

 background: #bfb6b0;}
body .thumbnails1 .thumbnail figure img{width: 100%; max-width: 100%;}
.thumbnails1 .thumbnail .caption{}

.thumbnails2{margin: 0 0 0 -30px; padding: 0;}
.thumbnails2 > li{width: 30.0%; float: left; margin: 0 0 30px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  margin-left: 3%;
}



.thumbnails2 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}
.thumbnails2 .thumbnail figure{margin: 0; float: none; margin:0px 0px 0px 0px;padding: 1px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.thumbnails2 .thumbnail figure img{
  background: #bfb6b0;  
  padding: 0px;
  border: none;
}
.thumbnails2 .thumbnail .caption{ padding-top: 15px;}


/* ============================= thumbnail ====================== */
body div.kv1_pad figure.img-polaroid {
  border: 0;
  background: none;
  padding: 0;
}

.img-polaroid img{
  background: #bfb6b0;  
  padding: 0px;
  border: none;
  
}
.thumbnail .caption{padding: 0; }

div.kv1_pad figure.img-polaroid {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}


.thumb1 {margin-bottom: 20px;}
.thumb1.last {margin-bottom: 0px;}
.thumb1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb1 figure{margin: 0; float: left; margin:0px 20px 20px 0px;}
.thumb1 figure img{width: auto; max-width: 100%;}
.thumb1 .caption{}

.thumb2 {margin-bottom: 0px;}
.thumb2.last {margin-bottom: 0px;}
.thumb2 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb2 .thumbnail{text-decoration: none; display: block;}
.thumb2 .thumbnail figure{margin: 0; float: left; margin:0px 20px 0px 0px; padding: 1px; background: #454649;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb2 .thumbnail:hover figure{background: #d3d5da;}
.thumb2 .thumbnail figure img{width: auto;}
div.kv1_pad .caption{display: table;}
div.kv1_pad .caption .txt1{
  color: #696969;
  font-size: 12px;
  font-family: 'Roboto', serif;
  font-weight: 700;
}
div.kv1_pad:hover .caption .txt1{
  color: #9b9b9b;
  font-size: 12px;
  font-family: 'Roboto', serif;
  font-weight: 700;
}
div.kv1_pad .caption .txt2 b{
  color: #e2e1e1;
}
div.kv1_pad .caption .txt2{
  font-weight: 400;
}

.thumb3 {margin-bottom: 20px;}
.thumb3.last {margin-bottom: 0px;}
.thumb3 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb3 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb3 figure img{width: 100%;}
.thumb3 .caption{}


div.kv1_pad figure {
  margin: 0;
  float: left;
  margin: 4px 20px 0px 0px;
  background: #bfb6b0;
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;

  -webkit-border-radius:  3px;
  -moz-border-radius:  3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}


div.kv1 div.kv1_pad figure img{
  max-width: 100%;
}
div.span2 div.kv1_pad figure img{
  max-width: 85%;
}

div.kv1_pad + div.kv1_pad{
  padding-top: 12px;
  border-top: 1px #1b1b1b solid;
}

h3.moduleTitle.bot1_title + div.custom{
	margin-left: 0px;
}


.thumb-carousel {}
.thumb-carousel .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative;}
.thumb-carousel .thumbnail a{position: relative;  display: block; text-decoration: none; overflow: hidden;}
.thumb-carousel .thumbnail a figure{position: relative; z-index: 1; margin: 0; float: none; margin:0px 0px 0px 0px; padding: 0px; background: none; border: none;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-carousel .thumbnail a figure img{width: 100%;}
.thumb-carousel .thumbnail a .caption{font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 20px; padding: 10px 0;color: #c8c8c8; text-align: center; background: #202020;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-carousel .thumbnail a:hover .caption{color: #fff; background: #ef2b3e;}

.thumb-staff {}
.thumb-staff .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative;}
.thumb-staff .thumbnail a{position: relative;  display: block; text-decoration: none; overflow: hidden;}
.thumb-staff .thumbnail a figure{position: relative; z-index: 1; margin: 0; float: none; margin:0px 0px 0px 0px; padding: 0px; background: none; border: none;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-staff .thumbnail a figure img{width: 100%;}
.thumb-staff .thumbnail a .caption{padding: 15px;text-align: center; background: #202020;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-staff .thumbnail a:hover .caption{background: #ef2b3e;}
.thumb-staff .thumbnail a .caption .txt1{font-family: 'PT Sans Narrow'; font-size: 18px; line-height: 20px; padding-bottom: 10px; color: #c8c8c8; 
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-staff .thumbnail a:hover .caption .txt1{color: #fff;}
.thumb-staff .thumbnail a .caption .txt2{color: #939393; 
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-staff .thumbnail a:hover .caption .txt2{color: #fff;}



.thumb-isotope {}
.thumb-isotope .thumbnail{padding: 0px; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; }
.thumb-isotope figure{position: relative; margin: 0; float: none; margin:0px 0px 0px 0px; padding: 0; background: none; border: none;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a{position: relative;  display: block; text-decoration: none; padding: 0px; background: #fff; 
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover{background: #502241;}
.thumb-isotope .thumbnail a:hover figure{}
.thumb-isotope .thumbnail a img{width: 100%; }
.thumb-isotope .thumbnail a em{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background: url(../images/garage/photo1.png) center center no-repeat; opacity: 0; filter: alpha(opacity=0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover em{opacity: 1; filter: alpha(opacity=100);}
.thumb-isotope .thumbnail a .caption{font-family: 'PT Sans Narrow'; font-size: 16px; line-height: 20px; padding: 10px 0;color: #c8c8c8; text-align: center; background: #202020;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover .caption{color: #fff; background: #ef2b3e;}



/* ============================= accordion ====================== */
.accordion{ margin-bottom: 0px;}
.accordion-group{ margin-bottom: 2px; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.accordion-heading{border-bottom: 0; margin-bottom: 1px;}

.accordion-heading .accordion-toggle{text-decoration: none; display: block; padding: 7px 10px 7px 20px;cursor: pointer; 
font-size: 12px; line-height: 20px; font-weight: 400; color: #222; text-transform: uppercase; 
font-family: "Roboto";
font-weight: 700;

background: #edecec; /* Old browsers */
background: -moz-linear-gradient(top,  #edecec 0%, #555459 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edecec), color-stop(100%,#555459)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #edecec 0%,#555459 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #edecec 0%,#555459 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #edecec 0%,#555459 100%); /* IE10+ */
background: linear-gradient(to bottom,  #edecec 0%,#555459 100%); /* W3C */

}
.accordion-heading .accordion-toggle:hover{ text-decoration: none; color: #fff; background: #181818;}
.accordion-inner{ background: #323232; color: #e6e1de; border-top: none; padding: 10px 20px;}


.accordion-heading a, .accordion-body {
  -webkit-border-radius:  3px;
  -moz-border-radius:  3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;

}



/*================= Contacts =========================*/
#note{ }
.notification_error{ color:#f00; padding-bottom:10px; }
.notification_ok{ text-align: left; padding-bottom:10px; } 

#ajax-contact-form .control-group{margin-bottom: 10px;}
#ajax-contact-form .control-label{display: none;}
#ajax-contact-form .controls{margin-left: 0;}
#ajax-contact-form input, #ajax-contact-form textarea{background: #171717; border: 1px solid #000; color: #adadad; padding-top: 10px; padding-bottom: 10px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: inset  0px 3px 20px 3px  #171717; -webkit-box-shadow: inset  0px 3px 20px 3px  #171717; box-shadow: inset  0px 3px 20px 3px  #171717;}
#ajax-contact-form input:focus, #ajax-contact-form textarea:focus{border-color:#adadad; }
#ajax-contact-form textarea{height: 124px;}
#ajax-contact-form .control-group.capthca{margin-bottom: 0px;}
#ajax-contact-form .capthca input{width: 156px; float: left; margin-right: 30px;margin-bottom: 10px;}
#ajax-contact-form img{float:left; width:170px; height:42px;margin-bottom: 10px;}
#ajax-contact-form .submit{display:inline-block; line-height:36px;  text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:16px; font-family:'PT Sans Narrow'; font-weight: 400; color:#bfbfbf; white-space:nowrap; letter-spacing:0px; background:url(../images/garage/button1.png) -5px 0 no-repeat #151515; padding:0 15px 0 20px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
#ajax-contact-form .submit:hover{ color:#2f94e8; background-position: 0px 0px;}


.cform_blocks{}
.cform_blocks .block1{float: left; margin-left: 0;}
.cform_blocks .block2{float: left; margin-left: 20px;}
.cform_blocks .block3{float: left; margin-left: 20px;}
#ajax-contact-form input{width: 232px;}
#ajax-contact-form textarea{width: 764px;}


/*================= 404 =========================*/
.page-404{text-align: center;}
.page-404 .txt1{font-family:'PT Sans'; font-weight:700; font-size:170px; color:#fff; line-height:170px; }
.page-404 .txt2{font-family:'PT Sans'; font-weight:400; font-size:70px; color:#fff; line-height:70px; }


select.select-menu {
  display: none
}


ul.category-module {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.category-module li {
  padding-bottom:16px; 
  padding-top:10px; 
}
ul.category-module li + li {
  background: #ccf;
  padding-top:24px; 
}

#content-top-row, .contact {
  padding-top: 0px;
  margin-bottom: 0;
}
.control-group input, .control-group  textarea, #searchForm input {
  background: #181818
}

#searchForm .btn-primary.btn {
  padding-top: 0;
  padding-bottom: 0;
}
#main div.contact h1 {
  margin-bottom: 10px;
}




/*----- media queries ------*/
/* Very Large desktop */
@media (min-width: 1600px) {}

/* Large desktop */
@media (min-width: 1200px) {
  #navigation-row .navbar .nav {
    width: 800px;
    background-size: 100% 44px;
  }
  .camera_wrap {
   // min-width: 1600px;
  }
  #fredcarousel ul li img{
    width: 100%;
  }
  .banneritem img{
    width: 100%;
  }
  #navigation-row .navbar .nav li a {
    padding-left: 24px;
    padding-right: 24px;
  }

  a.details,  
  a.readmore,
  a.button {
    font-size: 14px;
  }


}

/* Default landscape and desktop to large desktop */
@media (max-width: 1199px) {
  #navigation-row .navbar .nav {
    width: 640px;
    background-size: 100% 44px;
  }
  #navigation-row {
    z-index: 8
  }
  #logo {
    min-width: 400px;
  }
  #footer #mod-search-searchword {
    width: 150px;
  }
  #footer-row {
    font-size: 11px;
  }
  .camera_caption .txt1 {
    font-size: 20px;
  }
  .camera_caption .txt2 {
    font-size: 12px;
  }
  #fredcarousel ul li h4 a {
    font-size: 12px;
  }
  .bannerfooter {
    line-height: 18px;
  }
  #main h2 {
    font-size: 22px;
  }
  #fredcarousel ul li p {
    padding-left: 24px;
    padding-right: 24px;
  }



}

@media (min-width: 980px) and (max-width: 1199px) {
  
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) { 
  .camera_fakehover .container._1 {
    right: -60px;
  }
  #fredcarousel ul li img {
    width: 100%
  }
  .phone {
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    float: none;
  }
  div.moduletable.services_list ul li {
    background: none;
    padding-left: 0;

  }
  div.moduletable.services_list ul li a {
    font-size: 12px;
  }
  #footer #mod-search-searchword {
      width: 115px;
  }
  #footer-row {
    font-size: 14px;
    line-height: 20px;
  }
  div#footer p img {
    max-width: 80%;
    padding-top: 20px;
  }
  #logo {
    background: none;
    min-width: 208px;
    position: relative;
    bottom: 0;
    float: none;
    margin: 0 auto;
  }

  #logo img {
      display: block;
      margin: 0;
      padding-bottom: 0px;
      padding-top: 20px;
  }

  .navbar .btn-navbar {
    background: url("../images/garage/bg_mobileResponse.png") no-repeat scroll 50% bottom ;
    font-size: 1px;
    text-indent: -9999px;
    margin-bottom: 0;
    height: 68px;

  }
  #navigation-row {
    bottom: inherit;
    position: relative;
    height: 43px;
  }
  #navigation-row .navbar {
      background: url("../images/garage/bg-menu_mobile.png") no-repeat scroll 50% -52px;
      min-height: 100px;
  }
  li.sepp {
    display: none;
  }
  #navigation-row .navbar .nav {
    background: #000;
    float: none;
    width: inherit;
    padding-left: 0;
    height: inherit;
  }
  #navigation-row .navbar .nav li a {
    text-align: center;
    background: none;
    padding: 0;
    margin: 0;
  }
  #navigation-row .navbar .nav.sf-menu ul.sub-menu {
    position: relative;
    width: 100%;
    top: 0;
    padding: 0;
    margin: 0;
  }
  .banneritem + div.hours > b {
    font-size: 16px;
    line-height: 20px;
  }
  .bannerfooter b {
    line-height: 16px;
  }
  body.home #main h1 {
    font-size: 32px;
  }
  a.prev3 {
    bottom: -40px;
    top: inherit;
    left: 50%;
    margin-left: -40px;
  }
  a.next3 {
    bottom: -40px;
    top: inherit;
    right: 50%;
    margin-right: -32px;
  }

  .carousel-box {
    padding-bottom: 40px
  }


}
@media (min-width: 768px) and (max-width: 979px) {
  div.controls input[type="text"],
  div.controls input[type="email"],
  div.controls textarea{
    width: 90%;
  }
  
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  #logo img {
    width: 208px;
    margin: 0 auto;
    display: block;
  }
  #navigation-row {
    height: 40px;
  }
  .camera_fakehover .container._1 {
    right: -120px;
  }
  .banneritem + .banneritem {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .banneritem + div.hours {
    width: 300px;
    left: 50%;
    margin-left: -150px;
  }
  div.moduletable.services_list ul li {
    background: url("../images/garage/bg_li.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    padding: 0 0 0 25px;
  } 
  div.moduletable.services_list ul li a {
    font-size: 14px;
  }
  #footer #mod-search-searchword {
    width: 200px;
  }
  #footer > div.span3 {
    margin-bottom: 20px;
  }
  #fredcarousel ul li h4 a {
    font-size: 14px;
    line-height: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .camera_fakehover .container._1 {
    bottom: 140px;
  }
  .camera_caption .txt2 {
      padding-right: 20px;
      padding-left: 20px;
  }
  .camera_wrap img{
    min-height: 240px!important;
    width: auto!important;
  }
  a.big_button {
    right: 20px;
  }

  #navigation-row .navbar .nav.sf-menu li.parent ul {
    padding:0px;
  }
    
}
@media (min-width: 481px) and (max-width: 767px) {
  
  
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
  
  .thumbnails2 > li {
      margin: 0 0 30px 30px;
      width: 90%;
  }
  .camera_caption .txt1 {
      font-size: 14px;
  }

  .page-404 .txt1{font-size: 150px; line-height: 150px;}
  .page-404 .txt2{font-size: 50px; line-height: 50px;}
  #main {
    width: 100%;
    overflow: hidden;
  }
  body {
    min-width: 320px
  }
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  p img.pull-left {
    float: none;
  }
  div.kv1_pad figure {
    float: none;
    margin-bottom: 12px;
  }
  div.kv1_pad figure  img {
    width: 100%;
  }
  ul.breadcrumb {
    padding-top: 50px;
  }
  a.big_button {
    top: 80px;
    right: 10px;
  }
  .form-horizontal .control-label {
    padding-right: 12px;
    width: 120px;
  }
  div.controls input[type="text"],
  div.controls input[type="email"],
  div.controls textarea{
    width: 150px;
  }



}



p.counter.pull-right {
  color: #848484!important
}
.pagination a {
  margin-right: 1px;
  background: #ff4042
}
.pagination span, .pagination li:first-child a, .pagination li:first-child span {
  color: #000;
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 16px;
  text-shadow: 1px 1px 1px #ccc;
background: #edecec; /* Old browsers */
background: -moz-linear-gradient(top,  #edecec 0%, #555459 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edecec), color-stop(100%,#555459)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #edecec 0%,#555459 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #edecec 0%,#555459 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #edecec 0%,#555459 100%); /* IE10+ */
background: linear-gradient(to bottom,  #edecec 0%,#555459 100%); /* W3C */
 margin-right: 1px
}