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

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'Myriad Pro_b';
    src: url(fonts/Myriad_Pro-Bold.ttf);
}
@font-face {
    font-family: 'Myriad Pro';
    src: url(fonts/MYRIADPRO-REGULAR.ttf);
}
@font-face {
    font-family: 'Myriad Pro_l';
    src: url(fonts/MyriadPro-Light.ttf);
}
body {
	max-width: 100%;
	overflow: hidden;
    font-family: 'Myriad Pro';
}
/*p,li,a,em,*/
.header-main .nav > li > a {
    font-family: 'Myriad Pro';
}
h1 *, h2 *, h3 *,h4 *, h5 *, h6 *,
h1,h2,h3,h4,h5,h6,strong {
    font-family: 'Myriad Pro_b';
    font-weight: bold !important;
}
.title-op * {
    font-family: "Open Sans", sans-serif;
}
.header {
     background: linear-gradient(to bottom, rgba(17, 87, 63, 0.8), rgba(17, 87, 63, 0.8), rgba(17, 87, 63, 0) );
}
.banner-home .text-box {
    height: 100%;
}
.banner-home .text-box-content {
    height: 100%;
}
.banner-home .text-box-square .text {
    padding: 0 !important;
}
.heading h2 {
    font-weight: 100;
}
.col.post-item .box-blog-post .post-title {
    font-size: 21px;
    font-weight: 600;
    font-family: 'Arial';
}
.col.post-item .box-blog-post p {
    font-size: 16px;
}
.blog-tc1 .cat-label {
    font-size: 13px;
    text-transform: none;
}
.accordion-title span {
    font-weight: bold;
    font-size: 21px;
    color: #003044;
}
.accordion-title.active {
    background-color: transparent;
}
.accordion-title.active span {
    color: #26A479;
}
.footer-wrapper h3 {
    font-family: 'Arial';
    font-weight: 500;
}
.heading h3 {
    font-weight: 600;
}
@media (min-width: 1400px) {
    .home .logo {
        display: none;
    }
    .row-full-width {
        padding: 0 9%;
    }
}
.slider-logo .flickity-prev-next-button{
    top: 15px;
}
.full-1.row-full-width {
	padding: 0 1%;
}
.blog-gt {
	margin: auto !important;
}
.contact-icon {

}
.address.h-card {
	padding: 48px 0;
    -webkit-border-before: 2px solid #003044;
    border-block-start: 2px solid #003044;
    -webkit-border-after: 2px solid #003044;
    border-block-end: 2px solid #003044;
}
.icon-ct-3 .contact-name::before,
.icon-ct-2 .contact-name::before,
.icon-ct-1 .contact-name::before,
.address.h-card::before {
    font-size: 1.375rem;
    /*font-family: 'myriad-pro', Arial, Helvetica, sans-serif;*/
    content: "Locations\A0\A0\A0 —";
    content: var(--items-label, 'Locations') "\A0\A0\A0 —";
    color: #f7a941;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    max-width: 220px;
    -webkit-transform: translate(calc(-100% - 32px), 0);
    transform: translate(calc(-100% - 32px), 0);
}
.icon-ct-1 .contact-name::before {
	content: 'Manager' "\A0\A0\A0 —";
}
.icon-ct-2 .contact-name::before {
	content: 'Sales' "\A0\A0\A0 —";
}
.icon-ct-3 .contact-name::before {
	content: 'Press' "\A0\A0\A0 —";
}
.p-name {
	margin-bottom: 10px;
}
.contact-name .p-name {
	font-family: 'Arial';
	font-size: 18px;
	color: #003044;
	margin-bottom: 20px;
	display: block;
}
.contact-address {
    color: #003044;
    font-size: 16px;
}
/* */
.hcard.text {
	padding: 48px 0;
    -webkit-border-before: 2px solid #003044;
    border-block-start: 2px solid #003044;
    -webkit-border-after: 2px solid #003044;
    border-block-end: 2px solid #003044;
    line-height: 1.7;
}
.hcard > div,
.hcard .phone {
	display: flex;
    margin-bottom: 14.4px;
}
.hcard > div:before{
    -webkit-margin-end: 1em;
    margin-inline-end: 1em;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    
}
.hcard .phone::before  {
	background-image: url(images/icon-phone.svg);
}
.hcard .vat::before {
    background-image: url(images/icon-document.svg);
}
.hcard .email::before {
    background-image: url(images/icon-email.svg);
}

.blog-archive {
    padding-top: 0;   
}
.nav-pagination {
    margin: 5px auto !important;
}
.box_des {
    background-color: #fff;
    margin-top: -100px;
    padding: 80px 100px;
}
.box_des h1 {
    font-size: 50px;
    color: #003044;
}
.box_des p {
    color: #003044;
}
.bt-post-content {
    background-color: #003044;
    color: #ffffff;
    padding: 32px;
}
.bt-post-content .title {
    font-size: 19px;
    font-weight: 800;
    color: #fff;
    display: block;
    line-height: 25px;
    margin-bottom: 20px;
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden;
	height: 50px;
}
.bt-post-content p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 22px;
	height: 75px;
	line-height: 25px;
}
.post-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.post-info .cat_name {
    color: #5bc5f2;
}
.post-info .cat_name i {
    color: #5bc5f2;
    margin-right: 5px;
    font-size: 14px;
}
.post-info .time {
    font-size: 13px;
    font-style: italic;
}
.readmore a {
    color: #009fe3;
    font-size: 20px;
}
.readmore a i {
    color: #009fe3;
    font-size: 30px;
}
@media only screen and (min-width: 1024px) {
    .widget ul.menu > li {
        position: relative;
    }
    .widget ul > li.has-child:hover >.sub-menu{
        display:block !important;
    }
    .widget ul.menu ul.sub-menu {
        display: none !important;
        position: absolute;
        width: 100%; 
        left:99%;
        top: 0;
        z-index: 999;
        border: 1px solid #e1e1e1 !important;
        background: #fff;
        margin: 0;
        padding: 0;
    }
    .widget .toggle{
        transform: rotate(-90deg);
        margin-right: 10px;
    }
    .widget ul.menu>li li {
        padding: 2px 0;
        border-bottom: 1px solid #e1e1e1;
    }
}


/* */
body.nav-dropdown-has-border .nav-dropdown {
    border: none;
    padding: 0;
}
body.nav-dropdown-has-border .nav-dropdown a {
    padding: 10px !important;
    margin: 0 !important;
    border-radius: 0;
}
.post_comments  {
    display: none;
}
.page-title-bar {
    padding: 15px 0;
    background: #000;
}
.page-title-bar .title {
    margin-bottom: 0;
}
.page-title-bar * {
    color: #fff;
}
/* Sidebar */
.post-sidebar.col.right-sidebar {
    padding-left: 0;
}
.post-sidebar.col.left-sidebar {
    padding-right: 0;
}
#shop-sidebar .widget-title,
#product-sidebar .widget-title,
.post-sidebar .widget-title  {
    display: block;
    background: #000;
    color: #fff;
    padding: 12px 20px;
}
#shop-sidebar .is-divider,
#product-sidebar .is-divider,
.post-sidebar .is-divider {
    display: none;
}
#shop-sidebar .widget,
#product-sidebar .widget,
.post-sidebar .widget {
    box-shadow: 0 0 0 1px #e1e1e1;
}
.product_list_widget,
.post-sidebar .widget .recent-blog-posts {
    padding: 10px;
}
#shop-sidebar .widget ul.menu li > a,
#product-sidebar .widget ul.menu li > a,
.post-sidebar .widget ul.menu li > a {
    display: block;
    padding: 8px 10px;
}
#product-sidebar .widget ul.menu li > a:before,
.post-sidebar .widget ul.menu li > a:before {
    content: "\f105";
    font-family: 'fl-icons' !important;
    font-size: 15px;
    margin-right: 10px;
    color: #000;
    font-weight: bold;
}
/* */
.blog-single .article-inner > .entry-header {
    
}
/* */
.product-small.box ins *,
.product-small.box .price > .amount * {
    color: red;
    font-size: 16px;
}
.product-small.box del * {
    color: #333;
}
.product-small.box .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 22px;
    height: 44px;
}
.product-small.box .box-image img {
    height: 200px;
    object-fit: cover;
}
/* */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.pulse {
    transition: all 150ms linear 0s;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

blockquote {

    font-size: 110%;
    color:#666;

    margin: 0 auto;
    border-left:0px;
    margin-left: 20px;
    padding-bottom: 50px;
}
blockquote h1 {
    font-size: 3rem;
}
blockquote p {
    font-style: italic;
    margin-bottom: 0;
}
blockquote p::before,
blockquote p::after {
    content: "“";
    font-family: Georgia;
    font-size: 6rem;
    margin: -3rem 0 0 -4rem;
    position: absolute;
    opacity: 0.5;
    color:var(--primary-color);
}
blockquote p::after {
    content: "”";
    margin: -2rem -3rem 0 0;
}
blockquote cite {
    font-size: 1.5rem;
}
.title-sem h3 {
    margin-bottom: 0;
    
}
.title-sem h3 * {
   font-weight: 100; 
} 
.blog-tc2 .col.post-item .col-inner{
    border: 1px solid #e1e1e1;
}
.row-slider-logo > .col > .col-inner:before {
    content: '';
    /*background: #ffffffd6;*/
    width: 78px;
    height: 120px;
    position: absolute;
    top: 0;
    left: -2px;
    z-index: 1;
    background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.6) 100%);
}
.row-slider-logo > .col > .col-inner:after {
    content: '';
    background: #ffffffd6;
    width: 90px;
    height: 120px;
    position: absolute;
    top: 0;
    right: -2px;
    z-index: 1;
}
.row.blog-tc1 {
    padding: 0;
    margin: auto !important;
}
.font-w {

}
.font-n h3 span {
	font-family: 'Myriad Pro_l';
	font-weight: 100;
}
.title-fo {
	font-family: 'Myriad Pro_l';
	font-weight: 100;
}
.title-fo strong {
	font-family: 'Myriad Pro_b';
}
.new-list .news-post .bt-post-image img {
	height: 500px;
	object-fit: cover;
}
.hotline-fix {
    position: fixed;
    left: 0;
    bottom: 10px;
    width: 100px;
    z-index: 9999999;
}
.hotline-fix  a {
	display: block;
	padding: 20px 20px 0;
}
@media only screen and (max-width: 767px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .blog-archive .post-sidebar.col {
        padding: 0 15px !important;
    }
    .box_des {
	    padding: 15px 30px;
	}
	.bt-post-image {
		height: 400px;
		overflow: hidden;
	}
}