body {
	font: 300 15px/2em roboto,sans-serif;
	color: #0e0e0e;
	width: 100%;
	position: relative;
	float: left;
}
ul, ol{
	padding: 0px;
	margin: 0px;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Nunito Sans",roboto,sans-serif, verdana;
	line-height: 1.2em;
}
h3, h4, h5, h6 {
	color: #444;
	margin: 0px;
	padding: 0px;
	font-weight: 300;	
}
h1, h2{
	color: #09013c;
	margin: 0px;
	padding: 0px;
	font-weight: 200;
}

/* Override the bootstrap defaults */
.row,.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	margin: 0px;
	padding: 0px;
}
hr{
	position: relative;
	float: left;
	width: 100%;
	clear: both;
}
.content-wrapper > a{
	padding-bottom: 20px;
	display: block;
}
.content-wrapper{
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-top:30px;
	width: 100%;
	overflow: hidden;
}

@media (max-width: 991px) {
	.content-wrapper{
		padding-right: 5px !important;
		padding-left: 5px !important;
	}
}

@media (max-width: 768px){
	.content-wrapper{
		padding-top:15px;
	}
}

.center-position{
	width: 100%;position: relative;margin: 0 auto; max-width: 1200px;padding: 0 5px;
}
.fullwidth{
	width: 100%;
	position: relative;
	float: left;
}

.zero{
	padding: 0px !important;
	margin: 0px !important;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 25px;

}
h3 {
	font-size: 21px;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 12px;
}
p{
	text-align: justify;
}
a {
	color: #2b332d;
}
a:hover {
	text-decoration: none;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border: 1px solid #ddd; 
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}

.row{
	position: relative;
	float: left;
}

.newsblog-article .other-news-item > div > div{
	max-height: 80px;
	overflow: hidden ;
}
.newsblog-article .other-news{
	padding-left: 20px;
}

@media (max-width: 768px){
	.newsblog-article .content-wrapper{
		padding-top: 5px;
	}
	.newsblog-article .other-news{
		padding-left: 0px;
		padding-top: 30px;
	}	
}

.news-content img{
	max-width: 100%;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
#content{
	background-color: white;
}
.home-container{
	width: 100%;
	max-width: 1568px;
	position: relative;
	margin: 0 auto;
}

.home-process-div .desc_wrapper h5{
	font-weight: 600;
    text-transform: uppercase;
    margin: 20px 0px;
    text-align: center;
    line-height: 1.2em;
    font-size: 1.1em;
    color: #C39C3D;
}

.home-process-div .icon_position_top{
	padding: 10%;
	transition: all ease 300ms;
}
.home-process-div .icon_position_top:hover{
	padding: 5% 10% 15% 10%;
}

.home-process-div .content-wrapper > div{
	padding: 10px;
}
.home-process-div .image_wrapper:hover img{
	opacity: 1;
}
.home-process-div .image_wrapper{
    padding: 15%;
    border: 2px solid rgba(10, 82, 140, 0.6);
    border-radius: 50%;
}
.home-process-div .image_wrapper img{
	width: 100%;	
	padding: 10%;
	opacity: 0.8;
	transition: all 0.5;
}
@media (max-width: 767px) {
	.home-process-div .desc_wrapper h5{
		font-weight: 400;
	    line-height: 1.1em;
	    font-size: 1em;
	    text-transform: unset;
	    margin: 0px;
	}
	.home-process-div .image_wrapper img{
		width: 100%;	
		padding: 10%;
	}	
	.home-process-div .image_wrapper{
		border: none;
		padding: 5%;
	}
}

.home-gialoc-business{
	position: relative;
	float: left;
	width: 100%;
}
.home-gialoc-business > ul{
	position: relative;float: left;width: 100%;text-align: center;
}
.home-gialoc-business > ul > li a{
	font: normal 18px/22px "Nunito Sans",roboto,sans-serif, verdana;
	color: rgba(3, 78, 162, 0.65);
}
.home-gialoc-business > ul > li.active a{
	color: rgba(3, 78, 162, 1);
}
.home-gialoc-business > ul > li{
	list-style: none;
	padding: 10px 20px;
	display: inline-block;
	position: relative;
	text-align: center;
}

.cover-image{
	background-position: 50%;
  	background-repeat: no-repeat;
  	background-size: cover;
  	margin: 0 auto;

}

.fourth-box{
	padding-left: 5px !important;	
}
.third-box{
	padding-right: 5px !important;
}
.second-box,  .fifth-box{
	position: absolute;
	height: 100%;
	right: 0px;
	display: block;
	padding-left: 10px !important;

}

.feature-div .info .price{
	color: #C39C3D;
}
.products-from-cat-div .info h5{
	font-size: 13px;
	color: #959595;
}
.feature-div .info h4, .products-from-cat-div .info h4{
	font: 300 15px/20px "Nunito Sans",roboto,sans-serif,arial;
	margin-bottom: 5px;
	text-align: center;
	color: #3a3a3a;	
	text-transform: uppercase;
}
.feature-div .info, .products-from-cat-div .info{
	padding: 10px 10px 20px 10px;
	text-align: center;
	width: 100%;
}
.feature-div .item-content-wrapper, .products-from-cat-div .item-content-wrapper{
	width: 100%;
	position: relative;
	float: left;
	-webkit-box-shadow: 0 1px 4px rgba(97, 97, 97, 0.15);
	-moz-box-shadow: 0 1px 4px rgba(97, 97, 97, 0.15);
	box-shadow: 0 1px 4px rgba(97, 97, 97, 0.15);
	margin: 10px 0px;
}
@media (max-width: 768px){
	.feature-div .item-content-wrapper, .products-from-cat-div .item-content-wrapper{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;	
		margin: 7px 0px;	
	}
}



.home-article-div .item h5{
	color: white;
	font: 300 16px/1.5em "Nunito Sans",roboto,sans-serif,arial;
}
.home-article-div .item .image img{
	width: 100%;
}
.home-article-div .item{
	overflow: hidden;
}

@media (min-width: 991px){
	.home-article-div .item:hover .image img{
		-webkit-transform:scale(1.1); /* Safari and Chrome */
		-moz-transform:scale(1.1); /* Firefox */
		-ms-transform:scale(1.1); /* IE 9 */
		-o-transform:scale(1.1); /* Opera */
		transform: scale(1.1);
		transition: transform .5s ease;	
	}
}
.home-article-div .item:hover .image{
    overflow: hidden;
}

.home-article-div .title > a{
	width: 100%;
	height: 100%;
    display: block;
    position: absolute;
    top: calc(50% - 15px);
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 1.2em;
}
.home-article-div .title{
	position: absolute;background: #075f9ca8; color: #fac136;font-size: 1.2em;
	bottom: 20px;
    right: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
	transition:  transform 2s ease-in-out;
	opacity: 0;
	line-height: 1.6em;
}

.home-article-div .item:hover .title{
	opacity: 1;
	-webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
}

.home-article-div .item .item-content-wrapper a.image {
	position: relative;
	float: left;

}
.home-article-div .item .extra-info {
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #fff;
    width: 100%;
    padding: 10px 5px 5px 5px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #0707078a);
    text-align: right;
}

.feature-div > a, .home-article-div > a, .home-process-div > a{
	text-align: center;clear: both;width: 100%; display: block;
	padding-bottom: 20px;
	padding-top: 30px;
}
.feature-div h3, .home-article-div h3, .products-from-cat-div h3{
	margin: 0px;
    text-align: center;
    text-transform: uppercase;
    font: 600 26px/36px "Nunito Sans",Montserrat,roboto,verdana;
}
@media (max-width: 767px){
	.feature-div h3, .home-article-div h3, .products-from-cat-div h3{
		font: 600 18px/26px "Nunito Sans",Montserrat,roboto,verdana;
	}
	
}
/*
.feature-div h3:before{
	content: '';
    position: absolute;
    border-bottom: 2px solid rgba(230, 230, 230, 0.8);
    width: 35%;
    height: 18px;
    left: 0px;
}
.feature-div h3:after{
	content: '';
    position: absolute;
    border-bottom: 2px solid rgba(230, 230, 230, 0.8);
    width: 35%;
    height: 18px;
    right: 0px;
}
*/
.feature-div,.product-category, .home-article-div{
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}
.products-from-cat-div-0{
	margin-bottom: -30px;
	z-index: 2;
}
.products-from-cat-div-1{
	margin-top: -30px;
	z-index: 2;
}
.products-from-cat-div{
	padding-bottom: 10px;
}
.products-from-cat-div .item-content-wrapper > a.image{
	padding: 12%;
}
.products-from-cat-div .content-no-heading{
	padding-top: 5px;
}
.products-from-cat-div .content-with-heading{
	padding-top: 55px;
}

.products-from-cat-div h3.line-left,.home-process-div h3.line-left, .home-article-div h3.line-left{
	background: url(https://hungtuy.com.vn/themes/introduce/w3ni490/images/line-title-left.png) 0% 50% no-repeat;
	height: 46px;
}

.products-from-cat-div > .content-wrapper, .home-process-div > .content-wrapper {
	padding-top: 55px;	
}

@media (max-width: 768px){
	.products-from-cat-div > .content-wrapper, .home-process-div > .content-wrapper{
		padding-top: 30px;	
	}	
	.products-from-cat-div .item-content-wrapper > a.image{
		padding: 5px;
	}
}

.col-sm-6, .col-md-3, .col-xs-12{
	padding: 5px;
}

.form-horizontal .form-group {
	margin-right: 0px;
	margin-left: 0px;
}
.navbar{
	border: unset !important;
}
/* Fix some bootstrap issues::end; */
/* OWL - Fix slide */
.owl-wrapper-outer{
	border: none !important;
	border-radius: none !important;
	box-shadow: none !important;
}
/* OWL - Fix slide :: end */
/* JSSOR Slide Image Gallery with Vertical Thumbnail Navigater Theme*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

.jssort02 .w
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.jssort02 .c
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 98px;
    height: 64px;
    border: #A8FFA8 2px solid;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c 
{
    background: url(../image/jssor/t01.png) center center;
    width: 98px;
    height: 64px;
    border: green 2px solid;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c
{
    top: 0px;
    left: 0px;
    width: 98px;
    height: 64px;
    border: green 2px solid;
}
/*jssor slider thumbnail skin 101 css*/
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position: relative;float: left; width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}
.jssort01 > div{left: 0px !important;}

/* JSSOR Slide Image Gallery with Vertical Thumbnail Navigater Theme*/


/* standardlise head font: h1, h2, ... on display mobile and tablet */
@media (max-width: 767px) {
	h1 {
    	font-size: 20px;
    	line-height: 26px;
	}
	h2{
		font-size: 17px;
		line-height: 21px;
	}
	.breadcrumb li{
		font-size: 14px;
	}
	div{
		padding-right: 0px;
		padding-left: 0px;
	}
	.featured-image .display-img img{
		width: 100%;
	}
}
/* standardlise head font: h1, h2, ... on display mobile and tablet :: end*/
/*home text*/
#home-text{
	position: relative;
	float: left;
	padding: 10px 25px;
	width: 100%;
    margin-bottom: 20px;
    clear: both;
}
/*home text :: end*/

/*header*/
header .header-active a{
/*	box-shadow: 0 1px 2px 0 rgb(107, 121, 136) !important;*/
}
header .header-active::after{
	/*content: '';*/
	position: absolute;
	border-bottom: 2px solid #94191c;
	width: 30px;
	height: 18px;
	bottom: 9px;
	left: calc(50% - 17px);
}
header{
	padding: 0px;
	width: 100%;
	position: relative;
	float: left;
	/*background: url("../image/menu-bg-1.jpg") center 0 repeat-y;*/
}
@media (max-width: 990px){
	header{
		background: none;
	}	
}
@media (max-width: 991px){
	header{
		padding: 0px;
	}
}

.head-menu ul li a{
	color: black;
}

.head-menu .navbar{
	margin: 0px;
}
.head-hub button{
	padding: 4px 8px;
}
.head-hub button .menu-line{
	font-size: 	32px;
	font-weight: bold;	
	border: 1px solid #0668a9;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.navbar-toggle{
	position: fixed;
	right: 5px;
	top: 20px;
	z-index: 98;
}
.navbar #head-link > div{
	position: relative;
	float: right;

}
.navbar #head-link{
	text-align: right;	

}
.head-language ul,.head-language li {
	position: relative;
	float: right;
}
.head-language li button img{
	max-width: 30px;
}
.head-language li button{
	padding: 3px;
	max-width: 36px;
}
.head-language li{
	list-style: none;
}

#menu-fullwidth-div{
	width: 100%; position: relative;text-align: center;float:left;-webkit-box-shadow: 0 10px 6px -6px #777;-moz-box-shadow: 0 10px 6px -6px #777;z-index: 2;box-shadow: 0 4px 6px -6px #777;
}
.right-menu{
	background: red;
}
.left-logo{
	padding: 5px 20px;
}

.main-menu > ul > li > div li:hover a{
	color: white;

}
.main-menu > ul > li > div li:hover{
	background-color: gray;
	border-radius: 4px;
}
.main-menu > ul > li > div li{
	position: relative;
	float: left;
	display: block;
	text-align: left;
	padding: 10px 10px;
	width: 100%;
}
.main-menu > ul > li:hover > div{
	display: table-cell;
	min-width: 200px;
}
.main-menu > ul > li > div{
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	border: 1px solid gray;
	z-index: 100;
	background-color: #fff;
	border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.main-menu > ul > li:hover a {
	color:  #077ecc;
}

/*
.main-menu > ul > li:hover::after {
    content: '';
    position: absolute;
    border-bottom: 2px solid #94191c;
    width: 30px;
    height: 18px;
    bottom: 9px;
    left: calc(50% - 17px);
}
*/
.main-menu > ul > li:hover a{
	transition: all 0.3s;
}
.main-menu > ul > li a{
	font: 600 15px/20px 'Nunito Sans',"Nunito Sans",roboto,sans-serif;
	text-transform: uppercase;
	text-shadow: none;
	padding: 7px 20px;
    border: 1px solid #efefef73;
    border-radius: 7px;
    box-shadow: 0 1px 2px 0 rgba(107, 121, 136, 0.08);
}
.main-menu > ul > li{
	position: relative;
	float: left;
	list-style: none;
	padding: 1px 10px;
	box-sizing: border-box;
}

.main-menu > ul{
	margin: 0px;
	display: flex;
	  justify-content: space-between;
	  padding-top: 35px;
}
.main-menu{
	position: relative;
	text-align: center;
}

@media (min-width: 992px){
	.main-menu > ul > li{
		padding: 10px 10px;
		box-sizing: border-box;
	}
	.main-menu > ul > li:last-child{
		border-right: none;
	}		
}

@media (max-width: 991px) and (min-width: 768px){
	.main-menu{
		margin-top: 5px !important;
	}
	
	.main-menu > ul > li{
		position: relative;
		float: left;
		list-style: none;
		padding: 7px 10px;
		box-sizing: border-box;
		border: 1px solid gray;
    	margin: 0px 0px 5px 5px;
	}
}
/** home:menu:product */
.menu-main-2-step > div > div a h2{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	color: #94191C;
	text-transform: uppercase;
	font: normal 15px/1.2em roboto,verdana;
	padding: 7px 0px;
}

.menu-main-2-step .menu-step-2  div > a:hover{
	background: rgba(237, 237, 237, 0.4);
	position: relative;
    float: left;
    display: block;
}
.menu-main-2-step > div > div > a{
    display: block;
    position: relative;
    float: left;
    padding: 10px;
}
.main-menu-content > div{
	width: 100%; max-width: 1000px;position: relative;margin: 0 auto;
	padding-bottom: 5px;
}
.main-menu-content{
	width: 100%;
    position: relative;
    margin: 0px auto;
    float: left;
    background: white;
}

/** home:menu:product :: end*/
/** home:menu:product :: version 3 */
.product-menu{
	opacity: 0;
	transform: scale(1.05)
}
.product-menu.visible{
	visibility: visible;
  	opacity: 1;
  	transform: scale(1);
  	transition: all 0.8s linear;
}

.navbar-collapse,.menu-main-1-step {
	padding: 0px !important;
}

.menu-main-1-step > li.item{
	padding-top: 30px;
}
.menu-main-1-step > li{
	list-style: none;
	height: 100px;
	
}
.menu-main-1-step > li > a{
	line-height: 50px;
    display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.menu-main-1-step > li.logo a img{
	display: inline;
	margin: 0 auto;
	max-height: 90px;
}
.menu-main-1-step > li.logo a{
	position: relative;
	display: block;
	text-align: center;
}
.menu-main-1-step > li.logo{
	width: 140px;
	text-align: center;
	position: relative;
	display: inline;
	padding: 5px 0px;
}


@media (min-width: 992px){
	.menu-main-1-step > li.first-link,.menu-main-1-step > li.last-link{
		width: calc(50% - 500px);
	}
	.menu-main-1-step > li.item{
		width: 150px;
		display: inline-block;
	}
}
@media (max-width: 991px) and (min-width: 767px){
	.menu-main-1-step > li.item{
		width: 100px;
		display: inline-block;
	}
	.menu-main-1-step > li.first-link,.menu-main-1-step > li.last-link{
		width: 0px;
	}
}

.menu-main-1-step{
	width: 100%;position: relative;margin: 0 auto;
	display: flex;justify-content: space-between;
}
.mega-dropdown {
	position: static !important;
  }
  .mega-dropdown-menu {
	  padding: 20px 0px;
	  width: 100%;
	  box-shadow: none;
	  -webkit-box-shadow: none;
  }
  .mega-dropdown-menu > li > ul {
	padding: 0;
	margin: 0;
  }

  .mega-dropdown-menu .dropdown-header {
	  font-size: 1em;
	  color: #116740;
	  text-transform: uppercase;
	  padding: 5px 10px 10px 5px;
	  line-height: 1.1em;
  }
  .dropdown-menu{
	  top: 98%;
  }
/** home:menu:product :: version 3 :: end*/
.main-menu-mobile ul li:hover{
	background: #00417a;
}
.main-menu-mobile ul li + li{
	border-top: 1px solid #d8d7d7; 
}
.main-menu-mobile ul li{
	padding: 0px;
	padding-left: 20px;
}
.main-menu-mobile ul{
	padding: 0px;
}
.main-menu-mobile{
	margin: 0px;
	padding: 0px;
	background: gray;
}

/**side menu*/

.menu-mobile-info i{
	color: #999;
}
.menu-mobile-info > div{
	margin-bottom: 10px;
	clear: both;
}
.menu-mobile-social-search{
	position: absolute;left: 0px;bottom: 0px;background: #94191c;padding: 10px 5px !important;width: 100%;
}
.menu-mobile-info{
	color: black;
	position: relative;
	float: left;
	padding: 20px 5px 10px 5px;
	width: 100%;
	font: 300 15px/22px roboto,verdana;

	
}
.nav-side-menu .mobile-arrow polyline{
	fill: none;
    stroke: #393939;
    stroke-width: 360;
    stroke-miterlimit: 10;
}
.nav-side-menu .mobile-arrow{
	position: relative;width: 36px;height: 36px;display: inline-block;float: left;padding: 9px;
}
.nav-side-menu .logo > a{
	display: block;
	height: 100px;
	padding: 10px;
}
.nav-side-menu .logo img{
	max-height: 60px;
}
.nav-side-menu {
  overflow: auto;
  font-family: arial ,verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: white;
  position: fixed;
  top: 0px;
  width: 75%;
  height: 100%;
  color: #e1ffff;
}
.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul{
    padding: 0px;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  width: 100%;
  position: relative;
  float: left;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: transparent;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}

.nav-side-menu .menu-content li a{
    display: inline-block;
    position: relative;
    float: left;
    font: 300 14px/36px arial , verdana;
}
.nav-side-menu .sub-menu li a{
    width: 90%;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #1616164a;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: left;
  line-height: 36px;
}
.nav-side-menu li {
  padding-left: 0px;
  border-bottom: 1px solid rgba(238, 238, 238, 0.6);
    animation-delay: 700ms;
    transition: all 400ms 510ms;
    -webkit-animation: fadeInUp;
    animation: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

}
.nav-side-menu li a {
  text-decoration: none;
  color: black;
  text-transform: uppercase;
}
.nav-side-menu li:hover {
  background-color: transparent;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }

}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}
/**new version side menu mobile*/
#side-menu .panel-body { 
	padding:0px; 
	position: relative;
	float: left;
	background: gray;
	width: 100%
}
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }

#side-menu{
	position: fixed;top:0px;left: 0px;height: 100%;width: 0px;transition: 0.5s;z-index: 100;overflow: hidden;
}
.menu-mobile-step-2, .menu-mobile-step-2-div,.menu-mobile-step-2-div > a, .menu-mobile-step-3-div{
	width: 100%;
	position: relative;
	float: left;
}
.menu-mobile-step-2-div{
	background: #224a77;
	padding: 0px;
}
.menu-mobile-step-3-div{
	background: white;
	padding: 0px;
}
.menu-mobile-step-2-div > a + a{
	border-top: 1px solid #c0c0c038;
}
.menu-mobile-step-2-div > a{
	color: white !important;
	line-height: 32px !important;
	position: relative;
	float: left;
	padding: 0px;
	padding-left: 10px;
}
.menu-mobile-step-2-div .material-icons{
	color: white !important;
	line-height: 32px !important;
	font-size: 15px !important;
	padding: 0px 10px;
	position: relative;
	float: left;
}


/**new version side menu mobile :: end*/
/**side-menu::end*/

/*header::end*/

/* category menu*/
.box-category-newsgroup>ul {
    list-style: none;
    margin: 0;
    padding: 3px;
}
.box-category-newsgroup>ul>li {
    padding: 0;
    position: relative;
    float: left;
	width: 100%;
	border-bottom: 1px solid #80808052;
}
.box-category-newsgroup>ul>li>a {
    text-decoration: none;
    color: #081A25;
    text-transform: uppercase;
    padding-left: 7px;
    font: 400 14px/40px arial ,verdana;
}
.box-category-newsgroup>ul>li ul {
    display: none;
    padding: 0 0 5px 15px;
}
.box-category-newsgroup>ul>li ul>li {
    padding: 5px;
    list-style: square inside;
}
.box-category-newsgroup .subnav li a {
    color: #414141;
}
.box-category-newsgroup a:hover {
    color: red;
}
.box-category-newsgroup>ul>li ul>li>a {
    text-decoration: none;
}
#menu-category > div > h2{
    font: normal 18px/40px arial,verdana !important;
    color: black;
    padding: 0 10px;
	border-bottom: 1px solid #c95408;
	text-transform: uppercase
}
.menu-category{
	position: relative;
	float: left;
	width: 100%;
}

.gialoc-category > li{
	width: 100%;
	clear: both;

}

/* category menu :: end*/

/*  newsblog :: newscategory */

/** newsblog category -> career **/
.category-career .panel{
	position: relative;
	float: left;
	width: 100%;
}
.category-career .tab-heading, .home-business .tab-heading{
	position: relative;
	float: left;
	width: 100%;
	margin: 0px;
}
.category-career .tab-heading ul > li > a, .home .tab-heading ul > li > a{
	color: black;
	font-size: 1em;
	line-height: 40px;
	width: 100%;
	display: block;
	text-decoration: none !important;
	text-transform: uppercase;
}
.category-career .tab-heading > ul > li, .home-business .tab-heading > ul > li{
	list-style: none;
	text-align: center;
	display: inline-block;
	line-height: 60px
}
.category-career .tab-heading > ul,.home-business .tab-heading > ul{
	position: relative;
	float: left;
	width: 100%;
	margin: 0px;
}
.first-tab{
	color: white;
    border-bottom: 60px solid #94191c;
    border-right: 25px solid transparent;
    height: 0;
    width: 250px;
}
.category-career .tab-heading .active a:after, .home-business .tab-heading .active a:after{
    position: absolute;
    content: "";
    width: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    border-bottom: 2px solid #94191c;
}
.category-career .tab-heading, .home-business .tab-heading{
	background: #f5f5f5;
}
.category-career .tab-content{
	padding: 20px 5px;
}
.tab-heading-container{
	background: #f5f5f5;/*url(../image/jga/career-bg.png) 50% 0% repeat-y;*/
}
@media (max-width: 768px){
	.category-career .tab-content{
		padding: 10px;
	}	
	.tab-heading-container{
		background: none;
	}
}
/** newsblog category -> career **/
/** JGA group 3 box**/
.jga-newsgroup-3box ul li h2.active{
	background: #0a528c; 
	color: white;
}
.jga-newsgroup-3box ul li h2{
	font-size: 0.9em;
	font-weight: bold;
	padding: 7px 12px;
	border: 1px solid gray;
	text-transform: uppercase;
	color: #94191c;
	font-weight: 400;
	border-radius: 7px;
}
.jga-newsgroup-3box ul li{
	list-style: none;
	position: relative;
	display: inline-block;
	margin-right: 5px;
}
.jga-newsgroup-3box{
	position: relative;
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding: 30px 0px;
}
.jga-newsgroup-3box ul{
	position: relative;float: left;width: 100%;text-align: center;
}
/** JGA :: end; **/

.news-grid-item {
	padding: 10px;
}
.news-grid-item p{
	font: 300 15px/20px "Nunito Sans",roboto, verdana;
	padding: 0 10px;
	text-align: justify;
}
.project-categories{
	background: #e5e5e5;
    padding: 0px;
    border-top: 3px solid #034ea2;
}
.project-categories > a + a{
	border-top: 1px solid gray;
}

.project-categories > a{
	position: relative;
	float: left;
	display: block;
	font: 300 15px/1.4em roboto,verdana;
	padding: 10px;
	color: #454545;
	width: 100%;
	text-transform: uppercase;
	transition: all 0.3s;
}
.project-list > div:nth-child(3n + 1){
	clear: left;
}
.project-categories > a:hover, .project-categories > a.active{
    background: #bcbabaab;
    color: #94191c;
}

.category_projects .news-grid-item .title-link h4::after{
    content: '.';
    color: transparent;
    position: absolute;
    border-bottom: 2px solid #94191c;
    width: 80px;
    height: 18px;
    bottom: 0px;
    left: calc(50% - 40px);
}
.news-grid-item .title-link h4{
	font: bold 16px/1.5em "Nunito Sans",roboto, verdana;
	color: #024c82;
	text-align: center;
	position: relative;
	margin: 0 auto;
	padding: 0px 0px 5px 0px;
}
.article-3 > .news-grid-item:nth-child(3n+1){
	clear: left;
}
/** newsblog->aboutus */
.marvis-exp ul li {
    width: 50%;
    float: left;
}
.marvis-exp ul li {
    color: #000;
    padding-left: 20px;
    position: relative;
    line-height: 48px;
    font-weight: 400;
    cursor: pointer;
}
.marvis-exp ul li:before {
    position: absolute;
    content: "";
    left: 5px;
    top: 18px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #C39C3D;
}
.marvis-exp ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
}
.aboutus-first-description div.desktop p{
	text-align: justify;
    padding: 15px 25px;
    color: #064ea2;
    font-size: 19px;
}
.aboutus-first-description div.mobile p{
	text-align: justify;
    padding: 15px 0;
    color: #064ea2;
    font-size: 16px !important;
}
.aboutus-first-description > div.desktop{
	position: absolute;
    bottom: 30px;
    right: 50px;
    width: 500px;
	background: #ffffffd1;
	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);
}
.aboutus-first-description > div.mobile{
	position: relative;
	float: left;
	width: 100%;
	background: #ffffffd1;
}
.aboutus-video .video-div iframe{
    width: 560px;
    height: 315px;

}
.aboutus-video .video-div{
    position: absolute;width: 100%;top: calc(50% - 100px);text-align: center;
}
.aboutus-video h2{
	position: absolute;width: 100%; left: 0px;height: 100px;top: 0px;color: white;text-align: center;line-height: 130px;font-size: 1.7em;font-weight: 400;
}
@media (max-width: 767px){
    .aboutus-video h2{
        position: relative;width: 100%; color:#09013c;text-align: center;font-size: 1.3em;font-weight: 400;height: 4em;line-height: unset;
    }   
    .aboutus-video .video-div{
        padding: 10px;
    }
    .aboutus-video .video-div iframe{
        width: 100%;
    }
}
.aboutus-video .overlay-image{
	position: absolute;top: 0px; left: 0px;height: 300px;width: 100%;background: rgba(44, 44, 44, 0.1);
}
.aboutus-page h2{
  font-size: 1.5em;
}
.aboutus-page h2{
   text-transform: uppercase;
   font-size: 1.5em; 
   font-weight: bold;
   padding-bottom: 10px;
}
.aboutus-page h1{
  text-align: center;text-transform: uppercase;padding: 10px;
  font-size: 2em;
  font-weight: 500;
}
.aboutus-tabs{
	margin: 0px !important;
}

.aboutus-tabs>li>a{
	text-transform: uppercase;
	font: normal 16px/1.8em roboto,verdana;
}

 .aboutus-tabs>li>a{
    border: none !important;
}
.aboutus-tabs-wrapper .nav-tabs>li.active,.aboutus-tabs>li.active{
	border-bottom: 1px solid #94191c !important;
}
.aboutus-tabs-wrapper .aboutus-tabs{
	border: none !important;
}
@media (max-width: 768px){
	.aboutus-tabs{
		display: flex;
		justify-content: space-between;
	}
	.aboutus-tabs>li a{
		padding: 7px 5px !important;
		text-align: center;
		line-height: 1.2em !important;
	}
	.aboutus-tabs>li{
		position: relative;
		float: left;
		width: 30%;
	}
	.aboutus-tabs>li.active{
		border-bottom: 1px solid #94191c !important;
	}
	.aboutus-tabs>li.active>a{
		border-bottom: none !important;
		color: #94191c !important;
	}		
}
.aboutus-tabs-wrapper .tab-content{
	border-top: 2px solid #efefef;
	padding: 20px 0px !important;
}
.aboutus-tabs-wrapper{
  padding: 40px 0px 20px 0px;
}

.aboutus-video > div{
  position: absolute;width: 100%;top: calc(50% - 100px);text-align: center;
}
.aboutus-video{
  height: 450px;margin-bottom: 50px !important;
}
@media (max-width: 768px){
  .aboutus-page h2{
    font-size: 1.3em;
    text-align: center;
    padding: 1.3em 0px;    
  }
  .aboutus-page h1{
    font-size: 1.5em;
  }

  .aboutus-tabs-wrapper{
    padding: 20px 5px !important;
  }
  .aboutus-video > img{
    display: none;
  }
  .aboutus-video{
    height: auto;
  }
  .aboutus-video > div{
    position: relative !important;
    float: left !important;
  }
}
/** newsblog->aboutus :: end*/
/** newsblog->services */
.services-page h1{
  text-align: center;text-transform: uppercase;padding: 1em 0px;
  font-size: 2em;  
}
@media (max-width: 768px){
  .services-page h1{
    font-size: 1.5em;  
  }  
}
.slide:hover .slide__bg-dark{
	background: #94191c;
	opacity: 0.9;
}
.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
  overflow: hidden;
  cursor: pointer;
}

.slide__bg {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
  width: 100%;
  height: 100%;
  background-color: rgb(140, 99, 1);
  z-index: 1;
  -webkit-transition: 950ms;
  transition: 950ms;
  will-change: transform;
}

.slide__img {
  position: relative;
  height: 100%;
}

.slide__img-wrapper {
  position: absolute;
  top: -10%;
  left: -10%;
  width: 125%;
  height: 120%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 950ms;
  transition: 950ms;
  will-change: transform;
}

.slide__bg-dark > div{
	position: absolute;top: 0px; left: 0px;width: 100%;height: 50%;
	background-image: linear-gradient(to bottom,  rgba(255,255,255,0.9), rgba(255,255,255,0)); 
}
.slide__bg-dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;*/
  /*background-image: linear-gradient(to bottom,  rgba(255,255,255,0.9), rgba(255,255,255,0));*/
  -webkit-transition: 350ms;
  transition: 350ms;
  z-index: 2;
}

.slide__text > .title{
  padding-top: 25%;
}
.slide__text{
  position: absolute;
  top: 15%;
  left: 3%;
  width: 27%;
  height: 300px;
  opacity: 0.8;
  z-index: 3;
  -webkit-transform: translate3d(0, -50%, 0) rotate(0.01deg);
  transform: translate3d(0, -50%, 0) rotate(0.01deg);
  will-change: transform, opacity;
  -webkit-transition: 750ms;
  transition: 750ms;
}

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

  .slide__text { font-size: 30px; }
}
.active .slide--1 .slide__bg {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: 950ms;
  transition: 950ms;
}

.active .slide--1 .slide__img-wrapper {
  -webkit-transform: translate3d(-150px, 0, 0);
  transform: translate3d(-150px, 0, 0);
  -webkit-transition: 2000ms;
  transition: 2000ms;
}

.active .slide--1 {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 950ms 0ms;
  transition: -webkit-transform 950ms 0ms;
  transition: transform 950ms 0ms;
  transition: transform 950ms 0ms, -webkit-transform 950ms 0ms;
}

.active .slide--1 .slide__bg {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: 1900ms 0ms;
  transition: 1900ms 0ms;
}

.active .slide--1 .slide__img-wrapper {
  -webkit-transform: translate3d(-150px, 0, 0);
  transform: translate3d(-150px, 0, 0);
  -webkit-transition: 2000ms 0ms;
  transition: 2000ms 0ms;
}

.active .slide--2 {
  -webkit-transform: translate3d(-67%, 0, 0);
  transform: translate3d(-67%, 0, 0);
  -webkit-transition: -webkit-transform 950ms 1235ms;
  transition: -webkit-transform 950ms 1235ms;
  transition: transform 950ms 1235ms;
  transition: transform 950ms 1235ms, -webkit-transform 950ms 1235ms;
}

.active .slide--2 .slide__bg {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: 1900ms 1235ms;
  transition: 1900ms 1235ms;
}

.active .slide--2 .slide__img-wrapper {
  -webkit-transform: translate3d(-150px, 0, 0);
  transform: translate3d(-150px, 0, 0);
  -webkit-transition: 2000ms 1235ms;
  transition: 2000ms 1235ms;
}

.active .slide--3 {
  -webkit-transform: translate3d(-33%, 0, 0);
  transform: translate3d(-33%, 0, 0);
  -webkit-transition: -webkit-transform 950ms 2470ms;
  transition: -webkit-transform 950ms 2470ms;
  transition: transform 950ms 2470ms;
  transition: transform 950ms 2470ms, -webkit-transform 950ms 2470ms;
}

.active .slide--3 .slide__bg {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: 1900ms 2470ms;
  transition: 1900ms 2470ms;
}

.active .slide--3 .slide__img-wrapper {
  -webkit-transform: translate3d(-150px, 0, 0);
  transform: translate3d(-150px, 0, 0);
  -webkit-transition: 2000ms 2470ms;
  transition: 2000ms 2470ms;
}

.active .slide--4 {
  -webkit-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
  -webkit-transition: -webkit-transform 950ms 3705ms;
  transition: -webkit-transform 950ms 3705ms;
  transition: transform 950ms 3705ms;
  transition: transform 950ms 3705ms, -webkit-transform 950ms 3705ms;
}

.active .slide--4 .slide__bg {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: 1900ms 3705ms;
  transition: 1900ms 3705ms;
}

.active .slide--4 .slide__img-wrapper {
  -webkit-transform: translate3d(-150px, 0, 0);
  transform: translate3d(-150px, 0, 0);
  -webkit-transition: 2000ms 3705ms;
  transition: 2000ms 3705ms;
}
.services_container .service-title{
  text-transform: uppercase;
  word-wrap: break-word;
  color: #000;
  font-size: 1.4em;
  font-weight: Bold;
  font-family: "Nunito Sans",Montserrat,roboto;
  display: inline-block;
  width: calc(100% - 50px);
}
.services_container .service-number,.services_container_mobile .service-number{
  line-height: 40px;display: inline-block; width: 40px; height: 40px;background: #08609F;text-align: center;margin-right: 10px;
  color: white;
  position: relative;
  float: left;
  display: inline-block;
  font-size: 1.5em;
  font-weight: 600;
}
.services_container .slide .service-detail ul li, .services_container_mobile .service-detail ul li{
  list-style: square inside;
  font-size: 1.2em !important;
  color: white;
}
.services_container .slide .service-detail ul,.services_container_mobile .service-detail ul{
	position: relative;
	float: left;
  width: 100%;
  padding: 10px;
  margin-top: 10px;
}
.services_container_mobile .service-detail ul li{
  color: #000; 
}
.services_container_mobile .service-detail ul{
  background: #fff;
}
.services_container .slide .service-detail{
  opacity: 0;
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}
.services_container .slide:hover .slide__bg-dark > div{
	background-image: none; 
}
.services_container .slide:hover .service-detail{
  opacity: 1 !important;  
}
.services_container_mobile .service-detail{
  color: black;
}
.services_container_mobile .title{
  text-transform: uppercase;
  word-wrap: break-word;
  color: #C39C3D;
  font-size: 1.2em;
  font-weight: 800;
  font-family: verdana;
}

/** newsblog -> services :: end*/


/*  newsblog :: newscategory :: end*/
/*  newsblog :: project*/
.project-image-tabs li.active>a{
	background: #997B31 !important;
	text-transform: uppercase !important;	
}

.project-image-tabs{
	position: relative;
	float: 	left;	
	width: 100%;
	border-bottom: none;
}

.project-content{
	padding-right: 20px;
}

.project-content .project-content-attribute{
	margin-bottom: 20px;
}
.project-content .project-content-attribute .item{
	border-bottom: 1px solid #e7e7e7;
}
.project-content h1{
    color: #095B97;
    padding-bottom: 10px;
    border-left: 2px solid #C39C3D;
    padding-left: 10px;
    margin-bottom: 20px;
    font-weight: bold;
}
.category_projects .news-grid-item .title-link h4{
	text-transform: uppercase;
}
.project-attribute h5{
	color: black;
	text-align: center;
	font-weight: bold;
	line-height: 1.4em;
	font-size: 16px;
}
.project-decription, .project-attribute{
	width: 100%;
	position: relative;
	float: left;
	padding: 10px 0px;
	text-align: justify;
	min-height: 110px;
    margin-bottom: 10px;
}
.project-image{
	position: relative;
	float: left;
	width: 100%;
	display: block;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 10px 0px;

}
@media (max-width: 767px) {

	.project-content{
		padding-right: 10px;
	}				
}
/*  newsblog :: project :: end*/
/* top */
#top {
	background-color: #F5F5F5;
}

#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}

#top .btn-link, #top-links li, #top-links a {
	color: #888;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	line-height: 24px;
	position: relative;
	float: left;
}
#top .btn-link:hover, #top-links a:hover {
	color: #444;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}

#top-links a + a {
	margin-left: 15px;
}
/* logo */

#logo a img {
	max-height: 80px;
}
#logo{
	text-align: center;
	padding: 5px;
}

#logo a {
	position: relative;
	display: inline-block;
}
@media (max-width: 767px) {
	#logo{
		padding: 0px 10px !important;
		text-align: left;	
		margin-bottom: 20px;	
	}
	#logo a{
		margin: 0px !important;
	}
	#logo a img {
		max-height: 68px !important;	
	}
}
/* logo :: end; */
/* search */
#search {
	margin-bottom: 10px;
}
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
	text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart {
	margin-bottom: 10px;
}
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 100%;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}

@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
/* content */
#content {
	padding: 0px;
	position: relative;
	margin: 0 auto;
}
#content p{
	font: 300 15px/1.5em "Nunito Sans",roboto,sans-serif;
	margin: 0px;
}
.tab-content p img{
	max-width: 100%;
}
.tab-content p{
	font: normal 14px/24px "Nunito Sans",roboto,sans-serif;
	color: #272727;
	text-align: justify;
}
.tab-pane .tab-content p{
	padding: 0px 10px;
}
.career-item .panel-title a div{
	line-height: 30px;
}
.career-item .panel-title a div:nth-child(1){
	color: #fff; font-weight: bold; margin-right: 20px; line-height: 30px;width: 30px;background: #4267b2;text-align: center;
	display: block;	
}
.aboutus-page .tab-content p{
	font-size: 16px !important;
	line-height: 24px;
}
.aboutus-category-why p{
	font: normal 16px/24px "Nunito Sans",roboto,sans-serif;
	color: #272727;
	text-align: justify;
}

#product label{
	font: normal 14px/24px "Nunito Sans",roboto,sans-serif;
	color: gray;
	text-align: justify;	
}
/* footer */
/**ringing phone*/
.Phone {
  position: relative;
  display: block;
  margin: 0;
  width: 1em;
  height: 1em;
  font-size: 25vmin;
  background-color: #3498db;
  border-radius: 0.5em;
  box-shadow:
    0 0 0 0em rgba(#3498db, 0),
    0em 0.05em 0.1em rgba(#000000, 0.2);
  transform: translate3d(0, 0, 0) scale(1);
}

.Phone::before,
.Phone::after {
  position: absolute;
  content: "";
}

.Phone::before {
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  background-color: rgba(#fff, 0.1);
  border-radius: 100%;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(0);
}

.Phone::after {
  top: 0.25em;
  left: 0.25em;
  width: 0.5em;
  height: 0.5em;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(0, 0, 0);
}

.Phone.is-animating {
  animation: phone-outer 3000ms infinite;
  
  &::before {
    animation: phone-inner 3000ms infinite;
  }
  
  &::after {
    animation: phone-icon 3000ms infinite;
  }
}

@keyframes phone-outer {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow:
      0 0 0 0em rgba(#3498db, 0),
      0em 0.05em 0.1em rgba(#000000, 0.2);
  }
  33.3333% {
    transform: translate3d(0, 0, 0) scale(1.1);
    box-shadow:
      0 0 0 0em rgba(#3498db, 0.1),
      0em 0.05em 0.1em rgba(#000000, 0.5);
  }
  66.6666% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow:
      0 0 0 0.5em rgba(#3498db, 0),
      0em 0.05em 0.1em rgba(#000000, 0.2);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow:
      0 0 0 0em rgba(#3498db, 0),
      0em 0.05em 0.1em rgba(#000000, 0.2);
  }
}

@keyframes phone-inner {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0);
  }
  33.3333% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0.9);
  }
  66.6666% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
}

@keyframes phone-icon {
  0% { transform: translate3d(0em, 0, 0); }
  2% { transform: translate3d(0.01em, 0, 0); }
  4% { transform: translate3d(-0.01em, 0, 0); }
  6% { transform: translate3d(0.01em, 0, 0); }
  8% { transform: translate3d(-0.01em, 0, 0); }
  10% { transform: translate3d(0.01em, 0, 0); }
  12% { transform: translate3d(-0.01em, 0, 0); }
  14% { transform: translate3d(0.01em, 0, 0); }
  16% { transform: translate3d(-0.01em, 0, 0); }
  18% { transform: translate3d(0.01em, 0, 0); }
  20% { transform: translate3d(-0.01em, 0, 0); }
  22% { transform: translate3d(0.01em, 0, 0); }
  24% { transform: translate3d(-0.01em, 0, 0); }
  26% { transform: translate3d(0.01em, 0, 0); }
  28% { transform: translate3d(-0.01em, 0, 0); }
  30% { transform: translate3d(0.01em, 0, 0); }
  32% { transform: translate3d(-0.01em, 0, 0); }
  34% { transform: translate3d(0.01em, 0, 0); }
  36% { transform: translate3d(-0.01em, 0, 0); }
  38% { transform: translate3d(0.01em, 0, 0); }
  40% { transform: translate3d(-0.01em, 0, 0); }
  42% { transform: translate3d(0.01em, 0, 0); }
  44% { transform: translate3d(-0.01em, 0, 0); }
  46% { transform: translate3d(0em, 0, 0); }
}

.phone-ringing {
    width: 52px;
    height: 52px;
    -webkit-animation: phone-ringing 1.5s infinite;
    -webkit-animation-iteration-count: infinite;
    border-radius: 26px;
    border: 2px solid #1ea1db;
    text-align: center;
}
@-webkit-keyframes phone-ringing{
  0% {
  }
  10% {
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg); 
  }
  20% {
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);       
  }
  30% {
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg);       
  }
   40% {
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);       
  }
  50% {
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg);       
  }
   60% {
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);       
  }
  70% {
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg);       
  }
  80% {
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);       
  }
  90% {
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg);       
  }
   100% {
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);       
  }
}
/* phone ringing::end; */
/**ringing phone::end*/

.contact-phonefax i{
	position: absolute;
	top: calc(50% - 10px);
	left: 0px;
	font-size: 20px;
}
.contact-phonefax span{
	position: relative;
	float: left;
	padding-left: 30px;
}
.contact-phonefax{
	font: 300 15px/30px "Nunito Sans",roboto,sans-serif;
	color: #E8E8E8;
	width: 100%;
	position: relative;	
	float: left;
}
footer > .container{
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}
footer {
	width: 100%;
	position: relative;
	float: left;
	background: red;
	padding: 40px 5px 5px 5px;
	border-top: 1px solid #ddd;
	color: #e2e2e2;
	background: #3d3d3d url(../image/footer-bg.png) center 0% no-repeat;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #fff;
}
footer h5 {
	font-family: "Nunito Sans",roboto,sans-serif;
	font-size: 15px;
	color: #fff;
	border-bottom: 1px solid gray;
}

footer .footer-info ul li{
	margin-top: 5px;
}
@media (max-width: 768px){
	footer .footer-info ul li{
		margin-top: 3px;
	}	
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb h2{
	font-weight: 300;
	color: #94191c;
	font-size: 20px;
	padding: 10px 0px 5px 0px;
	text-transform: uppercase;
}
.breadcrumb ul{
	padding: 0px;
}
.breadcrumb li a{
	text-decoration: none;
	color: rgb(3, 78, 162);
}
.breadcrumb i{
	line-height: 30px !important;
}
.breadcrumb li{
	position: relative;
	float: left;
	font: 300 14px/30px "Nunito Sans",roboto,sans-serif;
	color: rgb(3, 78, 162);
	white-space: nowrap;
	list-style: none;
	padding-right: 5px;
}
.breadcrumb li + li:before {
	content: "\2192";
	font-size: 16px;
	padding: 0;
	color: rgb(3, 78, 162);
}


.breadcrumb {
	position: relative;
	float: left;
	width: 100%;
	background: #f5f5f5;
}

#siblings .item{
	text-align: center;

}
#siblings > div.item a{
	color: 	blue;
}
#siblings{
	position: relative;
    float: right;
    padding-left: 10px;
    border-left: 1px solid #bbbbbb;
}
/*
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: -5px;
	width: 26px;
	height: 26px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
*/
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #1f90bb;
	background-position: 0 -15px;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}


/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-nav .prev-btn i, .carousel-nav .next-btn i{
	font-size: 38px;
	font-weight: 300;
	cursor: pointer;
}
.carousel-nav .next-btn{
	right: 0px;
}
.carousel-nav .prev-btn{
	left: 0px;
}
.carousel-nav{
	height: 40px;
}
.carousel-nav .prev-btn .a, .carousel-nav .next-btn .a{
	fill: none;
	stroke: #aeaeae;
	stroke-width: 360;
	stroke-miterlimit: 10;
}
.carousel-nav .prev-btn, .carousel-nav .next-btn{
	position: absolute;
	bottom: 0px;
	width: 40px;
	height: 40px;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
	color: black;
}
.owl-prev polyline, .owl-next polyline{
	fill: none;
    stroke: #fff;
    stroke-width: 360;
    stroke-miterlimit: 10;
}
.owl-prev{
	position: absolute;
    left: 0px;
    top: calc(50% - 25px);
    display: block;
    width: 50px;
    height: 50px;
}
.owl-next{
	position: absolute;
    right: 0px;
    top: calc(50% - 25px);
    display: block;
    width: 50px;
    height: 50px;
}

/* category list */
.category-list .category-title{
	font: 300 16px/40px 'verdana',arial;
	position: relative;float: left;width: 100%;
	text-transform: uppercase;
}
.category-list li{
	list-style: none;
}
.category-list{
	padding: 0px;
	margin: 0px;
}

#siblings .owl-prev polyline, #siblings .owl-next polyline{
	fill: none;
    stroke: #94191c;
    stroke-width: 360;
    stroke-miterlimit: 10;
}
#siblings .owl-prev{
	position: absolute;
    left: 0px;
    top: calc(50% - 25px);
    display: block;
    width: 50px;
    height: 50px;
    display: none;
}
#siblings .owl-next{
	position: absolute;
    right: 0px;
    top: calc(50% - 10px);
    display: block;
    width: 20px;
    height: 20px;
}
/* category list :: end */

/* product list */
.featured-image .display-des{
	position: relative;
	margin: 0 auto;
	padding: 10px;	
}
.featured-image .display-img{
	position: relative;
	margin: 0 auto;
	padding: 7px;
}
.featured-image:hover .display-des{
	display: block;
}
.featured-image:hover .display-img{
	opacity: 0.3;
}
.featured-image{
	position: relative;
}

.featured-image .display-img{
	display: block;
	transition: visibility 0.5s ease-in,opacity 0.2s ease-in;
}
.featured-image .display-des{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	font: normal 14px/18px "Nunito Sans",roboto,sans-serif;
}
.product-thumb .caption .price{
	text-align: center;
}
.related-caption a{
	text-align: left;
	overflow: hidden;
	display: block;
	text-transform: uppercase;
}
.product-thumb .caption h4 a{
	font: 300 14px/21px "Nunito Sans",roboto,sans-serif;
	color: #08609f;
	width: 100%;
	overflow: hidden;
	display: block;
	text-align: center;
}

.product-thumb {
	margin-bottom: 20px;
	overflow: auto;
}

.product-thumb .image {
	text-align: center;
	transition: all 0.8s ease-in;
	padding: 7px;
}

.product-thumb .image img {
	margin: 0 auto;
	width: 100%;
}

.product-content .meaning-info{
	padding-left: 30px;
}
.product-content .meaning-info h3,.product-content .attribute-info h3{
	position: relative;
	float: left;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.product-content .meaning-info h3:after,.product-content .attribute-info h3:after{
	position: absolute;
    content: "";
    width: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    border-bottom: 2px solid #ED7745;
}
.product-content #content .right-info{
	padding-left: 20px;
}
.product-content #content h2{
	padding: 10px 0px;
}
.product-content #content h1{
	margin-bottom: 10px;
	text-transform: uppercase;
}
.product-content #content{
	padding: 50px 0px;
}


@media (max-width: 768px){
	.product-content .meaning-info{
		padding: 10px;
	}
	.product-content #content{
		padding: 20px 0px;
	}
	.product-content #content .right-info{
		padding-left: 5px;
	}
}

@media (min-width: 767px) {
	.product-list .product-thumb .image {
		float: left;
		padding: 0 10px;
	}
}

.product-thumb .caption {
	padding: 7px;
	min-height: 50px;
}
@media (max-width: 1200px) {

}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #ed1c24
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}

@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
.btn-muahang{
	width: 60%;
    display: inline-block;
    position: relative;
    float: right;
    font: normal 15px/40px "Nunito Sans",roboto,sans-serif !important;
    background-color: #f36f36 !important;
    color: white !important;    
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}

.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 120px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}
.product-category .model-text h5{
	text-align: center;
	color: #999999;
}


@media (min-width: 1200px) {
	.feature-div > .col-lg-3:nth-child(4n+2),
	.feature-div .col-lg-4:nth-child(3n+1),
	.feature-div .col-lg-6:nth-child(2n+2),.product-category .col-lg-3:nth-child(4n+1) {
		clear:left !important;
	}	
	.container {
    	width: 1200px;
    	padding: 0px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {	
	.feature-div .col-md-3:nth-child(4n+2),.product-category .col-md-3:nth-child(4n+1),
	.feature-div .col-md-4:nth-child(3n+1),
	.feature-div .col-md-6:nth-child(2n+2) {
		clear:left !important;
	}
	.container {
    	width: 100%;
    	padding: 0px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {	
	.feature-div .col-sm-2:nth-child(6n+2),
	.feature-div .col-sm-3:nth-child(4n+2),.product-category .col-sm-3:nth-child(4n+2),
	.feature-div .col-sm-4:nth-child(3n+2),
	.feature-div .col-sm-6:nth-child(2n+2) {
	}
	.container {
    	width: 100%;
    	padding: 0px;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

.dathentuvan{
    margin-top: -40px;margin-bottom: 10px;text-align: center;
}
@media (max-width: 767px){
    .dathentuvan{
        margin-top: 10px;
    }   
}
.home-thuonghieu ul li{
	list-style: none;
	width: 100%;
	position: relative;
	float: left;
	padding: 10px;
}
.home-thuonghieu ul{
	position: relative;
	float: left;
	margin: 0px;
}

/*product - category*/
.category-description > p{
	font-size: 18px !important;
	line-height: 1.5em !important;
	padding-top: 10px;
}
/*product - category*/