/*
Theme Name: webico-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=vietnamese');

@font-face {
	font-family: 'UTM Avo';
	src: url('fonts/UTMAvoBold.eot');
	src: url('fonts/UTMAvoBoldd41d.eot?#iefix') format('embedded-opentype'),
		url('fonts/UTMAvoBold.woff') format('woff'),
		url('fonts/UTMAvoBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'UTM Avo';
	src: url('fonts/UTMAvo.eot');
	src: url('fonts/UTMAvod41d.eot?#iefix') format('embedded-opentype'),
		url('fonts/UTMAvo.woff') format('woff'),
		url('fonts/UTMAvo.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


body{font-family:  "UTM Avo",  sans-serif;    font-size: 14px!important;}
h1,h2,h3,h4,h5,h6, .heading-font{ font-family: 'UTM Avo';}
.alt-font{font-family: "UTM Avo", sans-serif;}
blockquote {  
    border-left: 5px solid #faaf3e!important;
    font-family: 'Roboto';
    color: #01529f;
    padding-left: 15px;
}
/* header style */ 

.header {
    /*position:absolute*/
}
.page-template-default
.header { position: relative;background:#282828;}
.header-main .nav > li > a {
    line-height: 16px;
    font-family:  "UTM Avo",  sans-serif;
    font-size: 15px;
	    text-transform: uppercase;
    padding: 0 3px;
    /*font-weight: bold;*/
    letter-spacing: 0;
}

.header-main .nav>li.header-divider { border-color: #fff }
.stuck .header-main {
    background-color:  #fff;
}
.stuck .header-main .nav > li > a {
    color: #000!important;
}
.stuck  .header-main .social-icons,.stuck  .header-main .cart-icon strong,.stuck  .header-main .menu-title,.stuck  .header-main .header-button > .button.is-outline,.stuck  .header-main .nav > li > a > i:not(.icon-angle-down) {
    color: #222!important;
}
.slide-title {
text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);
    font-size: 48px!important;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400!important;
    line-height: 1.3!important;
        margin-bottom: 20px!important;
}
.slide-title2 {
	text-align: center;
	    color: #000!important;
	        margin-top: 25px!important;
}
.dark .is-divider {
    background-color: #e78427;
}

/* title style */
h1.entry-title {
    font-size: 40px;
    font-weight: 400
}
.custom-title, .title-custom {
	
	font-size: 36px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 10px;
}
.custom-divider {
	background-color: #e78427;
    margin: 0 auto;
    margin-bottom: 22px;
    max-width: 50px;
}
.custom-divider2 {
	background-color: #e78427;
    margin-bottom: 22px;
    max-width: 50px;
}
.custom-title { 
	font-size:27px;
    font-weight: bold;
    color: var(--color-text);
}
.normal-title {
    background-color: transparent;
    border-top: none;
    border-bottom: none;
}
.blog-wrapper{ 
	padding-top: 0 
}

.blog-wrapper .entry-title { 
	font-family: 'Roboto';     
	font-size: 26px;
 }
.custom-decs {
    font-family: 'UTM Avo';
    font-size: 18px;
    line-height: 2;
}
.gioithieu .tamnhin .col-inner {
	background: #fff url('images/tamnhin.png')
}
.gioithieu .sumenh .col-inner {
	background: #fff url('images/sumenh.png')
}
.gioithieu .giatri .col-inner {
	background: #fff url('images/giatri.png')
}
.gioithieu p {
	font-size: 18px;

}
.gioithieu .title-custom {
	font-size: 24px;
    font-weight: 400;
    color: var(--color-text);
}
.gioithieu .custom-divider {
	/*margin-bottom: 67px;*/
}
.title-w { color: #fff; 
}
.giolamviec { 
    position: absolute;
    top: 0;
    z-index: 999;
}
.duan .box-shade .box-text{
	padding: 0;
}
.duan .box-shade .box-text-inner {
	padding: 5px 10px;
}

.duan  .shade {
    background: linear-gradient(to top, #000000 0%, rgba(50, 50, 50, 0) 33%);
    opacity: 1;
}
@media (min-width: 850px) {
    .slider-nav-outside .flickity-prev-next-button.next {
    right: auto;
    left: 103%;
    top: 13%;
    opacity: 1;
	}

	.slider-nav-outside .flickity-prev-next-button.previous {
	    left: auto;
	    right: 103%;
	    top: 13%;
	    opacity: 1;
	}

}
.nicescroll-rails {
    background-color: rgba(255, 255, 255, 0.56);     width: 8px!important;
}
.portfolio-box-title {
	font-size: 16px;
    color: var(--color-text);
}
.portfolio-box-category {
	font-size: 13px;
	    text-transform: none;
}
/* content style */
.wpcf7 .wpcf7-response-output {
    clear: both;
}
.custom-shadow {  box-shadow: 1px 1px 10px rgba(0,0,0,0.15);background: #fff; }
.bg-shadow .col-inner-shadow {  background: #fff; padding: 0 15px; }
.bg-shadow .large-columns-1  { box-shadow: 1px 1px 10px rgba(0,0,0,0.15); }
.bg-shadow .post-item { padding: 0 15px; border-bottom: 1px solid #ccc;  }
.bg-gray { background: #efefef }
.grid-col .box-blog-post { box-shadow: 1px 1px 10px rgba(0,0,0,0.15); background: #fff;}
.grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text { background: #fff!important;  }
.large-columns-3.home .col-inner-shadow {  box-shadow: 1px 1px 10px rgba(0,0,0,0.15); background: #fff;  } 
.large-columns-3.home .col-inner-shadow .box-text {  padding: 12px 15px;  }
.post-title { 
    font-family: 'Roboto'; 
    font-size: 19px; 
    letter-spacing: 0; 
    color: var(--color-text);
}



.post-item .post-meta {
	color: #faaf3e; 
	font-size: 14px;
	background: url('images/clock.png') no-repeat center left;
	padding-left: 15px;
}


.box-overlay .box-text p {     display: none; 
  transition: 2s all; 
  -webkit-transition: 2s all; 
  -moz-transition: 2s all; 
  -o-transition: 2s all; 
  -ms-transition: 2s all;
      font-size: 15px;
}
.box-overlay:hover .box-text p {     display: block; }

.box-overlay .box-text-inner {
    padding: 16px;

}
.box-text h4{
    text-transform: uppercase;
    font-size: 17px;
    padding-top: 10px;
    font-family: 'UTM Avo';
    font-weight: 700;
}

.tabbed-content .tab-panels {
    width: 100%;
    background: #fff;
    padding-top: 0;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.15);
    padding: 15px 20px;
}
.tabbed-content .nav > li > a {
    font-family: 'Roboto';
    font-size: 16px;
    padding: 12px 15px;
}


.tabbed-content .nav > li  { margin: 0 }
.tabbed-content .nav > li.active { background-color: #fff }
.nav-line-grow>li>a:before { background-color: #faaf3e!important}

@media (max-width: 480px) {

	.tabbed-content .nav > li { width: 50% }
	.tabbed-content .nav > li > a { font-size: 14px;padding: 12px 5px; }
}



/* dự án css */

.portfolio-page-wrapper  { background: #fff; }
.portfolio-page-wrapper .mfp-close { 
       background: #fff!important;
    color: #000;
    mix-blend-mode: unset;
    opacity: 1;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.15);
    border-radius: 55%;
    text-align: center;
    position: absolute;
    top: -14px!important;
    right: -18px;
 }
.mfp-auto-cursor .mfp-content {
    max-width: 950px;
}

#portfolio-content {
   max-height: 560px;
    overflow-y: scroll;

}



 
.portfolio-top .page-wrapper {    padding-top: 45px;}

.portfolio-summary {   color: #01529f;  padding-right: 20px; }
.entry-title {     color: #01529f;
    font-size: 17px; }

.portfolio-summary  .custom-title {
	    margin-bottom: 0;
    padding-top: 16px;
}



.mega-button { 
    margin: 0 auto;
    background-color: #f5811e!important;
    text-transform: none!important;
    font-weight: 400!important;
    font-size: 16px!important;
    border-radius: 5px!important;
}
@media (max-width: 480px) {
	.mega-form .col1, .mega-form .col2 { width: 100%; }

}


.gallery-contact .box-overlay .overlay {
	opacity: 0;
	background: rgba(0, 117, 177, 0.67) url('images/plus.png') no-repeat center center!important;
}
.gallery-contact .box-overlay .overlay:after{
	height: 87%;
}


.gallery-contact .box-overlay:hover .overlay {
	opacity: 1;

}


.testimonial-text {
     background: #fff url(images/quote.png) no-repeat;
    font-style: normal!important;
    padding: 22px 23px;
    font-size: 17px;
    height: 135px;
    background-position: 15px 31px;
    padding-left: 81px;
    position: relative
}


.testimonial-text p {
	 color: #000;
}

.testimonial-text:after {
       content: "";
    width: 20px;
    height: 20px;
    border-top: 20px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin: 0 auto;
    position: absolute;
    left: 42px;
    bottom: -20px;
}
.testimonial-name { font-size: 18px;  text-transform: uppercase}
.testimonial-company { text-transform: uppercase }
.testimonial-meta {
	padding-top: 29px;
    padding-left: 11px!important;
}
.doi-tac .doi-tac-inner {    max-height: 756px;
    overflow-y: scroll}
.doi-tac .doi-tac-item { border-bottom: 1px dotted #ccc }



.doi-tac .testimonial-text {
    background: rgba(37, 168, 206, 0.75) url(images/quote2.png) no-repeat;
    font-style: normal!important;
    padding: 22px 23px;
    font-size: 17px;
    height: 135px;
    background-position: 15px 31px;
    padding-left: 81px;
}


.doi-tac .testimonial-text:after {
 border-top: 20px solid rgba(37, 168, 206, 0.75);
}
.doi-tac .testimonial-text p { color: #fff;}
.doi-tac .testimonial-name ,.doi-tac .testimonial-company { color: #fff;    display: block; }




.doi-tac .testimonial-name-divider { display: none }


@media (max-width: 480px ) {
	.doi-tac .testimonial-text:after {
  			left: 21px;
	}

}




.slider .flickity-prev-next-button svg, .slider .flickity-prev-next-button .arrow {
    border-radius: 5px;
    border: none;
}
.slider .flickity-prev-next-button svg, .slider .flickity-prev-next-button .arrow {
    fill: #fff;
    background-color: #f5811e;
}


ul.menu>li+li, .widget>ul>li+li {
    border-top: 1px solid transparent!important;
}
.social-icons i {
    font-size: 20px!important;
}
.dark .social-icons .button.is-outline {
       background: transparent;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 36px;
    border: none;
}


.footer-2 .wpcf7-submit { 
	    width: 45px;
    font-size: 0;
    background: url(images/submit.png) no-repeat center center;
    background-color: #fff!important;
    height: 34px;
    /*border: none;*/
    /*box-shadow: none;*/
} 

.footer-2 .wpcf7-email {
	    /*border: none;*/
    /*box-shadow: none;*/
}


.footer-2 .widget ul li a { 
    background: url(images/link.png) no-repeat center left;
    padding-left: 25px;
    padding-bottom: 5px;
    font-size: 16px;
 }



@media only screen and (min-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.footer-2 .widget ul {
    margin: 0;
        padding-top: 10px;
    margin-left: 50px;
}

.wpcf7-form .col {
	padding-bottom: 5px;
}

.page-lienhe .your-name:after,.page-lienhe .your-email:after {
	content: '*';
    position: absolute;
    right: 8px;
    font-size: 20px;
    top: 3px;
    color: #7a7676;
}	

.copyright-footer {
	color: #fff;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a{font-size:1em}