/* CSS Document */
body {font-family: "Arial", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, "sans-serif"; overflow-x: hidden;  }

:root {
	--yellow-1: #f29e19;
	--blue-1: #245ab2;
	--blue-2: #217ecc;
	--blue-3: #3ab7e8;
	--blue-4: #343f5b;
	--blue-5: #737e92;
}

ul {margin: 0; padding: 0}
li {list-style: none; margin: 0}
input:focus, img:focus, a:focus, div:focus, textarea:focus, button:focus {outline: none;}
input, textarea {font-style: italic}
input:focus, textarea:focus {font-style: normal}
a {text-decoration: none; color: var(--blue-4)}
a:hover {text-decoration: none; color: var(--blue-3)}
.container {max-width: 1030px;}
.parallax {background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}

a, .sub-menu>a::after, .sub-menu>ul, .search input, .nd-dmb span, .nd-dmb span::after, .img-gt img, .nd-ly-do, .nd-ly-do img, .nd-y-kien::after, .bai-viet, .bai-viet .img-bai-viet img, .ft-lh .input-effect label, .ft-lh .input-effect .focus-border::before, .ft-lh .input-effect .focus-border::after, .ft-lh button::after, .nd-gt a::after, #nhap-sdt form button, .search svg {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}

.row {margin-right: -10px; margin-left: -10px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {padding-right: 10px; padding-left: 10px;}
.owl-dot:focus {outline: none}
.logo img {width: 235px}

#header-info .info {}
#header-info .info ul {}
#header-info .info li {display: -webkit-box;display: -ms-flexbox;display: flex; padding-left: 15px}
#header-info .info img {width: 53px; height: 53px; margin-right: 8px;}
#header-info .info p {margin: 0; font-size: 90%}

#menu {border-top: dashed 1px #ddd}
.menu li a {text-decoration: none; text-transform: uppercase; padding: 8px 13px; display: block; white-space: nowrap;}
.menu>li>a {padding: 15px}
.menu>li:first-child a {padding-left: 0}
.menu li a:hover {color: var(--blue-1);}
.menu li:last-child {padding-right: 0;}
.menu li:first-child a svg {width: 25px; fill: #555}
.menu>li:first-child a:hover svg {fill: var(--blue-1)}
.menu>li:last-child a {background-color: var(--yellow-1); border-radius: 3px; color: #fff; padding: 5px 10px; margin-left: 15px}
.menu>li:last-child a:hover {background-color: var(--blue-1);}

.menu>.sub-menu {margin-right: 10px}
.sub-menu, .sub-menu li {position: relative;}
.sub-menu>a {position: relative; padding-right: 18px !important;}
.sub-menu>a::after {content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: 2px; width: 7px; height: 7px; -webkit-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg); border-right: solid 1px #555; border-bottom: solid 1px #555; }
.sub-menu>a:hover::after {border-color: var(--blue-1)}


.sub-menu>ul {left: 0; top: 100%; padding: 10px; position: absolute; z-index: 5; background-color: #fff; box-shadow: -6px 6px 15px 0px rgba(0,0,0,0.1); margin-top: 30px; visibility: hidden; opacity: 0}
.sub-menu:hover ul {margin-top: 0; visibility: visible; opacity: 1}

.sub-menu>ul li {padding:0;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;}

.sub-menu>ul li::after {content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:var(--blue-3);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.sub-menu>ul li:hover::after {-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);}

.sub-menu>ul li a {position: relative; z-index: 1; border-bottom: dashed 1px #ddd;}
.sub-menu>ul li a:hover, .sub-menu>ul li:hover>a {color: #fff;}
.sub-menu>ul .sub-menu>ul {top: 0; left: calc(100% + 10px); visibility: hidden !important; opacity: 0 !important; margin-top: unset; margin-left: 30px}
.sub-menu>ul .sub-menu:hover ul {visibility: visible !important; opacity: 1 !important; margin-left: 0}
.sub-menu>ul a::after {top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg);-ms-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg); right: 8px;}
.sub-menu>ul a:hover::after, .sub-menu>ul li:hover>a::after {border-color: #fff;}

.search {margin: auto 0 auto auto}
.search input {border: solid 1px #ddd; padding: 5px 40px 5px 10px; width: 200px}
.search input:focus {width: 250px}
.search button {border: none; background-color: transparent; position: absolute; padding: 0 10px; margin: auto 0; top: 0; bottom: 0; right: 3px;}

.search svg {width: 15px; fill: var(--blue-5)}
.search button:hover svg {fill: var(--blue-3)}

#banner .owl-stage-outer {position: relative}
#banner .owl-stage-outer::after {content: ""; position: absolute; width: 100%; height: 1000px; left: 0; bottom: -15px; background-image: url("../img/bot-banner.svg"); background-position: center bottom; background-repeat: no-repeat; pointer-events: none;}
#banner .owl-nav {position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
#banner .owl-nav button {position: absolute; top: 0; bottom: 0; margin: auto 0; height: 100px; pointer-events: auto;}
#banner .owl-nav button:hover {background: transparent}
#banner .owl-nav button:focus {border: none; outline: none}
#banner .owl-nav button span {font-size: 50px;}
#banner .owl-nav .owl-prev {left: 20px}
#banner .owl-nav .owl-next {right: 20px}

#cau-hoi {margin-top: -178px; position: relative; z-index: 1;}
#cau-hoi .row {padding-left: 10px;  padding-right: 10px;}
.cau-hoi {background-color: var(--blue-2); color: #fff; box-shadow: 4px 4px 20px 0 rgba(0,0,0,0.15);}
.cau-hoi:first-child {background-color: var(--blue-1)}
.cau-hoi:last-child {background-color: var(--blue-3)}
.cau-hoi .nd-cau-hoi {padding:32px;padding-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;height:100%;}
.cau-hoi h3 {font-size: inherit; text-transform: uppercase; font-weight: 700;}
.cau-hoi p {}
.cau-hoi a {background: #fff; padding: 7px 20px; display: inline-block; text-transform: uppercase; margin-top: auto; -webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;}

.cau-hoi a:hover {-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1; background: var(--yellow-1); color: #fff}

@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}

.section-title {margin-bottom: 2.8rem; color: var(--blue-1); position: relative; text-align: center; text-transform: uppercase}
.section-title span {text-transform: none; color: #737e92; font-size: 77%}
.section-title img {width: 70px; right: 0; left: 0px; margin: 0 auto; bottom: -25px; position: absolute}

.nd-dmb {text-align: center;}
.nd-dmb a {}
.nd-dmb img {width: 70%; position: relative; z-index: 1}
.nd-dmb span {background-color:var(--blue-1);display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:999px;width:120px;height:120px;margin:0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; position: relative; box-shadow: inset 0 0 0 100px var(--blue-3);}
.nd-dmb h3 {font-size: inherit; text-transform: uppercase; font-weight: 700; margin-top: 15px;}
.nd-dmb p {}


.nd-dmb span::after {position: absolute; content: "";     width: calc(100% + -100px); height: calc(100% + -100px);top: 0; bottom: 0; margin: auto; border: dashed 2px var(--blue-1); border-radius: 100px; -webkit-animation: rotation 10s infinite linear; z-index: -1}

@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);}}


.nd-dmb a:hover span {box-shadow: inset 0 0 0 0px var(--blue-3)}
.nd-dmb a:hover span::after {width: calc(100% + 14px); height: calc(100% + 14px)}

#gioi-thieu {position: relative; margin-top: -1rem}
#gioi-thieu::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1000px; z-index: -1;  background-image: url("../img/bg-gt.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: 100%}
#gioi-thieu .section-title {text-align: left}
#gioi-thieu .section-title img {margin: 0}
.nd-gt a {display: inline-block; padding: 10px 20px; background-color: var(--blue-1); color: #fff; text-transform: uppercase; position: relative; overflow: hidden}
.nd-gt a span {position: relative; z-index: 1}
.nd-gt a::after {content:"";position:absolute;width:50px;height:50px;background:var(--yellow-1);border-radius:999px;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
.nd-gt a:hover::after {-webkit-transform: scale(4);-ms-transform: scale(4);transform: scale(4);}
.img-gt {position: relative; padding-top: 100%; height: 0; margin-top: 20px}
.img-gt img {position: absolute; top: 0; object-fit: cover; width: 100%; height: 100%; border-radius: 8px; }
.img-gt img:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
#img-gt .col-6:first-child .col-12:first-child .img-gt {margin-top: 0}

#nhap-sdt {background-color: var(--blue-1)}
#nhap-sdt p {margin: 0; color: #fff}
#nhap-sdt form {position: relative; background-color: #fff; padding: 4px;}
#nhap-sdt form input {border: 0; width: calc(100% - 80px); padding-left: 10px;}
#nhap-sdt form button {border: 0; margin-left: auto; background-color: var(--yellow-1); color: #fff; text-transform: uppercase; padding: 8px 25px;}
#nhap-sdt form button:hover {background-color: var(--blue-3)}


.ly-do {padding-bottom: 20px;}
.nd-ly-do {text-align: center; box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.1); border-radius: 6px; padding: 15px; height: 100%; background: #fff}
.nd-ly-do:hover {box-shadow: 0px 8px 15px 0 rgba(0,0,0,0.2); -webkit-transform: translateY(-8px);-ms-transform: translateY(-8px);transform: translateY(-8px)}


.nd-ly-do img {width: 80px;}
.nd-ly-do:hover img {-webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom;}


@-webkit-keyframes bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-10px);transform:scale(.9,1.1) translateY(-10px)}50%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(-5px);transform:scale(1,1) translateY(-5px)}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@keyframes bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-10px);transform:scale(.9,1.1) translateY(-10px)}50%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(-5px);transform:scale(1,1) translateY(-5px)}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}


.nd-ly-do h3 {font-size: inherit; text-transform: uppercase; font-weight: 700; color: var(--blue-4); margin-top: 10px;}
.nd-ly-do p {margin: 0}
.img-ly-do {width: 100%; height: 100%}
.img-ly-do img {width: 100%; object-position: bottom; height: 100%; object-fit: contain;}
#ly-do::before, #ly-do::after {content: ""; position: absolute; z-index: -1}
#ly-do::before {left: 0; bottom: 0; background-image: url("../img/bg-ly-do-1.svg"); width: 170px; height: 400px; background-repeat: no-repeat; background-position: left bottom; background-size: contain}
#ly-do::after {right: 0; top: 0; background-image: url("../img/bg-ly-do-2.svg"); width: 240px; height: 540px; background-repeat: no-repeat; background-position: right top; background-size: contain}



#y-kien {background-image: url("../img/bg-y-kien.jpg")}
#y-kien::after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: var(--blue-1); opacity: 0.9}
#y-kien .container {position: relative; z-index: 1}
#y-kien .section-title, #y-kien .section-title span {color: #fff}
.nd-y-kien {color: #fff; padding-left: 15px; border-left: solid 2px rgba(255,255,255,0.2); position: relative}

.nd-y-kien::after {content: ""; position: absolute; bottom: 0; left: -2px; width: 2px; height: 0; background: var(--blue-3);}
.nd-y-kien:hover::after {height: 100%}

.nd-y-kien>div {display: -webkit-box;display: -ms-flexbox;display: flex;}
.nd-y-kien>div img {width: 90px !important; height: 90px; border-radius: 100px;}
.nd-y-kien>div div {padding-left: 15px; padding-top: 15px;}
.nd-y-kien>div div span {display: block;}
.nd-y-kien>div div span:first-child {font-weight: 700; text-transform: uppercase}
.nd-y-kien>div div span:last-child {font-size: 90%; font-style: italic}
.nd-y-kien p {margin: 10px 0 0 0;}
#y-kien .owl-dot span {background: rgba(255,255,255,0.3)}
#y-kien .owl-dot.active span {background: #fff}


.bai-viet {box-shadow: 0px 0px 0 1px rgba(0,0,0,0.12); position: relative; background: #fff}
.bai-viet:hover {box-shadow: 0px 8px 15px 0 rgba(0,0,0,0.2); -webkit-transform: translateY(-8px);-ms-transform: translateY(-8px);transform: translateY(-8px)}
.bai-viet .img-bai-viet {position: relative; padding-top: 63%; height: 0; display: block; width: 100%; overflow: hidden}
.bai-viet .img-bai-viet img {position: absolute; top: 0; object-fit: cover; width: 100%; height: 100%;}
.bai-viet .img-bai-viet img:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
.bai-viet .ngay-dang {position: absolute; top: 10px; left: 10px; background: var(--blue-3); color: #fff; text-align: center; padding: 5px 8px; font-size: 90%;}
.bai-viet .ngay-dang span, .nd-bv span {display: block;}
.bai-viet .ngay-dang span:last-child {font-weight: 700}
.bai-viet .td-bai-viet {font-weight: 700; display: block; margin-bottom: 10px;}
.bai-viet p {margin: 0;}
.bai-viet .nd-bai-viet {padding: 20px}
.list-bv {margin-bottom: 11px; position: relative;}
.list-bv:hover {z-index: 1}
.list-bv, .nd-bv {display: -webkit-box;display: -ms-flexbox;display: flex;}
.img-bv {width: 38%}
.nd-bv {width: 62%; font-size: 85%; padding: 10px 15px; -webkit-box-align: center;-ms-flex-align: center;align-items: center}
.nd-bv div {}
.nd-bv span {margin-top: 5px; font-style: italic;}


#footer {background-image: url("../img/maps-mt.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover}
.footer {background:rgba(36,90,178,.8);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.ft-info .logo {display: inline-block; margin-bottom: 15px;}
.ft-info ul {}
.ft-info ul li {padding: 5px 0; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.ft-info ul li img {width: 18px; margin-right: 10px; margin-top: 3px;}
.ft-info ul li span {display: block}
.ft-lh {border-top: solid 1px rgba(255,255,255,0.5); margin-top: 18px; padding-top: 18px;}
.ft-lh span {text-transform: uppercase; font-weight: 700; margin-bottom: 10px; display: block}
.ft-lh button, .ft-lh input {border: none; width: 100%; padding: 8px 10px}

.ft-lh button {background: var(--yellow-1); color: #fff; text-transform: uppercase; position: relative}
.ft-lh button span {position: relative; z-index: 1; margin: 0}
.ft-lh button::after {content: ""; position: absolute; background: var(--blue-3); top: 0; left: 0; width: 100%; height: 100%; z-index: 0; -webkit-transform: rotateY(0deg);transform: rotateY(0deg)}
.ft-lh button:hover::after {-webkit-transform: rotateY(90deg);transform: rotateY(90deg)}
.ft-lh .input-effect input {background: rgba(255,255,255,0.1); border: solid 1px rgba(255,255,255,0.5); color: #fff}
.ft-lh .input-effect {position: relative; margin-bottom: 10px;}
.ft-lh .input-effect label {position: absolute; margin: 0; white-space: nowrap; color: #ccc; top: 8px; left: 10px; pointer-events: none}

.ft-lh .input-effect .focus-border {pointer-events: none}
.ft-lh .input-effect .focus-border::before, .ft-lh .input-effect .focus-border::after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.ft-lh .input-effect .focus-border::before {border-top: solid 2px #fff; border-bottom: solid 2px #fff; top: 0; left: 0;  -webkit-transform: rotateY(90deg);transform: rotateY(90deg)}
.ft-lh .input-effect .focus-border::after { border-left: solid 2px #fff; border-right: solid 2px #fff; -webkit-transform: rotateX(90deg);transform: rotateX(90deg)}

.ft-lh .input-effect input:focus ~ .focus-border::before {-webkit-transform: rotateY(0deg);transform: rotateY(0deg)}
.ft-lh .input-effect input:focus ~ .focus-border::after {-webkit-transform: rotateX(0deg);transform: rotateX(0deg)}
.ft-lh .input-effect input:focus ~ label {top: -27px; background: #fff; padding: 2px 10px; left: 0; color: var(--blue-4); border-top-left-radius: 3px; border-top-right-radius: 3px}

.view-map a {background: rgba(0,0,0,0.5); color: #fff; padding: 8px 15px; display: inline-block; opacity: 0}
.view-map:hover a {opacity: 1}


@media screen and (min-width:576px) {
	
}

@media screen and (min-width:768px) {
	
}

@media screen and (min-width:992px) {
	
}

@media screen and (max-width:991px) {
	
	#cau-hoi {margin-top: -100px;}
}

@media screen and (max-width:767px) {
	#cau-hoi {margin-top: -80px;}
	#img-gt .col-6:last-child .col-12:first-child .img-gt {margin-top: 0;}
	#gioi-thieu .section-title {text-align:center; margin-top: 10px}
	#gioi-thieu .section-title img {margin: 0 auto}
	.nd-gt {text-align: center}
	.img-ly-do {display: none}
	#header, #menu, #banner {display: none}
	.view-map {height: 500px;}
	#footer .row {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
	.bv-l {margin-bottom: 15px;}
}

@media screen and (max-width:575px) {
	#cau-hoi {margin-top: 0px; padding-top: 3rem}
	#banner .owl-stage-outer::after {display: none}
	#nhap-sdt p {text-align: center; margin-bottom: 10px;}
	
}
.btn_tuvan_noidung {
    display: block;
    margin: 15px auto;
    clear: both;
    width: 400px;
}


    .camnhanpc{
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	list-style: none;
    	padding: 0;
    	margin: 10px auto;

    }
    .camnhanpc li{
    	width: 48%;
    	display: flex;
    	border: 1px solid #eee;
    }
    .camnhanpc li .hinhanhcamnhan{
    	margin-right: 10px;
    }
    .camnhanpc li .description{
    	padding: 5px;
    }
    .danhgiangoisao{
    	display: inline-block;
    	color: #ffe358;

    }
    .camnhanbn{
    	padding: 10px;
    	font-size: 30px;
    	color: black;
    	display: block;
    	background: #e73f60;
    	color: white;
    	margin: 10px 0;
    }
    	.breadcrumb_main .breadcrumbs a, .breadcrumb a{
		color: white !important;
	}
	.breadcrumb_main, .breadcrumb{
		background: var(--blue-1) !important;
	}