/*
Theme Name: Becgie
Theme URI: http://bkns.vn
Author: quocky team bkns
Author URI: kydq@bkns.vn
Description: Theme panora create by quocky
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-page, one-columns,two-columns, full-width
Text Domain: Becgie
*/
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,vietnamese,latin-ext);
@import url(assets/css/bootstrap.min.css);

@import url(assets/jsplugin/flexslider/flexslider.css);
@import url(assets/jsplugin/prettyPhoto/prettyPhoto.css);

body {
  padding-bottom: 20px;
  font-family: 'Roboto', arial, sans-serif;
}
a:hover,a:focus,a:active{outline: none;}
.border-while{
	border-top: 2px dashed #f7f5ed;
}
.line{
	border-top: 2px dashed #f7f5ed;
}
.container{
	/* width: 1366px; */
	padding-left: 0;
	padding-right: 0;
	background: url(assets/images/bg.png);
}
.navbar {
  margin-bottom: 20px;
  padding-left: 4px;
  border-radius: 0;
  border:none;
  border-bottom: 3px solid #ff8a00;
  background: #003248; 
}
ul.navbar-nav{
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
}
ul.navbar-nav li a{
	color: #ffffff !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	color: #000000 !important;
	background-color: #F0EBD7;
}
.banner{
	width: 100%;
	height: 138px;
}
.banner .logo{
	width: 100%;
	height: 95px;
	padding-left: 33px;
}
.banner .text{
	width: 100%;
	height: 43px;
	background: #fbfaf5;

}
.banner .text p{
	font-size: 30px;
	padding-left: 33px;
	color: red;
}
.content{
	padding: 0 18px 0 18px;
}

section.slide-one{
	width: 100%;
	text-align: center;
	margin-top: -10px;
}
.flex-control-nav{
	display: none;
}
section.slide-one .flexslider .flex-viewport ul.slides{
	text-align: center;
} 
section.slide-one .flexslider .flex-viewport ul.slides li a{
	position: relative;
}
section.slide-one .flexslider .flex-viewport ul.slides li a img{
	height: 565px;
}
section.slide-one .flexslider .flex-viewport ul.slides li a p{
	position: absolute;
   	top:230px;
    width: 640px;
	left: 0px;
	background: rgba(25,25,25,0.5);
	padding: 10px;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
}

section.slide-two{
	width: 100%;
	text-align: left;
	margin: 35px 0 35px 0;
}

section.slide-two .text{
	margin-left: 14px;
	margin-top: -19px;
}
section.slide-two .text h2{
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
}
section.slide-two .text p{
	font-size: 14px;
}

.slide-twotwo{
	padding-left: 14px;
	padding-right: 17px;
	width: 100%;
	text-align: left;
	margin: 35px 0 35px 0;
}
.slide-twotwo .top{
	margin-top: -19px;
}
.slide-twotwo h1{
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
}
.slide-twotwo p{
	font-size: 14px;
	text-align: justify;
}
.slide-twotwo .p-right{
	width: 20%;
}
.slide-twotwo .btn-groups{
	margin-top: 40px;

}
.slide-twotwo .btn-groups a{
	padding: 14px 20px;
	border-radius: 0;
	background: #01628f;
}
.slide-twotwo .btn-groups a:first-child{  
	margin-right: 70px;
}
.item-inner img{
	width: 100%;
	height: auto;
	max-height: 228px;
	border: 2px solid #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}
 .item-inner video{
	width: 100%;
	height: auto;
	min-height: 228px;
	border: 2px solid #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	cursor: pointer;
	margin-bottom: -5px;
} 
.item-inner h5{
	font-size: 15px;
	color: #000000;
	font-weight: 400;
}
.item-inner .overlay a{
	color: #ff8a00;
	font-size: 14px;
}
.slide-three{
	width: 100%;margin-left: 14px;
	margin-bottom: 40px;
}
.slide-three h2{
	font-size: 25px;
	font-weight: 700;
	color: #565656;
	padding-bottom: 20px;
}
.slide-three ul.gsdhh{
	list-style: none;
	margin-left: -39px;
	width: 113%;
}
.slide-three ul.gsdhh li{
	border-bottom: 1px dashed #a2b9c3;
	padding-bottom: 5px;
}
.slide-three ul.gsdhh li a{
	text-decoration: none;
}
.slide-three ul.gsdhh li a img{
	float: left;
	margin-right: 6px;
	width: 75px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
}
.slide-three ul.gsdhh li a h4{
	font-size: 16px;
	color: #01628f;
	font-weight: 400;
}
.slide-three ul.gsdhh li a p{
	font-size: 16px;
	color: #01628f;
	font-weight: 400;
}

/*VIDEO*/
.padd{
	padding-left: 16px;
	padding-right: 14px;
	padding-top: 0;
}
.video{
	background: #ffffff;
	margin-right: 33px;
	text-align: center;
	padding-bottom:15px;
}
.video h2{
	color: #01628f;
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	padding-left: 41px;
	padding-top: 0px;
}
.video .more{
	color: #7d7d7d;
	font-size: 19px;
	text-transform: uppercase;
	padding-right: 41px;
	padding-top: 23px;
}
.video .more a{
	color: #7d7d7d;
	text-decoration: none;
}
.video .more a i{
	font-size: 16px;
}
.while{
	background: #ffffff;
}
.info{
	margin-left: 15px;
	margin-top: 15px;
}
.offset{
	margin-left: 3%;
}
.info h4.title-contact{
 	background: #003248;
 	font-size: 16px;
	color: #ffffff;
	padding: 10px;
	position: relative;
	top: -10px;
	left: -16px;
	width: 105.4%;
}
.info h4.title-hits{
 	background: #003248;
 	font-size: 16px;
	color: #ffffff;
	padding: 10px;
	position: relative;
	top: -10px;
	left: -16px;
	width: 115.5%;
}
.ct{
	width: 100%;
}
ul.ct-left{
	width: 55%;
	float: left;
	border-right: 2px dashed #a2b9c3;
	padding-right: 18px;
	list-style: none;
	margin-left: -35px;
}
ul.ct-right{
	float: left;
	padding-left: 19px;
	width: 50%;
	list-style: none;
}
.info ul li:first-child{
	border-bottom: 1px dashed #a2b9c3;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.info ul li{
	border-bottom: none;
}
footer{
	height: 118px;
	background: #00638e;
	color: #ffffff;
	border-bottom: 4px solid #2692c0;
}
footer .footer-left{
	font-size: 14px;
	padding-top: 7px;
	list-style: none;
	margin-left: -8px;
}

footer .footer-right{
	float: right;
}
footer .footer-right ul.cocial{
	width: 100%;
	list-style: none;
	margin-top: 33px;
	margin-left: 23px;
}
footer .footer-right ul.cocial li{
	display: inline;
	width: 100%;
	padding-right: 30px;
}
footer .footer-right ul.cocial li:last-child{
	padding-right: 0px;
}
footer .footer-right .bkns{
	position: relative;
	bottom: -26px;
	right: 35px;
	color: #ffffff;
}
footer .footer-right .bkns a{
	color: #ffffff;
}


/* CATEGORY POST
--------------------------*/
.category{
	background: #f7f5eb;
	margin-left: -18px;
	width: 102.7%;
	margin-bottom: 28px;
	padding-bottom: 12px;
}
.content h2.cat-title{
	text-transform: uppercase;
	font-size:26px;
	padding-bottom: 10px;
	padding-left: 14px;
	font-weight: 400;
}
.category ul{
	width: 100%;
	padding-right: 50px;
	padding-left: 50px;
}
.category ul li{
	padding-top: 18px;
	padding-bottom: 18px;
	border-bottom: 1px dashed #7cacbd;
	border-right: 1px dashed #7cacbd;
}
.category ul li:nth-child(2n){
	border-right: none;
}

.cat-deltail img{
	float: left;
	width: 180px;
	height: 112px;
	margin-right: 20px;
	border: 2px solid #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}

.cat-deltail .list{
	margin-top: -10px;
}
.cat-deltail .list h4 a{
	color: #01628f;
}

.single{
	text-align: justify;
	padding: 20px 48px 0 46px;
}

.paging-navigation{
	width: 100%;
	clear: both;
	padding-top: 37px;
	text-align: center;
}
.paging-navigation a.page-numbers{
	padding: 2px;
}
.paging-navigation span.current{
	background: #01628f;
	padding: 2px 8px;
	color: #ffffff;
}

/*product detail*/
section.product{
	margin-bottom: 28px;
	padding-left: 15px;
	padding-right: 15px;
}
.title-product{
	float: left;
	margin-top: -22px;
}
.title-product h2{
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 400;
}
img.cent-img{
	width: 380px;
	height: 280px;
	border: 2px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}
ul.prodel{
	list-style: none;
	margin-left: -88px;
	margin-top: -22px;
}
ul.prodel span p{
	line-height: 14px;
	font-size: 14px;
}
ul.prodel li:first-child{
	border-bottom: 1px dashed #4e8ea6;
	clear: both;
	width: 100%;
}
ul.prodel li{
	width: 100%;
	clear: both;
	line-height: 29px;
}
ul.prodel li ul.progp{
	width: 100%;
	float: left;
	list-style: none;
	margin-left: -44px;
}
ul.prodel li ul.progp li{
	display: inline;
	padding: 2px 4px;
	border-bottom:  none;
	
}


ul.prodel li span.right{
	float:right;
	/* margin-right: -27px; */
}
ul.prodel li .right input.numpro{
	width:25%;padding:2px;text-align: center;margin-right:-4px;border:1px solid #01628F;background:#deebf1;
}ul.prodel li .right a{
	background:#01628f;padding:5px 20px;color:#fff;
}


/**/
.gp1-img{
	margin-top: 25px;
}
.gp1-img,.gp2-img,.gp3-img,.gp4-img,.gp5-img,.gp6-img,.gp7-img{
	width: 62px;
	height: 58px;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}
.dl1{
	position: relative;
	left: 7px;
	top: 17px;
}
.dl2{
	position: relative;
	top: -45px;
	left: 7px;
}
.dl3{
	position: relative;
	top: -45px;
	left: 4px;
}
.dl4{
	position: relative;
	top: -45px;
	left: 4px;
}

.product-two{
	background: #f8f6ec;
	margin-left: -18px;
	width: 102.8%;
	padding:35px 35px 35px 32px;
}

/*tooltip*/
.tooltip > .tooltip-inner{
	background: #ffffff !important;
}
.tooltip-arrow{
	border-bottom-color:#ffffff !important;
}
.tooltip-inner{
	min-width: 400px !important;
	min-height: 130px !important;
	border: 1px solid #F1ECD6;
	background: #ffffff !important;
	padding: 5px !important;
	color: #1d1d1d;

}
.img-tooltip{
	/* border:1px solid green; */
	width: 100%;
	height: auto;
	padding: 5px;
}
.img-tooltip img.tl-img{
	float: left;
	width: 30%;
	margin-right: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
.img-tooltip ul.tl-txt{
	list-style: none;
	margin: 0;
	width: 60%;
	text-align: left;
	line-height: 25px;
	float: left;
}
.img-tooltip ul.tl-txt li{
	border-bottom: none;
}

/*statices*/
.hits{
	list-style: none;
	margin-left: -41px;
	line-height: 25px;
}
.hits li i.ionline{
	background: url(assets/images/ionline.png) no-repeat;
	width: 18px;
	height: 15px;
	padding-right: 25px;
}
.hits li i.itoday{
	background: url(assets/images/itoday.png) no-repeat;
	width: 18px;
	height: 15px;
	padding-right: 25px;
}
.hits li i.iweek{
	background: url(assets/images/iweek.png) no-repeat;
	width: 18px;
	height: 15px;
	padding-right: 25px;
}
.hits li i.itotal{
	background: url(assets/images/itotal.png) no-repeat;
	width: 18px;
	height: 15px;
	padding-right: 25px;
}

/* cart */
table.frmcart{
	width: 100%;
}
table.frmcart tr:first-child{
	border-bottom:1px solid #01628F;
	border-top: none;
}
table.frmcart tr{
	border-top:1px dashed green;
}

table.frmcart tr td p.info{
	padding:10px 0 10px 0;
}

/* portfolio */
#portfolio{
	margin: 0 0px 35px 17px !important;
	width: 100%;
	clear: both;
}
.portfolio-items,
.portfolio-filter {
  list-style: none;
  padding: 0;
  /* margin: 0 -20px 20px 0; */
}
.portfolio-filter > li {
  display: inline-block;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.portfolio-items.col-2 > li {
  width: 50%;
}
.portfolio-items.col-3 > li {
  width: 33%;
}
.portfolio-items.col-4 > li {
  width: 25%;
}
.portfolio-items.col-5 > li {
  width: 20%;
}
.portfolio-items.col-6 > li {
  width: 16%;
}
.portfolio-item {
  padding: 0;
  margin: 0;
  background: transparent;
}
.portfolio-item .item-inner {
  background: #F7F5EB;
  border: 2px solid #fff;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
}
.portfolio-item img {
  width: 100%;
}
.portfolio-item h5 {
  background: #F7F5EB;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(25, 25, 25, 0.66);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

/*cay pha he*/
section.cayphahe{
	background: transparent;
	border-top: 2px dashed #f7f5ed;
	padding: 0 14px;
	margin-bottom: 10px;
	clear: both;
}

.cayphahe h3{
	color:#ed8306;
	font-size: 17px;
	text-transform: uppercase;
}
.cayphahe table{
	width: 100%;
	border: 1px solid #ddd;
	margin-top: 10px;
}
.cayphahe table tbody tr td{
	border: 1px solid #ddd;
}
.cayphahe table tbody tr{
	background-color: #f8f8fe;
	border: 1px solid #ddd;
}
/*DOGRELATED*/
section.dogrelated {
    background: none repeat scroll 0 0 transparent;
    border-top: 2px dashed #f7f5ed;
    margin-bottom: 10px;
    padding: 0 14px;
    width: 100%;
    float: left;
    clear: both;
}

.dogrelated h3{
	color:#ed8306;
	font-size: 17px;
	text-transform: uppercase;
}

.dogrelated ul{
	width: 100%;
	float: left;
	list-style: none;
	clear: both;
	display: inline;
	margin: 10px 0;
	padding: 0;
}
.dogrelated ul li{
	float: left;
	display: inline;
	width: 20%;
	text-align: center;
}
.dogrelated ul li img{
	width:200px;
	height:172px;
}

.dogrelated ul li p{
	text-align: center;
	color: #6C6C6C;
	font-size: 14px;
}


/*DOGTREE_VIEW*/
#dogtree_view {
  position: relative;
  margin-top: 25px;
}

.branch {
  position: relative;
  margin-left: 460px;
}
.branch:before {
  content: "";
  width: 87px;
  border-top: 1px solid #00638E;
  position: absolute;
  left: -137px;
  top: 50%;
  margin-top: 1px;
}

.entry {
  position: relative;
  min-height: 100px;
}
.entry:before {
  content: "";
  height: 100%;
  border-left: 1px solid #00638E;
  position: absolute;
  left: -50px;
}
.entry:after {
  content: "";
  width: 50px;
  border-top: 1px solid #00638E;
  position: absolute;
  left: -50px;
  top: 50%;
  margin-top: 1px;
}
.entry:first-child:before {
  width: 10px;
  height: 50%;
  top: 50%;
  margin-top: 2px;
  border-radius: 10px 0 0 0;
}
.entry:first-child:after {
  height: 10px;
  border-radius: 10px 0 0 0;
}
.entry:last-child:before {
  width: 10px;
  height: 50%;
  border-radius: 0 0 0 10px;
}
.entry:last-child:after {
  height: 10px;
  border-top: none;
  border-bottom: 1px solid #00638E;
  border-radius: 0 0 0 10px;
  margin-top: -9px;
}
.entry.sole:before {
  display: none;
}
.entry.sole:after {
  width: 50px;
  height: 0;
  margin-top: 1px;
  border-radius: 0;
}

.label {
  display: block;
  min-width: 150px;
  padding: 1px;
  line-height: 20px;
  text-align: center;
  color: #000;
  border: 1px solid #00638E;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 24%;
  margin-top: -100px;
}
.label0 {
  display: block;
  min-width: 150px;
  padding: 1px;
  line-height: 20px;
  text-align: center;
  color: #000;
  border: 1px solid #00638E;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 48%;
  margin-top: -100px;
}
.label1 {
  display: block;
  min-width: 150px;
  padding: 1px;
  line-height: 20px;
  text-align: center;
  color: #000;
  border: 1px solid #00638E;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 90%;
  margin-top: -100px;
}

.label img{
	width: 320px;
	height: 381px;
}
.label0 img{
	width: 320px;
	height: 184px;
}
.label1 img{
	width: 150px;
	height: 90px;
}

.label p, .label0 p, .label1 p{
	position: absolute;
	left: 5px;
	bottom: -5px;
	color: #fff;
}