/* Use this to add specific CSS for this subtheme */

/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }


/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action:pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
.owl-next{
	width:24px;
	height:45px;
	text-indent: -9999em;
	position:absolute;
	right:-7%;
	top:37%;
	
}
.owl-prev{
	background:url(../images/left_arrow.png) no-repeat;
}
.owl-next{
	background:url(../images/right_arrow.png) no-repeat;
}
.owl-prev{
	width:24px;
	height:45px;
	text-indent:-9999em;
	position:absolute;
	left:-7%;
	top:37%;
	
	
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

.owl-controls .owl-pagination{ float:right; margin-top:15px;}
.owl-controls .owl-page{float:left;margin:0 3px;}
.owl-controls .owl-page span{ width:30px; height:30px; border-radius:50px; padding:2px 8px; display:inline-block;  background:#1ba39c;  color:#fff; border:3px solid #0e817b; }
.owl-controls .active span{ width:30px; height:30px; border-radius:50px; padding:2px 8px; display:inline-block;  background:#0e817b;  color:#fff; border:3px solid #1ba39c; }

/* Theme */
@import url(http://fonts.googleapis.com/css?family=Roboto:500,900,100,300,700,400);
Body {	margin:0;	padding:0;	font-family: 'Roboto', sans-serif; 	color:#000; }

h1, h2, h3, h4, h5, h6, div, td, tr, table, form, fieldset, input, img, { font-family: 'Roboto', sans-serif !important;
 margin:0; padding:0; border:0 none;}
 

.button{padding:0.5rem 1rem; transition:200ms;}
.button:hover{ background: #3DC1DF!important; color: #fff;}
.f-dropdown li a { margin:0; }
.f-dropdown li a:hover { background: #3DC1DF!important; color: #fff;}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background:#bababa; }

header { border-top:6px solid #3dc1df; padding:0 0;}
header p{ font-size:0.938em; text-align:center; color:#787878; margin:15px 0;}
header a{  color:#2a2a2a;}
header ul{padding:0; list-style:none; float:right;  margin: 27px 0;}
header ul li{ display:inline; }
header ul li a{ display:inline; font-size:0.813em; margin:10px;}



#menuBar{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.top ul{ padding:0; list-style:none; margin: 7px 0px; float:right;}
.top ul li{ float:left; margin: 5px 10px; position:relative; }
.top select{ padding:0; height:25px; margin:0; background-color:#fff; font-size:0.750em; color:#000;}
.top ul li a{ font-size:0.750em; color:#000; }

/*.basket-detail-container { top: 140px; }*/
@media only screen and (min-width: 40.0625em) {
	#searchBox {
		display: none;
		margin-top: 5em;;
		position: absolute;
		z-index: 9999;
		background: #fff;
		width: 300px;
		padding: 15px;
		right: 0;
		border: 1px solid #e5e5e5;
	}
}


#searchBox input{width:85%; float:left; height:36px; margin:0;}
#searchBox button{width:15%; float:left; margin:0; padding:7px 10px; border:0; background:#3dc1df; text-transform:uppercase; }
nav{	 font-size: 1.000em;}
nav ul {	padding:0;	margin: 0;}
nav li {	display: inline-block;}
nav li a {	padding: 16px 20px; display:block; font-size:0.813em; text-transform:uppercase; transition:200ms;	color: #444444;}
nav li a:hover, nav li.active a,nav li.menu-icon a  {
	color: #fff; background:#3dc1df;}



#searchBoxInline{
		display:none; 
		background:#fff; 
		width: 265px; 
		right:0;
}
#searchBoxInline input{width:85%; float:left; height:36px; margin:0;}
#searchBoxInline button{width:15%; float:left; margin:0; padding:7px 10px; border:0; background:#3dc1df; text-transform:uppercase; }

#homeSec{margin:30px 0;}
h1 { font-size:1.5em; color:#000; font-weight:400;font-family: 'Roboto', sans-serif !important; text-transform:uppercase;}
h2{ font-size:1.250em; color:#0672CC; font-weight:400;font-family: 'Roboto', sans-serif !important; text-transform:uppercase;}
#homeSec p{ font-size:0.813em; color: #000; line-height: 1.3;}
.shadowBox{-webkit-box-shadow: 0px 0px 11px 0px rgba(222,222,222,1);-moz-box-shadow: 0px 0px 11px 0px rgba(222,22,222,1);
box-shadow: 0px 0px 11px 0px rgba(222,222,222,1);padding:10px;}
.boxBelowMargin { margin-bottom:25px; }
.txtbox{ margin-bottom:30px;}
.itemBox{ margin: 10px 0 30px 0; cursor:pointer;}
.itemBox img {border:1px solid #efefef;}
.itemBox ul{padding:0; margin:0;overflow:hidden; list-style:none;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
.itemBox ul li{ width:50%; float:left; }

.itemBox .sale_price, .itemBox .old_price {font-size:0.813em; color:#787878; padding:13px 2px; display:inline-block;}
.itemBox .price {font-size:0.938em; color:#787878; padding:7px; display:block;}
.itemBox .btn{font-size: 0.713em; color:#fff!important; text-transform:uppercase;padding: 16px 4px; display:block; text-align:center; transition:300ms;}
.btn:hover{ background:#3dc1df!important; color:#fff;}
.itemBox:hover{background:#f9f9f9;}
.itemBox h3{ font-size:1.125em; text-transform:uppercase; margin:0; padding:15px 0; text-align:center;}
.itemBtn { text-transform:uppercase; text-align:center; color:#ccc; }
#slider{ margin-bottom:30px;}


.imageGall img {border:1px solid #efefef;}

.widget{ margin-bottom:30px; }
.widget ul{ padding:0; list-style:none; margin: 0; }
.widget ul li a{  color: #000; font-size: 0.813em; transition:200ms; font-weight:300; padding:7px 10px; display:block; border-bottom:1px solid #e5e5e5}
.widget ul li a:hover{color: #fff; background:#3dc1df;}
.widget ul li:last-child a{border:0}
.popular img{ float:left; margin-right:10px; max-width:40%; }
.popular h4{margin:0; font-size:0.938em; color:#000;}
.popular a{ clear:both; overflow:hidden;}
.popular ul li a:hover{ background:#f9f9f9; color:#787878; }
.popular .price, popular .old_price, popular .sale_price {color:#3dc1df; font-size:0.938em; font-weight:500;}


#testimo{ background:url(../images/testimonial_bg.jpg) no-repeat; background-size:cover; padding:50px 0; text-align:center; background-position:center;}
#testimo p{ color:#fff; font-size:1.000em; font-weight:300;}
#testimo span { color:#fff;}
.theme-default .nivoSlider img {	position:absolute;	top:0px;	left:0px;	display:none;}
.theme-default .nivoSlider a {	border:0;	display:block;}
.theme-default .nivo-directionNav a {	display:block;	width:40px;	height:40px;	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;	border:0;	opacity: 0;	-webkit-transition: all 200ms ease-in-out;    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;    transition: all 200ms ease-in-out;}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {	background-position: -41px 0;	right:24px;}
.theme-default a.nivo-prevNav {	left:24px;}


#newsSec{ padding:40px 0;}
#newsSec .newsBox{background:#fff; margin:15px 0;-webkit-box-shadow: 0px 0px 11px 0px rgba(222,222,222,1);-moz-box-shadow: 0px 0px 11px 0px rgba(222,22,222,1);box-shadow: 0px 0px 11px 0px rgba(222,222,222,1);}
#newsSec img{ margin-right:6px;}
#newsSec small{color:#a5a4a4;}
#newsSec .descc{padding:14px; display:block;}
#newsSec h4{ color: #0672CC; font-size: 0.938em; font-weight:300; line-height:1.4;}
#newsSec h4 span{ height:2px; display:block; width:40px; background:#5282a1; margin:10px 0;}
#newsSec p{ font-size:0.813em; color:#000;}
#newsSec .btn{ font-size:0.875em; background:#3dc1df; color:#fff; padding:5px 10px; text-transform:uppercase;}

.breadcrumbs{ background:none; border:0; padding:0; }
.breadcrumbs ul{padding:0; list-style:none; margin:5px 0 15px 0; }
.breadcrumbs ul li {display:inline; margin:0 10px ; padding:0; }
.breadcrumbs ul li:first-child{margin-left:0;}
.breadcrumbs ul li a,.breadcrumbs ul li a:hover{color:#787878; text-decoration:none!important;}

.singPro .price, .singPro .old_price, .singPro .sale_price{ font-size:1.375em; color:#3dc1df;}
.singPro .btn{ background:#3dc1df; color:#fff; padding:7px 20px; margin:15px 0!important; display:inline-block; text-transform:uppercase;}
.aggregateRating { margin-bottom:0; }


footer{ background:#2b2b2b; padding:40px 0 0 0;}
footer h2{color:#fff;}
footer .quick ul{ padding:0; list-style:none; margin:0;}
footer .quick ul li{width:50%; float:left; }
footer .quick li a{ font-size: 0.813em; color:#ececec; line-height:2.3;}
footer .quick li a:hover{color:#3dc1df;}
/* @todo */
footer .soc ul{ padding:0; list-style:none; margin:0;}
 footer .soc ul li{ display:inline-block;margin:0 4px;} 
footer .soc i { width:31px; height:31px; display:block; transition:300ms;} 
footer .soc i.facebook-square{ background:url(../images/facebook.png ) no-repeat  0 0px;}
footer .soc i.twitter-square{ background:url(../images/twitter.png)  no-repeat  0 0px;}
footer .soc i.rss{ background:url(../images/rss.png) no-repeat  0 0px;}
footer .soc i:hover{background-position: center bottom !important;}
/* *************** */

footer p{ color:#fff; font-size:0.813em; margin:7px 0;}
footer .btn{ float:right; padding:7px 15px; background:#3dc1df; font-size:0.875em;}
footer #footBot{ margin-top:40px; background:#000000; padding:7px 0; }
footer #footBot p{   font-size: 0.741em; color:#b9b9b9;}
footer #footBot p a{color:#fff;}


#tabSec{ margin:30px 0;}
#tabSec dd{ margin-right:5px;}
#tabSec dd a{padding:5px 10px; font-size:0.813em; text-transform:uppercase;}
#tabSec dd.active a{background:#3dc1df; color:#fff;}
#tabSec .tabs-content{ margin-bottom:0;}

#element-reviews h3{ font-size:1.250em; }
#element-reviews form{ margin:20px 0;}
#element-reviews label{font-weight:bold;  float:left; margin-top:5px; margin-right:15px;}
#element-reviews input,#element-reviews textarea{ border:1px solid #e4e4e4; box-shadow:0 0 0;}
#element-reviews .btn{background:#3dc1df; color:#fff; padding:10px 20px; border:0; display:inline-block; text-transform:uppercase;}


.top-bar{background:none; color:#fff!important;}
.top-bar.expanded .toggle-topbar a{background:#fff;}



.topSec ,.topSec ul{ margin:0; padding:0;}
.topSec li{ margin:0; padding:0; display:inline; float:left; }
.topSec #box-currency{margin:0;}
.topSec>li{  padding: 3px 10px;}
#mini-basket{ min-width:auto;}
.topSec .button:hover{ background:none !important;}
#language-switch li{ width:100%;}
#language-switch{ margin:10px;}


@media only screen and (max-width: 1024px) {
	
	.owl-prev{left:88%;	top:-27%;}
	.owl-next{right:4%;	top:-27%;}
}

@media only screen and (max-width: 624px) {
	header ul{ float:none;}
	header{text-align:center;}
	.owl-prev{left:82%;	top:-27%;}
	.owl-next{right:4%;	top:-27%;}
	.top-bar.expanded .title-area{ background:none;}
	nav li {	display:block;}
	.top ul{ float:none;}
	.top ul li{ float:none;}
	#menuBar{text-align:center;}
	footer #footBot{ text-align:center;}
	#testimo p{ font-size: 1.000em;}
	/*#searchBox{display:block;position:relative; width:100%;}*/
	/*#searchIcon{display:none; padding: 0 15px 0 0;}*/
	.top ul li a{margin-top: 27px;  display: inline-block;}
	.row:after ,.row .row:after{clear:none;}
	
}

@media only screen and (max-width: 490px) {
	#latestPro .small-6{  width: 100%;}
	
}

#adv_search{
	font-size: 12px;
	margin-left: 0px;
}