.ddMenu {
    margin-top: 15px;
    display: none;
}
.category-featured, .gallery-main-heading{
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
	/* min-height: 260px; */
}
.category-head, .solution-item, .image-related{
	background: #fff;
}
.category-head{
	padding: 20px 0px;
}
.category-head .category-title{
	padding: 0px 0px 20px 0px;
}
.category-head .category-title h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 25px;
	color: #347ABD;
	padding: 10px 0px;
}
.page-name-banner {
    position: absolute;
    left: 0;
    color: #ffffff;
    top: 140px;
    margin-top: -30px;
    right: 0;
    bottom: 0;
}
.page-name-banner h1{
	  font-size: 40px;
	  font-weight: 500;
}

.btn-call-us{
	background: #1767B3;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border: 0;
    border-radius: 34px;
    margin-top: 20px;
    font-size: 20px;
	position: relative;
	animation: animate-bg 3s linear infinite;

}
.btn-call-us:hover{
	background: #006FD9;
}
.btn-call-us .fa{
	width: 30px;
    height: 30px;
    display: inline-block;
    background: red;
    border-radius: 50%;
    line-height: 30px;
	-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%;
	
	
}
/* .btn-call-us:before,  */
/* .btn-call-us:after{ */
	/* content: ''; */
	/* display: block; */
	/* position: absolute; */
	/* border: 50%; */
    /* border: 1px solid #1767B3; */
    /* left: -5px; */
    /* top: -5px; */
    /* bottom: -5px; */
    /* right: -5px; */
    /* border-radius: 34px; */
	/* animation: animate 1.5s ease-in-out infinite; */
/* } */
@keyframes animate-bg{
	0%{
		box-shadow: 0 0 0 0 rgba(0,125,251,.7), 0 0 0 0 rgba(0,125,251,.7);
	}
	40%{
		box-shadow: 0 0 0 30px rgba(0,125,251,0), 0 0 0 0 rgba(0,125,251,.7);
	}
	80%{
		box-shadow: 0 0 0 30px rgba(0,125,251,0), 0 0 0 20px rgba(0,125,251,0);
	}
	100%{
		box-shadow: 0 0 0 0 rgba(0,125,251,0), 0 0 0 20px rgba(0,125,251,0);
	}
}
@keyframes animate{
	0%
	{
		transform: scale(1);
		opacity: 0;
	}
	/* 10% */
	/* { */
		/* transform: scale(1); */
		/* opacity: 0; */
	/* } */
	50%{
		opacity: 1;
	}
	100%
	{
		transform: scale(1.2);
		opacity: 0;
	}
}
@-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)
    }
}

/* PROJECT, DỰ ÁN, SOLUTION */
.solution-item, .projectAll{
	padding: 30px 0px;
}
.solution-item-heading, .projectAll-heading{
	text-transform: uppercase;
	padding: 15px 0px;
}


.solution-item-heading h2, .projectAll-heading h1{
	font-weight: 500;
	font-size: 25px;
	display: flex;
	align-items: center;
}
.solution-item-heading h2:after{
	content: '';
	flex: 1;
	margin-left: 1rem;
    height: 5px;
    background-color: #ddd;
	
}
.solution-item-box{
	position: relative;
	overflow: hidden;
}
.solution-item-box .box-title{
	position: absolute;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.45);
    bottom: 0;
    width: 100%;
    text-transform: uppercase;
    text-shadow: 1px 1px #000;	
}
.projectAll-item{
	width: 321.2px;

}
.projectAll-item img{
	margin: 0px;
	display: block;
	border-radius: 10px;
}
.projectAll-item-title{
	padding: 15px;
	background: #fff;
}



/* PROJECT DETAIL */

.project-detail{
	width: 100%;
	background: #144780;
    z-index: 10;
    color: #fff;
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	position: relative;
}
.project-detail:after{
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(left,rgba(1,80,137,.8) 0%,rgba(1,80,137,.8) 9%,rgba(1,80,137,.8) 19%,rgba(1,80,137,.8) 43%,rgba(1,80,137,.8) 100%,rgba(1,80,137,.8) 100%);
    background: -webkit-linear-gradient(left,rgba(1,80,137,.8) 0%,rgba(1,80,137,.8) 9%,rgba(1,80,137,.8) 19%,rgba(1,80,137,.8) 43%,rgba(1,80,137,.8) 100%,rgba(1,80,137,.8) 100%);
    background: linear-gradient(to right,rgba(1,80,137,.8) 0%,rgba(1,80,137,.8) 9%,rgba(1,80,137,.8) 19%,rgba(1,80,137,.8) 43%,rgba(1,80,137,.8) 100%,rgba(1,80,137,.8) 100%);
}
.project-detail-heading{
	padding: 20px 0px;
	text-align: center;
	position: relative;
    z-index: 10;
}
.project-detail-heading h1{
	text-transform: uppercase;
	font-size: 25px;
	padding: 10px 0px;
}
.project-detail-body
{
	position: relative;
    z-index: 10;
}
/* TAB */
.tab-wrap {
  -webkit-transition: 0.3s box-shadow ease;
  transition: 0.3s box-shadow ease;
  border-radius: 6px;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  list-style: none;
  /* background-color: #fff; */
  margin: 40px 0;
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); */
}

/* .tab-wrap:hover { box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19); } */

.tab { display: none !important; }

.tab__content {
  padding: 10px 25px;
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  border-radius: 6px;
  font-weight: 400 !important;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0;
}

.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0;
}

.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0;
}

.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0;
}

.tab:first-of-type:not(:last-of-type) + label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tab:not(:first-of-type):not(:last-of-type) + label { border-radius: 0; }

.tab:last-of-type:not(:first-of-type) + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tab:checked + label {
  /* background-color: #fff; */
  cursor: default;
  border-bottom: 2px solid red;

}

.tab:checked + label:hover {
  /* box-shadow: 0 -1px 0 #fff inset; */
  /* background-color: #fff; */
}

.tab + label {
  width: 100%;
  /* box-shadow: 0 -1px 0 #eee inset; */
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #333;
  /* -webkit-box-flex: 3; */
  /* -webkit-flex-grow: 3; */
  /* -ms-flex-positive: 3; */
  /* flex-grow: 3; */
  text-align: center;
  /* background-color: #347ABC; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  -webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  height: 50px;
  box-sizing: border-box;
  padding: 15px;
  color: #fff;
}
@media (min-width:768px) {

	.tab + label { width: auto; }
	}

	.tab + label:hover {
	  color: red;
	  border-bottom: 2px solid red;
	}
/* gallery-main */
.gallery-main{
	background: #fff !important;
}
.gallery-main h1{
	
}
.gallery-main-item{
	padding: 20px;
}
.gallery-main-body{}
.gallery-main-body h2{
	font-size: 26px;
	color: #20252B;
	font-weight: 700;
    letter-spacing: 0;
    line-height: 56px;
}
.item-category{
	margin-bottom: 1.5em;
	padding: 10px 20px 10px 20px;
}

.boxIcon{
	
}
.boxIcon .imgBox{
	border: 4px solid #F7F7F7;
    background: #1EB3D2;
    border-radius: 50%!important;
    width: 150px;
    height: 150px;
    margin: 10px auto 10px auto;
	padding: 3px;
}
.boxIcon .imgBox img:hover{
	transform: scale(0.95, 0.95);
}
.boxIcon img{
	/* border: 4px solid #347ABD; */
	/* width: 135px; */
	/* height: 135px; */
	background: #fff;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	transform: scale(1,1);
    -webkit-transform: scale(1,1);

}
.boxIcon p{
	font-weight: 300;
	color: #666;
}
.pos-left .intro-text{
	text-align: right;
}
.intro-text{
	padding: 10px 0px;
    margin-bottom: 20px;
}
.intro-text h3{
	text-align: center;
    font-size: 16px;
	color: #555 !important;
	font-weight: 700;
}
.intro-text h3:hover{
	color: #028954 !important;
}
.pos-left .intro-text hr{
	width: 10%;
    margin: 1em 0;
    margin-left: 90%;
    border-top: 1px solid #347ABD;	
}
.pos-right .intro-text hr{
	width: 10%;
    margin: 1em 0;
    margin-right: 90%;
    border-top: 1px solid #347ABD;	
}
.category-wrap{
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	color: #262626;
	background: #f3f3f3;
    background: -moz-linear-gradient(left, #f3f3f3 0%, #f3f3f3 50%, #ffffff 50%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #f3f3f3 0%,#f3f3f3 50%,#ffffff 50%,#ffffff 100%);
    background: linear-gradient(to right, #f3f3f3 0%,#f3f3f3 50%,#ffffff 50%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=1 );
}
.category-wrap-inner{

    background-image: url(https://www.mic.vn/App_Themes/images/bg_page_content.png);
    background-position: 0px 100px;
    background-repeat: repeat-y;
}
.cat_related ul{
	text-align: right;
    padding-top: 45px;
    padding-right: 0px;
    padding-left: 0;
}
.cat_related ul li{
	display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 20px;
}
.cat_related ul li a{
	color: #414141;
    font-size: 16px;
}
.cat_related ul li a:active, .cat_related ul li a:hover, .cat_related ul li a.active{
	color: #118841;
    font-weight: 700;
}
.catInfo{
	font-size: 18px;
	padding: 20px 10px;
}
.catInfo h2{
	overflow-wrap: break-word;
	font-size: 28px;
	margin-bottom: 15px;
	font-weight: 700;

}
.catInfo h3{
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 700;
}
.catInfo p{
	margin-bottom: 15px;
	line-height: 1.625;
}
.catInfo ul, .catInfo ol{padding:0;margin:0;margin-left: 30px;list-style-image: url('https://www.mic.vn/App_Themes/images/chk.png');}
.catInfo ul li{
	padding-bottom: 10px;
}
.catInfo blockquote{
	background: #D8FAE6;
	border-left: 10px solid #118841;
	/* margin: 1.5em 10px; */
	/* padding: 0.5em 10px; */
	quotes: "\201C""\201D""\2018""\2019";
	font-size: 1em;
}
/* RESPONSIVE MOBILE AND DESKTOP */
/* @media (max-width: 420px) { */
	/* .gallery-main-heading{background-size: contain;min-height: 11rem;} */
/* } */
/* @media (min-width: 421px) and (max-width: 460px) { */
	/* .gallery-main-heading{background-size: contain; min-height: 11rem} */

/* } */
/* @media (min-width: 501px) and (max-width:730px) { */
	/* .gallery-main-heading{background-size: contain; min-height: 18rem} */

/* } */
/* @media (min-width: 730px) and (max-width:1600px) { */

	/* .gallery-main{margin-top: -20px} */
	/* .gallery-main-heading{background-size: cover; min-height: 40rem} */
/* } */
/* @media (min-width: 1601px) and (max-width: 1700px){ */
	/* .gallery-main-heading{background-size: cover; min-height: 43rem} */
/* } */
/* @media (min-width: 1701px) and (max-width: 1920px){ */
	/* .gallery-main-heading{background-size: cover; min-height: 47rem} */
/* } */
@media handheld, only screen and (max-width: 991px){
	.col-left {
		display: none;
	}
	.category-wrap,.category-wrap-inner {background: #fff}
	.ddMenu {display: block;}
}
@media (min-width: 1000px) and (max-width: 1199px){{
	.category-wrap-inner {
		background: #f3f3f3;
		background: -moz-linear-gradient(left, #f3f3f3 0%, #f3f3f3 24%, #ffffff 24%, #ffffff 100%);
		background: -webkit-linear-gradient(left, #f3f3f3 0%,#f3f3f3 24%,#ffffff 24%,#ffffff 100%);
		background: linear-gradient(to right, #f3f3f3 0%,#f3f3f3 24%,#ffffff 24%,#ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=1 );
	}
}