/*
Theme Name: Gia công cơ khí
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* open-sans-regular - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: url('fonts/open-sans-v17-vietnamese_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v17-vietnamese_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-vietnamese_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-vietnamese_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-vietnamese_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-vietnamese_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display:swap;
  src: url('fonts/open-sans-v17-vietnamese_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v17-vietnamese_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-vietnamese_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-vietnamese_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-vietnamese_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-vietnamese_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body{font-family:"Open Sans", sans-serif}
body{font-weight: 0}
body{color: #353535}.nav > li > a {font-family:"Open Sans", sans-serif;}
.nav > li > a {font-weight: 0;}
h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Open Sans", sans-serif;}
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 800;}
h1,h2,h3,h4,h5,h6,.heading-font{color: #0a0a0a;}
.alt-font{font-family: "Open Sans", sans-serif;}
.alt-font{font-weight: 800;}
.header-bottom .container{background-color: #ff0800; padding:0;     max-width: 1340px;}
.header-bottom .header-search a:hover{background-color: #ff0800}
.header-bottom {border-bottom:3px solid #ee0d06}
.header-bottom .nav li{margin:0}
.header-bottom .nav li a{font-weight:800; padding-left:13px; padding-right:13px; border-right: 1px solid #ee0d06}
.header-bottom .icon-angle-down, .widget .is-divider, .blog-single .is-divider{display:none}
.header-bottom .nav li a:hover, .header-bottom .nav li.active>a{background-color: #ff0800}
.header-nav-main li{padding-top:16px}
.header-nav-main .gioi-thieu a{background: url(/wp-content/uploads/2019/03/about-1.png);
    background-repeat: no-repeat;
    background-position: top;
    background-position-y: 4px;
    line-height: 53px;
    padding-top: 8px;
    padding-bottom: 0;
    text-transform: none;
    font-weight: 800;
    font-size: 20px;
    color: #0275d8;}

.header-nav-main .du-an a {
    background: url(/wp-content/uploads/2019/03/duan.png);
    background-repeat: no-repeat;
    background-position: top;
    background-position-y: 4px;
    line-height: 53px;
    padding-top: 8px;
    padding-bottom: 0;
    text-transform: none;
    font-weight: 800;
    font-size: 20px;
    color: #0275d8;
}
.header-nav-main .tin-tuc a {
    background: url(/wp-content/uploads/2019/03/news_cate.png);
    background-repeat: no-repeat;
    background-position: top;
    background-position-y: 4px;
    line-height: 53px;
    padding-top: 8px;
    padding-bottom: 0;
    text-transform: none;
    font-weight: 800;
    font-size: 20px;
    color: #0275d8;
}
.header-nav-main .tin-tuc a {
    background: url(/wp-content/uploads/2019/03/news_cate.png);
    background-repeat: no-repeat;
    background-position: top;
    background-position-y: 4px;
    line-height: 53px;
    padding-top: 8px;
    padding-bottom: 0;
    text-transform: none;
    font-weight: 800;
    font-size: 20px;
    color: #0275d8;
}
.header-nav-main li{margin:0 15px}
.nav-divided>li+li>a:after{display:none}
.header-nav .icon-envelop:before, .icon-phone:before { 
    color: #0f7cb6;
}
.header-nav-main .lien-he a {
    background: url(/wp-content/uploads/2019/03/contact.png);
    background-repeat: no-repeat;
    background-position: top;
    background-position-y: 4px;
    line-height: 53px;
    padding-top: 8px;
    padding-bottom: 0;
    text-transform: none;
    font-weight: 800;
    font-size: 20px;
    color: #0275d8;
}
.header-contact-wrapper li a{    letter-spacing: 0;
    font-size: 16px;
    color: red;
    padding: 0; text-transform:none}
.header-contact-wrapper li, .header-contact-wrapper {padding-top:0 !important}
.header-contact-wrapper li{display:block; width:100%; margin:0}
.nav .nav-dropdown {
    background-color: #f3f3f3;
    padding: 0;
    border: 0;
    box-shadow: none;
    border-top: 3px solid #f58634;
}


.nav .nav-dropdown li a:hover{color:white}
.nav .nav-dropdown li a{color:#1a80b6; letter-spacing:0; border-right:0; padding:13px 20px }
.header-bottom .header-search-form input[type='search']{box-shadow: none;
    height: 38px;
    border: 0;}
.header-bottom .header-search-form, .header-bottom .header-search .nav-dropdown {background-color: #ff0800; padding:0 !important; border-top:0 !important; margin:0 }
.flickity-page-dots .dot {
    width: 17px;
    height: 17px;
       border: 2px solid #111;
      
}
.slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #0f7cb6;
    opacity: 0.5 !important;
}.category-title {border-right: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0;border-top-right-radius: 5px; 
    display: block;
    width: 100%;
    clear: both;
    border-bottom: 2px solid #f58634;
    margin-bottom: 0px;
}.category-title .left {
    width: 20%;
    float: left;
    display: inline-block;
}.category-title .left h2 a {background-color: #ee0d06;
    padding: 14px;
    background-image: url(/wp-content/uploads/2019/03/inox.png);
    color: white;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 50px;
    background-position-x: 15px;
    text-transform: uppercase;
    font-size: 15px;
    padding-right: 25px;
    font-weight: 800;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	display: inline-block;
	white-space: nowrap;
}.category-title .right {padding-right: 10px;
    padding-top: 10px;
    text-align: right;
    width: 80%;
    float: right;
    display: inline-block;
}.clearboth {
    clear: both;
}.category-title .right ul {
    margin-bottom: 0;
    display: inline-block;
    text-align: right;
}.category-title .right ul li {
    margin-bottom: 0;
    list-style: none;
    float: left;
    margin-right: 5px;
}.category-title .right ul li a {
    font-size: 15px;
    color: #0e76bc;
}.category-title .right ul li a:hover {
    color: #0e76bc;
}
.slider-row .col{padding-bottom:0}
.category-title .left h2{margin-bottom:0}
.category-title .right li .xem-them {color:#0e76bc; font-style: italic;}
.category-section .col{padding-bottom:0}
.category-section .large-columns-4, .related .large-columns-4, .archive .large-columns-3  {border: 1px solid #f0f0f0;
    padding: 10px;
    margin-left: 0 !important;
    margin-right: 0 !important;padding-top: 15px;
    padding-bottom: 0;}
.category-section .product-small .box-text{padding:10px 0 17px;}
.category-section .product-small .product-title a{ color: #404040;
    font-size: 20px;font-weight: 800}
.archive .product-small .box-text{padding-left:0; padding-right:0}
.archive .product-small .product-title a{font-size:15px; color:gray; text-align:center !important ;}
.blog-archive .post-item {padding-bottom:10px}
.widget_categories ul{border: 1px solid #ececec;}
#product-sidebar{padding-top:20px} .widget_categories ul li{    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;}F
.blog-archive .post-item .post-title{margin-bottom: 15px;}
.category-section .product-small .box-image img, .archive .box-image img{border-radius:5px}
.category-title .left .sat-my-thuat a {background-color: #ee0d06;
    padding: 14px;
    background-image: url(/wp-content/uploads/2019/03/sat-sat-my-thuat.png);
	color: white;
	font-weight: 800;
      background-position: left;
    padding-left: 50px;
    background-position-x: 15px;
        }
.category-title .left .nhom-kinh a {background-color: #ee0d06;
    padding: 14px;
	display: inline-block;
    background-image: url(/wp-content/uploads/2019/03/nhomkinh-1.png);
	color: white;
	font-weight: 800;
      background-position: left;
    padding-left: 50px;
    background-position-x: 15px;
        }
.category-title .left .cua-luoi-chong-muoi a {
    background-color: #ee0d06;
    padding: 14px;
    background-image: url(/wp-content/uploads/2019/03/cualuoi.png);
    color: white;
	font-weight: 800;
    background-position: left;
    padding-left: 50px;
    background-position-x: 15px;
}
.category-title .left .nhom-duc a {
    background-color: #ee0d06;
    padding: 14px;
	font-weight: 800;
    background-image: url(/wp-content/uploads/2019/03/cuacuon-1.png);
    color: white;
    background-position: left;
    padding-left: 50px;
    background-position-x: 15px;
}.section-title-normal {
    border-bottom: 1px solid #ececec;
}
.section-title-normal span {
   
    border-bottom: none;
    margin-bottom: 0px;color: #006398;
    background: url(/wp-content/uploads/2019/03/news_cate-1.png);
    background-repeat: no-repeat;
    padding-left: 35px; font-size:16px;
}.section-title-container {
    margin-bottom: 10px;
}
.tin-tuc .post-item .col-inner{border: 1px solid #f0f0f0;
    padding: 12px;
    border-radius: 4px;}
.tin-tuc .post-item .post-title{    margin-bottom: 10px;
    font-size: 15px;
    color: #2a2a2a;
}
.tin-tuc .post-item .post-meta{font-style:italic}
.box-blog-post .is-divider{display:none}
.tin-tuc .post-item .from_the_blog_excerpt {margin-top:6px; font-size:14px}
.tin-tuc .post-item .post-title:hover{color:#0e76bc}
.tin-tuc .post-item .box-image .image-cover{border-radius:4px}
.tin-tuc .col{padding-bottom:0}
.tieu-chi .cot1 .icon-box {
    background: #f2781e;
    padding: 10px;
    font-size: 15px;
}
.footer-section{color: #fff;
    border-top: 2px solid #f58634;}
.tieu-chi .icon-box{border-radius:5px}
.tieu-chi .icon-box h3{margin-bottom: 0;
    font-size: 15px;
    text-transform: uppercase;
    color: white;}
.tieu-chi .icon-box p{font-size:14px; color:white}
.tieu-chi .cot2 .icon-box {
    background: #2a8ccd;
    padding: 10px;
    font-size: 15px;
}
.tieu-chi .cot3 .icon-box {
    background: #64b735;
    padding: 10px;
    font-size: 15px;
}
.tieu-chi .cot4 .icon-box {
    background: #005690;
    padding: 10px;
    font-size: 15px;
}
.footer-section h3 a{    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #0a639f;padding-bottom: 6px;
    display: block; color:#f58634
}
.footer-section ul li{background: url(/wp-content/uploads/2019/03/arrow-icon.jpg);
    background-repeat: no-repeat;
    list-style: none;
    margin-left: 0;
    padding-left: 26px;
    background-position-y: 3px;}
.footer-section ul li a{font-size: 17px;
    color: white;}
.absolute-footer.dark {    border-top: 1px solid #0066aa;
}
.footer-section .col{padding-bottom:0}
.back-to-top{    background: white !important;
    border: 0 !important;
    box-shadow: 0px 0px 15px #00000085;}
.copyright-footer{font-size:19px;font-weight: 800}
.product-main {
    padding: 20px 0;
}
.product-info .breadcrumbs {     text-transform: none;
}
.single-product .product-title{font-size: 20px;
    font-weight: normal;
    color: #0292dd;}
.single-product .product-short-description{font-size:14px; }
.single-product .product-short-description p{margin-bottom:10px}
.product_meta>span{font-size:14px}
.bao-gia{font-size:15px}
.bao-gia .phone{color: red;
    font-weight: bold;
font-size: 20px;}
a.nut-dat-hang{border: 1px solid #006398;
    padding: 7px 20px;
    border-radius: 4px;
    text-transform: uppercase;
    background: #0292dd;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 13px;
    color: white;
    font-weight: bold; font-size:14px}
.form-lien-he h3{font-size: 16px;
    text-transform: uppercase;
    color: #0e76bc;}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea{font-size:14px; box-shadow:none; border-radius:4px}
input[type='submit']{font-size:14px; margin:0; text-transform:none; border-radius:4px; font-weight:normal}
form{margin-bottom:0}
.lightbox-content{border-radius:4px}
.product-info{padding-bottom:0}
.button.icon.circle {
    border: 1px solid #d9d9d9;
}
.single-product .large-9{padding-right:0; border-right:0 !important}
.product-footer .woocommerce-tabs {
    padding: 0;
    border-top: none;
}
.woocommerce-tabs ul li a{padding: 7px 20px;
    font-weight: bold;
    font-size: 14px; border-top:0; border-top-left-radius:4px; border-top-right-radius:4px; border-left:none; border-right:none; letter-spacing:0}
.woocommerce-tabs ul li.active > a{background:#0292dd; color:white;border-bottom: 1px solid #f58634;}
.woocommerce-tabs .tab-panels p{font-size: 15px;
	margin-bottom: 6px;}
.woocommerce-tabs .tab-panels{border:2px solid #f58634; border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;padding:20px;
border-bottom:1px solid #eeeeee;}
.product-section-title{background: #0f7cb6;
    padding: 9px 20px;
    letter-spacing: 0;
    font-size: 15px;
    color: white;
    border-bottom: 2px solid #f58634;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: 20px;
    margin-bottom: 0px;}
.related .product-small .product-title a{font-size: 14px;
    color: #3d3d3d;
    text-align: center;}
.related .product-small .box-image img{border-radius:6px; height:143px}
.related .large-columns-4 .col{padding-bottom:0 !important}
.related .product-small .box-text{padding-bottom:15px}
span.widget-title{background: #0f7cb6;
    display: block;
    padding: 10px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    letter-spacing: 0;
    color: white;
    font-size: 14px;
    font-weight: normal;}
.product-categories .toggle{padding-right:10px}.widget .toggle {
    width: 10px;
    min-height: 1em;
    margin: 0 5px 0 0px;
}.icon-angle-down:before {
    font-size: 14px;
    font-weight: bold;
    color: black;
}
.product-categories li a{padding-top:7px !important; padding-bottom:7px !important; padding-left:20px !important}
.product-categories li{background: url(/wp-content/uploads/2019/03/dot.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-position-y: 11px;

    background-position-x: 3px; border-left: 1px solid whitesmoke;
     padding-left: 0px;
    border-right: 1px solid whitesmoke;
    padding-right: 0px;}
.product-categories li ul{margin-bottom:0 !important; margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: 0 !important;}
.product-categories li a{font-size: 14px;
    color: #4c4c4c;}
.product-categories li ul li{background-color: #f4f4f4;
    border-bottom: 1px solid white !important;
    padding-left: 13px;
    background-position-x: 15px;}
.product-categories{border-bottom:1px solid #ececec}
.flatsome_recent_posts ul{border:1px solid #ececec; padding: 0 10px}
.flatsome_recent_posts ul a{font-size:14px; color:#3f3f3f;}
.flatsome_recent_posts ul a:hover{color:#0f7cb6}
.woocommerce-result-count, .woocommerce-ordering{display:none}.category-page-row {
    padding-top: 20px;
}
.archive h1{    margin-bottom: 4px;
    font-size: 19px;
    font-weight: normal;
    color: #0f7cb6;}.breadcrumbs {
    text-transform: none;
    color: #222;
    font-weight: normal;
        font-size: 14px;
}
.archive .product-small.col{padding: 0 15px 0px;}
.blog-archive h1{text-align: left;
    text-transform: none;
    letter-spacing: 0;}.page-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}
.blog-archive .large-9 .badge{display:none}
.blog-archive .large-9{padding-right:0}
.blog-archive .archive-page-header .large-12{padding-bottom:20px}
.relatedcat{margin-top: 11px;}
.blog-single .entry-title{font-size:20px}
.relatedcat ul{margin-left: 20px;
    font-size: 14px;}
b, strong {
  font-weight:bold
}
.page-right-sidebar .page-inner p{    font-size: 15px;
    margin-bottom: 7px;}
.page-right-sidebar .large-9{padding-right:0; border-right:0}
h1{font-family:arial, helvetica}
.relatedcat h3{font-size: 15px;

    background: url(/wp-content/uploads/2019/03/more_art.png);
    background-size: auto;
    width: 400px;
    background-repeat: no-repeat;
    height: 33px;
    color: white;
    padding-left: 14px;
    padding-top: 3px;}
.entry-header-text-top{padding:0}.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}
.blog-single .entry-content p{font-size:15px; margin-bottom:7px}
.blog-single h2{font-size: 17px;
    color: #006398;}
.blog-single h3{font-size:16px}
.blog-single .blog-share{text-align:left;margin-top: 16px;}
.header-nav-main .giuseart a {
    background: url(/wp-content/uploads/2019/03/giuseart.png);    background-size: 24px;
    background-repeat: no-repeat;
    background-position: top;
    background-position-y: 4px;
    line-height: 53px;
    padding-top: 8px;
    padding-bottom: 0;
    text-transform: none;
    font-weight: normal;
    font-size: 15px;
    color: #0275d8;
}
.off-canvas-left.mfp-ready .mfp-content{background:#006398;}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a{padding: 11px 15px;
    font-size: 14px; color:white}
.bottom-contact{display:none}
@media  (max-width: 767px) {
.bottom-contact{display: block;
    position: fixed;
    bottom: 0;
    background: white;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 1px 9px #000000;
    border-top: 1px solid #eaeaea;}
.bottom-contact ul li{width: 25%; margin-bottom:2px;
    float: left;
    list-style: none;
    text-align: center; font-size:12px;}
.bottom-contact ul li span{color:black}
.bottom-contact ul li img{    width: 35px;
    margin-top: 2px;
    margin-bottom: 0px;}
 
}

/* .giuseart-nav */
.phone-mobile {display: none;}
.giuseart-nav {
    position: fixed;
    left: 13px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 50px;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
}
.giuseart-nav ul {list-style: none;padding: 0;margin: 0;}
.giuseart-nav ul li {list-style: none!important;}
.giuseart-nav ul>li a {
    border:none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
}
.giuseart-nav ul>li .chat_animation{display:none}
.giuseart-nav ul>li a i.ticon-heart {
    background: url(images/icon-map.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul>li a i.ticon-zalo-circle2 {
    background: url(images/icon-zalo-circle2.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.giuseart-nav li .button {
    background: transparent;
}.giuseart-nav ul>li a i.ticon-angle-up {
    background: url(images/icon-angle-up.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.giuseart-nav ul>li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}.giuseart-nav ul li .button .btn_phone_txt {
    position: relative; top:35px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none;
}
.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}.giuseart-nav ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
}
.giuseart-nav ul>li a i.ticon-messenger {
    background: url(images/icon-messenger.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}
.giuseart-nav ul>li a i.ticon-chat-sms {
    background: url(images/icon-sms-1.jpg) no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block;
}
.giuseart-nav ul>li a i.icon-phone-w {
    background: url(images/icon-phone-w.png) no-repeat;
    background-size: contain;}
.giuseart-nav ul li .button .btn_phone_txt {
    position: relative;
}
@media only screen and (max-width: 600px){
	.phone-mobile {
	
    display: block;
}
.giuseart-nav li .chat_animation{display:block !Important}
 
.giuseart-nav li .button .phone_animation {box-shadow: none;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #6cb917;
    line-height: 15px;
    border: 2px solid white;
}
.giuseart-nav ul>li a{padding:0; margin:0 auto}
.giuseart-nav {
    background: white;
    width: 100%; border-radius:0;
    color: #fff;
    height: 60px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 5px;
    margin: 0;
    box-shadow: 0 4px 10px 0 #000;
}
.giuseart-nav li {
    float: left;
    width: 20%;
    list-style: none;
    height: 50px;
	}}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}