/* ------------------------
      Global Settings
--------------------------*/
@import url("css/webexpress.css");
@import url("https://fonts.googleapis.com/css?family=Fira%20Sans");
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@200&display=swap');


/* ------------------------
      Global Settings
--------------------------*/
.logo01{ display:block;}
.logo02{ display:none; margin-top:-5px;}

.affix .logo01{ display:none;}
.affix .logo02{ display:block !important;}

.affix-top .logo01{ display:block;}
.affix-top .logo02{ display:none !important;}

.mobilurun{width:100%; text-align:center; display:none;}

body {
 font-family:Fira Sans;
 line-height: 24px;
 background-color: #f4f4f4;
 //background-image:url('..//');
 //background-size:100% 100%;
 background-repeat: repeat;
 background-position: left top;
 font-size:12pt;
 overflow-x: hidden;
}

h1{
	font-size: 26px;
 color:#060614;
	/*color:#9fce67;*/
	margin-bottom: 10px;

}


h2, h3, h4, h5, h6 {
	font-size: 26px;
 color:#0e5e9e;
	/*color:#9fce67;*/
	margin-bottom: 10px;

}

.category-header{ margin-bottom:25px;}
.category-header h1{ margin-top:10px;}
.category-header .breadcrumb{ margin-bottom:10px;}

.table-borderless td,
.table-borderless th {
    border: 0 !important;
}

.np {padding:0px}
/* ------------------------
        Buttons
--------------------------*/

.btn-default, .btn-default:visited {
 background:#2ba2e6;
	/*background:#9fce67;*/
	color:#FFFFFF;
 border:1px solid #2ba2e6;
	transition: all 0.3s ease 0s;
	border-radius: 4px;
}
.btn-default:hover, .btn-default:focus {
 background:#060614;
 color:#FFFFFF;
 border:1px solid #060614
/*border:1px solid #9fce67;*/
	/*background:#9fce67;*/
}
a {
 color:#2ba2e6;
}
a:hover {
 color:#272926;
	text-decoration: none;
}
/* ------------------------
        Header
--------------------------*/

#header-text {
	padding: 30px 0px;
}
#page-title {
	/*background:#666;*/
	padding: 175px 0px 160px;
	text-align: center;
	background-position-x:center;
	background-position-y:top;
}
#page-title h1 {
	color: #fff;
	font-size: 50px;
}
/* ------------------------------
	Content Slider
--------------------------------*/


/* -------  Hide content slider arrows / indicators */
// .right.carousel-control, .left.carousel-control { display: none; }
// .carousel-indicators {	display:none; }

.carousel-caption {
	top: 50%;
	transform: translateY(-50%);
	bottom: initial;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
	background-repeat: repeat-x;
}
#content-slider .item {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.carousel-inner { overflow: visible; }


header .intro-text {
	padding-top: 100px;
	padding-bottom: 50px;
}
header .intro-text h1 {
	font-size: 40px;
}
header .intro-text p {
	font-size: 75px;
	line-height: 85px;
	margin-bottom: 30px;
}

@media (min-width: 768px) {
header .intro-text {
	padding-top: 300px;
	padding-bottom: 200px;
}
}


/* ------------------------
    Social Media Bar
--------------------------*/
ul.socialmediabar {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.socialmediabar li {
	display: inline;
	margin: 0 1px;
}

.social {
	margin-bottom:10px;
}
/* ------------------------
      Breadcrumbs
--------------------------*/

.breadcrumb {
	font-size: 14px;
 background-color:#fff;
	padding-left:5px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}
.breadcrumb a {
 color:#2ba2e6;
}
.breadcrumb a:hover {
 color:#272926;
	/*color:#9fce67;*/
	text-decoration: none;
}
/*change active color*/
.breadcrumb > .active {
 color:#5B5A5A;
}
.breadcrumb > li + li:before {
	content: "\00BB";
	color: #b2b1b1;
}
/* ------------------------
      Nav 0
--------------------------*/


.nav0 {
	padding-left: 0;
	margin: 0px 0px 0px -5px;
	list-style: none;
	float: right;
}
.nav0 li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	z-index: 1000;
}
.nav0 li a {
	padding: 10px 7px;
	display: inline-block;
 color:#fff;
	font-size: 14px;
}
.nav0 li a:hover, .nav0 li a:focus, .nav0 li a:active {
 color:#FFFFFF;
	text-decoration: none;
}

.nav0 li a:visited {
	color:#272926;
}

.nav0 li.label-item {
 padding: 15px 17px;
 display: inline-block;
 color:#272926;
 font-size: 14px;
}




.nav0 li#account ul {
    position: absolute;
    width: inherit;
	background: #fff;
	padding: 0;
  	margin: 0;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 10em;
	z-index: 1000;
	 visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;

  }

  .nav0 li#account:hover ul {
	visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);

  }

  .nav0 li#account ul li {
    display: block;
	padding:0px;
  }

.nav0 li#account ul li a {
	color:#FFFFFF;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 15px;
}

.nav0 li#account ul li.label-item {
	color:#FFFFFF;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 15px;
}

.cart-count {
	color: #908D8D;
}
/* ------- Nav 1 theme ------ */


#nav1.sf-menu {
	float: left;
}
#nav1.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
 *width: 12em; /* no auto sub width for IE7, see white-space comment below */
	background: #fff;
}
ul#nav1.sf-menu li {
 background:#2ba2e6; /* Nav 2 background color */
 white-space: normal; /* ...unless you support IE7 (let it wrap) */
}
ul#nav1.sf-menu li:hover, ul#nav1.sf-menu li.sfHover {
 background:#2ba2e6;
/* only transition out, not in */

}
ul#nav1.sf-menu > li:hover > a, ul#nav1.sf-menu > li.sfHover > a {
 color:#272926; /* Hover text color */
}
/* Active Class */
ul#nav1.sf-menu li.active, ul#nav1.sf-menu li.active a {
 background:#2ba2e6;
 color:#272926;
}
/* Label Class */
#nav1.sf-menu li.label-item, #nav1.sf-menu li.label-item:hover {
 color:#FFFFFF;
 background:#2ba2e6; /* Nav 2 background color */
	padding: 10px 7px;
	border-top: 1px solid #E5E5E5;
}
#nav1.sf-menu a {
 color:#FFFFFF; /* Nav 2 text color */
	/* border-top: 1px solid #E5E5E5; */ /* - fallback color must use full shorthand */
	padding: 10px 7px;
	text-decoration: none;
	zoom: 1; /* IE7 */
	font-size: 14px;
}
ul#nav1.sf-menu a:hover {
 color: #272926;
}
/* Second level */
ul#nav1.sf-menu ul li, ul#nav1.sf-menu ul li.label-item, ul#nav1.sf-menu ul li.label-item:hover, ul#nav1.sf-menu ul li a {
	background: #fff;
	color: #676767;
}
ul#nav1.sf-menu ul li:hover, ul#nav1.sf-menu ul li a:hover, ul#nav1.sf-menu > li li:hover > a,		/* Color for parent selected item when go to submenu */ ul#nav1.sf-menu > li li.sfHover > a		/* Color for parent selected item when go to submenu */ {
 color: #272926;
 background:#2ba2e6;
	z-index: 1000;
}
/* Third Level */
ul#nav1.sf-menu ul ul li {
	color: #676767;
	background: #fff;
}
ul#nav1.sf-menu ul ul li:hover, ul#nav1.sf-menu ul ul li.sfHover {
 color:#272926;
 background:#2ba2e6;
}
/*** arrows (for all except IE7) **/
#nav1.sf-arrows .sf-with-ul {
	padding-right: 2.5em;/*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
ul#nav1.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
 border-top-color: #FFFFFF; /* edit this to suit design (no rgba in IE8) */
}
ul#nav1.sf-arrows > li > .sf-with-ul:focus:after, ul#nav1.sf-arrows > li:hover > .sf-with-ul:after, ul#nav1.sf-arrows > .sfHover > .sf-with-ul:after {
 border-top-color: #272926; /* IE8 fallback color */
}
/* ------------------------
      Nav 2
--------------------------*/

.navbar {
	margin: 0px;
}


.navbar-fixed-top {
	z-index: 999;
}

.navbar-default {
	/*background-color:transparent;*/
	margin-bottom: 0px;
	border: none;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}
.navbar-default .navbar-nav > li.label-item {
 color:#FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	line-height: 20px;
}
/* link */
.navbar-default .navbar-nav > li > a {
 color: #FFFFFF;
 background-color:transparent;
	text-transform: uppercase;
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
 background-color:#2ba2e6;
 color:#FFFFFF;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
 background-color:#2ba2e6;
 color:#FFFFFF;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
 background-color:#2ba2e6;
 color:#FFFFFF;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
 background-color:#2ba2e6;
 color:#FFFFFF;
}
/*Dropdown */

.navbar-default .dropdown-menu > li > a {
	display: block;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857;
	color: #333333;
	white-space: nowrap;
}
.navbar-default .dropdown-menu > li {
	border-top: 1px solid #efefef;
}
.navbar-default .dropdown-menu > li:first-child {
	border-top: 0px;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
 border-top-color: #FFFFFF;
 border-bottom-color: #FFFFFF;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
 border-top-color:  #FFFFFF; /* Dropdown icons for mobile */
 border-bottom-color:  #FFFFFF; /* Dropdown icons for mobile */
}
.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret {
 border-top-color: #FFFFFF; /* Dropdown icons for mobile */
 border-bottom-color: #FFFFFF; /* Dropdown icons for mobile */
}
/* mobile version */
.navbar-default .navbar-toggle {
 border-color: #2ba2e6;
 background-color:#2ba2e6;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
 border-color: #2ba2e6; /* Hover mobile toggle*/
 background-color:#2ba2e6; /* Hover mobile toggle */
}
.navbar-default .navbar-toggle .icon-bar {
 background-color:#FFFFFF;
}

@media (min-width: 768px) {
.navbar-default {
	background-color: transparent;
	padding: 15px 0;
	-webkit-transition: padding 0.3s;
	-moz-transition: padding 0.3s;
	transition: padding 0.3s;
	border: none;
}

.navbar-default .navbar-nav > .active > a {
	border-radius: 3px;
}


}
	@media only screen and (max-width : 768px) {
		.navbar-default .navbar-nav > li > a {
	color:#434343 !important;
	}
    }


/**** Affix Header Settings ****/

.navbar-default.affix {
 background-color: #ffffff;
	padding: 12px 0;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}


.navbar-default.affix .navbar-nav > li > a {
 	color: #1d1d1b;
	background-color:transparent;
}
.navbar-default.affix .navbar-nav > li > a:hover, .navbar-default.affix .navbar-nav > li > a:focus {
 background-color: #2ba2e6;
 color:#fff;
}
.navbar-default.affix .navbar-nav > .active > a, .navbar-default.affix .navbar-nav > .active > a:hover, .navbar-default.affix .navbar-nav > .active > a:focus {
  background-color: #2ba2e6;
 color:#272926;
}
.navbar-default.affix .navbar-nav > .open > a, .navbar-default.affix .navbar-nav > .open > a:hover, .navbar-default.affix .navbar-nav > .open > a:focus {
  background-color: #2ba2e6;
 color:#272926;
}
.navbar-default.affix .navbar-nav > .open > a, .navbar-default.affix .navbar-nav > .open > a:focus, .navbar-default.affix .navbar-nav > .open > a:hover {
   background-color: #2ba2e6;
 color:#272926;
}



/* caret */
.navbar-default.affix .navbar-nav > .dropdown > a .caret {
 border-top-color: #1d1d1b;
 border-bottom-color: #1d1d1b;
}
.navbar-default.affix .navbar-nav > .dropdown > a:hover .caret, .navbar-default.affix .navbar-nav > .dropdown > a:focus .caret {
 border-top-color:  #2ba2e6; /* Dropdown icons for mobile */
 border-bottom-color:  #2ba2e6; /* Dropdown icons for mobile */
}
.navbar-default.affix .navbar-nav > .open > a .caret, .navbar-default.affix .navbar-nav > .open > a:hover .caret, .navbar-default.affix .navbar-nav > .open > a:focus .caret {
 border-top-color: #2ba2e6; /* Dropdown icons for mobile */
 border-bottom-color: #2ba2e6; /* Dropdown icons for mobile */
}


/* navbar when fixed on top no scroll */
.affix-top {
	margin-top: 0px;
}


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
/* navbar when fixed on top no scroll */
.affix-top {
	margin-top: 40px;
}


}

 /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
	.affix-top {
	margin-top: 40px;
	}
}
/* Nav 2 (main navbar) Dropdowns */

.navbar-default .navbar-nav .dropdown-menu { /* drop down menu background color */
	background: #fff;
}
.navbar-default .navbar-nav .dropdown-menu > li > a { /* drop down menu text color */
	color: #676767;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:focus,  /* drop down menu hover text and background colors */ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {  /* drop down menu hover text and background colors (for clicked open) */
 color: #FFFFFF;
 background-color:#2ba2e6;
}
.navbar-default .dropdown-menu > li.label-item { /* Drop down menu label item */
	display: block;
	color: #676767;
	padding: 3px 20px 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857;
	white-space: nowrap;
}

@media all and (max-width:767px) { /* Drop down label item padding tweak for mobile */
.navbar-default .dropdown-menu > li.label-item {
	padding: 5px 15px 5px 25px;
}
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

/* drop on hover for large devices */
@media (min-width: 768px) {
#mainNav .dropdown:hover>.dropdown-menu {
	display: block;
}
}
 /* drop on hover for submenus */
#mainNav .dropdown-submenu:hover>.dropdown-menu {
	display: block;
}


.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

/* Fix navbar right with multi level */
.navbar-right .dropdown-menu {right:auto;}



/* Fix last li dropdown */
.navbar-right li:last-child .dropdown-submenu > .dropdown-menu {
	right: 100%;
}


.navbar-right > li:last-child .dropdown-menu {
left:auto;
right:0;
}

.navbar-right > li:last-child .dropdown-submenu > .dropdown-menu {
right:100%;
}



.affix-top .navbar-right {
   
    margin-top: 25px;
}


#top-menu-wrap {
	background:#2ba2e6;
	border-bottom: 0px;
	padding: 0px;
	top: 0;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

#top-menu-mobile {
	background:#2ba2e6;
}


   .pr-img{ height:200px; text-align:center; line-height:200px;}
    .pr-img img{ max-height:200px;} 






@media (max-width: 1200px) {
    .fluid {
        width: 98%; /*this gives it the precise width to match the Bootstrap defaults*/
    }
	
	
	
	.pr-img{ height:200px; text-align:center; line-height:200px;}
    .pr-img img{ max-height:200px;} 
	
	
	#nav1.sf-menu a {
   
    padding: 10px 5px;
 
}
	.nav0 .icon-only{ display:none;}
	
}



@media (max-width: 990px) {
	.pr-img{ height:160px; text-align:center; line-height:160px;}
    .pr-img img{ max-height:160px;} 
	

	
}

@media (max-width: 883px) {
	.pr-img{ height:160px; text-align:center; line-height:160px;}
    .pr-img img{ max-height:160px;} 
	
.nav0 li a {
    padding: 10px 3px;	
}

}
@media (max-width: 680px) {
	.pr-img{ height:140px; text-align:center; line-height:140px;}
    .pr-img img{ max-height:140px;} 
	
}


@media (max-width: 480px) {
	.pr-img{ height:auto; text-align:center; line-height:normal;}
      .pr-img img{ max-height:none;} 
	
}


/* ------------------------
      Sidebar
--------------------------*/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
/* ------- Nav 3 theme ------ */

#nav3.sf-menu li.header h3 {
 color:  #FFFFFF;
 background:#2ba2e6;
	padding: .50em 1.5em .50em 1em;
	font-size: 20px;
	margin: 0px;
}
#nav3.sf-menu li.title {
 color:#FFFFFF;
 background:#2ba2e6;
	padding: .50em 1.5em .50em 1em;
}
#nav3.sf-menu li.title:hover {
	/*Use same tag as above */
	color:#FFFFFF;
 background:#2ba2e6;
}
/* Label Class */
#nav3.sf-menu li.label-item {
 color:#000000;
 background:#FFFFFF;
	padding: .50em 1.5em .50em 1em;
	border-top: 1px solid #E5E5E5;
}
#nav3.sf-menu li.label-item:hover {
 color:#000000;
 background:#FFFFFF;
}
#nav3.sf-menu li.spacer {
	background: none;
	padding: .50em 1.5em .50em 1em;
}
#nav3.sf-menu li.spacer:hover {
	background: none;
	padding: .50em 1.5em .50em 1em;
}
/* --  -- */

#nav3.sf-menu {
	float: left;
	margin-bottom: 1em;
}
#nav3.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
 *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
ul#nav3.sf-menu li {
 background:#FFFFFF;
 white-space: normal; /* ...unless you support IE7 (let it wrap) */
/*-webkit-transition: background .2s;
	transition: background .2s; */
}
ul#nav3.sf-menu li:hover, ul#nav3.sf-menu li.sfHover {
 background:#060614;
/* only transition out, not in */
	/*-webkit-transition: none;
	transition: none;*/
}

ul#nav3.sf-menu li:hover .submen::after {
    border-left-color: #fff;
}

ul#nav3.sf-menu > li:hover > a, ul#nav3.sf-menu > li.sfHover > a {
 color:#FFFFFF; /* Hover text color */
}
/* Active Class */
ul#nav3.sf-menu li.active, ul#nav3.sf-menu li.active a {
 color:#FFFFFF;
 background:#060614;
}
#nav3.sf-menu a {
 color:#000000; /* Nav 3 text color */
	border-top: 1px solid #E5E5E5; /* fallback color must use full shorthand */
	padding: .50em 1.5em .50em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
ul#nav3.sf-menu a:hover {
 color: #FFFFFF;
}
/* second level */
ul#nav3.sf-menu ul li, ul#nav3.sf-menu ul li.label-item, ul#nav3.sf-menu ul li.label-item:hover, ul#nav3.sf-menu ul li a {
	background: #fff;
	color: #676767;
}
ul#nav3.sf-menu ul li:hover, ul#nav3.sf-menu ul li a:hover, ul#nav3.sf-menu > li li:hover > a,		/* Color for parent selected item when go to submenu */ ul#nav3.sf-menu > li li.sfHover > a		/* Color for parent selected item when go to submenu */ {
 color: #FFFFFF;
 background:#000000;
}
/* Third Level */
ul#nav3.sf-menu ul ul li {
	color: #676767;
	background: #fff;
}
ul#nav3.sf-menu ul ul li:hover, ul#nav3.sf-menu ul ul li.sfHover {
 color:#FFFFFF;
 background:#000000;
}
/* Dynamic Arrows */

/*** alter arrow directions ***/
ul#nav3.sf-vertical.sf-arrows > li > .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
 border-left-color:#000000; /* edit this to suit design (no rgba in IE8) */
}
ul#nav3.sf-vertical.sf-arrows li > .sf-with-ul:focus:after, ul#nav3.sf-vertical.sf-arrows li:hover > .sf-with-ul:after, ul#nav3.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
	border-left-color: #676767;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
 *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #fff; /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback color */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #676767; /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #676767;
}
/* Vertical */

.sf-vertical {
	width: 100%;
}
.sf-vertical ul {
	left: 100%;
	top: 0;
}
.sf-vertical > li {
	float: none;
}
.sf-vertical li {
	width: 100%;
}
#mobile-nav {
 background:#FFFFFF;
	padding: 10px;
}
/* ------------------------
      Nav 4
--------------------------*/

ul.nav4 {
	list-style-type: none;
	padding: 0px;
}
ul.nav4 li.title {
	font-weight: bold;
	display: block;
	padding: 2px 0px 2px 0px;
 color:#2ba2e6;
	/*color:#fff;*/
	font-size: 16px;
}
ul.nav4 li.label-item {
	display: block;
	padding: 2px 0px 2px 0px;
 color:#FFFFFF;
	font-size: 13px;
}
ul.nav4 li.spacer {
	display: block;
	height: 14px;
}
ul.nav4 li {
	border-top: none;/*border-top:1px solid #fff */ /* if users want lines between links */
}
ul.nav4 li:first-child {
	border-top: none; /* remove first menu top border */
}
ul.nav4 li a {
	text-decoration: none;
	display: block;
	padding: 2px 0px 2px 0px;
 color:#FFFFFF;
	font-size: 13px;
}
ul.nav4 li a:hover {
 color:#2ba2e6;
}

/* ------------------------
   Filter Nav
--------------------------*/

#filter-sidebar .show-more {
	border:1px solid #ddd;
	padding:5px;
	text-transform: uppercase;
	font-size:12px;
	color: #666;
	outline: 0;
	text-decoration: none;
}

#filter-sidebar #enabledFilters ul{
	list-style-type: none;
	padding:10px 10px 0px 0px;
}

#filter-sidebar .remove-filter{
	float:right;
	color:#666666;
}

#filter-sidebar .panel{
	box-shadow: none;
}

#filter-sidebar .panel-body {
	max-height: 300px;
	overflow: auto;
	padding:0px;
	border:0px;
}

#filter-sidebar #priceRange .panel-body {
	overflow: visible;
	padding:10px 0px;
}

#filter-sidebar .panel-heading {
	border-bottom:1px solid #ddd;
	padding-left:0px;
}

#filter-sidebar .panel-heading a {
	text-decoration: none;
	color:#000;
	outline: 0;
}

#filter-sidebar .panel-collapse {
	border:0;
}

.filter-sidebar {

  margin-bottom: 25px;

}

.filter-sidebar ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.filter-sidebar ul li {

  position: relative;

  margin-bottom: 3px;

}

.filter-sidebar ul li a.remove-filter {

  position: absolute;

  top: 0;

  right: 0;

  color: #aaa;

}

.filter-sidebar .price-range {

  overflow: hidden;

  margin-top: 5px;

  padding: 3px 0;

}

.filter-sidebar .title
{
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #e5e5e5;
	font-size: 18px;
}


.filter-sidebar ul.filter-list a.title {
	border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #e5e5e5;
	font-size: 18px;
	display: block;
}


.filter-sidebar .toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.filter-sidebar .toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}




/* ------------------------
   Quick Search Bar
--------------------------*/

.quicksearch {
// background:#b2b1b1;
// padding:10px;
}
.quicksearch .btn-default {
 background:#2ba2e6;
	color: #fff;
 border:solid 1px #2ba2e6;
}

@media (max-width: 767px) {
	
	
	
	.carousel-caption .btn {
    padding: 6px 16px;
    
}


	
.quicksearch {
	background: none;
	padding: 0px 10px 10px 10px;
	margin: 0px;
}
}
.quicksearch a {
	/*color:#fff;*/
	 color:#2ba2e6;
	text-decoration: none;
	float: left;
	margin-top: 2px;
	margin-left: 20px;
}



.flexslider {
	background: none;
	border: 0px;
}
/* ------------------------
     Product Carousel
--------------------------*/

#pcarousel-container {
 background-color: #ffffff;
//background-image:url('..//');
//background-size:100% 100%;
//background-repeat: repeat;
//background-position: left top;
//background-attachment: fixed;
//background-size:cover;
padding: 30px 0px;
}
h2.product-title-bar {
 background:#ffffff;
	padding: 5px 10px 5px 10px;
 color:#808080;
	text-align: center;
}
#product-carousel {
	padding: 0px 20px;
}
#product-carousel .item {
	text-align: center;
	background: #fff;
	padding: 20px;
	margin: 0px 5px;
}
#product-carousel .item a {
	text-decoration: none;
	color: #000;
	font-weight: 600;
	font-size: 15px;
	line-height: 20px;

	
	
}
.slide-pic-container {
	width: 145px;
	height: 145px;
	display: table-cell;
	vertical-align: middle;
}
.slide-caption {
	padding-top: 10px;
}
.flexslider {
	background: none;
	border: 0px;
}


/* ------------------------
    Similar Carousel
--------------------------*/

#similar-container {
padding: 30px 30px;
}

#similar-carousel {
	padding: 0px 20px;
}
#similar-carousel .item {
	text-align: center;
	background: #fff;
	padding: 20px;
	margin: 0px 5px;
}
#similar-carousel .item a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
}





/* ------------------------
    Newsletter Signup
--------------------------*/


#newsletter {
 background:#2ba2e6;
 color:#ffffff;
 //background-size:100% 100%;
background-repeat: no-repeat;
background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
//background-attachment: fixed;
//background-size:cover;
	padding: 30px 0px;
	text-align: center;
}
#newsletter .title {
	font-size: 20px;
	font-weight: bold;
}
/* ------------------------
	Video
--------------------------*/

#featured-video {
	text-align: center;
}
#featured-video .inner {
	background: #fff;
	border: 1px solid #ddd;
	padding: 20px 20px 20px 20px;
}


.video {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* ------------------------
      Featured Item
--------------------------*/

#featured-item {
	text-align: center;
}
#featured-item .inner {
	background: #fff;
	border: 1px solid #ddd;
	padding: 20px 20px 20px 20px;
}
#featured-item img {
	margin: 0 auto;
}
#featured-item a {
	text-decoration-line: none;
	text-decoration-style: solid;
	color: #000000;
	font-weight: bold;
}
#featured-item p {
	font-size: 12px;
}
/* ------------------------
    Homepage Links
--------------------------*/


#tlinks-container, #blinks-container {
	padding: 30px 0px 30px 0px;
}
#tlinks-container {
 background-color: #ffffff;
//background-image:url('..//');
//background-size:100% 100%;
//background-repeat: repeat;
//background-position: left top;
//background-attachment: fixed;
//background-size:cover;
}
#blinks-container {
 background-color: #ffffff;
//background-image:url('..//');
//background-size:100% 100%;
//background-repeat: repeat;
//background-position: left top;
//background-attachment: fixed;
//background-size:cover;
}
.link-container {
	margin: 20px 0px 0px 0px;
}
.link-item {
	text-align: center;
}
.link-item img {
	margin: 0 auto;
	padding-bottom: 5px;
}
.link-wrap-1 .link-item {
	text-align: center;
	float: left;
	margin: auto;
	width: 100%;
	margin-bottom: 15px;
}
.link-wrap-2 .link-item {
	text-align: center;
	float: left;
	margin: auto;
	width: 50%;
	margin-bottom: 15px;
}
.link-wrap-3 .link-item {
	text-align: center;
	float: left;
	margin: auto;
	width: 33%;
	margin-bottom: 15px;
}
.link-wrap-4 .link-item {
	text-align: center;
	float: left;
	margin: auto;
	width: 25%;
	margin-bottom: 15px;
}

@media only screen and (max-width : 480px) {
.link-wrap-3 .link-item {
	text-align: center;
	float: left;
	margin: auto;
	width: 50%;
	margin-bottom: 15px;
}
.link-wrap-4 .link-item {
	text-align: center;
	float: left;
	margin: auto;
	width: 50%;
	margin-bottom: 15px;
}
}
/* ------------------------
  Signature Stores
--------------------------*/

#sigstores-container {
	padding: 30px 0px;
 background-color: #ffffff;
//background-image:url('..//');
//background-size:100% 100%;
//background-repeat: repeat;
//background-position: left top;
//background-attachment: fixed;
//background-size:cover;
}

#signature {
	padding: 0px 20px;
	text-align: center;
}

#sigstores-container h2 {
  color:#2ba2e6;
	text-align: center;
}

#signatureCarousel .item {
	background: #fff;
	padding: 20px;
	margin: 0px 5px;
}
#signatureCarousel .item img {
	margin: auto;
}
#signatureCarousel .item a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}
#signatureCarousel {
	margin-top: 20px;
}



/* ------------------------
  Signature Collections
--------------------------*/


#sigCollections-container {
	padding: 0px 0px 0px 0px;
 background-color: #ffffff;
//background-image:url('..//');
//background-size:100% 100%;
//background-repeat: repeat;
//background-position: left top;
//background-attachment: fixed;
//background-size:cover;
}


#sigCollections-container h2 {
  color:#2ba2e6;
	text-align: center;
	margin: 30px 0px 30px 0px;
}






/* ------------------------
       Footer
--------------------------*/

#footer {
 background: #060614;
	padding: 20px 0px 20px 0px;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
 color:#2ba2e6;
}
#footer p {
 color: #FFFFFF;
}
#footer .block-left {
}
#footer #block-right {
	text-align: right;
}
#footer #block-right a {
 color:#FFFFFF;
}
#footer #block-right a:hover {
	color: #2ba2e6;
}
#additional-footer {
	margin-top: 20px;
}
#additional-links a {
 color: #FFFFFF;
}
#additional-links a:hover {
	color: #2ba2e6;
}
.copyright {
	font-size: 10px;
	line-height: 18px;
}
#footer .social {
	float: right;
}

@media (max-width: 767px) {
#footer #block-right {
	text-align: left;
}
#footer .social {
	float: none;
}
}
.credit-cards {
	margin-top: 20px;
}
#footer-map {
	background: #fff;
	padding: 5px;
	border: none;
	margin-top: 10px;
	float: right;
}

@media (max-width: 767px) {
#footer-map {
	background: #fff;
	padding: 5px;
	border: none;
	margin-top: 10px;
	float: left;
}
}
/* ------------------------
 Other Home Page Elements
--------------------------*/

#home-content-top {
	padding: 30px 0px 0px;
 background-color: #ffffff;
//background-image:url('..//');
//background-size:100% 100%;
//background-repeat: repeat;
//background-position: left top;
//background-attachment: fixed;
//background-size:cover;
}
#home-content-bottom {
	padding: 30px 0px;
 background-color: #ffffff;
//background-image:url('..//');
//background-size:100% 100%;
//background-repeat: repeat;
//background-position: left top;
//background-attachment: fixed;
//background-size:cover;
}
#poweredby {
	padding-right: 30px;
}
.signin-links {
	margin-top: 20px;
}
#hitcounter {
	margin-top: 20px;
	bottom: 5px;
	float: left;
	width: 100px;
}
#cclogos {
	margin-top: 20px;
	bottom: 5px;
	text-align: center;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
#adminbutton {
	margin-top: 20px;
	float: right;
	bottom: 5px;
	width: 100px;
	text-align: right;
}
/* ------------------------
	Contact Us
--------------------------*/

.office-location {
	margin-top: 30px;
}
.office-title {
 color:#FFFFFF;
 background:#0000FF;
	font-size: 20px;
	padding: 5px;
	margin-bottom: 20px;
}
.office-header {
	border-bottom: 1px dotted #D5D5D5;
	font-size: 18px;
	padding-bottom: 5px;
}
.map {
	margin-top: 20px;
	border: 1px solid #D7D7D7;
}
.profile-bio {
	border-top: 2px dotted #E5E4E4;
	padding-top: 10px;
	margin-top: 10px;
}
/* Flexible iFrame */

.Flexible-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ------------------------
 	News & Events
--------------------------*/
.news-event {
 border-bottom: 1px solid #D3D3D3;
	margin-bottom: 20px;
	padding: 20px 0px 20px 0px;
}
.event-title {
 color:#2ba2e6;
	margin-top: 0px;
}
.event-time {
	color: #A6A2A2;
}
.event-description {
}
.news-event img {
	margin: 0 auto;
}
/* ------------------------
 	Specials
--------------------------*/


.special {
 border-bottom: 1px solid #A52A2A;
	margin-bottom: 20px;
	padding: 20px 0px 20px 0px;
}
.special-title {
 color:#2ba2e6;
	margin-top: 0px;
}
.special-time {
	color: #A6A2A2;
}
.special-description {
}
.special img {
	margin: 0 auto;
}
/* ------------------------
  Testimonials
--------------------------*/

.quote {
	float: left;
	padding-right: 10px;
}
.testimonial {
	border-bottom: 1px dotted #BFBFBF;
	padding: 20px 0px 20px 0px;
}
.testimonial li.author {
	font-style: italic;
}
.testimonial li.author::before {
	content: "- ";
}
.testimonial li.company {
	color: #969696;
}
.testimonial li.date {
	color: #969696;
	font-size: 12px;
}
.testimonial li.email {
	font-size: 12px;
}
/* ------------------------
 	Links Page
--------------------------*/

#links-header-txt {
	margin-bottom: 40px;
	margin-right: 20px;
}
a.link-title {
	font-weight: bold;
}
.link-description {
	color: #6B6A6A;
}
hr.link-separator {
 border-top-color: #000000;
}
/* ------------------------
 Blog
--------------------------*/

.blog-post {
	margin-bottom: 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #efefef; text-align:justify;
}
.featured-img {
	margin-bottom: 20px;
}
.blog-title {
	margin-bottom: 20px;
}
.blog-date {
	color: #5B5B5B;
	font-size: 14px;
}
.blog-desc {
	margin-bottom: 30px; text-align:justify;
}

.blog-thumb {
	display: inline-block;
	height: auto;
	max-width: 100%;
}

ul#blog-tags {
	font-size: 14px;
	color: #5B5B5B;
}
ul.recent-blog-list {
	padding: 0px;
	list-style-type: none;
	margin-top: 15px;
}
ul.recent-blog-list li {
	margin-bottom: 15px;
}
ul.recent-blog-list h4 {
	margin-top: 0px;
	font-size: 20px;
}
.nav-blog.sf-menu li.header h3 {
 color:  #FFFFFF;
 background:#2ba2e6;
	padding: .50em 1.5em .50em 1em;
	font-size: 20px;
	margin: 0px;
}
.nav-blog.sf-menu li.title {
 color:#FFFFFF;
 background:#2ba2e6;
	padding: .50em 1.5em .50em 1em;
}
.nav-blog.sf-menu li.title:hover {
	/*Use same tag as above */
	color:#FFFFFF;
 background:#2ba2e6;
}
/* Label Class */
.nav-blog.sf-menu li.label-item {
 color:#000000;
 background:#FFFFFF;
	padding: .50em 1.5em .50em 1em;
	border-top: 1px solid #E5E5E5;
}
.nav-blog.sf-menu li.label-item:hover {
 color:#000000;
 background:#FFFFFF;
}
.nav-blog.sf-menu li.spacer {
	background: none;
	padding: .50em 1.5em .50em 1em;
}
.nav-blog.sf-menu li.spacer:hover {
	background: none;
	padding: .50em 1.5em .50em 1em;
}
/* --  -- */

.nav-blog.sf-menu {
	float: left;
	margin-bottom: 1em;
}
.nav-blog.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
 *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
ul.nav-blog.sf-menu li {
 background:#FFFFFF;
 white-space: normal; /* ...unless you support IE7 (let it wrap) */
/*-webkit-transition: background .2s;
	transition: background .2s; */
}
ul.nav-blog.sf-menu li:hover, ul.nav-blog.sf-menu li.sfHover {
 background:#000000;
/* only transition out, not in */
	/*-webkit-transition: none;
	transition: none;*/
}
ul.nav-blog.sf-menu > li:hover > a, ul.nav-blog.sf-menu > li.sfHover > a {
 color:#FFFFFF; /* Hover text color */
}
/* Active Class */
ul.nav-blog.sf-menu li.active, ul.nav-blog.sf-menu li.active a {
 color:#FFFFFF;
 background:#000000;
}
.nav-blog.sf-menu a {
 color:#000000; /* Nav 3 text color */
	border-top: 1px solid #E5E5E5; /* fallback color must use full shorthand */
	padding: .50em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
ul.nav-blog.sf-menu a:hover {
 color: #FFFFFF;
}
/* ------------------------
     Layout Sections
--------------------------*/

#main-content {
	margin-top: 20px;
}
.page {
	background: #fff;
	padding-bottom: 30px;
}
.section {
	margin-bottom: 20px;
}
.fill {
	background: #f9f9f9;
}
/* -----------------------
	Layout Assist
-------------------------*/

.clear {
	clear: both;
}
.remove-pad {
	padding: 0 !important;
	margin: 0 !important;
}
.table-none th, .table-none td {
	border-top: none !important;
}
.top10 {
	margin-top: 10px;
}
.top20 {
	margin-top: 20px;
}
.top30 {
	margin-top: 30px;
}
/* remove spacing between middle columns */
.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) {
	padding-right: 0;
	padding-left: 0;
}
/* remove right padding from first column */
.row.no-gutter [class*='col-']:first-child {
	padding-right: 0;
}
/* remove left padding from first column */
.row.no-gutter [class*='col-']:last-child {
	padding-left: 0;
}
.row-centered {
	text-align: center;
}
.col-centered {
	display: inline-block;
	float: none;
	/* inline-block space fix */
	margin-right: -4px;
}

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




#nav2.sf-menu {
	text-align: center;
	float: none;
}
#nav2.sf-menu li {
	text-align: center;
	display: inline-block;
	float: none;
}
#nav2.sf-menu ul {
	text-align: center;
	max-width: 12.5rem;
}
#nav2.sf-menu ul li {
	width: 100%;
	display: block;
}
.social {
	float: none;
}
}

/*------------------
	Media Queries
-------------------*/

/* iPhone Retina */
@media only screen and (min-width : 280px) {

.navbar-default .navbar-brand,
.navbar-default .navbar-brand img {
	max-height: 40px;
	-webkit-transition: width 2s;
	transition: width 2s;
}


.carousel .item {
	height: 500px;
}
.carousel-caption h1 {
	font-size: 35px;
	color: #fff;
}
.carousel-caption .btn {
	margin-top: 15px;
}


}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

.navbar-default .navbar-brand,
.navbar-default .navbar-brand img {
	max-height: 70px;
	-webkit-transition: width 2s;
	transition: width 2s;
	padding:0px;
}
/* fixed nav */


.navbar-default.affix .navbar-brand,
.navbar-default.affix .navbar-brand img {
	height: 50px;
	padding:0px;
	-webkit-transition: width 2s;
	transition: width 2s;

}

.carousel .item {
	height: 550px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.navbar-default .navbar-brand,
.navbar-default .navbar-brand img {
	max-height: 140px;
}


/* fixed nav */
.navbar-default.affix .navbar-brand,
.navbar-default.affix .navbar-brand img {
	height: 60px;
	-webkit-transition: width 2s;
	transition: width 2s;
}
.carousel .item {
	height: 700px;
}
.carousel-caption h1 {
	font-size: 60px;
	color: #fff;
}
.carousel-caption .btn {
	margin-top: 30px;
}
}




/* NAVBAR SEARCH */

.searchBox {
	position: relative;
}


.searchBox .dropdown-menu {
	padding: 10px 15px;
	left: auto !important;
	right: 0px !important;
	background: rgba(0, 0, 0, 0.4);
	border:0;
	border-radius: 0;
	z-index: 9999;
}

@media (max-width: 479px) {
.searchBox .dropdown-menu {
	left: 0 !important;
	right: 0 !important;
	width: 300px;
}
}

@media (min-width: 480px) {
.searchBox .dropdown-menu {
	width: 600px;

}
}
.searchBox .dropdown-menu li {
	line-height: 0;
	width: 100%;
}
.searchBox .input-group {
	width: 100%;
	position: relative;
}
.searchBox .input-group .form-control {
	box-shadow: none;
	border-radius: 0;
}


@media (max-width: 767px) /* @grid-float-breakpoint -1 */
{
    .navbar-fixed-top
    {
    position: relative;
    top: auto;

    }


}

@media only screen and (max-width : 1005px) {
		.icon-only {
		display:none;
		}

		.nav0 > li,
		.nav0 > li > a {
			margin-left:5px;
		}

		.navbar-default .navbar-nav > li > a {
	font-size: 14px;


    }
}


#msearch {
	padding:10px 10px 0px 10px;
	margin:0px;
	background:#fff;
}




/* ------- Mega Layout -------------------- */

.sig-theme-mega {
  display: flex;
}
.sig-theme-mega .featured {
	position: relative;
  flex: 2;
}

.sig-theme-mega .aside {
	position: relative;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}

.aside .nested {
	flex: 100%;
	position: relative;
}

/*.aside .nested:nth-child(1),
.aside .nested:nth-child(2) {
	flex: 100%;
} */



.sig-theme-mega img {
  width: 100%;
  height: auto;
}

.sig-theme-mega h3 {
	position: absolute;
    bottom: 0px;
    left: 0px;
	padding:20px;
	font-size: 36px;
	font-weight: 700;
	width: 80%;
	color:#fff;
	margin: 0;
	width: 100%;
	background: rgb(159, 206, 103, 0.5)
}


/* ---------- LIVE-CHAT ---------- */

/* Small button, before user sees full chat */

#live-chat-btn {
	bottom: 0;
	font-size: 12px;
	right: 24px;
	position: fixed;
	width: 160px;
	background: #272926;
	border-radius: 5px 5px 0 0;
	color: #2ba2e6;
	cursor: pointer;
	padding: 10px 24px;
	text-align: center;
}

#live-chat-btn.theme-round {
	bottom: 10px;
	font-size: 20px;
	right: 24px;
	position: fixed;
	width:50px;
	height: 50px;
	border-radius: 50%;
	cursor: pointer;
	padding: 10px;
}

#live-chat-btn.theme-round .chat-label {
	display: none;
}

/* header once users sees the full chat */

#live-chat header {
	background: #272926;
	border-radius: 5px 5px 0 0;
	color: #fff;
	cursor: pointer;
	padding: 10px 24px;
	position: relative;

}

#live-chat header .closeChat {
	position: absolute;
	top:15px;
	right:20px;
	color:#fff;
}

#live-chat-btn p, #live-chat header p  {
	margin: 0px;
}

/*
#live-chat-btn p:before {
	background: #1a8a34;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 8px;
	margin: 0 8px 0 0;
	width: 8px;
}*/

#chat-wait {
	text-align: center;
	padding:8px;
}


#chat-intro {
	text-align: center;
	padding: 8px 24px;
}

#chat-intro form {
	margin-top:10px;
}

#live-chat-btn.clicked {
	display: none;
}

#live-chat {
	bottom: 0;
	font-size: 12px;
	right: 24px;
	position: fixed;
	width: 300px;
	min-height: 150px;

}

#live-chat #chat-post-message textarea {
	border-radius: 0;
	margin-top:8px;
	border-left:0;
	border-right:0;
}

#chat-messagethread {
	max-height: 300px;
	overflow-y: scroll;
}


.chat {
	border:1px solid #D0D0D0;
}





/*#live-chat h4:before {
//	background: #1a8a34;
//	border-radius: 50%;
//	content: "";
//	display: inline-block;
//	height: 8px;
//	margin: 0 8px 0 0;
//	width: 8px;
}*/

#live-chat h4 {
	font-size: 12px;
}

#live-chat h5 {
	font-size: 10px;
}

#live-chat form#chat {
	padding: 24px;
}

#live-chat form#chat input[type="text"] {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px;
	outline: none;
	width: 234px;
}

.chat-message-counter {
	background: #e62727;
	border: 1px solid #fff;
	border-radius: 50%;
	display: none;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	left: 0;
	line-height: 28px;
	margin: -15px 0 0 -15px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 28px;
}

.chat-close {
	background: #1b2126;
	border-radius: 50%;
	color: #fff;
	display: block;
	float: right;
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	margin: 2px 0 0 0;
	text-align: center;
	width: 16px;
	display: none;
}

.chat {
	background: #fff;
}

.chat-history {
	padding: 0px 24px 0px 24px;

}

.chat-history hr {
	margin-top:5px;
	margin-bottom:5px;
}


.chat-message {
	margin: 0px;
}

.chat-message img {
	border-radius: 50%;
	float: left;
}

.chat-message-content {
	margin-left: 56px;
}

.chat-time {
	float: right;
	font-size: 10px;
}

.chat-feedback {
	font-style: italic;
	margin: 0 0 0 80px;
}


.product-title-bar{ color:#000; text-align:center; font-weight:600; margin-bottom:18px; font-size:30px;}




/* ------------------------
 Product Search page
--------------------------*/

/* Set the category dropdown to use the same highlight color as the button color on the site) */
.select2-container--default .select2-results__option--highlighted[aria-selected]
{
	background:#272926;
	color:#FFFFFF;
}

/* ------------------------
 Product Detail
--------------------------*/


#thumbCarousel-container {
	padding:0px 30px 0px 30px;
}


#product-img-controls {
	text-align:center;
}

table#order-grid td {
	padding:10px 10px 10px 0px;
}

ul#share-block {
	font-size:14px;
}


#order-options .btn {
		margin-bottom:10px;
	}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	#order-options .btn {
		width:100%;
		display:block;
		margin-bottom:10px;
	}
}


/* Product Reviews */

.product-reviews .fa-star{
	color:#ddd;
}


.product-reviews .fa-star.active{
	color:rgba(236,194,48,1.00);
}


.review {
	margin-bottom:20px;
}

.review .author::before {
  content: url(..//);
	margin-right:10px;
	vertical-align: -50%;
}

.review .subject {
	font-weight: 600;
}

.review .timestamp {
	font-size: 12px;
	color:#7C7C7C;
}

.reviewCount {
	text-decoration: none;
	font-size: 14px;
}

.btn-review {
	margin-bottom:20px;
}


/* buttons below product details image */
.btn-white {
	background:#fff;
	color:#000;
	border:1px solid #fff;
}

.btn-white:hover,.btn-white:focus, .btn-white:visited {
	background:#efefef;
	color:#000;
}


a.accordion-toggle {
  display: block;
  padding: 10px  15px;
}


#price-grid {
	color: inherit; /* text color in price/qty table */
}

#price-qty-row {
	background:#efefef;	/* backgroud color of qty price grid  */
}

.product-accordian .panel-heading {
	padding:0px;
}


#product-detail {
	text-align:center;
	margin-bottom:20px;
}

#product-nav {
	margin-top:10px;
}


#product-nav a {
	font-size:12px;
	color:#666;
}

#product-controls {
	margin-top:10px;
}


#product-controls a {
	font-size:12px;
	color:#666;
}


#product-img img {
	margin:0 auto;
}


.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}


.detail-title
{
  font-size: 16px;
  font-weight: 600;
}


#product-detail-controls {
	margin-top:10px;
	text-align:left;
}


.form-search .combobox-container,
.form-inline .combobox-container {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
}
.form-search .combobox-container .input-group-addon,
.form-inline .combobox-container .input-group-addon {
  width: auto;
}
.combobox-selected .caret {
  display: none;
}
/* :not doesn't work in IE8 */
.combobox-container:not(.combobox-selected) .glyphicon-remove {
  display: none;
}
.typeahead-long {
  max-height: 300px;
  overflow-y: auto;
}
.control-group.error .combobox-container .add-on {
  color: #B94A48;
  border-color: #B94A48;
}
.control-group.error .combobox-container .caret {
  border-top-color: #B94A48;
}
.control-group.warning .combobox-container .add-on {
  color: #C09853;
  border-color: #C09853;
}
.control-group.warning .combobox-container .caret {
  border-top-color: #C09853;
}
.control-group.success .combobox-container .add-on {
  color: #468847;
  border-color: #468847;
}
.control-group.success .combobox-container .caret {
  border-top-color: #468847;
}

@media only screen and (max-width : 695px) {
.hidden-vds-mobile {
	display:none;
}
}


/*#related-products {
	border:#ddd;
	padding:20px;
}*/

/* ------------------------
    Similar Carousel
--------------------------*/

#similar-container {
padding: 30px 30px;
}

#similar-carousel {
	padding: 0px 20px;
}
#similar-carousel .item {
	text-align: center;
	background: #fff;
	padding: 20px;
	margin: 0px 5px;
}
#similar-carousel .item a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
}



.alert.alert-price-msg {
	background:#efefef;
	border:1px solid #ededed;
	color:#000;
	padding:10px;
	display:inline-block;
	font-size:14px;
	border-radius:0;
}


.alert-compliance {
	border:1px solid #A3A3A3;
	padding:10px;
}

.alert-compliance p {
	margin:0px;
}

.alert-compliance .msg {
	margin-top: 0px;
  margin-left: 23px;
}



.warning-icon {
  background: url("..//") no-repeat;
  width: 16px;
  height:16px;
	margin-top:3px;
  float: left;
  position: relative;
  top: 0px;
}




iframe#emailprod-iframe {
	border:0px;
	width:100%;
	height:550px;
	overflow-x: hidden;
}

iframe#emailshare-iframe {
	border:0px;
	width:100%;
	height:440px;
	overflow-x: hidden;
}



/* ------------------------
 Product List
--------------------------*/

/* Controls - filters */


.btn-control {
	background:none;
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
	color:#000;

}

.btn-control.grid {
	margin-left:10px;

}

.btn-control:hover {
	color: #868686;
	background: none;

}

.pr-list-filters .control-label {
	font-size:12px;
}


#list-controls .btn {
	padding:5px;
}

.filter-qty {
	color:#BCBCBC;
}


.pr-showing {
	text-align:right;
	font-size:12px;
}

ul.pagination.sigstores {
	margin:0px;
	float:none;
}

ul.pagination {
	margin:0px;
	margin-left:auto; margin-right:auto; margin-top:25px;
}


ul.pagination li a { margin-right:10px;}
.pagenav{margin-top:10px;}
	
	
ul.pagination li a {
	color:#000;
}

ul.pagination li a:hover {
	color:#000;
	background:#eee;
}

ul.pagination li.active a {
	color:#000;
	background:#DDDDDD;
	border:1px solid #DDD;
}

ul.pagination li.active a:hover, ul.pagination li.active a:focus, ul.pagination li.active a:visited {
	color:#000;
	background:#eee;
	border:1px solid #DDD;
}

ul.per-page {
	margin:0px;
	padding:0px;
}

ul.per-page li {
	display:inline-block;
	border-left:1px solid #efefef;
}

ul.per-page li:first-child {
	border-left:none;
}

ul.per-page li a {
		padding:0px 5px 0px 5px;
		font-size:12px;
		color:#999;
}

ul.per-page li a:hover {
		padding:0px 5px 0px 5px;
		font-size:12px;
		color:#000;
}

ul.per-page li.active a {
		color:#000;
}

.pr-list-grid {
//	border:1px solid #E8E8E8; /* change product border color */
	background:#fff;

	text-align:center;
//	margin-bottom:20px;
}

.pr-list-grid:hover {
	cursor: pointer;
//	color:#149FEC;
//	box-shadow: 2px 2px #CFCFCF;
//    -moz-transition: all .2s ease-in;
//    -webkit-transition: all .2s ease-in;
//    -o-transition: all .2s ease-in;
//    transition: all .2s ease-in;
}

.pr-list-grid img {
	margin:0 auto; padding:20px 12px 20px;
}



.pr-products{ border-top: 1px solid #F4F4F4; padding:10px 12px;}

.pr-number {
	font-size:14px;
	font-weight:300;
	line-height:16px;
	color:#464646;
	margin-top:20px;
	margin-bottom:5px;

}

.pr-name {
	font-size:14px;
	font-weight:700;
	line-height:16px;
	margin-top:0px;
	color:#000; 
	text-align:left;
}

.pr-price {
	font-size:12px;
	color:#464646;
}

/* New Product Grid Layout */

.thumbnail-list {
  list-style:none;
  margin:0;
  padding:0;
  font-size:0;
}

.thumbnail-list li a {
//	color:#000;
 
}

.thumbnail-list li
{
display:inline-block;
vertical-align:top;
width:30%;
padding:0;

background-color: #FFF;
margin-right:3.2%; margin-bottom:3.2%;
border: 1px solid #efefef;
}
.pr-number{text-align:left;}
.pr-name{}

.uruncerceve{border: 1px solid #F4F4F4; display:inline-block; margin:10px;}








/* -- Added css for new look --  */
.pr-list-item {
	border:1px solid #E8E8E8; /* change product border color */
	padding:10px;
	margin-bottom:20px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.pr-list-item:hover {
	cursor: pointer;
	box-shadow: 1px 3px #B1B1B1;
	/* Firefox */
    -moz-transition: all .2s ease-in;
    /* WebKit */
    -webkit-transition: all .2s ease-in;
    /* Opera */
    -o-transition: all .2s ease-in;
    /* Standard */
    transition: all .2s ease-in;
}

/* -- End Added css for new look --  */

.pr-list-item p.pr-name{
	font-size:14px;
	font-weight:600;
	line-height:16px;
	display:block;
	padding-bottom:10px;
	color:#464646;
}

.pr-list-item .pr-description{
	font-size:12px;
	font-weight:300;
	line-height:18px;
	color:#464646;
}


.pr-list-item .pr-number {
	font-size:12px;
	font-weight:600;
}








.footer-title {
    font-size: 24px;
    font-weight: 600;
    color: #919699 !important;
    margin-bottom: 10px;
}




.bold{ font-weight:600;}
#footer a { color:#f1f1f1; line-height:29px; }
#footer .footer-top { border-bottom:1px solid #1d1d34; padding-bottom:8px; margin-bottom:5px; margin-top:10px; color:#dddddd;}
#footer .footer-top .footer-iletisim { float:left; width:30%; font-size:13px; line-height:18px; }
#footer .footer-top .icon { float:left; font-size:52px; margin-right:15px;   }
#footer .footer-top .icon i { float:left; }
#footer .footer-top .danisma-hatti { float:right; width:auto; text-align:right;  }
#footer .footer-top .danisma-hatti .icon i { font-size:58px; margin-top:5px;  }
#footer .footer-top .danisma-hatti .bilgi { color:#fff; font-size:16px; width:290px; }
#footer .footer-top .danisma-hatti .bilgi span { font-size:32px; line-height:1.1; color:#FFF; display:block; width:auto; }

#footer .footer-bottom {border-top:1px solid #1d1d34; padding-top:10px;}
#footer .footer-bottom .copy { float:left; color:#dddddd;  font-size:12px;}
#footer .footer-bottom .imza { float:right;color:#dddddd; font-size:12px; }

.zoomLens{ cursor:pointer;}

.flags{ color:#FFF;}
.flags a{ color:#FFF !important;}




.submen::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-top-color: #fff;
}

.submen::after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
        border-left-color: transparent;
    border-left-color: #000000;
}
.submen:hover::after{ border-left-color: #fff;}
#product-detail{
border: solid 1px #ddd;
padding: 10px;
}
.urundetay h1 ,.urundetay #product-controls{ margin-top:0px;}
.urundetay{ padding-left:50px;}

.urundetay .btn{
	width:100%; max-width:240px; margin-top:15px;
}



#to_top {
    bottom: 30px;
    display: none;
    position: fixed;
    right: 20px;
    z-index: 90;
    background-color: #2ba2e6;
    border-radius: 50%;
}
#to_top span {
    margin: 2px;
    width: 40px;
    height: 40px;
    background: url("../images/icon_gototop.png") no-repeat scroll center center transparent;
    border: 1px solid #fff;
    display: block;
    border-radius: 50%;
}




   .sticky-actions { display:none;}
   
   

   
   .fotkategori{margin-top:25px;}
      .mobilonly{ display:none;}
   
   
   
	  
	  

	  @media only screen and (max-width: 993px){
	  	 .sf-menu a{ font-size:12px; line-height:18px;} 
		  .sf-menu .title{ font-size:12px; line-height:18px;} 
	  }
	  
	  @media only screen and (max-width: 768px){
		  
		  #firstnamediv{ margin-bottom:15px;}
	
#sidebar{ width:30%; z-index:2; margin-right:2%; float:left; height:100%;}
.urunlersag{ float:right; width:68%}
	
	#to_top {
    bottom: 100px;
	 right: 10px;
	}

#footer {
  
    padding-bottom: 50px;
}
.footer-bottom{ padding:5px 10px;}

  .sticky-actions {
		display:block;
      position: fixed;
      bottom: 0px; 
     
      margin: 0 auto;
      width: 150px;
	
	  padding:5px 0 5px;
	  width:100%; text-align:center; background:rgba(43,162,230,0.7);
	  
	
	 
      z-index: 9; }
      .sticky-actions .sticky-actions-inner {
        margin-left:auto; margin-right:auto; width:160px;
        
       }
      .sticky-actions a {
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.08);
        border-radius: 50%;
        height: 35px;
        width: 35px;
        display: inline-block;
        margin-right: 10px;
        background-color: #fff;
        cursor: pointer; }
        .sticky-actions a.middle-action {
          position: relative;
          top: -5px; }
        .sticky-actions a .fa-comments {
          font-size: 28px;
          top: 17%;
          left: 17%;
          color: #1c1c1a;
          position: relative;
		  
		 
		  
		  
		   }
        .sticky-actions a .fa-phone {
          font-size: 28px;
         top: 11%;
          left: 18%;
          color: #1c1c1a;
          position: relative;
		  
		  
		  background-position: -147px -553px;
		  width: 25px;
height: 25px;
display: block;
		  
		   }
		  .sticky-actions a .fa-whatsapp {
          font-size: 28px;
          top: 11%;
          left: 18%;
          color: #5dab4e;
          position: relative;
		 
		  background-position: -147px -519px;
		  width: 25px;
height: 25px;
display: block;

		  
		  
		   }
		  
		  
        .sticky-actions a .fa-envelope {
          font-size: 24px;
		 
          top: 2px;
          left: 18%;
          color: #1c1c1a;
          position: relative;
		  
		  background-position: -147px -573px;
		  width: 25px;
height: 25px;
display: block;
line-height:31px;
		  
		   }	
	
	

	
}
	
	  @media only screen and (max-width: 720px){
		  
		  
		   .sf-menu a{ font-size:11px; line-height:15px;} 
		   .sf-menu .title{ font-size:12px; line-height:18px;} 
		   #sidebar{ width:25%;}
		   
		    
								.mobilonly{ display:block;}
				
	  }



	  @media only screen and (max-width: 590px){
		  
		  
		
		  
		   .sf-menu a{ font-size:9px; line-height:13px;} 
		   .sf-menu .title{ font-size:10px; line-height:15px;} 
		   #sidebar{ min-width:130px;}
		  
		  }


  @media only screen and (max-width: 519px){
	  .thumbnail-list li {
    width: 30%;
}


.pr-name, .pr-number {
    font-size: 11px;font-weight:normal;
   
}
  }



/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	
	  .thumbnail-list li {
    width: 100%;
}

	
	.thumbnail-list li {

    
    margin-right:0%;
	 margin-bottom:4%;
   

}

.thumbnail-list li:nth-child(2n){   margin-right:0%;}
}




 @media only screen and (max-width: 431px){
	
.urunlersag {
  
    width: 63%;
}
  }



 @media only screen and (max-width: 404px){
	
.pr-name, .pr-number {
    font-size: 9px; font-weight:normal;
   
}
  }




 @media only screen and (max-width: 377px){
	
.urunlersag {
  
    width: 58%;
}
  }


 @media only screen and (max-width: 335px){
	
.urunlersag {
  
    width: 50%;
}
  }





@media only screen and (max-width : 770px) {
.logo02{ display:none !important;}
}

@media only screen and (max-width : 768px) {
	
	.mobilurun{ display:block;}
.mobilurun .btn-lg {

    padding: 8px 15px;
}
	
	
	ul.pagination {
	float:none;
	}

	.pr-showing {
	text-align:left;
	font-size:12px;
	float:left;
	padding-top:5px;
	}

    }


@media (max-width: 992px) {
	
	#footer .footer-top .danisma-hatti { display:none;}
	#footer .footer-top .footer-iletisim {   width: 49%;}
	
	}
	
	@media only screen and (max-width : 682px) {
	#footer .footer-top .footer-iletisim{ width:100%; margin-bottom:25px;}}

@media only screen and (max-width : 480px) {
	ul.pagination {
	margin:10px auto 10px auto;
	float:none;
	}

	.pr-list-item .pr-description, .pr-list-item .pr-number {
		display:none;
	}

	.pr-list-item a.pr-name {
		font-size:12px;
	}

	.pr-list-item .col-xs-5 {
		padding:0px;
	}
	
	
	

}


.fa-bars::before { color:#FFF;}


.galeri {
  
    margin-top: 15px;
   
}

.galeri .galeriic {
    float: left;
    height: 100px;
    width: 149px;
    margin-right: 16px;
    margin-bottom: 15px;
    text-align: right;
}

.galeri .galeriic .resim {
    font-size: 24px;
    color: #FFF;
    height: 220px;
    width: 150px;
    overflow: hidden;
    line-height: 24px;
    text-transform: uppercase;
}

  .product-title-bar{ 
  
  
  color:#0e5e9e; text-align:center; font-weight:400; margin-bottom:60px; font-size:40px; text-transform:uppercase;
  

font-family: 'Exo 2', 'Open Sans', Verdana, Geneva, sans-serif;

  
  
  }
.product-title-bar span{ color:#A0A0A0; text-align:center; font-weight:300; font-size:30px;  text-align:center; text-transform:none; border-bottom: 1px solid #b7b7b7; padding: 10px 0 20px 0;}


.parallax-box { display: block; width: 768px; padding: 70px 0 50px 0; margin: 0 auto; text-align: center; font-family: 'Exo 2', 'Open Sans', Verdana, Geneva, sans-serif;}
.parallax-box-headline { display: block; margin: 0 0 20px 0; color: #D0D0D0; font-size: 25px; line-height: 35px; }
.parallax-box-subline { display: block; margin: 0 0 20px 0; color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,.6); font-size: 36px; line-height: 42px; text-transform: uppercase; }
.parallax-box-text { display: block; color: #FFF; }

@media all and (max-width:768px) {
.parallax-box { width: 100%; margin: 0; }
}	

.parallax-window {
    min-height:385px;
    background: transparent;
}


.textCenter{ text-align:center;}
.outer_box h2.headline_inhalt strong, .outer_box h1.headline_inhalt strong {
    font-size: 40px;
    line-height: 60px;
}


.outer_box h2 strong, .outer_box h1 strong{
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    line-height: 1.5em;
    color: #0e5e9e;
    font-weight: 200;
    text-transform: uppercase;
	

}

.outer_box h2, .outer_box h1{

    font-size: 20px;
    line-height: 24px;
    margin: 0 0 20px 0;
    color: #A9A9A9;
	font-weight:100; 
	font-family: 'Exo 2', 'Open Sans', Verdana, Geneva, sans-serif;
}


.section_trennlinie {
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: #AAA; margin-bottom:45px;
}




	.maintextx .mainlft {
    float: left;
    display: block;
    width: 45.0%;
    margin: 0;
    overflow: hidden; font-weight:300;font-size: 14px;
}
.mainclr {
	clear:both;
}


.maintextx .mainrght {
    float: right;
    display: block;
    width: 45.0%; 
    margin: 0;
    overflow: hidden;font-weight:300; font-size: 14px;
}


.maintextx {
    background-image: url(../images/bg.png);
    background-repeat: repeat-y;
    background-position: center top;
    float: left;
    width: 100%;
}



	
.itemy {
	text-align: center;
	background: #fff;
	padding: 0px; float:left; width:30%; margin-right:2%;
}

.blogx .itemx {
border: solid 4px #e9e9e9; margin:20px; padding:10px;
}


.itemy .slide-pic-container {
    width: 100%;
	max-width:350px;
    height:auto;

    vertical-align: middle;
	margin-left:auto; margin-right:auto; margin-bottom:20px;
}

.itemy a {
    color: #000;
    font-size: 16px;
    line-height: 20px;
}

.slide-btn{display: block;
width: 120px;
margin: 0 auto;
padding: 5px 0;
font-size: 13px;
line-height: 22px;
color: #FFF;
background-color: #000;
text-decoration: none;
text-align: center; font-weight:300;}

.slide-btn:hover{background-color: #2ba2e6;}

.slide-pic-container:hover img {
    opacity: 0.8;
}

.slide-subtitle {
    display: block;
    width: auto;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 13px;
    line-height: 20px;
    color: #7f7f7f;
    text-align: center;
    font-weight: 300;
    min-height: 40px;
}


#product-carousel .itemz {
    margin: 20px;
    padding: 10px;
}


@media all and (max-width:768px) {
	
	.maintextx .mainlft,.maintextx .mainrght {
    float:none;  width: 100%; margin-right:0px; margin-left:0px; margin-bottom:25px;}
	
	
	.maintextx {
    background-image:none;
   	
	
	
	}
	.outer_box h2.headline_inhalt strong , .outer_box h2 strong , .product-title-bar {font-size:30px;}
	.outer_box h2 , .product-title-bar span { font-size:18px;}
}


@media all and (max-width:430px) {

	.outer_box h2.headline_inhalt strong , .outer_box h2 strong , .product-title-bar {font-size:23px;}
	.outer_box h2 , .product-title-bar span { font-size:14px;}
}


	a:focus {outline: none !important;}