@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);@import url('overwrite.css');@import url('animate.css');.clear-ul{margin:0;padding:0;list-style-type:none;}

body{font-family:'Open Sans', Arial, sans-serif;font-size:14px;font-weight:300;line-height:1.6em;color:#333;background-color:#fff;overflow-x:hidden;}

img{max-width: 100%;}
hi,h2,h3,h4,h5,h6{color:#333;line-height:1.1em;}

p{color:#333;}

a{text-decoration:none;transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-webkit-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;outline:none;color:#333;}

a:hover{text-decoration:none;color:#333;}

.btn-primary{padding:8px 20px;background:#ED502E;color:#fff;border:none;margin-top:20px;}

.btn-primary:hover,

.btn-primary:focus{background:#eb8984;outline:none;box-shadow:none;}

.text-center h2{margin-bottom:30px;}

.text-center p{margin-bottom:50px;color:#333;}

.btn-default{color:#333;background-color:#fff;border-color:#fff;text-transform:uppercase;font-size:18px;border-radius:30px;margin-left:-10px;}

.btn-default:hover{background-color:#f9f9f9;color:#ED502E;border-color:#fff;}

.navigation{background-color:#fff;padding:0;}

.navbar-brand h1{margin-top:-1px;padding-top:5px;float:left;font-size:30px;color:#333;}

.navbar-brand h1 span{color:#ED502E;}

.menu{font-size:12px;float:right;text-transform:uppercase;font-weight:600;}

.menu ul.nav-tabs li{color:#000;}

.nav-tabs{border-bottom:0;}

.nav-tabs > li{float:left;margin-bottom:0;position:relative;}

.nav-tabs > li > a{border-radius:0;color:#333;padding:30px 10px;font-weight: bold;font-size: 14px;}

.logo{
    width: 54px;
    height: auto;
}
@media (max-width:768px){
    .logo{
        width: 30px;
    }
}


#bx-pager {
    text-align: center;
    margin-top: -30px;
  }

  #bx-pager a {
    margin: 0 3px;
  }

  #bx-pager a img {
    padding: 3px;
    border: solid #ccc 1px
  }

  #bx-pager a.active img {
    border: solid #5280DD 1px;
  }


@media (max-width:768px){
    #bx-pager a{
        width: 17%;
        display: inline-block;
    }
}


.nav-tabs > li > a:hover{color:#ED502E;border-color:#fff #fff #fff;border-radius:0;background-color:#fff;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}

.nav-tabs > li > a.active{color:#ED502E;border-radius:0;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}

.nav-tabs li:hover ul{display:block;}

.nav-tabs ul{position:absolute;width:200px;background-color:#fff;display:none;-webkit-box-shadow:1px 1px 2px #9a9a9a;-moz-box-shadow:1px 1px 2px #9a9a9a;box-shadow:1px 1px 2px #9a9a9a;}

.nav-tabs ul li{}

.nav-tabs ul li a{display:block;padding:10px;}

.nav-tabs ul li a:hover{color:#ed502e;background:#f9f9f9;}

.slider{margin-top:-20px;margin-right:0px;margin-left:-40px;}

.box{margin-top:70px;text-align:center;}

.box h4{text-transform:uppercase;margin-bottom:80px;margin-top:2em;}

.box i{color:#fff;border-radius:50%;padding:20px;background:#ED502E;}

.box i:hover{color:#ED502E;background:#fff;}

.features p{margin-bottom:70px;color:#333;}

.main-feature{padding-bottom:50px;padding-top:80px;}

.main-feature .media{margin-top:30px;margin-bottom:30px;}

.main-feature .media p{margin-top:20px;margin-bottom:30px;color:#333;}

.main-feature .media i{border-radius:50%;padding:20px;background:#ED502E;color:#fff;}

.main-feature .text-center{background:#fD502E;padding:70px;margin-top:30px;border-radius: 200px;}

.main-feature .text-center h2,.main-feature .text-center h3{color:#fff;}

.about-us .text-center h3{color:#333;}

.main-feature .text-center p{color:#fff;}

.bx-wrapper img{width:100%;}

.about-us{margin-top:-50px;padding-top:90px;padding-bottom:80px;}

.about-us img{margin-top:50px;border-radius:50%;margin-bottom:20px;border: 6px solid #f44336;}
.about-us .job{
	font-size: 12px;
    font-weight: bold;
    color: #f44336;
}

.services{background:#f9f9f9;margin-top:-50px;padding-top:90px;padding-bottom:50px;}

.services img{margin-top:50px;border-radius:50%;margin-bottom:20px;}

.services-box i{padding:50px;margin-top:30px;margin-bottom:40px;border-radius:50%;}

.services-box i.fa-rocket{background-color:#00abf0;}

.services-box i.fa-cogs{background-color:#02FE7C;}

.services-box i.fa-eye{background-color:#0077b5;}

.services-box h4{margin-bottom:20px;}

.skills{margin-top:60px;}

.skill{margin-top:60px;margin-bottom:50px;padding-bottom:50px;}

.skill h2{margin-bottom:25px;}

.progress-wrap{position:relative;}

.progress .color1,

.progress .color1 .bar-width{background:#2d7da4;}

.progress .color2,

.progress .color2 .bar-width{background:#6aa42f;}

.progress .color3,

.progress .color3 .bar-width{background:#ffcc33;}

.progress .color4,

.progress .color4 .bar-width{background:#db3615;}

.progress,

.progress-bar{height:50px;line-height:20px;background:#e6e6e6;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0;overflow:visible;text-align:right;}

.progress{position:relative;}

.progress .bar-width{position:absolute;width:40px;height:20px;line-height:20px;text-align:center;font-size:12px;font-weight:700;top:-30px;border-radius:2px;margin-left:-30px;}

.progress span{position:relative;}

.progress span:before{content:" ";position:absolute;width:auto;height:auto;border-width:8px 5px;border-style:solid;bottom:-15px;right:8px;}

.progress .color1 span:before{border-color:#2d7da4 transparent transparent transparent;}

.progress .color2 span:before{border-color:#6aa42f transparent transparent transparent;}

.progress .color3 span:before{border-color:#ffcc33 transparent transparent transparent;}

.progress .color4 span:before{border-color:#db3615 transparent transparent transparent;}

.services-skill{margin-top:30px;margin-bottom:50px;padding-bottom:50px;}

#blog{margin-top:50px;}

.widget{margin-bottom:60px;padding-left:0;}

.single_comments{margin-bottom:20px;}

.single_comments img{float:left;margin-right:10px;margin-top:5px;}

.single_comments p{margin-bottom:0;}

.widget .entry-meta span{display:inline-block;margin-right:10px;}

.widget h3{color:#000;text-transform:uppercase;margin-bottom:20px;}

.blog_category{list-style:none;margin:0;padding:0;}

.blog_category li{float:none;margin-bottom:20px;}

.blog_category li a{background:#f5f5f5;border-radius:4px;color:#888;display:inline-block;padding:5px 15px;}

.blog_category li a:hover{background:#ED502E;color:#fff;}

.badge:before{border-color:transparent transparent transparent #ED502E;border-style:solid;border-width:10px;bottom:-8px;content:"";height:0;left:5px;position:absolute;z-index:-99999;}

.badge{background-color:#ED502E;border-radius:5px;color:#fff;padding:8px;position:relative;left:60px;top:-18px;font-weight:normal;}

.blog_archieve{list-style:none outside none;margin:0;padding:0;}

.blog_archieve li{padding:10px 0;border-bottom:1px solid #f5f5f5;}

.blog_archieve li:first-child{padding-top:0;}

ul.gallery{list-style:none;padding:0;margin:0;}

ul.gallery li{display:block;width:60px;padding:0;margin:0 4px 4px 0;float:left;}

ul.faq{list-style:none;margin:0;}

ul.faq li{margin-top:30px;}

ul.faq li:first-child{margin-top:0;}

ul.faq li span.number{display:block;float:left;width:50px;height:50px;line-height:50px;text-align:center;background:#34495e;color:#fff;font-size:24px;}

ul.faq li > div{margin-left:70px;}

ul.faq li > div h3{margin-top:0;}

.embed-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}

.embed-container iframe,

.embed-container object,

.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

.blog-item{border-radius:0;overflow:hidden;margin-bottom:50px;}

.blog .blog-item .img-blog{border-radius:5px;margin-bottom:45px;}

.blog .blog-item .blog-content{padding-bottom:25px;}

.blog .blog-item .blog-content h2{margin-top:0;font-size:30px;}

.readmore{margin-top:0;}

.blog .blog-item .blog-content h4{color:#858586;margin-bottom:40px;}

.blog .blog-item .blog-content p{font-size:13px;color:#858586;}

.blog .blog-item .entry-meta{border-radius:5px;overflow:hidden;}

.blog .blog-item .entry-meta > span{background:#f5f5f5;border-top:1px solid #fff;display:block;font-size:12px;overflow:hidden;padding:5px;text-align:left;}

#publish_date{background:#ED502E;border-bottom:5px solid #4e4e4e;color:#fff;padding:5px 0;text-align:center;}

.blog .blog-item .entry-meta > span{color:#ccc;}

.blog .blog-item .entry-meta > span a{font-size:12px;margin-left:3px;font-weight:300;color:#888;}

ul.pagination > li > a{border:1px solid #F1F1F1;margin-right:5px;border-radius:5px;font-size:16px;padding:5px 14px;}

ul.pagination > li > a i{margin-left:5px;margin-right:5px;}

ul.pagination > li.active > a,

ul.pagination > li:hover > a{background-color:#ED502E !important;border-color:#ED502E !important;color:#fff;}

.search_box{background-image:url("../images/search_icon.png");background-position:314px 15px;background-repeat:no-repeat;border-color:#DEDEDE;height:48px;outline:medium none;box-shadow:none;}

.form-control:focus{box-shadow:none;outline:0 none;}

ul.tag-cloud,

ul.sidebar-gallery{list-style:none;padding:0;margin:0;}

.tag-cloud li{display:inline-block;margin-bottom:3px;}

.tag-cloud li a{background:#f5f5f5;color:#888;border:0;border-radius:4px;padding:8px 15px;}

.tag-cloud li a:hover{background:#ED502E;color:#fff;}

.sidebar-gallery li{display:inline-block;margin:0 10px 10px 0;}

.sidebar-gallery li a{border-radius:4px;display:inline-block;}

.recent-work-wrap{position:relative;}

.recent-work-wrap img{width:100%;}

.recent-work-wrap .recent-work-inner{top:0;background:transparent;opacity:.8;width:100%;border-radius:0;margin-bottom:0;}

.recent-work-wrap .recent-work-inner h3{margin:10px 0;}

.recent-work-wrap .recent-work-inner h3 a{font-size:24px;color:#fff;}

.recent-work-wrap .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:0;background:#ED502E;color:#fff;vertical-align:middle;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;padding:30px;}

.recent-work-wrap .overlay .preview{bottom:0;display:inline-block;height:35px;line-height:35px;border-radius:0;background:transparent;text-align:center;color:#fff;}

.recent-work-wrap:hover .overlay{opacity:1;}

#portfolio{margin-top:50px;margin-bottom:50px;}

.portfolio-items,

.portfolio-filter{list-style:none outside none;margin:0 0 40px 0;padding:0;}

.portfolio-filter > li{display:inline-block;}

.portfolio-filter > li a{background:none repeat scroll 0 0 #FFFFFF;font-size:14px;font-weight:400;margin-right:20px;text-transform:uppercase;transition:all 0.9s ease 0s;-moz-transition:all 0.9s ease 0s;-webkit-transition:all 0.9s ease 0s;-o-transition:all 0.9s ease 0s;border:1px solid #F2F2F2;outline:none;border-radius:3px;}

.portfolio-filter > li a:hover,

.portfolio-filter > li a.active{color:#fff;background:#ED502E;border:1px solid #ED502E;box-shadow:none;-webkit-box-shadow:none;}

.portfolio-items > li{float:left;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.portfolio-item{margin:0;padding:0;}

.isotope-item{z-index:2;}

.isotope-hidden.isotope-item{pointer-events:none;z-index:1;}

.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;}

.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;}

.isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}

.map{position:relative;margin-top:50px;margin-bottom:40px;}

.map iframe{width:100%;height:350px;border:none;}

.contact{margin-top:50px;}

.contact-info{margin-top:50px;}

.contact-info p{color:#333;}

.contact-info ul{color:#333;list-style:none;margin-left:-40px;}

.contact-info ul li{margin-top:20px;margin-bottom:20px;}

.contact-info i{color:#eb8984;}

.contact-form{margin-bottom:80px;}

.form-group .form-control{padding:7px 12px;border-color:#ddd;box-shadow:none;}

textarea.form-control{box-shadow:none;border-color:#ddd;border-radius:0;}

.footer{background:#292929;padding:50px;color:#fff;}

.footer a{color:#fff;}

.footer-logo{
    width: 100px;
    margin: auto;
    margin-bottom: 20px;
}

.footer p{margin-top:-8px;font-size:13px;line-height:30px;color:#fff;}

.footer h2{color:#fff;margin-bottom:50px;font-size:20px;}

ul.social-network{margin-top:30px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}

ul.social-network li{display:inline;font-size:14px;margin-right:10px;}

ul.social-network li a{color:#d0d0d0;padding:5px 10px;background:#000;border-radius:50%;}

.social-network li:hover .fa-twitter{color:#00abf0;}

.social-network li:hover .fa-facebook{color:#39579a;}

.social-network li:hover .fa-google-plus{color:#eb8984;}

.social-network li:hover .fa-pinterest{color:#c9171e;}

.social-network li:hover .fa-linkedin{color:#0077b5;}

.footer h3{color:#fff;margin-bottom:50px;font-size:16px;}

.footer ul{text-decoration:none;list-style:none;margin-left:-40px;font-size:13px;}

.footer ul li:hover{color:#ED502E;cursor:pointer;}

.sub-footer a{color:#fff;font-size:13px;}

.sub-footer a:hover{color:#ED502E;}

.sub-footer{background:#090909;padding:30px;color:#fffphp ảti;}

.sub-footer ul{list-style:none;padding:0;margin:0;}

.sub-footer ul > li{display:inline-block;color:#fff;font-size:13px;margin-right:30px;}

a.scrollup{color:#fff;height:40px;width:40px;font-size:12px;line-height:30px;text-align:center;text-decoration:none;position:fixed;bottom:20px;right:40px;opacity:0,5;border-radius:50%;z-index:999;background:#222;}

a.scrollup:hover{opacity:1;background-color:#ED502E;color:#fff;;}

.post-by-category{}

.post-by-category .category-title{text-transform:uppercase;font-weight:bold;font-size:2em;margin-bottom:1em;color:#ef502e;}

.post-by-category .item{margin-bottom:1em;}

.post-detail{margin-bottom:1em;}

.post-detail .category{}

.post-detail .content{margin-top:1em;margin-bottom:1em;}

.post-detail img{max-width:100%;height:auto;}

.tags li,

.tags a{float:left;height:24px;line-height:24px;position:relative;font-size:11px;margin-bottom:1em;}

.tags a{margin-left:20px;padding:0 12px 0 12px;background:#0089e0;color:#fff;text-decoration:none;border-bottom-right-radius:4px;border-top-right-radius:4px;}

.tags a:before{content:"";float:left;position:absolute;top:0;left:-12px;width:0;height:0;border-color:transparent #0089e0 transparent transparent;border-style:solid;border-width:12px 12px 12px 0;}

.tags a:after{content:"";position:absolute;top:10px;left:0;float:left;width:4px;height:4px;border-radius:2px;background:#fff;-webkit-box-shadow:-1px -1px 2px #004977;box-shadow:-1px -1px 2px #004977;}

.tags a:hover{background:#555;}

.tags a:hover:before{border-color:transparent #555 transparent transparent;}

.latest-posts{border:1px solid #efefef;padding:1em;margin-bottom:1em;}

.latest-posts .header{text-transform:uppercase;font-size:1.2em;font-weight:400;padding-bottom:0.5em;border-bottom:1px solid #efefef;}

.latest-posts .items>div{border-bottom:1px solid #efefef;border-top:1px solid #f7f7f7;}

.latest-posts .items>div:last-child{border-bottom:none;}

.latest-posts .item{padding-top:1em;padding-bottom:0.5em;}

.footer-latest-posts .title a ,

.latest-posts .item a{display:block;font-weight:bold;}

.footer-latest-posts .title a:hover ,

.latest-posts .item a:hover{color:#f00;}

.footer-latest-posts{}

.footer-latest-posts .item{background:#2d2d2d;padding:1em 0;margin-bottom:0.5em;}

.footer-latest-posts .item:hover{background-color:#333;}

.social-share{margin-bottom:1em;}

.social-share li{display:inline-block;}

.social-share a{display:block;width:40px;height:40px;line-height:40px;background-color:#ececec;text-align:center;}

.social-share a:hover{color:#fff;}

.social-share a.facebook:hover{background-color:#4267b2;}

.social-share a.google-plus:hover{background-color:#de5e53;}

.social-share a.twitter:hover{background-color:#1da1f2;}

@media (max-width:970px){.footer{padding:1em;}

}

@media (max-width:768px){.menu{float:none;margin:1em 0;}

@media (max-width:575px){

	.navbar-brand h1{
		font-size: 14px;
		font-weight: bold;
	}
	.main-feature .text-center{
		border-radius: 0;
		padding: 70px 10px;
	}
}

.menu ul{position:relative;display:block;}

.menu ul li{float:none;}

.nav-tabs ul{width:100%;}

.nav-tabs > li > a{padding:5px;}

.nav-tabs ul a:before{content:' + ';display:inline-block;margin-right:1em;}

}
.tel-1{
	font-size: 38px;
    font-weight: bold;
    color: #fd502e;
    padding: 10px 32px;
    border-radius: 60px;
}

.index-category{}
.index-category .item{
	box-shadow: 0 0 10px #e2e2e2;
	margin-bottom: 42px;
}
.index-category .item .img {
	overflow:hidden;
}
.index-category .item img{
    transition: .96s cubic-bezier(.767, .01, .18, 1.01);
}
.index-category .item a{
    font-weight: bold;
    font-size: 14px;
    display: block;
    padding: 14px 0;
    text-transform: uppercase;
}
.index-category .item:hover {
	box-shadow: 0 0 10px #ddd;
}
.index-category .item:hover img{
	transform: scale(1.2);
}
.index-category .item:hover a{
    color: #ffffff;
    background: #3f51b5;
}


.y-us-section {
    padding: 82px 0 82px;
}
.y-us-head {
    text-align: center;
    margin: 0 0 91px;
}
.y-us-title h2 {
    color: #000;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.y-us-title > p {
    color: #777777;
    line-height: 22px;
}
.y-us-title-border {
    background: #ffae11 none repeat scroll 0 0;
    border-radius: 2px;
    display: inline-block;
    height: 3px;
    position: relative;
    width: 50px;
}
.service-3 .service-box {
    margin-bottom: 18px;
}
.service-3 .service-box .iconset {
    float: left;
    text-align: center;
    width: 25%;
}
.service-3 .service-box .iconset i {
    color: #000;
    font-size: 44px;
}
.service-3 .service-box .y-us-content {
    float: left;
    width: 75%;
    padding-left: 5px;
}
service-3 .service-box .y-us-content h4 {
    color: #3a3a3a;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 14px 0 12px;
    text-transform: uppercase;
}
.service-3 .service-box .y-us-content p {
    color: #777777;
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
}

.icon {
    color : #f4b841;
    padding:0px;
    font-size:40px;
    border: 1px solid #fdb801;
    border-radius: 100px;
    color: #fdb801;
    font-size: 28px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
    display: block;
}




.testimonial {
  position: relative;
  max-width: 900px;
  width: 100%;
  padding: 50px 0;
  overflow: hidden;
}
.testimonial .image {
  height: 170px;
  width: 170px;
  object-fit: cover;
  border-radius: 50%;
}
.testimonial .slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 30px;
  height: 100%;
  width: 100%;
}
.slide p {
  text-align: center;
  padding: 0 160px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
}
.slide .quote-icon {
  font-size: 30px;
  color: #4070f4;
}
.slide .details {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.details .name {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.details .job {
  font-size: 12px;
  font-weight: 400;
  color: #333;
}
/* swiper button css */
.navd-btn {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  transform: translateY(30px);
  background-color: rgba(0, 0, 0, 0.1);
  transition: 0.2s;
}
.navd-btn:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.navd-btn::after,
.navd-btn::before {
  font-size: 20px;
  color: #fff;
}
.swiper-pagination-bullet {
  background-color: rgba(0, 0, 0, 0.8);
}
.swiper-pagination-bullet-active {
  background-color: #4070f4;
}
@media screen and (max-width: 768px) {
  .slide p {
    padding: 0 20px;
  }
  .nav-btn {
    display: none;
  }
}