@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);

@font-face {
	font-family:'TradeGothicNo.20-CondBold';
	src: url('../fonts/TradeGothicNo.20-CondBold_gdi.eot');
	src: url('../fonts/TradeGothicNo.20-CondBold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TradeGothicNo.20-CondBold_gdi.woff') format('woff'),
		url('../fonts/TradeGothicNo.20-CondBold_gdi.ttf') format('truetype'),
		url('../fonts/TradeGothicNo.20-CondBold_gdi.svg#TradeGothicNo.20-CondBold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: expanded;
	unicode-range: U+0020-2122;
}

@font-face {
	font-family: 'font';
	src: url('../fonts/font.eot');
	src: local('font'), url('../fonts/font.woff') format('woff'), url('../fonts/font.ttf') format('truetype');
}




.t0505{margin-top:5px; margin-bottom:5px;}
.t1010{margin-top:10px; margin-bottom:10px;}
.t1515{margin-top:15px; margin-bottom:15px;}


.conttx{ background:url(../images/cont_bg.png); margin-top:15px; font:normal 14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:white; padding:10px inherit;}
.conttx p{ font:normal 14px 'TradeGothicNo.20-CondBold'; color:white;}
.conttx h1{ font:normal 30px 'TradeGothicNo.20-CondBold'; color:white; padding:5px 0px;}
.conttx h2{ font:normal 20px 'TradeGothicNo.20-CondBold'; color:white; padding:5px 0px;}
.conttx h3{ font:normal 20px 'TradeGothicNo.20-CondBold'; color:black; padding:5px 0px;}

.sitemap{ padding:0px; margin:0px;}
.sitemap ul{padding:0px; margin:0px;}
.sitemap ul li{ list-style:none;}
.sitemap ul li a{ font-family: 'TradeGothicNo.20-CondBold'; font-size:16px; color:white; text-decoration:none; padding:5px 0 5px 0; transition:all 0.2s ease-in-out 0s;}
.sitemap ul li a:hover{ font-family: 'TradeGothicNo.20-CondBold'; font-size:16px; color:white; text-decoration:underline; padding:5px 0 5px 10px;}

.carousel-indicators{ text-align:right !important; margin-left:-14% !important; bottom:0px !important}
.carousel-indicators li{width:15px; height:15px; background-color:#F9FF06; border:none;}
.carousel-indicators .active{width:15px; height:15px; background-color:#DD0B17; border:none}

.tpsocial ul{list-style:none; margin:0 0 0 30px; padding:0; width:155px;}
.tpsocial ul li{float:left; padding:3px 2px;}
.tpsocial ul li a.fb1{ background:url(../images/fb1.png) top center no-repeat; width:27px; height:27px; display:block; transition:all 0.3s;}
.tpsocial ul li a.fb1:hover{ background:url(../images/fb1.png) bottom center no-repeat; width:27px; height:27px; display:block;}

.tpsocial ul li a.twtr1{ background:url(../images/twtr1.png) top center no-repeat; width:27px; height:27px; display:block; transition:all 0.3s;}
.tpsocial ul li a.twtr1:hover{ background:url(../images/twtr1.png) bottom center no-repeat; width:27px; height:27px; display:block;}

.tpsocial ul li a.gplus1{ background:url(../images/gplus1.png) top center no-repeat; width:27px; height:27px; display:block; transition:all 0.3s;}
.tpsocial ul li a.gplus1:hover{ background:url(../images/gplus1.png) bottom center no-repeat; width:27px; height:27px; display:block;}

.tpsocial ul li a.lin1{ background:url(../images/lin1.png) top center no-repeat; width:27px; height:27px; display:block; transition:all 0.3s;}
.tpsocial ul li a.lin1:hover{ background:url(../images/lin1.png) bottom center no-repeat; width:27px; height:27px; display:block;}

.tpsocial ul li a.skype1{ background:url(../images/skype1.png) top center no-repeat; width:27px; height:27px; display:block; transition:all 0.3s;}
.tpsocial ul li a.skype1:hover{ background:url(../images/skype1.png) bottom center no-repeat; width:27px; height:27px; display:block;}

.emsn{font:normal 14px 'TradeGothicNo.20-CondBold'; color:white; background:#232020 url(../images/email_ico.png) left 10px center no-repeat; display:inline-block; padding:9px 10px 9px 31px; border-radius:5px; float:right;}

.tpmenu{
background: -webkit-linear-gradient(#f2f6f9, #e8e8e6); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f2f6f9, #e8e8e6); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f2f6f9, #e8e8e6); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f2f6f9, #e8e8e6); /* Standard syntax */	
}
.navbar{min-height:0; margin:0;}
.navbar-inverse{background:none; border:none;}
.navbar-nav>li{background:url(../images/tpbrd.png) right top repeat-y;}
.navbar-nav>li:first-child{background:url(../images/tpbrd.png),url(../images/tpbrd.png); background-position:right,left; background-repeat:repeat-y,repeat-y;}
.navbar-nav>li>a{ padding:20px 7px;}
.navbar-collapse{padding:0;}
.navbar-inverse .navbar-nav>li>a{font:normal 18px 'TradeGothicNo.20-CondBold'; color:#232020; text-transform:uppercase;}
.navbar-inverse .navbar-nav>li>a:hover{font:normal 18px 'TradeGothicNo.20-CondBold'; color:#fff; background:#133559 !important; text-transform:uppercase;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background:#133559 !important;
}

.fixdmenu{position:fixed; margin:0 auto; z-index:999; display:block; width:100%;}

.tpmmnnuu h2{font:normal 20px 'TradeGothicNo.20-CondBold'; color:#191919; margin:10px 0 10px 0; text-transform:uppercase;}
.tpmmnnuu p{font:normal 12px Arial; color:#191919; margin:0;}

.pdetic{font:normal 20px 'TradeGothicNo.20-CondBold'; color:#0f0f0f !important; text-transform:uppercase; padding:10px 0 10px 50px; margin:0 !important;}

.topmnu{margin:0; padding:0; list-style:none;}
.topmnu li{float:none; padding:0px 6px;}
.topmnu li a{font:normal 16px 'TradeGothicNo.20-CondBold'; background:#23707d; border:1px #bbbbbb solid; color:#fff; padding:10px 10px; text-transform:uppercase; display:block; transition:all 0.3s;}
.topmnu li a:hover{background-image: url(../images/err11.png), url(../images/text.png); background-position: center left 8px, left top; background-repeat: no-repeat, repeat; padding-left:30px; color:white; text-decoration:none;}


.tpsr{width:70%; margin-left:60px;}

.nav-tabs{width:354px; margin:0 auto;}
.nav-tabs{border-bottom:0;}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus{background:url(../images/active.png)  center no-repeat; padding:9px 20px 24px 20px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{background:url(../images/active.png)  center no-repeat; border:0; padding:9px 20px 24px 20px; font:normal 24px 'TradeGothicNo.20-CondBold'; color:white;}
.nav-tabs>li>a{border-radius:4px 4px;background:url(../images/normal.png) bottom center no-repeat; margin-right:10px; border:0; font:normal 24px 'TradeGothicNo.20-CondBold';  padding:12px 20px 18px 20px; color:white; text-transform:uppercase; transition:all 0.3s;}



.prdprd{float:left; transition:all 0.3s; margin-top:30px;}
.prdprd:hover{border:2px #23707d solid; background:#23707d; margin-top:0;}
.prdprd img{padding:5px; background:white;}
.prdprd p.name{font:normal 15px 'Roboto Condensed', sans-serif; color:white; margin:0;}
.prdprd p.art{font:normal 15px 'Roboto Condensed', sans-serif; color:#23707d; margin:0;}
.hideview{display:none !important;}
.prdprd:hover .hideview{display:block !important; background:#fff;}
.prdprd img.cart{display:none !important;}

.prdprd:hover img.cart{display:block !important;}

.prdprd:hover p.name{color:white !important;}
.prdprd:hover p.art{color:white !important;}

.testimgdiv{
	margin:0 5px;
	width: 0px;
	height: 0px;
	display: inline-block;
	transition:all 0.5s;
}

.prdprd:hover .hideview .testimgdiv{width:47px; height:47px;}

.testimg{
	height: 100%;
	width: 100%;
}
.testDiv{
	width: 231px;
	overflow-x: auto;
    white-space: nowrap; 
    font-size: 0;
}



.testDiv::-webkit-scrollbar {
    width: 1em;
	height:10px;
}
 
.testDiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.testDiv::-webkit-scrollbar-thumb {
  background-color: #ec1b2e;
  outline: 0px solid slategrey;
  border-radius:20px;
}



.leftpad{padding-left:7px !important; padding-right:10px !important;}

.mainprd{width:200px; height:270px;}


.prdprd2{float:left; transition:all 0.3s; margin-top:30px; width:100%; box-sizing:border-box;}
.prdprd2:hover{border:2px #23707d solid; background:#23707d; margin-top:0; position:absolute; z-index:99; margin-left:-5px;}
.prdprd2 img{padding:5px; background:white;}
.prdprd2 p.name{font:normal 14px 'Roboto Condensed', sans-serif; color:white; margin:0;}
.prdprd2 p.art{font:normal 14px 'Roboto Condensed', sans-serif; color:#23707d; margin:0;}
.hideview{display:none !important;}
.prdprd2:hover .hideview{display:block !important; background:#fff;}
.prdprd2 img.cart{display:none !important;}

.prdprd2:hover img.cart{display:block !important;}

.prdprd2:hover p.name{color:white !important;}
.prdprd2:hover p.art{color:white !important; font-size:17px; line-height:40px;}

.testimgdiv2{
	margin:0 5px;
	width: 0px;
	height: 0px;
	display: inline-block;
	transition:all 0.5s;
}

.prdprd2:hover .hideview .testimgdiv2{width:42px; height:42px;}

.testimg2{
	height: 100%;
	width: 100%;
}
.testDiv2{
	width: 220px;
	overflow-x: auto;
    white-space: nowrap; 
    font-size: 0;
}



.testDiv2::-webkit-scrollbar {
    width: 1em;
	height:10px;
}
 
.testDiv2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.testDiv2::-webkit-scrollbar-thumb {
  background-color: #ec1b2e;
  outline: 0px solid slategrey;
  border-radius:20px;
}
.clpad{padding-left:0 !important; padding-right:0 !important;}
.prddet2 h2{font:normal 14px Arial; color:#191919; margin:0;}
.prddet2 a{font:normal 14px Arial; color:white; margin:0; text-decoration:none;}
.prddet2 a:hover{font:normal 14px Arial; color:#191919; margin:0; text-decoration:none;}


.prddet{font:normal 14 Arial; color:#191919;}
.prddet p{font:normal 14 Arial; color:#191919; margin:0;}
.prddet h2{font:normal 20px 'TradeGothicNo.20-CondBold' !important; color:white; margin:0; margin-bottom:10px;}
.prddet h3{font:normal 20px 'Roboto Condensed' !important; color:#19606c; margin:0;}

hr{display: block; height: 1px;border: 0; border-top: 1px solid #737373; margin: 1em 0; padding: 0;}




.prdmain h1{font:normal 22px 'TradeGothicNo.20-CondBold'; color:#191919; margin:0; border-bottom:1px #23707d solid; padding:8px 0; text-transform:uppercase;}


.lftlft h2{background:#23707d; font:normal 20px 'TradeGothicNo.20-CondBold'; padding:10px; text-transform:uppercase; color:white; text-align:center; border-top-right-radius:5px;border-top-left-radius:5px; margin:0;}


.left_menu_main a{transition:all 0.5s;}
.left_menu_main a:hover{background:#0000;}


.left_sub_menu a{font:normal 13px 'Source Sans Pro', sans-serif; text-decoration:none; color:#6d6d6d; background:#e9e9e9; display:block; padding:7px 5px 7px 15px; border-bottom:1px #d6d6d6 solid; border-top:1px #f2f2f2 solid; transition:all 0.5s;}
.left_sub_menu a:hover{background:#dddddd; color:#438ad4; padding:7px 5px 7px 20px; text-decoration:none;}



.paging{font:bold 14px Arial; color:black;}
.paging:hover{font:bold 14px Arial; color:#23707d;}
.paging_act{font:bold 14px Arial; color:#23707d;}



.thumb-sec{
	margin-bottom:20px;
}



.thumb-1{
	background:url(../images/thumb-1.jpg) left -60px top no-repeat;
	min-height:243px;
}

.thumb-1 h2{
	font-family:'font';
	font-size:26px;
	
	color:#5ec6d8;
	text-align:center;
	padding:11px 0 0 0 ;
	margin:0px;
}
.thumb-1 h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f5f5f5;
	padding:15px 0 0 20px;
	margin:0px;
	}

.thumb-1 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f5f5f5;
	padding:0px 0 10px 20px;
	margin:0px;
	line-height:15px;
}

.thumb-2{
	float:left;
	padding:0 0 0 10px;
}
.thumb-3{
	float:left;
	padding:0 0 0 0px;
}

.footer{
	background:#191919;
	padding:10px 0;
	margin:0px 0 0 0;
}

.footer-logo{
	padding-top:35px;
}
.line{
	border-right:1px solid #242424;
	padding-right:15px;
}

.footer-link h1{
	font-family:'TradeGothicNo.20-CondBold';
	font-size:18px;
	color:#FFF;
	background:#23707d;
	border-radius:5px;
	padding:10px;
}
.footer-link li{
	text-indent:20px;
	color:#656565;
	list-style:none;
}
.footer-link a{
	color:#656565;
}
.footer-link a:hover{
	color:#23707d;
	text-decoration:none;
}

.addres h1{
	font-family:'TradeGothicNo.20-CondBold';
	font-size:18px;
	color:#FFF;
	background:#23707d;
	border-radius:5px;
	padding:10px;
}
.addres h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#656565;
}
.champer h1{
	font-family:'TradeGothicNo.20-CondBold';
	font-size:18px;
	color:#FFF;
	background:#23707d;
	border-radius:5px;
	padding:10px;
	text-transform:uppercase;
}

.copyright{
	border-top:1px solid #2d2d2d;
}
.copy{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	padding:15px 0;
}
.design{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	padding:15px 0;
	float:right;
}










.bg{
	background:url(../images/cbg.png) center top repeat;
}
.about{
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#191919;
}
.about h1{
	border-bottom:1px solid #23707d;
	font-family:'TradeGothicNo.20-CondBold';
	font-size:24px;
	line-height:30px;
	text-transform:uppercase;
	color:#191919;
}

.about p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#191919;
}
	

.con-map{
	background:#FFF;
	border-radius:5px;
	max-width:355px;
	margin:5px;
	min-height:418px;
}
.map{
	padding:10px 0 10px 20px;
	overflow:hidden;
}

.con-det img{
	padding:0 0px 0 15px;
	float:left;
}
.con-det p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:10px 0px 0 60px;
}
.con-det h2{
	background:url(../images/add-icon.png) left top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-left:25px;
	margin:0 0 0 50px;
}

.con-det h3{
	background:url(../images/pho2.png) left 10px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-left:25px;
	margin:0 0 0 50px;
	line-height:35px;
}

.con-det h4{
	background:url(../images/msg-icon.png) left 10px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-left:25px;
	margin:0 0 0 50px;
	line-height:35px;
}

.con-det h5{
	background:url(../images/links.png) left 10px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-left:25px;
	margin:0 0 0 50px;
	line-height:35px;
}
.con-det h1{
	background:url(../images/fax=icon.png) left 10px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-left:25px;
	margin:0 0 0 50px;
	line-height:35px;
	font-weight:normal;
	border:0;
}
	
.form p{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	font-weight:bold;
	color:#262424;
	padding:20px 0 0 0;
}
.textfld-name p{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0 0 0;
	margin:0px;
}
.textfld{
	max-width:488px;
	background-color:#cecece;
	border:none;
	outline:none;
	border-radius:3px;
	line-height:30px;
	width:100%	
}

.msg-area{
	float:left;
	max-width:100%;
	min-height:155px;
	background-color:#cecece;
	border:none;
	outline:none;
	border-radius:3px;
	line-height:18px;
	width:100%;
}
.fldbtn{
	float:right;
	padding:10px 30px 10px 0px; 
}
	
.product-page{
	padding:20px 0px 65px 0;
}


.cate li{
	list-style:none;
	padding:10px;
	background:#FFF;
	max-width:225px;
	width:100%;
}

.link p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#191919;
	font-weight:bold;
}
	
.link li{
	list-style:none;
	color:#000;
}
.pages{
	border-bottom:1px solid #23707d;
}
.pages p{
	float:left;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	
}

.pages a{
	float:right;
	color:#000;
	padding:5px;
}
.pages a:hover{
	color:#FFF;
	text-decoration:none;
	padding:5px;
}


.small-img img{
	padding-top:20px;

}

.small-img li{
	float:left;
	list-style:none;
	padding:3px;
}



.p-art{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:10px 0 0 0;
	text-align:center;
}
.p-name{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:10px 0 0 0;
	text-align:center;
}




.pages-botm{
	padding:20px 0px 0 0px;
	float:right;
	
}
.pages-botm a{
	float:right;
	color:#000;
	padding:5px;
}
.pages-botm a:hover{
	color:#FFF;
	text-decoration:none;
	padding:5px;
}




.largepage{
	margin-top:30px;
	background-color:#23707d;
	max-width:500px;
	min-height:50px;
	
}

.ssg{width:100%; background:#FFF; float:left;}






.dropdown-menu{left:-332px !important;}




.langg{width:204px; clear:both; margin:0 29px auto;}

.nsletter h2{font:normal 24px 'TradeGothicNo.20-CondBold'; text-transform:uppercase; color:white; margin:0; line-height:35px;}
.ttp{font:normal 13px 'Roboto Condensed', sans-serif; color:#666; text-transform:capitalize;}


@media screen and (max-width: 1200px){
.navbar-nav>li>a{ padding:20px 7px;}
.navbar-inverse .navbar-nav>li>a{font:normal 14px 'TradeGothicNo.20-CondBold'; color:#232020; text-transform:uppercase;}
.navbar-inverse .navbar-nav>li>a:hover{font:normal 14px 'TradeGothicNo.20-CondBold'; color:#fff; background:#232020; text-transform:uppercase;}
.mainprd{width:200px; height:322px;}
.tpsr{width:70%; margin-left:44px;}
.tpsocial ul{list-style:none; margin:0 0 0 9px; padding:0; width:155px;}
.dropdown-menu{left:-289px !important;}
}
@media screen and (max-width: 992px){
.navbar-nav>li>a{ padding:20px 6px;}
.navbar-inverse .navbar-nav>li>a{font:normal 11px 'TradeGothicNo.20-CondBold'; color:#232020; text-transform:uppercase;}
.navbar-inverse .navbar-nav>li>a:hover{font:normal 11px 'TradeGothicNo.20-CondBold'; color:#fff; background:#232020; text-transform:uppercase;}

.testDiv{
	width: 196px;
	overflow-x: auto;
    white-space: nowrap; 
    font-size: 0;
}
.tpsr{width:70%; margin-left:44px;}
.dropdown-menu{left:-225px !important;}
.tpsr{width:77%; margin-left:44px;}
}

@media screen and (max-width: 768px){
.emsn{font:normal 14px 'TradeGothicNo.20-CondBold'; color:white; background:#232020 url(../images/email_ico.png) left 10px center no-repeat; display:inline-block; padding:9px 10px 9px 31px; border-radius:5px; float:none; margin:0 auto; text-align:center;}
.navbar-collapse{padding-left:15px; padding-right:15px;}
.navbar-nav>li{ border-right:0; border-left:0;}
.navbar-nav>li:first-child{border-right:0; border-left:0;}
.navbar-nav>li:last-child{border-right:0; border-left:0;}
.navbar-nav>li>a{ padding:15px 11px;}
.navbar-inverse .navbar-nav>li>a{font:normal 18px 'TradeGothicNo.20-CondBold'; color:#232020; text-transform:uppercase;}
.navbar-inverse .navbar-nav>li>a:hover{font:normal 18px 'TradeGothicNo.20-CondBold'; color:#fff; background:none; text-transform:uppercase;}
.line{border-right:0;padding-right:15px;}
.clpad{padding-left:15px !important; padding-right:15px !important;}

.testDiv{
	width: 188px;
	overflow-x: auto;
    white-space: nowrap; 
    font-size: 0;
}
.ssg{width:100%; background:#FFF; float:none;}

.topmnu li{float:none; padding:5px 10px;}
.langg{width:204px; clear:both; margin:0 auto;}
.tpsocial ul{list-style:none; margin:0 auto; padding:0; width:155px;}
.dropdown-menu{left:-225px !important; height:200px; overflow:auto;}
}


@media (min-width: 250px) {
  .container55{width:460px;}
  .mainslide{height:358px;width:172px; margin:0 auto; margin-bottom:0 !important;}
}

@media (min-width: 500px) {
  .container55{width:460px;}
  .mainslide{height:378px;width:375px; margin:0 auto; margin-bottom:0 !important;}
}

@media (min-width: 768px) {
  .container55{width:679px;}
  .mainslide{height:378px;width:640px; margin:0 auto; margin-bottom:0 !important;}
}
@media (min-width: 992px) {
  .container55{width:859px;}
  .mainslide{height:378px;width:860px; margin:0 auto; margin-bottom:0 !important;}
}
@media (min-width: 1200px) {
  .container55{width:1038px;}
  .mainslide{height:363px;width:1060px; margin:0 auto; margin-bottom:0 !important;}
}


.slick-slider {
    margin-bottom: 30px !important;
}
	