/*
Theme Name: Flatsome Child - Smart Arch company
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
body,.post-title{
  color: #5255a6!important;
}
.fa-map-marker:before, .fa-phone-square:before, .fa-clock-o:before, .fa-globe:before, .fa-envelope:before, .fa-bed:before, .fa-bath:before, .fa-arrows-alt:before, .footer-1 a:before {
    font-family: 'Font Awesome 5 Pro';
    text-decoration: inherit;
    position: relative;
    margin-right: .3em;
}

iframe{
    border:0;
}

.fa-map-marker:before {content: "\f041";}
.fa-phone-square:before {content: "\f098";}
.fa-clock-o:before {content: "\f017";}
.fa-globe:before {content: "\f0ac";}
.fa-envelope:before {content: "\f0e0";}
.fa-bath:before {content: "\f2cd";}
.fa-arrows-alt:before {content: "\f0b2";}
.footer-1 a:before {content: "\f0c1";}


/*body,html,#wrapper, #main{*/
/*  background-color: #000!important;*/
/*  color: #fff*/
/*}*/

h2,.box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6, .box-text a:not(.button){
  /*color: #fff!important;*/
}

.primary.is-underline, .primary.is-link, .primary.is-outline {
    /*color: #5255a6!important;*/
}

.section-title-main,h1.uppercase,h2.uppercase,h3.uppercase{
  color: #5255a6!important;
}

.section-title-normal {
 border-bottom:0;
    border-left: 7px solid #5255a6!important;
    padding-left: 16px;
    font-size: 45px;
}
.section-title-normal span{
        border-bottom: 0;
}
.absolute-footer{
    background-color: #5255a6!important;
    color: #fff!important;
}

@media screen and (max-width: 1015px) {
  .section-title-normal{
    font-size: 30px;
  }
}

/*================*/
/* CSS Footer
/*================*/
.footer-1 .widget-title {
    color: white;
}

.footer-1 p {
    color: white;
    margin-bottom: 2.5px;
}

.footer-1 .is-divider {
    background-color: rgb(3 111 251);
}

.footer-1 a {color: white;}
.footer-1 a:hover {color: red;margin-left: 10px;transition: .5s;}

/*================*/
/* CSS Home
/*================*/
.home-icon .box-image img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    border-radius: 99%;
    border: 1px solid #ececec;
    padding: 5px;
}

/*================*/
/* CSS Post
/*================*/
.archive-page-header .row{max-width: 980px;}
.page-title {border-bottom: 3px solid #036ffb;}
.page-title span{
	background: #036ffb;
    color: white;
    padding: 2px 10px;
    font-size: 24px;
}
.post .entry-header {margin-bottom: 20px;}

.entry-header, .entry-content, .navigation-post, .post-sidebar .widget_text, .post-sidebar .widget_recent_entries, .post-sidebar .widget_categories, .blog-archive .box-text {
    border: 1px solid #eef1fd;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.04);
    box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
    background: white;
    padding: 20px;
}

.post .fa, .fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}
/*================*/
/* CSS Liên hệ
/*================*/
.lien-he{
	background-image: url(https://toancr.com/wp-content/themes/camranhmedia-child/image/background-thiet-ke-web.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*================*/
/* Hiệu ứng PULSE SHRINK
/*================*/

@-webkit-keyframes pulse-shrink-on-hover {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes pulse-shrink-on-hover {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.pulse-shrink-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-animation-name: pulse-shrink-on-hover;
  animation-name: pulse-shrink-on-hover;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.pulse-shrink-on-hover:hover,
.pulse-shrink-on-hover:focus,
.pulse-shrink-on-hover:active {
  
}

/*================*/
/* Hiệu ứng BUZZ
/*================*/

@-webkit-keyframes buzz-on-hover {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes buzz-on-hover {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.buzz-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-animation-name: buzz-on-hover;
  animation-name: buzz-on-hover;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.buzz-on-hover:hover,
.buzz-on-hover:focus,
.buzz-on-hover:active {
  
}

/* Hiệu ứng mở bán
*/
figure.photo {
  position: relative;
  overflow: hidden;
  min-width: 220px;
  max-width: 100%;
  max-height: 220px;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.photo * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.photo img {
  max-width: 100%;
  position: relative;
  opacity: 0.4;
  display: block;
}

figure.photo figcaption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

figure.photo h3 {
  position: absolute;
  left: 10px;
  right: 40px;
  display: inline-block;
  background: #000000;
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  padding: 12px 5px;
  margin: 0;
  top: 50%;
  text-transform: uppercase;
  font-weight: 400;
	color: #f77200;
	font-size: 18px;
}

figure.photo h3 span {
  font-weight: 800;
}

figure.photo:before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  background: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(110deg) translateY(-50%);
  transform: rotate(110deg) translateY(-50%);
}

figure.photo a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.photo:hover img,
figure.photo.hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.photo:hover h3,
figure.photo.hover h3 {
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
}

figure.photo:hover:before,
figure.photo.hover:before {
  -webkit-transform: rotate(110deg) translateY(-150%);
  transform: rotate(110deg) translateY(-150%);
}



.tp-parallax-wrap{
      background-color: #333;
}

#custom-bg{
  height: 415px;
    background-color: #efefef;
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover; 
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;">
    <h1 style="    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    position: relative;
}
#custom-bg:before{
  content: " ";
    position: absolute;
    background-color: rgb(51 51 51 / 40%);
    z-index: 0;
    width: 100%;
    height: 100%;
}
#custom-bg>*{
  position: relative;
  z-index: 1;
}
#custom-bg h1{
  color: #fff;
    font-size: 32px;
    text-transform: uppercase;
}


.header.show-on-scroll .header-wrapper{
  opacity: 1;
    visibility: visible;
}

.header-wrapper:not(.stuck) .header-bg-color{
   background-color: transparent;
}

.header-wrapper  .header-nav-main >li{
      margin-right: 18px!important; 
}
.header-wrapper:not(.stuck) .header-nav-main >li{
    
    font-size: 1.3rem;
}
@media screen and (min-width: 992px) {
   
  .body.home .header-wrapper:not(.stuck) *{
     color: #fff!important;
  }
}


.bannerdichvu *{color: #000!important}

@media screen and (max-width: 992px) {
   .header.show-on-scroll{
      position: relative!important;
   }

   .row .col{
      width: 100%;
    flex-basis: 100%;
    max-width: 100%;

   }

   .quytrinhlamviec{
    display: block!important;
   }
   .quytrinhlamviec .col{
      width: 100%!important;
    display: inline-block;
   }

   .bannerdichvu .banner-layer{
     width: 90%!important;
   }
}
.img, .img img{
  border-radius: 8px;
}

pre, blockquote, form, figure, p, dl, ul, ol {
    margin: 0!important;
}
 


.uppercase, h6, th, span.widget-title,.section-title-main {
     letter-spacing: 0!important;
     color: #fff;
     text-align: left;
}


.nav > li > a{
  color: #fff;
}


.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover, .nav-vertical-fly-out>li>a:hover {
    color: #5255a6;
}

    .logo-doitac   .col-inner{
            display: flex;
        flex-direction: row;
        flex-wrap: wrap;
     }
@media screen and (max-width:1015px) {
  .logo-doitac .img{
       width:49%!important;
    }
    .qtlv .box-image .image-cover{
            padding-top: 2185px!important;
    }
}
.section-title-container{
    margin-bottom:0!important;
}

span.widget-title{
  color:#5456a4!important;
}

 /**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}