body{font-family: Arial; fontfont-size: 12px;}
.noidungw {
    max-width: 100%;
    margin: auto;
}
.tplCaption{font-size:10px;}
.fa-home:before {
  content: "\f015"; padding-right:5px;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: white;
  
}

.fa-bars:before {
  content: "\f0c9"; padding-right:5px;
}
.fa-laptop:before {
  content: "\f109"; padding-right:5px; float:left;
}
.fa-camera:before {
  content: "\f030"; padding-right:5px; float:left;
}  
.fa-ge:before {
  content: "\f1d1"; padding-right:5px; float:left;
}   
.fa-clock-o:before {
  content: "\f017"; padding-right:5px; float:left;
}  
.fa-legal:before {
  content: "\f0e3"; padding-right:5px; float:left;
} 
.fa-wrench:before {
  content: "\f0ad"; padding-right:5px; float:left;
}

.fa-trophy:before {
  content: "\f091"; padding-right:5px; float:left;
} 

.fa-glass:before {
  content: "\f000"; padding-right:5px; float:left;
} 
.fa-home:before {
  content: "\f015"; padding-right:5px; float:left;
} 
.fa-envelope:before {
  content: "\f0e0"; padding:10px; size:2px;
}
.fa-clock:before {
  content: "\f017"; padding:10px; size:2px;
}
.fa-phone:before {
  content: "\f095";padding:10px; size:2px;
}
.fa-copyright:before {
  content: "\00A9";padding:10px; size:10px; 
}

.menuHorizal{list-style-type: none;
    margin: 0;
    padding-left: 0.3%;;
    overflow: hidden;
    background-color: #189EFF;}
.menuHorizal .licss{display:inline; float:left;}


.menuHorizal .licss1{display:inline; margin-left:-40px;  float:left;  }
.menuHorizal .licss a{display: block;
    color: white;
    text-align: center;
    padding: 11px 13px;
    text-decoration: none; padding-left:10px; height:20px;line-height: 1.2;
	font-size:12pt; 
	}
.menuHorizal .licss a:hover{background-color: #EDEEF2; padding-left:10px;line-height: 1.2; color:#000;height:20px;font-size:12pt;
}	
.active {
    background-color: #61BA65; height:20px;line-height: 1.2;font-size:12pt;
	
}
.menuHorizal .licss .daClickMn1{background-color: #EDEEF2; padding-left:10px;line-height: 1.2; color:#000;height:20px;font-size:12pt;}



#blockmenu{display:none;}
.menuHorizal .licss:hover #blockmenu{display:block;  vertical-align:top; 
	position:absolute;  width:auto;
	z-index:1;border-top:#CCC 1px solid; border-right:#CCC 1px solid;
	 border-left:#CCC 1px solid;
}


#blockmenu .ulmenu{list-style-type:none; width:227px;}

#blockmenu .ulmenu .limenu{display:block; margin-left:-38px; background-color:#eee; height:20px; padding:10px 14px; clear:both; border-bottom:#CCC 1px solid;z-index:1;}


#blockmenu .ulmenu .limenu:hover > a {background-color:#189EFF; color:#fff; z-index:1;
}

#blockmenu .ulmenu .limenu .limenuA{font-weight:bold; text-decoration:none; line-height: 1.2; color:#000; text-align:left;padding:11px 14px; width:240px; margin-top:-11px;margin-left:-15px;}
#blockmenu .ulmenu .limenu .limenuA:hover{font-weight:bold; text-decoration:none;   z-index:1; text-align:left;padding:11px 14px; width:240px;margin-top:-11px;margin-left:-15px;}




#blockmenu .ulmenu .limenu .mainSub{display:none;}
#blockmenu .ulmenu .limenu:hover .mainSub {
    display:block; 
	position:absolute; margin-left:250px; margin-top:-41px;  width:100%;
	z-index:1;border:#189EFF 1px solid; width:auto;
	 background-color:#eee;
}
#blockmenu .ulmenu .limenu:hover .w600 {
    width:600px;
}
#blockmenu .ulmenu .limenu:hover .w800 {
    width:800px;
}
#blockmenu .ulmenu .limenu:hover .w1000 {
    width:1000px;
}

#blockmenu .ulmenu .limenu:hover {
    border-right:#fff 1px solid; 
}

.mainSub .sub1{float:left; padding-bottom:10px; padding-left:4px; margin: 0; }



.mainSub .sub1 h2{font-size:14px; font-weight:bold; margin:0; padding:10px 0px 15px 4px; border:1px; color:#189EFF; margin-left: 8px;}
.mainSub .sub1_nofloat{display:block;}
.mainSub .sub1_nofloat h2{font-size:16px; font-weight:bold; margin:0; padding:7px 0px 15px 4px; border:1px;}


.mainSub .sub1 .contentmn {display:block; float:left;}





.mainSub .sub2 .contentmn {display:block; float:left;}

.contenmn30{width:40px;}
.contenmn40{width:40px;}
.contenmn50{width:50px;}
.contenmn60{width:60px;}
.contenmn70{width:70px;}
.contenmn80{width:80px;}
.contenmn90{width:90px;}
.contenmn100{width:100px;}
.contenmn110{width:110px;}
.contenmn120{width:120px;}
.contenmn130{width:130px;}
.contenmn140{width:140px;}
.contenmn150{width:150px;}
.contenmn157{width:157px;}
.contenmn160{width:160px;}
.contenmn170{width:170px;}
.contenmn180{width:180px;}
.contenmn190{width:190px;}
.contenmn200{width:200px;}
.contenmn205{width:205px;}
.contenmn210{width:210px;}
.contenmn215{width:215px;}
.contenmn220{width:220px;}
.contenmn240{width:240px;}

.mainSub .sub1 .contentmn .sublink{list-style-type:none; height:15px; padding:6px 8px; margin-left: -36px;}

.mainSub .sub1 .contentmn .sublink > .sublinkA{text-decoration:none; color:#000;  font-size:12px; font-weight:bold; 
	                                           margin-top:-10px;margin-left:-5px; 
												padding:2px 4px;height:20px;  text-align:left; width:auto; font-size: 12px; text-align-last: justify; }
.mainSub .sub1 .contentmn .sublink > .sublinkA{text-decoration:none; color:#000;  padding:2px 4px;height:20px; font-size:12px; font-weight:bold; margin-top:-10px;margin-left:-5px; text-align:left; width:auto;text-align-last: justify;}
.mainSub .sub1 .contentmn .sublink > .sublinkA:hover{text-decoration:none;  color:#F90; padding:2px 4px; height:20px; font-weight:bold; margin-top:-10px;margin-left:-5px;background-color:#ffffff;  text-align:left;  width:auto; font-size: 12px;text-align-last: justify;}








.mainSub .sub1None{float:left; padding-bottom:50px; padding-left:4px; }
.mainSub .sub1None .contentmnNone {display:block; float:left;}

.mainSub .sub1None .contentmnNone .sublinkNone {list-style-type:none; height:15px;padding:5px 5px;margin-left:-38px;}
.mainSub .sub1None .contentmnNone .sublinkNone > .sublinkNoneA{color:#F00;}
.mainSub .sub1None .contentmnNone .sublinkNone > .sublinkNoneA:hover{color:#00F; background-color:#ffffff;}



.top1{height:150px;width:auto; padding-left:0.3%; padding-right:0.3%;}
.menu0{padding-left:5%; float:left;}
.menu1{float:left; width:70%; border-top-left-radius:5px;border-top-right-radius:5px;}
.menu2{padding-right:5%; float:right;}

.xoaStyle{clear:both;}
.diachitop{font-size:15px; line-height:20px; height:30px;}
.hotline{float:left; font-size:15px;}
.hotline a{text-decoration:none;}
#company_logo {
    float: left; width:350px; height:135px; position: relative;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
}

.slogan{
	
	bottom: 22px;
	padding-bottom: 1px; margin:10px 0px 0px 150px;
	left: 25px;
	width: 185px;
	text-align:justify;
}
.slogan h3{font-size:17px; line-height:20px;}

.timkiemform{float:left; height:50px; width:400px; position: relative;}
.langInput{float:right; height:50px; width:200px; position: relative; }
.langInput a{font-weight:bold; text-decoration:none; color:#000; text-align:left;padding:20px 14px; width:201px; margin-top:-11px;margin-left:-15px;}
.langInput a:hover{font-weight:bold; text-decoration:none;   z-index:1; text-align:left;padding:20px 14px; width:201px;margin-top:-11px;margin-left:-15px; }


.subTim{ position: absolute; top: 50%;
  transform: translateY(-50%); padding-left: 10px;}
  
  
.subTim input#namesearch{-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;}
  
  
  
.cslienhe1{width:49%; float:left; padding-top:20px; padding-left:1%;} 
  
.cslienhe1 ul{list-style:none;}
.cslienhe1 ul li{list-style-type:none; line-height:25px;}
.dstin{list-style:none; width:40%; float:left; padding:5px;} 
.

.dstin li{list-style-type:none; list-style:none; width:95%; float:left; padding:5px;} 
.dstin2{list-style:none; width:16%; float:left; padding:5px;}
.ngaytin{font-size:10px; text-decoration:inherit;}

.ds10tin{list-style:none; width:95%; float:left; padding:5px;} 
.ds10tin li{list-style-type:none; list-style:none; width:95%; float:left; padding:5px;} 

.dstin li > .gtinkhac{
	 display: block;
	 width:100%;
	 float:left; 
	text-align:justify; }
.gtinkhac > .imgnew{ 
	width: 25%;
	margin: 3px;
	padding: 3px;
	height: auto;
	float: left;}
.gtinkhac > .tennew{width: 69%;
	margin: 3px;
	padding: 3px;
	float: left;
}
.imgnew img{
	width: 100%;
	
}
.tennew > .cttin{text-decoration:none; color:#000; font-size:14px; text-align:justify; float: left; display: block; width: 100%; }
.tennew >.cttin:hover{text-decoration:none; color:#9f224e; font-size:14px; text-align:justify; float: left; display: block; width: 100%; }

.container-4{
	overflow: hidden;
	width: 383px;
	vertical-align: middle;
	white-space: nowrap;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	position: relative;
	border: 1px solid #61ba65;
	border-radius: 5px;
	height: 30px;
	/* [disabled]min-width: 0; */
	
}
.container-4 > input#search{
	
	width: 335px;
	border: none;
	font-size: 16px;
	float: left;
	color: #2b303b;
	padding-left: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 30px;
}



.container-4 > input#search::-webkit-input-placeholder {
   color: #65737e;
	height: 30px;
}
 
.container-4 > input#search:-moz-placeholder { /* Firefox 18- */
   color: #65737e;  
	height: 30px;
}
 
.container-4 > input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #65737e;  
	height: 30px;
}
 
.container-4 > input#search:-ms-input-placeholder {  
   color: #65737e;  height: 30px;
}
.container-4 > button.icon{
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 32px;
  width: 35px;
  opacity:0.5;
  font-size: 10pt;
	top: 0;
 
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}





.content{border-top:1px #CCCCCC solid; border-left:#CCC 1px solid;  border-right:#CCC 1px solid; display: inline-block; height: auto; width: 100%;}

.footer{padding:10px; background-color:#189EFF; border-bottom-left-radius:5px; border-bottom-right-radius:5px; width:99%; clear:both;}
.footer1{font-size:18px; height:300px; font-weight:bold; color:#fff; width:100%; top:0; margin:0;}
.footer1Sub1{width:30%; float:left; margin:0;font-size:12px; line-height:25px;} .footer1 h3{font-size:18px; padding:3px; top:0; margin:0;}
.footer1Sub2{width:30%; float:left; margin:0;font-size:12px; line-height:25px;} .footer1 h3{font-size:18px; padding:3px; top:0; margin:0;}
.footer1Sub3{width:38%; float:left; margin:0;font-size:12px; line-height:25px;} .footer1 h3{font-size:18px; padding:3px; top:0; margin:0;}
.footer2{font-size:18px; font-weight:bold; color:#fff;}
.divbreakcum{width:100%; height:25px;}
.divbreakcum ul.breadcrumb {
	margin:10px 5px;
    padding: 5px 16px;
    list-style: none;
    background-color: #eee;
}
/* Display list items side by side */
.divbreakcum ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
.divbreakcum ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
.divbreakcum ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}

/* Add a color on mouse-over */
.divbreakcum ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}






.card {
 
	width: 18%;
  max-width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
  float:left; padding:10px;
	height:490px;
}
.card:hover{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	width: 18%;
  max-width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
  float:left; padding:10px;
}

.card h1{font-size: 18px;}

.price {
  color: grey;
  font-size: 22px;
}

.card button {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #479ff6;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.card button:hover {
  opacity: 0.7;
}







/* Bottom left text */




/* Clearfix (clear floats) */
.row::after {
    content: "";
    clear: both;
    display: table;
	 box-sizing: border-box;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
    .column {
        width: 100%;
    }
}
.cao20{height:20px;}
.phantrangt1{max-width:400px; margin:auto; }
.phantrangt2{max-width:400px; margin:auto; width: 120px; height:30px; text-align:right; }
.LinkPt1 {
    color: #0275d8; font-size:20px;
    text-decoration: none;
}

/* Add a color on mouse-over */
.LinkPt1:hover {
    color: #01447e; font-size:20px;
    text-decoration: underline;
	 
}

.proSelectDvt{width: 100px;}

.btnActive{color:chocolate;}






label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}

input[type=submit]:hover {
    background-color: #45a049;
}

.formlienhe {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 35px;
}

.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
	
}

.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}
.col-50 {
    float: left;
    width: 50%;
    margin-top: 6px;
}
.col-30 {
    float: left;
    width: 30%;
    margin-top: 6px;
}
.col-20 {
    float: left;
    width: 20%;
	height:100%;
    margin-top: -15px;
	overflow-y:scroll; 
	
}
#muoitintiep::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
#muoitintiep::-webkit-scrollbar-thumb {
    background-color: #000000;
} 
#muoitintiep::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.col-40 {
    float: left;
    width: 40%;
    margin: -1px;
	padding: 3px;
	border-left: #cccccc 1px solid;
	
}
.col-43 {
    float: left;
    width: 43%;
    margin-top: 6px;
	border-left:#CCC 1px solid;
}
.col-17 {
    float: left;
    width: 17%;
    margin-top: 6px;
}
.img1{width:100%; display:block;}
.img1 img{width:98%; padding:3px;}
.tit1{color:#9f224e; font-weight:bold;}
.tit1 a{font-weight:bold; text-decoration:none; color:#9f224e; text-align:left;padding-left:3px;}
.tit1 a:hover{font-weight:bold; text-decoration:none;   z-index:2; text-align:left;padding-left:3px;}
.nd1{color:#000; text-align:justify; padding-left:3px;}


.col-100 {
    float: left;
    width: 100%;
    margin-top: 6px;
	
}



.cttin{text-decoration:none; color:#000; font-size:14px; text-align:justify;}
.cttin:hover{text-decoration:none; color:#9f224e; font-size:14px; text-align:justify;}
.quangcao{font-weight:bold;}
.quangcao1{padding:3px;}
.quangcao1 img{width:95%;}

.nhomtin1{margin-bottom:10px; padding:10px 0px 0px 3px;  height:165px; width:96%;  border-bottom:#CCC 1px solid; display:block;}
.ndnhom1{width:96%;}
.titnhomtin1{color:#9f224e; font-weight:bold; width:95%;text-align:justify;}
.titnhomtin1 a{font-weight:bold; text-decoration:none; color:#9f224e; padding:10px 0px 10px 8px; display:block;}
.titnhomtin1 a:hover{font-weight:bold; text-decoration:none;   z-index:2;padding:10px 0px 10px 8px; display:block;}

.imgnhomtin1{float:left; padding:3px 5px 3px 3px;  width:25%; }
.imgnhomtin1 img{width:100%;}
.ndnhomtin1{float:left; text-align:justify; width:70%;}



.nhomtin2{margin-bottom:5px; padding-left:3px;  height:165px; width:75%;   float:left;  display:block;}

.titnhomtin2{color:#9f224e; font-weight:bold; font-size:17px; width:100%; height:32px;text-align:justify; background:#eeeeee; padding:10px 0px 0px 10px;}
.titnhomtin2a{color:#9f224e; font-weight:bold; width:98%;text-align:justify;}
.titnhomtin2a a{font-weight:bold; text-decoration:none; color:#9f224e;}
.titnhomtin2a a:hover{font-weight:bold; text-decoration:none;   z-index:2;}
.ndnhom2{width:100%; float:left; display:block;}
.imgnhomtin2{float:left; padding:3px 5px 3px 3px; width:25%;}
.ndnhomtin2{float:left; text-align:justify; width:67%;}
.imgnhomtin2 img{width:98%; height:100px;}
.nhomtin2a{width:23%; float:left; margin-top:-15px; margin-left:5px;  display:block;}
.nhomtin2a > ul{list-style:square;}
.nhomtin2a > ul > li{margin-left:-30px;}
.nhomtin2a > ul > li a{text-decoration:none; color:#000; font-size:12px;}
.nhomtin2a > ul > li a:hover{text-decoration:none; color:#9f224e; font-size:12px;}
.outFace{float:right;}

.giohang{float: right; padding-right: 15px; width: 50px;text-align: right; height:30px; background-image: url(../images/icon-shop.png); background-repeat: no-repeat; color: #469ff9;}
.giohang > a{text-decoration: none; font-size: 12px;}
.giohang > a:hover{text-decoration: none; font-size: 12px; color: aqua;}
.thanhtoan{float:right;padding-right: 5px; width: 10px;text-align: right; height:30px;  background-image: url(../images/square-cash_icon.png); background-repeat: no-repeat;padding-left: 5px;}


.twitter-share, .facebook-share {
  background: rgb(87, 207, 244);
  color:#fff;
  float:right;
  cursor: pointer;
  display: inline-block;
  padding: 0.2em 0.2em;
  margin-right:3px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  }
  .twitter-share,.facebook-share :hover {
    position: relative;
    top: -1px;
  
}



/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .col-25, .col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
    }
}

.tintg{list-style-type: none;}
.li1{list-style-type: none; margin-left: -40px; }

.l1tg{width: 10%;  padding: 3px; display: block; float: left; }
.l2tg{width: 87%;  padding: 3px 3px 3px 60px; display: block;}
.l2tg > a{text-decoration: none; color:white; font-weight: bold; cursor: pointer; }
.l2tg > a:hover{text-decoration: none; color:red;  font-weight: bold; cursor: pointer; }

.chitietPro{
	width: 73%;
	padding: 10px 0px 10px 0px;
	height: 100%;
	display: inline-block;
	float: left;
}
.menu25{
	width: 25%;
	padding: 5px;
	
	height: auto;
	float: left;
	}
.menu25 h3{top:0;margin:0; font-size:20px; font-weight:bold; }
.menu25 ul{list-style:none;} 
.menu25 ul li{margin-left:-40px; line-height:30px;}

.menu25 ul li a{text-decoration:none; color:#000;  padding:8px 12px;height:15px; font-size:14px; font-weight:bold; margin-top:-10px;margin-left:-7px; width:150px;}
.menu25 ul li a:hover{text-decoration:none;  color:#F90; padding:8px 12px; height:15px; font-size:14px; font-weight:bold; margin-top:-10px;margin-left:-7px;background-color:#D6D6D6; width:150px;}
.menu25 ul li a:active{text-decoration:none;  color:#F90; padding:8px 12px; height:15px; font-size:14px; font-weight:bold; margin-top:-10px;margin-left:-7px;background-color:#D6D6D6; width:150px;}
.menu25 ul li > .okActive{text-decoration:none;  color:#F90; padding:8px 12px; height:15px; font-size:14px; font-weight:bold; margin-top:-10px;margin-left:-7px;background-color:#D6D6D6; width:150px;}



.hinh25{
	width: 320px;
	padding: 5px;
	display: table-row;
	vertical-align: inherit;
	
	float: left;
	height: auto;
}
	
	.hinh25Show{
	margin: 5px;
	width: 98%;
}
	.hinh25List{width:100%;}
.DetailPro50{
	float: left;
	width: 61%;
	padding: 5px;
	height: auto;
}
.tieude1{width:100%; line-height:25px; padding:5px; font-weight:bold;}
.gia1{width:100%; line-height:25px; padding:5px;}
.soluong1{width:100%; line-height:25px; padding:5px; height:50px;}
.titsl{float:left; display:block;}
.titNdsp{padding:5px; font-size:20px; font-weight:bold;}
.noidungsp{padding:5px;}
.samecat{padding:5px;}
.chiase{height:40px;}
.DetailPro50 .titsl > input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 3px 20px 6px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
	margin-left:15px;
}















.fashare {
  padding: 5px;
  font-size: 10px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fashare:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}







.rowpay > *{
  box-sizing: border-box;
	
}

.rowpay {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  margin: 0 -16px;
}

.col-25pay {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
}

.col-50pay {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
}

.col-75pay {
  -ms-flex: 75%; /* IE10 */
  flex: 75%;

}

.col-25pay,
.col-50pay,
.col-75pay {
  padding: 0 25px 0 30px;
	
}

.containerpay {
  background-color: #f2f2f2;
  padding: 5px 20px 15px 20px;
  border: 1px solid lightgrey;
  border-radius: 3px;
}

input[type=text] {
  width: 90%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

label {
  margin-bottom: 10px;
  display: block;
}

.icon-containerpay {
  margin-bottom: 20px;
  padding: 7px 0;
  font-size: 24px;
}

.btnpay {
  background-color: #4CAF50;
  color: white;
  padding: 12px;
  margin: 10px 0;
  border: none;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
}

.btnpay:hover {
  background-color: #45a049;
}

.apay {
  color: #2196F3;
}

.hrpay {
  border: 1px solid lightgrey;
}

span.price {
  float: right;
  color:grey;
	
}

.h2pay{padding-left:20px;}
.ppay{padding-left:20px;}
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (also change the direction - make the "cart" column go on top) */
@media (max-width: 800px) {
  .rowpay {
    flex-direction: column-reverse;
  }
  .col-25pay {
    margin-bottom: 20px;
  }
}
.dienfooter{width:60px; font-weight: bold; float: left; text-align: left; padding-right: 10px;}
.footer1Sub1 > p{clear: both;}
.footer1Sub1 > a{text-decoration: none; color: #FFFFFF;}
.footer1Sub1 > a:hover{text-decoration: none;color:#C20DD6;}
.tt1{list-style-type: none; }
.tt1 > li{list-style-type: none; margin-left: -30px;}
.bottomtit1{font-weight: bold; width: 100%;}
.bottomtit1 > img{padding: 5px 5px 100px 5px;}
.bottomtit1 > img{padding: 5px 5px 100px 5px;}
.tt2{width: 80px; float: left;}
.tt2Phone{width: 80px; float: left; background-image: url("../images/phone_gm_blue_24dp.png"); background-repeat:no-repeat; padding-left: 40px;background-size: 25px 25px;}
.tt2Email{width: 80px; float: left; background-image: url("../images/mail-close-icon-white.png"); background-repeat:no-repeat; padding-left: 40px;background-size: 25px 15px;}

.bottomtit1 > a{font-size:18px; text-decoration: none;}
.bottomtit1 > a:hover{font-size:18px; text-decoration: none;}
.bottomtit2{font-weight: bold; width: 100%; margin-left: 30px;}


.tenshop{font-weight: bold; font-size:20px;}

.diachishop{width: 95%; font-size:18px; float: left; padding:0px 5px 0px 30px; background-image: url("../images/directions_white_18dp.png"); background-repeat:no-repeat;background-size: 25px 25px;}
.diachishop >a{text-decoration: none; padding-left: 10px; color:white;}
.diachishop >a:hover{text-decoration: none; padding-left: 10px; color:white;}
.dienthoaitit{width: 35%;font-size:18px; float: left;  padding:0px 5px 0px 30px; background-image: url("../images/contactico.png"); background-repeat:no-repeat; }
.emailtit{width: 35%;font-size:18px; float: left;  padding:0px 5px 0px 30px;}
.nddt{width: 50%; float: left;font-size:18px;}
.dangtruycaptit{width: 60%; float: left; padding:0px 5px 0px 30px; background-image: url("../images/useronlinev.jpg"); background-repeat:no-repeat;}
.onlineTit{background-image: url("../images/addusers.png"); background-repeat:no-repeat; width:50px;float:left;}
.onlineTit2{font-weight: bold; font-size: 18px;}
.titB1{width: 100px; float: left;}