/* ************************************************* */
/* ****    RESET BOOSTRAP STYLES AND ADD-ONS    **** */
/* ** IMPLEMENT KUSTOM.CSS PACK AND PREDEFINED FX ** */
/* ------------------------------------------------- */
.moduleTitle {background: #fff; border-bottom: 1px solid #efefef; padding: 20px; margin-top: 30px; margin-bottom: 16px;}
.productParts {background: #fff; border-bottom: 1px solid #efefef; padding: 20px; margin-bottom: 16px;}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
width: 100%; height: 63%;
  text-align: center;
}


.infoModal {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 20px;
}

.noRound {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.pagecontactbg {
	 background: url("../../../image/catalog/office1.jpg"); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}



.padding0all {padding: 0px;}
.margin20bottom  {margin-bottom: 20px;}
.margin20top  {margin-top: 20px;}
.margin30top  {margin-top: 30px;}
.padding16left {padding-left: 16px;}
.padding16all {padding: 16px;}
.padding20lr  {padding-left: 20px;padding-right: 20px;}
.border0all {border: 0px;}
.padding8top {padding-top: 10px;}
.padding4top {padding-top: 6px;}
.padding20all {padding: 20px;}

.sidebarFix {border-right: 1px solid #dfdfdf; background: #fff; padding: 16px;}

#menu {font-size: 16px; font-weight: 800; color: #222222; font-family: 'Montserrat', sans-serif; text-transform: uppercase;
margin-top:16px;
min-height: 25px; background-color: none;
}
#menu .nav > li {margin-left: 12px;
color: #000;
}
#menu .nav > li > a {
color: #000;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background: #fff; color: #333366;
}
#menu .dropdown-menu {
	padding: 30px;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 185px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #000;
	font-size: 16px; font-weight: 400; transition: all 0.5s ease;
}
#menu .dropdown-inner li a:hover {
	color: #333366; background: #fff; padding-left: 10px; text-decoration:underline; transition: all 0.5s ease;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #333366;
	background-color: #fff;

}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;

}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #fff;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #333366;
	background-color: #fff;
}






.overlaySearch {box-shadow: 0px 0px 50px #f5f5f5; border-bottom: 1px solid #ddd;
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background: #fff;
  overflow-y: hidden;
  transition: 0.5s;
}

.overlaySearch-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlaySearch a {
  padding: 8px;
  text-decoration: none;
  font-size: 16px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlaySearch a:hover, .overlaySearch a:focus {
  color: #000;
}

.overlaySearch .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlaySearch {overflow-y: auto;}
  .overlaySearch a {font-size: 20px}
  .overlaySearch .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}









.overlayMenu { border-left: 1px solid #ddd;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background: #fff;
  overflow-x: hidden;
  transition: 0.5s; box-shadow: 0px 0px 50px #f5f5f5;
}

.overlayMenu-content {padding:30px;
  position: relative;
  top: 5%;
  width: 100%;
  text-align: left;
  margin-top: 20px;
}

.overlayMenu a {
  padding: 3px;
  text-decoration: none;
  font-size: 15px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlayMenu a:hover, .overlayMenu a:focus {
  color: #333366;
}

.overlayMenu .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlayMenu a {font-size: 20px}
  .overlayMenu .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}













.talheader {background: #fff; max-height: 84px; width: 100%; position: fixed; top: 0; z-index: 1; margin:0px; padding:0px; transition: all 0.5s ease; z-index: 1; border-bottom: 1px solid #eee;}
.talheader:hover {background: #ffffff; transition: all 0.5s ease;}
#logo {
	padding-top: 24px; padding-bottom: 16px;  padding-right: 16px; display:inline-block;
}

#logo img {
	height: 32px; transition: all 0.9s ease;
}
.talheader.scrolled {
  background-color: #fff !important; box-shadow: 0px 0px 50px #f5f5f5;
  transition: background-color box-shadow 0.5s ease;
}

.talheader.scrolled .nav-link {
  color:#555;
}
@media (max-width: 992px) {
#logo img {height: 26px; width: auto; margin-top:4px;}
}

#kbMenu {
	float:left; display:inline-block;
}
#kbMenu img {
	height: 32px; 
	    transition-duration: 0.8s;
    transition-property: transform;
}
#kbMenu1 img:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}


.kbMobile {
	float: right; display:inline-block;  margin-top:0px;
}
.kbMobile img {
	height: 32px; 
	    transition-duration: 0.8s;
    transition-property: transform;
}
.kbMobile1 img:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
. padding16left {padding-left: 16px;}






























































































.footer a {color: #fff; text-shadow: 0 1px 0 #212121;}
.footer h3 { font-size: 24px; color: #fff; text-shadow: 0 1px 0 #212121;}





.kt-logo {height: 40px; width: auto; margin-top: 0px;  padding-bottom: 10px;}

@media (max-width: 992px) {
.kt-logo {height: 40px; width: auto;}
}


.bgcolor-homedome {background: #6caed5;}
.bgtransparent-homedome {background: url('/image/catalog/1HomedomeTheme/bg-header.png');}
.color-homedome {color: #6caed5;}
.boxshadow-homedome {box-shadow: 0 0 16px #777;}
.btn-homedome-lpu-clear {font-family: LPU; display: inline-block; font-size: 22px; text-align: center; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; background:none; border: 2px solid #fff;}
.btn-homedome-lpu-clear:hover {transition: all 0.4s ease;}

.btn-red-blue {color: #ff9999} .btn-red-blue > a {color: #ff9999}.btn-red-blue:hover {color: #6caed5; transition: all 0.4s ease;}

.btn-homedome-lpu-dark {font-family: LPU; display: inline-block; font-size: 22px; text-align: center; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; background:none; border: 2px solid #9fd1ef;}

.btn-talexco-ptf-clear {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; border: 1px solid #fff; padding: 3px}
.btn-talexco-ptf-clear:hover {color: #6caed5; border: 1px solid #6caed5; transition: all 0.8s ease;}

.btn-homedome-ptf-dark { display: inline-block; font-size: 16px; text-align: center; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; background:none; border: 2px solid #9fd1ef; }

.btn-hdlists { background: #6caed5; color: #fff; padding: 8px 16px 8px 16px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; transition: all 0.4s ease;}
.btn-hdlists:hover {background: #f8b5b5; box-shadow: 0 0 8px #dddddd; transition: all 0.4s ease;}
.btn-hdverify { border: 3px solid; border-color: #6caed5; padding: 5px 13px 5px 13px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; transition: all 0.4s ease;}
.btn-hdverify:hover {border-color: #f8b5b5; box-shadow: 0 0 8px #dddddd; color: #222; transition: all 0.4s ease;}




.btn-hdlistsclear { background: #ededed; color: #333; padding: 0; transition: all 0.4s ease;}
.btn-hdlistsclear:hover {background: #fff; box-shadow: 0 0 8px #dedede; transition: all 0.4s ease;}




.shadow-homedome-clear {text-shadow: 0 1px 0 #fefefe;}
.shadow-homedome-dark {text-shadow: 0 1px 0 #212121;}
.kt-scale-on02 {transition: all 0.5s ease;}  .kt-scale-on02:hover {transform: scale(1.02); transition: all 0.5s ease; z-index: 2;}
.kt-scale-on05 {transition: all 0.5s ease;}  .kt-scale-on05:hover {transform: scale(1.05); transition: all 0.5s ease; z-index: 2;}
.kt-scale-on1 {transition: all 0.5s ease;}  .kt-scale-on1:hover {transform: scale(1.1); transition: all 0.5s ease; z-index: 2;}
.shadow-lists {background: #fff; box-shadow: 2px 2px 0#CFD8DC; transition: all 0.5s ease;} .shadow-lists:hover {box-shadow: 0 6px 8px -8px #212121;}
.shadow-in10 {

}
.shadow-in10 img {
		width: 190px;
		height: 190px;
		border:2px solid #fff;
		background: url(img/duck.png) no-repeat;
		-moz-box-shadow: 0px 6px 5px #ccc;
		-webkit-box-shadow: 0px 6px 5px #ccc;
		box-shadow: 0px 6px 5px #ccc;
		-moz-border-radius:190px;
		-webkit-border-radius:190px;
		border-radius:190px;
}

.fa-1x{
    font-size:0.8em;
}
.fa-2x{
    font-size:1em;
}
.fa-3x{
    font-size:1.2em;
}
.fa-4x{
    font-size:1.4em;
}
.fa-5x{
    font-size:1.6em;
}
.fa-6x{
    font-size:3.2em;
}

.margin-48 {margin-top: -48px}
.margin-50 {margin-top: -50px}
.margin-60 {margin-top: -60px}
.margin-150 {margin-top: -150px}
.margin100t {margin-top: 100px}
.margin150t {margin-top: 150px}

.sep10all {margin: 10px auto; border: 1px solid; border-color: #ddd;}

.hd-list-border {border: 1px solid; border-color: #e0e0e0; margin-bottom: 10px}
.align-right {text-align: right;}

.radius50cent {border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.radius-top {
-webkit-border-radius: 30px 30px 0px 0px;-moz-border-radius: 30px 30px 0px 0px;border-radius: 30px 30px 0px 0px;
-khtml-border-radius: 30px 30px 0px 0px; /* for old Konqueror browsers */
}
.radius-all {
-webkit-border-radius: 30px 30px 30px 30px;-moz-border-radius: 30px 30px 30px 30px;border-radius: 30px 30px 30px 30px;
-khtml-border-radius: 30px 30px 30px 30px; /* for old Konqueror browsers */
}
.radius-bottom {
-webkit-border-radius: 0px 0px 30px 30px;-moz-border-radius: 0px 0px 30px 30px; border-radius: 0px 0px 30px 30px;
-khtml-border-radius: 0px 0px 30px 30px; /* for old Konqueror browsers */
}
.radius-leftup {
-webkit-border-radius: 30px 0px 0px 0px;-moz-border-radius: 30px 0px 0px 0px;border-radius: 30px 0px 0px 0px;
-khtml-border-radius: 30px 0px 0px 0px; /* for old Konqueror browsers */
}
.radius-rightup {
-webkit-border-radius: 0px 30px 0px 0px;-moz-border-radius: 0px 30px 0px 0px;border-radius: 0px 30px 0px 0px;
-khtml-border-radius: 0px 30px 0px 0px; /* for old Konqueror browsers */
}









.bg-grid1 {
background: url('../../../../../../image/catalog/bg-black1.png');
background-repeat: repeat;
}








.lsep1-1-50 {margin-top: 25px; margin-bottom: 25px; height: 0px; border-top: 1px; border-left: 0px; border-right: 0px;}
.bordercolor-white {border-color: #FFFFFF;}
.bordercolor-homedome {border-color: #dddddd;}

#myVideo {

    top: 0;
    left: 0;
    min-width: 100%; 
    max-height: 400px;
}

#video_background { 
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
	min-width: 100%; 
 
	height: 400px; 
	width: auto; 
	height: auto; 
	z-index: -1000; 
	overflow: hidden; 
}

.lists2shadows {border: 1px solid; border-color: #ebebeb; transition: all 0.5s ease;} .lists2shadows:hover {box-shadow: 0 0 10px #dddddd;  border: 1px solid; border-color: #ebebeb; transition: all 0.5s ease;}
.lists2borders {transition: all 0.5s ease;} .lists2borders:hover {border: 5px solid #ffffff; outline: 5px solid #dddddd; transition: all 0.5s ease;}
.bradius50percent {   -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  border: 5px solid #eee;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); }











.navbar-default { 
  background-color: #4f4f4f;
  border-color: #4f4f4f; 
}
.navbar-default .navbar-brand { 
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #f9f9f9;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #f9f9f9;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #4f4f4f;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #f9f9f9;
  background-color: #000000;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #000000;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #f9f9f9;
  background-color: #000000;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #f9f9f9;
  background-color: #000000;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #f9f9f9;
  background-color: #000000;
}
.navbar-default .navbar-toggle {
  border-color: #000000; color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #000000;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #f9f9f9;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f9f9f9;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f9f9f9;
    background-color: #000000;
  }
}






/* Home Categories as PICS */

.cats {
    position: relative;

}
.catsimage {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.catsmiddle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .catsimage {
  opacity: 0.3;
}

.cats:hover .catsmiddle {
  opacity: 1;
}
.catstext {
  background-color: #9fd1ef;
  color: #000;
  font-size: 16px;
  padding: 16px 32px;
  color: #FFF;
}
.catstext a {

  color: #000;

}
.catstext a:hover {

  color: #FFF;

}


/* ------------------------------------------------- */
/* ---------------------BUTTON---------------------- */

.but-blue-white {background: #cc0000; color: #fff; padding: 28px 0px 28px 0px; width: 100%; border: 2px solid; border-color: #ccc; transition: all 0.4s ease;}
.but-blue-white:hover {background: #ffff; color: #000; transition: all 0.4s ease;}
.but-white-blue {background: #fff; color: #6caed5; padding: 20px 0px 20px 0px; width: 100%; border: 4px solid; border-color: #6caed5; transition: all 0.4s ease;}
.but-white-blue:hover {background: #ffff; color: #000; transition: all 0.4s ease;}






.but-round-blue1 {background: #ffff00; padding:4px; margin: 2px; border: 1px solid; border-color: blue; color: #ffffff; transition: all 0.4s ease;}
.but-round-blue1:hover { padding:4px; background: #000; color: #ffffff; transition: all 0.4s ease;}
.but-round-blue2 {background: #ffcccc; padding:4px; margin: 2px; border: 1px solid; border-color: blue; color: #000; transition: all 0.4s ease;}
.but-round-blue2:hover { padding:4px; background: #000; color: #ffffff; transition: all 0.4s ease;}
.but-round-blue3 {background: #febf00; padding:4px; margin: 2px; border: 1px solid; border-color: blue; color: #000; transition: all 0.4s ease;}
.but-round-blue3:hover { padding:4px; background: #000; color: #ffffff; transition: all 0.4s ease;}




.but-round-search {background: #6caed5; color: #fff; display: inline-block; border: 2px solid; border-color: #ccc; font-weight: bold;  transition: all 0.4s ease;-webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px;}
.but-round-search:hover {background: #4598d5; color: #fff; transition: all 0.4s ease;}
.but-round-search12 {background: #fff; color: #333; padding: 12px 42px 12px 42px; display: inline-block; border: 2px solid; border-color: #6caed5; font-weight: bold;  transition: all 0.4s ease;-webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px;}
.but-round-search12:hover {background: #fff; color: #333; transition: all 0.4s ease;}

.but-round-filter {background: #fff; color: #333; padding: 2px 32px 2px 32px; display: inline-block; border: 2px solid; border-color: #6caed5; font-weight: bold;  transition: all 0.4s ease;-webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px;}

.butRoundGo {background: #333399;}
.butRoundGo:hover {background: #fff;}
.butRoundStock {padding-bottom: 100px}


.padd100b {padding-bottom: 100px}
.padding16top {padding-top:16px;}


.kt-scale-off9 {transition: all 0.5s ease;}  .kt-scale-off9:hover {transform: scale(0.9); transition: all 0.5s ease; z-index: 2;}
.kt-scale-off8 {transition: all 0.5s ease;}  .kt-scale-off8:hover {transform: scale(0.8); transition: all 0.5s ease; z-index: 2;}
.kt-scale-on1 {transition: all 0.5s ease;}  .kt-scale-on1:hover {transform: scale(1.1); transition: all 0.5s ease; z-index: 2;}
.kt-scale-on2 {transition: all 0.5s ease;}  .kt-scale-on2:hover {transform: scale(1.2); transition: all 0.5s ease; z-index: 2;}






.prd-header {
background: url('../../../image/catalog/prd-header.jpg');
background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: fixed;

}