/* Brend colour #005d21 */

/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden;
  /* Prevent scroll on narrow devices */
  /* background-color: #009033;*/
  background-image: url(../img/low_contrast_linen.png);
  /*	background-image: url(../img/mochaGrunge.png);*/

  font-family: 'PT Sans', sans-serif, Arial, Helvetica;
  font-size: 16px;
}

h4 {
  font-weight: bold;
  margin-top: 24px;
}

.navbar-toggle {
  border: 1px solid rgba(0, 93, 33, 1);
}

.navbar-toggle .icon-bar {
  background-color: #005d21;
}


.jumbotron p {
  font-size: 18px;
}

.jumbotron p.small {
  font-size: 16px;
}

.navbar {
  margin-top: 0px;
  margin-bottom: 0px;
}

.topwell {
  margin-top: 26px;
}

#op {
  max-width: 70%;
  min-width: 180px;
}

#sidebar {
  padding-left: 0px;
}

.navbar-inverse {
  background-image: url(../img/pool_table.png);
  /*border:none;*/
  border-color: #005d21;
}

.navbar-inverse .navbar-toggle {
  border-color: #005d21;
}

.navbar-right {
  /*margin-top: 10px;*/
}

.breadcrumb {
  padding: 8px 0px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff;
  border: none;
}

.breadcrumb a {
  color: #999;
}

.breadcrumb>li+li:before {
  content: "\00BB";
  color: #999;
}

/*#searchPanel {
  background-color: #005d21;
}*/

#brandnavbar>div {
  padding: 10px 0px;
  /*background-color: #005d21;*/

}

#topnavbar {
  background-color: #fff;
  border-bottom: 3px silver solid;
}

.smenu {
  margin-top: 10px;
  margin-bottom: 10px;

}

.smenu a {
  color: #fff;
}

#brand {
  background-color: #fff;
  padding: 20px;
  text-align: center;
  height: auto;
}

ul#catalog {
  padding-left: 20px;
  font-size: 16px;
  list-style: square;
}

ul#catalog>li {
  margin-bottom: 10px;
  line-height: 1.1
}

ul#catalog a {
  color: #000;
}

ul.squareList {
  padding-left: 20px;
  list-style: square;
}

.in_order>span {
  border-bottom: 1px #009033 dashed;
  cursor: pointer;
}

.table .hideinf {
  color: #f9f9f9;
}

.table tr:nth-child(even) .hideinf {
  color: #fff;
}

.lh-11 {
  line-height: 1.1;
}

.bottom20 {
  margin-bottom: 20px;
}

.right10 {
  margin-right: 10px;
}

.min-height-50 {
  min-height: 50px;
}

.sticker10 {
  padding-top: 3px;
  width: 24px;
  height: 24px;
  font-size: 13px;
  text-align: center;
}

.sticker20 {
  padding-top: 8px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  text-align: center;
}

.contact-block>div {
  display: inline-block;
}

.sticker40 {
  padding-top: 10px;
  width: 80px;
  height: 70px;
  font-size: 40px;
  text-align: center;
}

.stickerGreen {
  background-color: #005d21;
  color: #fff;
}

.stickerBlue {
  background-color: #003366;
  color: #fff;
}

.stickerRed {
  background-color: #8e0000;
  color: #fff;
}

.stickerBlack {
  background-color: #2e2e2e;
  color: #fff;
}

.glyphicon-chevron-up,
.glyphicon-chevron-down {
  cursor: pointer;
}

.item-name {
  height: 82px;
  overflow: hidden;
  margin-bottom: 20px;
  line-height: 1.0;
}

.search-table {
  font-size: 13px;
  margin: 20px 0px 0px 0px;
  width: 100%;

}

.search-table tr {
  border-bottom: 1px solid #ccc;
}

.search-table tr:first-child {
  border-top: 1px solid #ccc;
}

.search-table select {
  line-height: 20px;
  height: 30px;
  margin: 0px;
  padding: 2px;
}

.search-table select {
  line-height: 15px;
  height: 20px;
  margin: 0px;
  padding: 2px;
}

.search-table td,
.search-table th {
  padding: 3px;
  font-size: 0.9em;
}

#checkoutTable td,
#MyCard td,
#prodTable td {
  vertical-align: middle;
}

.btn-primary {
  color: #ffffff;
  background-color: #8e0000;
  border-color: #8e0000;
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #8e0000;
  border-color: #8e0000;
}

.btn-black {
  color: #ffffff;
  background-color: #2e2e2e;
  border-color: #2e2e2e;
}

.btn-black:hover {
  color: #ffffff;
  background-color: #2e2e2e;
  border-color: #2e2e2e;
}

.input-group {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.gtitle {
  position: relative;
  margin-bottom: 20px;
}

.gtitle>div {
  position: absolute;
  bottom: 0px;
  left: 25px;
  line-height: 1.0;
}



a {
  color: #8e0000;
}


footer {
  /*padding: 30px 0;*/
  background-color: #ffffff;
}

.white {
  background-color: #ffffff;
  margin-bottom: 20px;
  padding-bottom: 20px;
}


.TextBlue {
  color: #003366;
}

.TextRed {
  display: block;
  margin-left: 5px;
  line-height: 0.8;
  float: left;
  width: inherit;
}

.TextSticker {
  line-height: 40px;
  vertical-align: middle;
  margin: 0px 0px 0px 45px;
}

.mylink {
  padding: 5px;
  background-color: #0B5E00;
  margin-left: -5px;
  text-transform: uppercase;
}

.info img {
  /*    width: 100%;*/
}

.dim {
  line-height: 1.4;
  margin-top: 0px;
  margin-bottom: 20px;
}

/* animstion NEW */

.view {
  margin-bottom: 20px;
  position: relative;
}


.mmask a {
  color: white;
  text-decoration: none;
  font-size: 80%;
}

.mmask p {
  padding: 5px 5px 0px;
}

.mmask h4 {
  display: block;
  margin: 0px;
  padding: 5px;
  color: white;
  background-color: rgba(0, 51, 102, 0.8);
  font-size: 80%;
  font-weight: normal;
  text-transform: uppercase;


}

.mmask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 5px;
  /*    margin: 5px 20px 5px 20px;  */
  line-height: 1.0;

  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  background-color: rgba(219, 127, 8, 0.0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.view p {

  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.view:hover p {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.view h4 {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

}

.view:hover h4 {
  font-size: 100%;
  padding: 15px 5px;

}

.view:hover .mmask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  background-color: rgba(219, 127, 8, 0.7);
  padding: 0px;
}

.hidenstar {
  color: #f9f9f9;
}

tr:nth-child(even) .hidenstar {
  color: #fff;
}


/* animation */
/*
.mmask a{
    color: white;
    text-decoration: none;
}

.view .mmask, .view .content {
 width: 100%;
 height: 100%;
 position: absolute;
 overflow: hidden;
 top: 0;
 left: 0
}
.view img {
 display: block;
 position: relative
}
.view h2 {
 text-transform: uppercase;
 color: #fff;
 position: relative;
 font-size: 10px;
 padding:5px;

  margin: 0px 0 0 0px;
  font-weight: normal;
}
.tiles p, .view p {
 font-size: 13px;
 position: relative;
 color: #fff;
 padding: 5px 20px 10px;
 text-align: left;
}
#content .view a.info {
	font-size: 12px;
 display: inline-block;
 text-decoration: none;
 padding: 7px 14px;
 background: #0B5E00;
 color: #fff;
 box-shadow: 0 0 1px #000
}
.view a.info:hover {
 box-shadow: 0 0 5px #000
}


.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mmask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   background-color: rgba(219,127,8, 0.0);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   background: rgba(0, 51, 102, 0.8);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first h2:after{
	visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
    line-height: 1.3;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mmask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   background-color: rgba(219,127,8, 0.7);
}
.view-first:hover h2{
	font-size: 14px;
	padding: 10px;
	padding-left:20px;
	margin: 20px 0 0 0px;
	-webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}



.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

/* end animation */




@media (min-width: 1200px) {
  .container {
    width: 90%;
  }
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -50%;
    /* 6 columns */
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -50%;
    /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%;
    /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%;
    /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%;
    /* 6 columns */
  }

}

@media (max-width: 991px) {

  h1,
  h4 {
    margin-top: 0px;
    padding-top: 10px;
  }

  .page-header {
    margin-top: 0px;
  }
}