/*
Theme Name: bds
Version: 1.0
Description: A child theme of Schema by MyThemeShop
Template: mts_schema
Text Domain: schema
*/

/* Nút button nhấp nháy */

.wpcf7-spinner {display:none;}

.wpcf7 input[type="submit"] , .buttonz {
 
  background-color: red;
 
  -webkit-border-radius: 10px;
 
  border-radius: 18px 0px;
   
  border: none;
   
  color: #FFFFFF;
   
  cursor: pointer;
   
  display: inline-block;
   
  font-family: Arial;
   
  font-size: 18px;
   
  padding: 8px 18px;
   
  text-align: center;
   
  text-decoration: none;
 
}

@-webkit-keyframes glowing {
  0% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }
  50% { background-color: red; -webkit-box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }
}
 
@-moz-keyframes glowing {
  0% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }
  50% { background-color: red; -moz-box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }
}
 
@-o-keyframes glowing {
  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
  50% { background-color: red; box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}
 
@keyframes glowing {
  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
  50% { background-color: red; box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}
 
.wpcf7 input[type="submit"] , .buttonz{
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

/* End Nút button nhấp nháy */


/* Ẩn sidebar cho category page */
.category #sidebar { display: none; }
.category .article { width: 100%;}
/* End Ẩn sidebar cho category page */

/* add anh nho cho future image */
.related-posts .featured-thumbnail { height: 160px;}

/* Chinh page category cho dep */
.archive .featured-thumbnail img {height: 160px !important;}
.archive .latestPost .title a {
    font-weight: bold !important;
    font-size: 16px !important;}
.archive .latestPost .title a:hover {color: #ff7900;}
.archive .post-info {display: none;}
.archive .front-view-content {display: none;}
.archive .readMore { display: none;}
.category #content_box ul {
    list-style: disc;
    padding: 0em 0 1em 1.9em;
    line-height: 1.9;
}

.archive article header {    min-height: 60px;}
.archive article h2 {    line-height: 1;}
/* end Chinh page category cho dep */

/* chia page post category 3 cột */
.category .latestPost.excerpt {
    width: 31%;
    margin: 0 1% 20px;
}
@media screen and (max-width:968px){
.category .latestPost.excerpt {
    width: 48%;
    margin: 0 1% 20px;
}}
@media screen and (max-width:568px){
.category .latestPost.excerpt {
    width: 100%;
    margin: 0 0 20px;
}}
/* End chia page post category 3 cột */

/* Chinh tag category cho dep */
.archive article.latestPost {
    width: 31%;
    margin: 0 1% 20px;
}
@media screen and (max-width:968px){
.archive article.latestPost {
    width: 48%;
    margin: 0 1% 20px;
}}
@media screen and (max-width:568px){
.archive article.latestPost {
    width: 100%;
    margin: 0 0 20px;
}}

.tag #sidebar { display: none; }
.tag .article { width: 100%;}

/* end Chinh tag category cho dep */

/* lam dep table */

#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th, #customers tr  {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #fdf9f4;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #164875;
  color: white;
}

/* end lam dep table */


blockquote {
    padding: 10px 5px 5px 16px;
    margin: 15px 0px 15px 0px;
    border-left: 6px solid #004a8a;
}
blockquote:after {
   display: none;
}

/* Chinh dropdown menu */
#secondary-navigation .navigation ul ul a, #secondary-navigation .navigation ul ul a:link {
    padding: 9px 6px 9px 12px;
    position: relative;
    width: 256px;
    box-sizing: border-box;
    line-height: 26px;
}
.navigation ul ul li { border-bottom: 1px solid #6d3400;}
/* end Chinh dropdown menu */

/* lam dep rank math FAQ */
#rank-math-faq {
	border-left: solid 3px #b86d29;
	padding-left: 15px;
}
#rank-math-faq h3 {
   text-transform: none;
	 font-size: 16px;
}

#rank-math-faq .rank-math-list-item {
    margin-bottom: 1em;
    margin-top: 1em;
    border-bottom: 1px solid #fff;
}

.rank-math-question {
    cursor: pointer;
    position: relative;
    display: block;
    padding-right: 1em;
    margin-right: 1em;
    font-weight: 300;
    margin-top: 30px;
	
}

.rank-math-question:after {
    position: absolute;
    right: 5px;
    top: 0;
    content: "\2715";
    transform: rotate(-45deg);
    transition: all 150ms ease-in-out;
}

.rank-math-question h3 {
	text-transform: none;
}

.rank-math-question.collapse:after {
    transform: rotate(0deg);
}

.rank-math-question:hover {
    opacity: 0.8;
}
/* END lam dep rank math FAQ */

/* an/hien homepage name */
.home h1.title.single-title.entry-title { display: none;}
/* end an/hien homepage name */

/* an/hien menu */
div#regular-header { overflow: visible; }
/* an/hien menu */

.regular_header #primary-navigation { float: left;}
.logo_in_nav_header #header {border-bottom: 1px solid black;}
.navigation ul li { line-height: 41px;}
.logo-wrap {margin: 5px 0px 5px 0px;}
#header .logo-wrap {padding: 11px 0;}

/* Chinh sua widget */
.widget-header {   max-width: 100%;   margin-top: 0px;}
.f-widget a {color: #cbcbcb;}
.footer-widgets h3 {
    font-weight: 600;
    color: #0a2339;
}
.widget_polylang li {float: left;margin-right: 1em;list-style: none;}
.widget_polylang li img { margin: 8px 0px 8px 0;}
.sidebar.c-4-12 {    
    max-width: 100%;  
    width: 28% !important;    
}
.wp-block-search .wp-block-search__button {
    padding: .375em 1em;
    margin-left: .1em;
    color: #f57500;
}
.wp-block-search .wp-block-search__inside-wrapper {
    margin-top: 10px;
}
.f-widget .widget {
    margin-bottom: 0px;
}

/* end Chinh sua widget */

div#regular-header {    overflow: visible;}
span.thecategory .fa-tags {    display: none;}
span.thecategory a {
    padding: 0.15em 0.5em;
    border-radius: 4px;
    color: white !important;
    box-shadow: 1px 1px #1273a5;
    display: inline-block;
    background-color: #09486d;
}
.post-single-content h2, .category #content_box h2 {color: #002a4f;text-transform:none;font-weight:bold; font-size: 23px;}
.post-single-content h3, .category #content_box h3 {color: #004582;text-transform:none;font-weight:bold; font-size: 18px;}
.post-single-content a:link, a:visited, a:active {border-bottom: 2px solid;}

.post-single-content a:hover, .tags a:hover, .category #content_boxa a:hover {color: #004684;}
.cat_description {
    width: 100%;
    float: left;
}
.lamdepcategorytext a:link, a:visited, a:active {border-bottom: 2px solid;}
.lamdepcategorytext a:hover {color: #004684;}


/* chia 2 cột css với columnz */
.columnz {  box-sizing: border-box;  float: left;  width: 50%;  padding: 0px 8px 0px 8px;  height: auto; }
.row:after { content: "";  display: table;  clear: both;}
@media screen and (max-width: 800px) {.columnz {width: 100%;}}
/* chia 2 cột css với columnz*/

/* add video youtube */
.video {text-align: center; position: relative; padding-bottom: 56.25%; padding-top: 0px;height: 0; overflow: hidden;}
.video iframe, .video object, .video embed {position: absolute;	top: 0; left: 0;	width: 100%; height: 100%;}
/* end  add video youtube */

#zoom-out-effect, #zoom-out-bg {padding-bottom: 450px; margin-bottom: 3px;}
#parallax {padding-bottom: 450px;}

/* chỉnh image future toi uu cho mobile */
@media (max-width: 500px) {
#parallax, #zoom-out-effect, #zoom-out-bg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 186px !important;
}}
/* end chỉnh image future toi uu cho mobile */

/* hien photo bt */
img, video, object { height: auto !important;}
/* ket thuc hien photo bt */

/* chinh sua can ho model */
.wpm, .wpm-gallery { margin-bottom:0;}
.wpm-cols3 {padding: 0 10px 0px 10px;}
/* chinh sua can ho model */

.layout {
	  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	  padding:20px;
	  background:#fbfbfb;}

.layout:hover { box-shadow: 0 18px 28px 	rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); background:#ffff;}

.layout h2, .row1 h3 {
text-align: center;
font-size: 20px !important;
color: #09486d !important;
font-weight:bold;
margin:0 0 20px 0 !important}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="textarea"] { width:93%; padding: 12px; font-family: FontAwesome;}

.wpcf7-submit {
    text-align: center;
    background: #0a2339;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-family: FontAwesome;
    margin-bottom: 6px;
}
.wpcf7-submit:hover{
    background: #af6521;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
}

/*tao background cho form contact ngang */
.form-ngang {
    padding: 8px 0 1px;
    background: radial-gradient(circle,rgb(204 204 204) 0%,rgb(237 237 237) 100%);
    margin-bottom: 16px;
}
input.wpcf7-form-control.wpcf7-submit {
   display: block;
   margin: 0 auto;
}
div.wpcf7 .ajax-loader {
	display: none;
}

.fa-puzzle-piece {
   color: #f9cf1e;
	font-size: 23px;
	margin-right: 5px;}

.post-content h2 {
	color: #09486D;
	font-weight: bold;
	font-size: 30px;
	margin: 20px 0px 20px 0px;
}
.gioithieu h3, .layout h3 {	color: #f59d24;}

/* Tao nut dien thoai ring ring */
.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
}
.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}
.hotline-phone-ring-circle {
	width: 85px;
  height: 85px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #e60808;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
	width: 55px;
  height: 55px;
  top: 25px;
  left: 25px;
  position: absolute;
  background-color: rgba(230, 8, 8, 0.7);
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
	background-color: #e60808;
	width: 33px;
  height: 33px;
  top: 37px;
  left: 37px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
	width: 20px;
	height: 20px;
}
.hotline-bar {
  position: absolute;
  background: rgba(230, 8, 8, 0.75);
  height: 40px;
  width: 160px;
  line-height: 40px;
  border-radius: 3px;
  padding: 0 10px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px !important;
  /* width: 175px !important; */
  left: 33px;
  bottom: 37px;
}
.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  text-indent: 50px;
  display: block;
  letter-spacing: 1px;
  line-height: 40px;
  font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}
@media (max-width: 768px) {
  .hotline-bar { display: none;}
}
/* End tao nut dien thoai ring ring */



/* chinh sua caption image & text */
.wp-caption {background: #ffff;border: none;padding: 0px;}
.wp-caption p.wp-caption-text {
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-style: italic;}

/* an breadcrumb cho page */
.page .breadcrumb {display: none;}

#page.parallax, #page.zoomout { padding-top: 1px;}
#page {	padding-top: 1px;}

#sidebar .widget {
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 10px;}

.sidebar ul{ list-style: none;}

article ul {padding: 0em 0 1em 1.9em;list-style-type: disc;line-height: 1.9;}   
article ol {padding: 0.3em 0 1.071em 1.9em;}

.khungnews  {border: 2px dashed red;padding: 10px 5px 0px 39px; margin-bottom: 15px;}
.khungnews:hover {background: #f4f4f4;}
.khungnews ul {
    padding: 0em 0 0.3em 0.5em;
    list-style-type: disc;
    line-height: 1.9;
}

h3 {font-size: 18px;color: #04006b;}
.row_des h3 {color:#1468b4; font-weight:bold; margin-top: 10px;}

/* Chinh mau #eee background cho dep */
.article {
    width: 72%;
    padding: 2%;
    box-shadow: none;
}


/* xoa title page cho trang HOME */
.home h1.title.single-title.entry-title {display: none;}
/* xoa title page cho trang HOME */

/** chia cot photo gallery **/
.row1 {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 2px;
  margin-bottom: 12px;
}
/* Create four equal columns that sits next to each other */
.column2 {
-ms-flex: 32%;
flex: 32%;
max-width: inherit;
text-align: center;
padding:5px;
}
.column2 img {
  margin-top: 2px;
  vertical-align: middle;
  width:100%;
}
.column3 {
-ms-flex: 24%;
flex: 24%;
max-width: inherit;
text-align: center;
padding:5px;
}
.column3 img {
  margin-top: 2px;
  vertical-align: middle;
  width:100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 1024px) {
  .column3 {
    -ms-flex: 23%;
    flex: 23%;
    max-width: 60%;}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 768px) {
    
  .column2 {
    -ms-flex: 28%;
    flex: 28%;
    max-width: 60%;}

  .column3 {
    -ms-flex: 48%;
    flex: 48%;
    max-width: 60%;}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 525px) {
      .column2 {
    -ms-flex: 47%;
    flex: 47%;
    max-width: 60%;}
    
  .column3 {
    -ms-flex: 47%;
    flex: 47%;
    max-width: 60%;}
}
.column3:hover {box-shadow: 0 0 3px 1px rgb(184, 109, 41),0 0 3px 1px rgb(139, 82, 30);}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 420px) {
  .column2 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .column3 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
.column2 img {  width:100%;}
.column3 img {	width:100%;}
}

/* end chia cot photo gallery */

/** chia 4 cot cho list du an bds **/
#title{
  text-align: center;
  color:red;
  font-size:20px;
  margin-top: 25px;
 margin-bottom: 1px;
}

.hover-table-layout {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
     -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  max-width:100%;
  margin:0 auto;
}
.listing-item {
	margin: 5px;
   display: block;
   width:100%;
    margin-bottom:10px;
    float: left;
    background: #f0f2f0;;
    border-radius:10px;
    z-index:0;
    cursor:pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
        -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
}
.listing-item:hover,  .listing-item.active{
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    transform: scale(1.03);
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index:2;
}
.listing-item .listing{
    padding:5px;
    position:relative;  
}
figure.image img {
    width:100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
figure.image {
    position: relative;
    margin: 0;
    padding: 0;
}

.listing h2 {
font-size: 18px;
padding: 0 0;
font-weight: normal;
color: #000;
text-transform: none;
color: #b86d29;	
}

.listing h2:not(:last-child){
   border-bottom: 1px solid #ccc;}
.listing h4 {
font-size: 16px;
padding: 0 5px;
font-weight: 400;
text-transform: none;
}

@media only screen and (min-width:540px){
    .listing-item {
   display: block;
   width: -webkit-calc(96%/2);
   width: -moz-calc(96%/2);
    width: calc(96%/2);
    }}
@media only screen and (min-width:800px){
    .listing-item {
   display: block;
   width: -webkit-calc(96%/3);
   width: -moz-calc(96%/3);
    width: calc(96%/3);
    }}
@media only screen and (min-width:1044px){
    .listing-item {
   display: block;
   width: -webkit-calc(96%/4);
   width: -moz-calc(96%/4);
    width: calc(96%/4);
    }}
@media only screen and (min-width:1024px){
    .hover-table-layout{
        padding: 0px;
    }}
/** end chia 4 cot cho list du an bds **/

/* Chia 2 cot Content noi dung bds */
.coll-main {  flex: 5;  padding-right: 20px;}
.coll-complementary { flex: 5; }

@media only screen and (min-width: 640px) {
  .layout {display: flex; }}
/* End chia 2 cot Content noi dung bds */