@import url('https://fonts.googleapis.com/css?family=Cairo|Dosis|Open+Sans|Quicksand|Ruda|Saira+Semi+Condensed|Signika|Ubuntu+Condensed|Work+Sans');

body{

	

    font-family: 'Work Sans', sans-serif;

    font-family: 'Signika', sans-serif;

    font-family: 'Ubuntu Condensed', sans-serif;

    font-family: 'Cairo', sans-serif;

    font-family: 'Quicksand', sans-serif;

    font-family: 'Dosis', sans-serif;

    font-family: 'Saira Semi Condensed', sans-serif;

   

    font-family: 'Ruda', sans-serif;
	
	 font-family: 'Open Sans', sans-serif;

	font-family: 'Ruda', sans-serif;


	font-size:15px;
}
a{color:#da6803;
}
.wrapper-wide{
	background:#f6f6f6;
}

a:hover{
	text-decoration:none;
	color:#000;
}
.margin-bottom-20{
	margin-bottom:20px;
}

.title,.subtitle{
	font-family: 'Cairo', sans-serif;
}

.breadcrumb {
	font-family: 'Cairo', sans-serif;
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff;
  border-radius: 2px;
  border-bottom:1px solid #e2e2e2;
  color:#989898;
}
.breadcrumb > li {
  display: inline-block;
  
}



.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #777777;
}



.top-menu{
	background:#414040;
	padding-top:10px;padding-bottom:10px;
	width:100%;
	display:block;
	color:#fff;
	
	

}
.topbrandlink a{
	color:#ffe723;
	font-weight:bold;
}

.topbrandlink a:hover{
	color:#fff;
	font-weight:bold;
}


	

.fa-padding-top{
	padding-left:20px;padding-right:3px;
}
.top-menu a{
	color:#fff;
}
.top-menu a:hover{
	color:#ffde2d;
	text-decoration:none;
}
.line-menu{
	padding-right:10px;

	border-right:1px solid #606060;
}
.btn-link{
	color:#add7eb;
}
.btn-link:hover{
	color:#dadada;
	text-decoration:none;
}

.btn-currency{
	color:#fff;
	cursor:pointer;
}
.btn-currency:hover{
	color:#d9bf1d;
	text-decoration:none;
}



.btn-link:focus{
	color:#d69942;
}
.top-menu-sign{
	border-right:1px solid #414141;padding-left:15px;padding-right:15px;
}
.top-menu-currency{
	padding-left:10px;
	margin-top:-3px;
}

.top-logo{
	background:#fff;
	padding-top:0px;padding-bottom:0px;
	width:100%;
	display:block;
	color:#000;
	font-family: sans-serif;
	z-index:100;
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	

}
.header-logo{
background: rgb(26,79,148);
background: linear-gradient(180deg, rgba(26,79,148,1) 0%, rgba(26,79,148,1) 93%, rgba(20,63,120,1) 100%);
padding-top:10px;
padding-bottom:10px;
}
.img-logo img{
	margin-top:5px;
}

.col-menu{
	background: #0075ad; /* Old browsers */
background: -moz-linear-gradient(top, #0075ad 0%, #0075ad 53%, #ffffff 53%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0075ad 0%,#0075ad 53%,#ffffff 53%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0075ad 0%,#0075ad 53%,#ffffff 53%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075ad', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	width:100%;
}
#menu{
	background:#fff;
	color:#0075ad;
}

#search{
	padding-left:20px;
	
	
	color:#ffffff;
}
#search a{
	color:#add7eb;
	font-size:13px;
}
#search a:hover{
	color:#dadada;
}



.top-cart-caption{
	margin-top:15px;
	float:right;
	
	
}

.top-cart-caption a{
	color:#fff	
}
.top-cart-caption a{
	text-decoration:none;
}


.top-cart a{
	
	
	color:#fff;

	
}

.top-cart a:hover{
	
	color:#d9bf1d;


	
}


.top-phone{
	float:left;
	background:transparant;
	color:#fff;
	font-size:20px;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	width:40px;
	border:2px solid #378fb9;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin-right:10px;
}

.top-phone:hover{
	
	background:#3391bd;
	
}
.top-phone-caption{
color:#fff;	
}	


.owl-height{
	
}



.ads-slide{
	
	width:100%;
	border:1px solid #54a7ce;
	padding:10px;
	min-height:130px;
	opacity:0.8;
	font-size:13px;
	background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(246,246,246,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(71%, rgba(255,255,255,1)), color-stop(100%, rgba(246,246,246,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(246,246,246,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(246,246,246,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(246,246,246,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1 );
}
.ads-slide a:hover{
	text-decoration:none;
}
.ads-slide:hover{
	border:1px solid #008acc;
	opacity:1;
}
.ads-slide img{
	float:left;
	width:120px;
	padding-right:10px;
	height:90px;
	
}
.ads-link:hover{
	text-decoration:none;
}

.ads-slide-center{
border:2px solid #999;
background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(212,243,255,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(67%, rgba(255,255,255,1)), color-stop(100%, rgba(212,243,255,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(212,243,255,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(212,243,255,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(212,243,255,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(212,243,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4f3ff', GradientType=1 );

}

.margin-bottom-20{
	margin-top:20px;
}
.nav-tabs{
	margin-left:0px;
	border:none;
}
.nav-tabs > li > a.selected {
	color:#111;
	padding-bottom:5px;
	background:#FFFFFF;
	border-color:transparent;
	font-weight: bold;
}
.nav-tabs {
	margin-bottom:0px;
	border-width:0px;
	border-bottom:1px solid #ddd;
	
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-width:0px;
	border-bottom:3px solid #008acc;
	font-weight:bold;
	font-size:18px;
	color:#000;
}
.nav-tabs > li { margin-bottom:-2px;}
.nav-tabs > li > a:hover {
	background:transparent;
	border-color:transparent;
	color:#000;
}
.nav-tabs > li > a {
	border-radius:0px;
	color:#666;
	font-size:18px;
}
.tab-content {
	
	padding:15px 15px 10px;
	padding-left:0px;
	margin-bottom: 20px;
	z-index:2;
	border:0px solid #ddd;
	border-top:0px;
}

.row-title{
	font-family: 'Cairo', sans-serif;
	font-weight:bold;
	font-size:25px;
	border-bottom:1px solid #d5d5d5;
	margin-bottom:20px;
}

.box-home-prod{
	width:100%;
	background:#fff;
	min-height:340px;
	border:1px solid #d5d5d5;
	text-align:center;
	opacity:0.9;
	padding-top:2px;
}




.img-home-prod img{
	margin:0 auto;
	padding:15px;
	float:center;
	height:150px;
	margin-bottom:10px;

}
.box-home-prod .title{
	font-size:12pt;
	text-align:center;
	padding:10px;
	min-height:100px;
	height:100px;
	
	
}
.box-home-price-cart{
	text-align:center;
	font-size:13pt;
	padding:10px;
	
	font-family: 'Cairo', sans-serif;
	font-weight:bold;
}

.ads-bottom-1{
	border:1px solid #ddd;
	width:100%;
	height:250px;
	padding:20px;
	

background: rgba(252,249,252,1);
background: -moz-linear-gradient(-45deg, rgba(252,249,252,1) 0%, rgba(255,255,255,1) 59%, rgba(201,199,199,1) 59%, rgba(153,151,151,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(252,249,252,1)), color-stop(59%, rgba(255,255,255,1)), color-stop(59%, rgba(201,199,199,1)), color-stop(100%, rgba(153,151,151,1)));
background: -webkit-linear-gradient(-45deg, rgba(252,249,252,1) 0%, rgba(255,255,255,1) 59%, rgba(201,199,199,1) 59%, rgba(153,151,151,1) 100%);
background: -o-linear-gradient(-45deg, rgba(252,249,252,1) 0%, rgba(255,255,255,1) 59%, rgba(201,199,199,1) 59%, rgba(153,151,151,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(252,249,252,1) 0%, rgba(255,255,255,1) 59%, rgba(201,199,199,1) 59%, rgba(153,151,151,1) 100%);
background: linear-gradient(135deg, rgba(252,249,252,1) 0%, rgba(255,255,255,1) 59%, rgba(201,199,199,1) 59%, rgba(153,151,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf9fc', endColorstr='#999797', GradientType=1 );


color:#333;
}
.box-home-price{
	margin-right:30px;
}
.btn-black{
	background:#4686be;
	color:#fff;
}

.btn-black:hover{
	background:#286090;
	color:#fff;
}

#footer .fpart-first { background-color:#e5e4e4; font-size:1;border-top:1px solid #d9d9d9;}
#footer .fpart-first, #footer .fpart-first a { color:#dedede;font-size:12pt; }
#footer .fpart-first a:hover { color:#dedede;}
#footer h5 {
	color:#dedede;
	text-transform:uppercase;
	font-size:15px;
	font-family: 'Cairo',
	font-weight:bold;
}
#footer .column ul li { list-style-type:none; }
#footer .column a {
	text-decoration: none;
	display:block;
	padding:3px 0px;
	font-size:14px;
		 font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#footer .column a:hover {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#footer #powered { border-bottom-color:#262626; }
#footer .fpart-second { background-color:#262626; }
#footer .fpart-second a { color:#f0f0f0; }
#footer .fpart-second a:hover { color:#f5f5f5; text-decoration:none;}

#footer .contact ul li {
	font-size:14px;
	list-style-type:none;
	line-height:20px;
}
.powered_text{
	color:#f0f0f0;
}
.payment-icon img{
	border-radius:5px;
	margin-left:5px;
	opacity:0.8;
}

.payment-icon img:hover{
	
	opacity:1;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-10-22 19:58:28
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-vert-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

.rotate-vert-center:hover {
	-webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
			-webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
		background:#fff;z-index:10;
}

.animasi-grow:hover{

	-webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
		background:#fff;z-index:10;					
}


.animasi-transparant{
	opacity:0.8;
}

.animasi-transparant:hover{
	opacity:1.0;
}



.row-prod-sidebar{
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #ededed;
	background:#fff;
}


.row-prod-sidebar label{
	font-size:11px;
	cursor:pointer;

}

.prod-sidebar img{
	width:90px;
	padding-right:8px;
}
.prod-sidebar-caption{
	font-size:13px;

}
.prod-sidebar-price{
	font-size:15px;
	font-weight:bold;
	color:#777;
}

.menu-sidebar{
	margin-bottom: 25px;
	
}

.menu-sidebar h3{padding: 20px 25px; line-height: 15px; color: #333; margin-top: -2px; margin-bottom:0px;}

.menu-sidebar li a:hover {
	background:#ffd429;
    color: #333;
	border-left:3px solid #1a4f93;

		z-index:10;		
		
}

/* Tabbed Navigation */
.TabNav, .TabNav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.TabNav {
	font-size: 14px;
	margin-bottom: 10px;
	padding: 6px 4px 6px 4px;
	border-bottom:1px solid #d2d2d2;
}

.TabNav li {
	display: inline;
}

.TabNav li a {
	position: relative;
	top: 2px;
	font-size: 14px;
	padding: 4px 6px;
	margin-right: 3px;
	margin-top: 3px;
	text-decoration: none;
	
}

.TabNav li a:hover {
	text-decoration: none;
}

.TabNav li.Active a {
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom:5px;
	font-weight: bold;
	background:#dedede;
	color:#323232;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
}

.image-search img{
	padding:20px;
}

.border-1-black:hover{
	border:1px solid #000;
}

.border-1-blue:hover{
	border:1px solid #1a4f93;
}

.QuickSearch{
	z-index:1000;
}

.bg-gray{
	
background: rgba(255,255,255,1);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );

}

.slide-caption h1{
	font-size:30px;
	font-weight:bold;
	color:#e05f00;
}

.col-after-slide{
	background:#fff;border:1px solid #c4c4c4;width:100%;padding:15px;color:#ea6c10;
}

.col-after-slide:hover{
	background:#fed783;border:1px solid #c4c4c4;width:100%;padding:15px;color:#ea6c10;
}
.ads-home{
	width:100%;
	padding:15px;
	background:#00529e;
	min-height:200px;
}

.ads-home-orange{
	width:100%;
	padding:15px;
	background:#ffd429;
	min-height:200px;
}

.bg-orange1{
	background:#ffd429;
}
.bg-orange1:hover{
	background:#ffcc00;
}

.home-banner-fixed{
	padding-top:50px;padding-bottom:50px;
	
	background:#d9d9d9;
	width:100%;
}