@import url(https://fonts.googleapis.com/css?family=Unkempt);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Ranchers);

@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,800);
@import url(https://fonts.googleapis.com/css?family=Lato);

html, body {
  height: 100%;
}

body {
	font-family: 'Roboto','Lato',sans-serif;
}

.card {
	width: 305px;
    height: 325px;
    margin: 20px;
    display: inline-block;
}
   
.front, .back {
	text-align: center;
	font-family: Unkempt, sans-serif;
	font-size: 16px;
}
.front {
	background-color: #ffffff;
 }
.back {
 	background-color: #ffffff;
}

h1 {
	font-family: Ranchers, sans-serif;
	text-align: center;
	margin-top: 3px;
	margin-bottom:3px;
	padding: 0;
}

h3 {
	font-family: Roboto, sans-serif;
	font-size: 18px;
	font-weight: bold;	
}

.navbar-header {
  min-height:70px;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
	text-align: center;
	width:100%;
}

.navbar-logo img {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 400px;
  position: relative;
  z-index: 1000;
}

.nav-pills>li>a {
	border-radius:15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	margin-top: 12px;
}

.nav-pills>li>a:hover {
	background-color:rgb(37, 64, 142);
	color:#fff;
}

.navbar-top-border {
	border-top:10px solid rgb(37, 64, 143);
	margin:0;
	border-radius:0;
}
.loginmenu {
	margin-top:10px;
	margin-bottom:10px;
}

.navbar {
	font-family: 'Lato',sans-serif;
	font-size:16px;
}

.navbar-bottom {
	background-color:#24408e;
	margin-bottom: 0;
	border-radius: 0;
	border: none;
    background-image:none;
	font-family: 'Lato',sans-serif;
	color: #CCCCCC;
	font-size:16px;
	padding-bottom:10px;
}

.navbar-inverse .navbar-nav>li>a {
	color: #CCCCCC;
}

.slider {
	background-color:#d8d8d8;
	text-align:center;
}

.welcome {
	border-top:3px solid rgb(37, 64, 143);
	font-family: 'Unkempt',sans-serif;
	background-color: #CCCCCC;
	font-size:18px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10%;
	padding-right:10%;
	text-align: justify;
}
.welcomecontent{
	max-width:1000px;
	margin:0 auto;
}

.proddesc {
	border-top:3px solid rgb(37, 64, 143);
	font-family: 'Unkempt',sans-serif;
	background-color: #CCCCCC;
	font-size:18px;
	padding:10px;
	text-align: justify;
}

.social>nav>a {
  padding: 0 5px 0 5px;	
}

.navbar-top>ul>li>a {
  padding: 2px 5px 2px 5px;	
}
.navbar-top>ul>li>a:hover {
  background-color:#eeeeee;
  color:#000000;
}

.maincontent {
  padding-bottom: 25px;
}

h1 {
  margin-bottom: 25px;
}

button, input, optgroup, select, textarea {
    margin: 4px;
	padding:2px;
    font-family: Roboto, sans-serif;
}
.caticon {
  background-color:#ffffff;
  padding:5px;
  margin:0;
}

.caticon > img {
	max-height:260px;
}

.catinfo {
  background-color:#ffffff;
  padding-top: 5px;
}
.catinfo h3 {
  padding:0;
  margin:0;
}
.statusicon {
  position: absolute;
  bottom:3px;
  right:3px;
  width:31px;
  height:31px;
  background-repeat:no-repeat;
  background-image: url(../images/ico-status.png);
}
.catbackinfo {
  height: 254px;
}

.catbackinfo button {
  width: 180px;
  background-color:#ffffff;
  font-size: 16px;
}

.pricelabel {
 font-family: Roboto, sans-serif;
  color:#ffffff;
  font-size: 18px;
  font-weight: bold;
  display: block;
}
.pricevalue {
  font-family: Roboto, sans-serif;
  color:#3e464e;
  font-size: 18px;
  display: block;
}

.resinfo{
    text-align: center;
    font-family: Unkempt, sans-serif;
    font-size: 20px;
	font-weight: bold;
}

.welcometag {
	background-color:#24408e;
	color:#ffffff;
    text-align: center;
    font-family: Unkempt, sans-serif;
    font-size: 40px;
	width:100%;
}
.slidercontent{
	background-color:#d8d8d8;
	width:100%;
}
.producttag {
	background-color:#eaeaea;
	color:#ffffff;
    text-align: center;
    font-size: 100px;
	width:100%;
	padding-top: 35px;
	padding-bottom: 35px;
}
.producttag h1 {
  margin:0;
  padding:0;
}
.productpage {
	padding:10px;
}

.mobile-phone {
  visibility: hidden;
  display:none;
}

.breadcrumb {
    background-color: #ffffff;
    margin-top:40px;
}

div.productinfopanel {
    .border-radius( 10px );
}
.productefvalue {
  color:#ffffff;
}

.producteflabel {
 font-family: Roboto, sans-serif;
  color:#ffffff;
  font-size: 18px;
  font-weight: bold;
  display: block;
}

.productefvalue {
  font-family: Unkempt, sans-serif;
  color:#3e464e;
  font-size: 18px;
  display: block;
  padding-left:5px;
}

.productpricelabel {
 font-family: Roboto, sans-serif;
  color:#ffffff;
  font-size: 16px;
  display: block;
  padding-left:5px;
}

.productpricevalue {
  font-family: Unkempt, sans-serif;
  color:#3e464e;
  font-size: 18px;
  display: block;
  padding-left:10px;
}
.productresinfo {
    font-family: Unkempt, sans-serif;
    font-size: 18px;
}
.productresinfo span {
    font-weight: bold;
}
.productresinfo a:link {
  font-weight: bold;
}

.date_set {
  margin:0;
  padding:0;
}

footer {
  text-align:center;
}

.topmenu {
  padding:14px;
}

.alert {
	border-radius: 3px;
}

#search {
  margin-top:5px;
}

.minicart {
  margin-top:0;
  padding:0;
}

.minicart2 {
  visibility:hidden;
  display:none;
}
.social2 {
  margin-top:7px;
  margin-right:15px;
  visibility:hidden;
  display:none;
}


.topmenumobile {
  display:none;
  font-size: 20px;
  overflow: hidden;
  padding-left:10px;
}

.topmenumobile li {
  text-align: left;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-top: 0px;
	padding:0;
}

@media only screen and (max-width: 1199px) {
	.navbar-logo img {
      max-width: 330px;
	  top: 00px;
	}
	.navbar-default .navbar-brand {
	  margin:5px;
	  padding:0px;
	}
	.topmenu {
	  padding:5px;
	}
	.navbar {
	    font-family: 'Lato',sans-serif;
	    font-size: 15px;
	}
	.breadcrumb {
      margin-top:20px;
	}


	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -35px;}

}

@media only screen and (max-width: 991px) {
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    	margin-top: 0px;
	}
	.navbar-logo img {
      max-width: 150px;
	  top: 10px;
	}
	.navbar-default .navbar-brand {
	  margin:5px;
	  padding:0px;
	}
	.topmenu {
	  padding:5px;
	}
	.navbar {
	    font-family: 'Lato',sans-serif;
	    font-size: 15px;
	}
	.social img{
      max-height: 35px;
	}
	.social {
      float:none!important;
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    	margin-left: -15px;
	}
}

@media only screen and (max-width: 767px) {
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    	margin-top: -15px;
	}

	.navbar-logo img {
      max-width: 190px;
	  top: 15px;
	}
	.topmenu2{
	  display: none;
	}
	.social {
	  visibility: hidden;
	  display:none;
	}
	.social2 {
	  visibility:visible;
	  display:inherit;
	}
	.social2 img{
      max-height: 35px;
	}

	.mobile-phone {
    	padding-top: 15px;
		text-align:center;
		visibility:visible;
		display:inherit;
		font-weight:bold;
		font-size:16px;
	}
	.minicart {
	  visibility:hidden;
	  display:none;
	}
	.minicart2 {
	  visibility:visible;
	  display:inherit;
	  padding-right: 5px;
	}
	.topmenu {
	  display:none;
	}
	.topmenumobile {
	  display:inherit;
	}
	.topmenumobile2 {
	  float:left!important;
	  margin-top:25px;
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    	margin-left: 10px;
	}

}

@media only screen and (max-width: 480px) {
	.navbar-logo img {
      max-width: 175px;
	  top: 18px;
	  left: 5px;
	}
	.navbar-default .navbar-brand {
	  margin:0;
	  padding:0;
	}

	.minicart {
	  margin-top:25px;
	  padding:0;
	}
	#search{
		margin:top:30px;
	}
	.mobile-phone {
		position:absolute;
	    right: 10px;
    	top: 25px;
	  visibility:visible;
	  display:inherit;
	}
	.breadcrumb {
      margin-top:0px;
	}

	.topmenumobile {
	  display:inherit;
	  font-size: 16px;
	}

	.maincontent {
		margin:0;
		margin-left:10px;
		margin-right:10px;
	}
	.card {
		margin-left:0;
		margin-right:0;
		margin-top:5px;
		margin-bottom:5px;
	}
	.nav>li>a {
		padding: 5px 10px;
	}
	.productresinfo {
		padding-left:10px;
	}
}

@media only screen and (max-width: 360px) {
	.navbar-logo img {
      width: 135px;
	  top: 18px;
	  left: 5px;
	}
}

@media only screen and (max-width: 320px) {
	.navbar-logo img {
      width: 120px;
	  top: 18px;
	  left: 5px;
	}
}

@media only screen and (max-width: 600px) {
	#tbimage3d {
	  display: none;
	}
	#tbfly_through {
	  display: none;
	}
}


#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom:150px; /* this needs to be bigger than footer height*/
}

.footer {
  position: relative;
  margin-top: -150px; /* negative value of footer height */
  height: 150px;
  clear:both;
  padding-top:20px;
} 

div.slidercontent {
  border-top: 4px solid rgb(37, 64, 143);
}

.catcard h3 {
  font-size:32px;
}
.catcard h3:hover {
	color:#fff;
}

.btn-unavailable {
    background-image: -webkit-linear-gradient(top,#ff0000 0,#c12e2a 100%);
    background-image: -o-linear-gradient(top,#ff0000 0,#c12e2a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ff0000),to(#c12e2a));
    background-image: linear-gradient(to bottom,#ff0000 0,#c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0000', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #b92c28;
}

.product-page {
  padding-bottom: 0;
  max-width:920px;
}

.image-box img {
    width: 100%;
    height: auto;
}

.dpimage-container img {
    width: 100%;
    height: auto;
}
.hideflash{
  display: none;
}
.outofstock {
  background-position:0 -31px;
}
.proddetails{
    width: 100%; 
}
.catbanner {
	margin-bottom:10px;	
	background-color: #CCCCCC;
	border-width:4px;
	border-left-width:0;
	border-right-width:0;
}
.catbanner img {
	width:100%;
	height:auto;
}

.cat-border {border:2px solid #41AD49;}
.cat10-border {border:2px solid #9891f3;}
.cat11-border {border:2px solid #1bd4b3;}
.cat12-border {border:2px solid #fba437;}
.cat13-border {border:2px solid #e7302f;}
.cat14-border {border:2px solid #2481ce;}
.cat15-border {border:2px solid #239f89;}
.cat16-border {border:2px solid #FEDF2E;}
.cat17-border {border:2px solid #E13ACD;}
.cat18-border {border:2px solid #D441A0;}
.cat19-border {border:2px solid #414EB8;}

.cat-bcolor {background-color:#41AD49;}
.cat10-bcolor {background-color:#9891f3;}
.cat11-bcolor {background-color:#F7971E;}
.cat12-bcolor {background-color:#E93832;}
.cat13-bcolor {background-color:#41AD49;}
.cat14-bcolor {background-color:#F14E50;}
.cat15-bcolor {background-color:#2CAAE2;}
.cat16-bcolor {background-color:#FEDF2E;}
.cat17-bcolor {background-color:#E13ACD;}
.cat18-bcolor {background-color:#D441A0;}
.cat19-bcolor {background-color:#414EB8;}

.cat-color {color:#41AD49;}
.cat10-color {color:#635e59;}
.cat11-color {color:#ffe9cd;}
.cat12-color {color:#E93832;}
.cat13-color {color:#ffe9b9;}
.cat14-color {color:#ffef8e;}
.cat15-color {color:#fff6ca;}
.cat16-color {color:#c9def3;}
.cat17-color {color:#E13ACD;}
.cat18-color {color:#D441A0;}
.cat19-color {color:#414EB8;}

.hcat10-color {color:#746af5;}
.hcat11-color {color:#0ea98d;}
.hcat12-color {color:#faa437;}
.hcat13-color {color:#e6302f;}
.hcat14-color {color:#2580ce;}
.hcat15-color {color:#239f88;}
.hcat16-color {color:#e4c829;}
.hcat17-color {color:#E13ACD;}
.hcat18-color {color:#D441A0;}
.hcat19-color {color:#414EB8;}

div.cat-hover:hover {background-color:rgba(65,173,73,0.5);}
div.cat10-hover:hover {background-color:rgba(91,207,93,0.5);}
div.cat11-hover:hover {background-color:rgba(247,151,30,0.5);}
div.cat12-hover:hover {background-color:rgba(233,56,50,0.5);}
div.cat13-hover:hover {background-color:rgba(65,173,73,0.5);}
div.cat14-hover:hover {background-color:rgba(241,78,80,0.5);}
div.cat15-hover:hover {background-color:rgba(44,170,226,0.5);}
div.cat16-hover:hover {background-color:rgba(254,223,46,0.5);}
div.cat17-hover:hover {background-color:rgba(225,58,205,0.5);}
div.cat18-hover:hover {background-color:rgba(212,65,160,0.5);}
div.cat19-hover:hover {background-color:rgba(65,78,184,0.5);}

.navbar-fixed-bottom {
    position: relative!important;
}