/*
Theme Name: Sun EMS
Text Domain: bts
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Sun EMS.
Author: the BTS GRAPHIC team
Author URI: https://btsgraphic.com
Theme URI: https://btsgraphic.com
License: 
License URI: 
*/
@import url('assets/fonts/GoogleSans.css');
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:hover {
    text-decoration: none;
}

#wpadminbar {
    position: absolute
}

body {
   font-family: 'Google Sans';
   font-weight: normal; 
   font-style: normal;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    background: #fff;
    overflow: visible !important;
}

html,
body {
    width: 100%;
    height: 100%;
}
.container{
    max-width: 1200px
}
.container-fluid{
    padding-left: 60px;
    padding-right: 60px;
}

.logo{
    padding: 0;
    margin-top: 15px;
}
.logo img {
    display: inline-block;
    height: auto;
    width: 200px;
    transition: all 0.3s ease-out
}
.navprimary {
    background: transparent;
    padding: 0;
    transition: all 0.3s ease-out;
    position: relative;
    width: 100%;
    z-index: 100;
    clear: both;
}
.navbar-nav-main{
    text-align: right;
    clear: both;
    position: relative;
}
.navbar-nav-main li{
    display: inline-block;
    position: relative;
}

.navprimary li:hover .dropdown-menu{
    display: block
}
.navprimary .dropdown-menu .dropdown-item{
    padding: .8rem 0 !important;
}
.navprimary ul li.active .dropdown-item a{
    color: #333333 !important;
}
.navprimary ul li a:focus{
    background: transparent;
}
.navprimary ul li a {
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    padding-left: .7rem ;
    padding-right: .7rem ;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    white-space: nowrap;
    display: inline-block;
    clear: both;
}
.navprimary ul li a:hover {
    background: transparent;
    color: #ed1b24;
}
.navprimary ul li a i{
    color: #333;
    margin-left: 3px;
}
.navprimary ul li.current-menu-item a {
    background: transparent;
    color: #ef4323;
}
.navprimary ul li.current-menu-item .sub-menu li a{
    background: transparent;
}
.navprimary ul li.current-menu-item .sub-menu li:hover a{
    color: #333
}
.navprimary .sub-menu {
    display: none;
    position: absolute;
    border: 0;
    padding: 0 0;
    border-radius: 0 0 0 0;
    margin: 0;
    box-shadow: 0px 0px 6px 2px rgba(0, 2, 6, 0.1);
    background:rgba(20, 106, 148, .8);
    text-align: left;
    z-index: 100;
    width: 250px;
 
}
.navprimary .sub-menu a{
       white-space: inherit;
}

.navprimary .navbar-nav-main .menu{
    background: #fff;
    display: inline-block;
    position: relative;
    border-radius: 2px;
}
.navprimary .sub-menu li{
        border-bottom: 1px solid #247ca5;
        display: block;
}
.navprimary .sub-menu li a{
    border-right: 0;
    text-transform: none;
    font-weight: 400;
    display: block;
    font-size: 15px;
    padding:  10px 10px;
    color: #fff !important;
    width: 100%;
    white-space: inherit;
}
.navprimary .sub-menu li a:hover{
    background: #FBB03C;
    color: #fff !important
}

.navprimary .sub-menu li:last-child{
    border-bottom: 0
}
.navprimary .sub-menu li .sub-menu, .navprimary .sub-menu li .sub-menu li .sub-menu{
    left: 100%;
    position: absolute;
    top: 0;
    width: 250px;
}
#menu-lang .sub-menu{
    width: 50px !important;
}

.navprimary li:hover>ul{
    display: block;
}

.navprimary .dropdown-toggle::after {
    display: none
}
.navsup{
    display: none
}
.sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 0 0;
    transition: all 0.3s ease-out;
    z-index: 200;
    background: #fff;
    box-shadow: 1px 1px 9px -4px rgb(0 0 0 / 50%)
}

.stick-logo{
    margin-top: 10px;
}
.stick-logo img{
    width: 220px;
}
.sticky .navbar-nav-main, .sticky .btn-request a{
   
}
.sticky .navbar-nav-main .menu{
    background: transparent;
}
.sticky .navbar-nav-main .menu:after{
    display: none
}
.sticky .logo{
    top: 0;
    margin-top: 8px;
}
.sticky .navsup{
    display: block;
    margin-top: 24px;
    color: #616264;
    font-weight: 300;
    font-size: 15px;
}
.sticky .navsup span{
    margin-right: 5px;
}
.sticky .search-dropd{
    margin-top: 20px
}
.sticky #menu-lang a, .sticky .search-dropd i{
    
}
.sticky .navsup a{
    color: #616264
}
.sticky .navsup span i{
    margin-right: 4px;
}
.sticky .btn-request a{
    color: #fff;
    border-color: #F05C22
}

.card-lang{
    display: inline-block;
    width: 50px;
    margin-top: 27px;
     font-size: 17px;
}
.card-lang .menu-item a{
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    color:#F68B1F ;
}
.search-dropd{
    display: inline-block;
    margin-top: 21px;
     font-size: 17px;
}
.search-dropd .btn{
     border: 0;
     border-radius: 0;
     color: #555
}
.search-dropd .btn:focus{
    outline: 0;
    box-shadow: none;
}
.search-dropd .dropdown-menu{
    width: 300px;
    right: 0!important;
    left: auto !important;
    padding: 15px;
    border-radius: 0;
    border-color: #eee;
}
.btn-request{
    text-align: right
}
.btn-request a{
    background: #166A95;
    border-radius: 30px;
    padding: 12px 10px;
    display: inline-block;
    white-space: nowrap;
    color: #fff;
    font-weight: 700;
    width: 100%;
    text-align: center;
    margin-top: 16px;
     font-size: 15px;
     transition: .4s linear
}
.btn-request a:hover{
    background: #FBB03C;
    color: #fff;
    border-color: #FBB03C;
    transition: .4s linear
}
.card-search .input-search {
    position: relative;
    overflow: hidden;
}

.card-search .input-search i {
    top: 10px;
    right: 25px;
    color: #035279;
}
.btn-sear{
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.btn-sear .dropdown-toggle i{
    color: #035279;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 3px
}
.btn-sear i{
   
}
.btn-sear .dropdown-menu{
    padding: 15px;
}
.btn-sear .btn:focus{
    outline: 0;
    box-shadow: none;
}
.card-search .input-search input {
    padding-left: 45px;
    border-radius: 30px;
    color: #18d685;
    max-width: 210px
}

.card-search ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333;
    opacity: 1;
    /* Firefox */
}

.card-search :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333;
}

.card-search ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #333;
}

.sticky .logo img {
    transition: all 0.3s ease-out;
}
.col-nav-bars{
    padding-right: 0
}
.card-bars h2{
    color: #fff;
    background: #e68824;
    padding: 17px 15px;
    text-transform: uppercase;
    position: relative;
    font-size: 16px;
}
.card-bars h2 .fa-bars{
    margin-right: 5px;
}
.card-bars h2 .fa-chevron-down{
    position: absolute;
    right: 15px;
}
.card-bars li{
    border-left: 0 !important
}
.col-nav-home{
    padding-right: 0
}
.card-bars li a:hover{
    background: transparent !important;
    color: #e68824 !important
}

.card-bars .card-navs{
    display: none;
    position: absolute;
    left: 15px;
    background: #fff;
    top: 100%;
    width: 285px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 10;
}
.card-bars .card-navs a{
    color: #333 !important
}
.card-bars li:hover .card-navs{
    display: block
}

.card-bars .card-navs li{
    padding: 9px 15px;
    border-top: 1px solid #ddd;
    position: static;
}
.card-bars .card-navs li a{
    padding: 0 !important;
    display: block
}
.card-bars .card-navs .sub-menu{
    padding: 0 0 12px;
    height: 376px;
    visibility: hidden;
    position: absolute;
    width: 250px;
    list-style: none;
    margin: 0;
    left: 284px;
    top: 0;
    background: #fff;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 25%);
    z-index: 100;
}
.card-bars .card-navs li:hover .sub-menu{
    visibility: visible
}

.nav-home{
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}
.nav-home ul li{
    padding: 9px 15px;
    border-top: 1px solid #ddd;
    position: static
}
.nav-home ul li a{
    color: #444;
    font-weight: 500;
    display: block;
    position: relative
}
.nav-home ul li a:after{
    content: "\f054";
    position: absolute;
    right: 0px;
    top: 4px;
    display: block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px
}

.nav-home ul li a img, .card-bars li a img{
    height: 28px;
    width: 28px
}
.nav-home ul li i{
    position: absolute;
    right: 10px;
    top: 17px;
    font-size: 12px;
    color: #666
}
.nav-home ul li:hover .sub-menu{
    visibility: visible
}
.nav-home .sub-menu{
    padding: 0 0 12px;
    height: 376px;
    visibility: hidden;
    position: absolute;
    width: 250px;
    list-style: none;
    margin: 0;
    left: 300px;
    top: 0;
    background: #fff;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 25%);
    z-index: 100;
}
.nav-home .sub-menu li a{
    padding: 3px !important;
}
.nav-home .sub-menu li a:after{
    display: none;
}
.card-bars .sub-menu li a{
    padding: 3px !important;
}
.section-banner{
    background-color: #111;
    height: 350px;
    position: relative;
    opacity: .9
}

/*---*/
.heading{
    text-align: center;
    margin-top: 40px;
    border-bottom: 2px solid #eee;
    padding-bottom: 15px;
}
.heading .title{
    text-align: center;
    margin-bottom: 15px;
}
.heading .title h1{
        font-size: 32px;
        text-transform: uppercase;
        color: #2A95BF;
}
.woocommerce-products-header .woocommerce-products-header__title{
    font-size: 20px;
    font-weight: 700;
        text-transform: uppercase;
        color: #000;
        margin-bottom: 15px;
        display: none;
}
.sticky-category{
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 64px;
    left: 0;
    background: #eee;
}
.menu-product{
    padding: 15px 0;
}
.menu-product ul li{
    display: inline-block;
}
.menu-product ul li a{
    color:  #333;
    display: inline-block;
    padding: 0 10px;
}
.menu-product ul li a.active{
    font-weight: 700;
    color: #28417c;
}
.main-product{
    margin-bottom: 30px;
}
.main-product .title-category{
    margin-bottom: 15px;
    position: relative;
}
.main-product .title-category a{
    color: #2A95BF;
}
.main-product .title-category .view-more{
    position: absolute;
    right: 0;
    top: 0;
}
.main-product .title-category h2{
    font-size: 24px;
    text-transform: uppercase;
    color: #2A95BF;
}
.card-products{
    clear: both;
}
.item-product{
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    background: #fff;
}
.item-product img{
    width: 100%;
    height: auto;
    display: block;
    transition: .3s ease-in-out;
}
.item-product:hover img{
    opacity: .5;
    transition: .3s linear;
}
.item-product .woocommerce-loop-product__title{
    padding: 0 15px !important;
    text-align: center;
    overflow: hidden;
    font-weight: 500;
    font-size: 15px;
    color: #000;
    margin-bottom: 0;
    height: 60px;
    line-height: 60px;
}
.item-product .pwb-brands-in-loop .woocommerce-loop-product__link{
    display: none;
}
.item-product .pwb-brands-in-loop{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.item-product .pwb-brands-in-loop a{
    display: inline-block;
    text-align: center;
}
.item-product .pwb-brands-in-loop img{
    width: 60px;
    height: 60px;
    display: inline-block;
    margin: 0 2px;

}
.item-product .desc-product{
    text-align: center;
    color: #666;
}
.card-product .product .price{
    padding: 0 15px;
    margin-top: 8px;
    display: block;
}
.card-product .product .price .woocommerce-Price-amount{
    font-weight: bold;
    color: red;
    font-size: 18px;
}
.card-products .product .price .woocommerce-Price-currencySymbol{
    margin-left: 4px;
}
.card-products .product .read_more{
    margin-top: 10px;
}
.card-products .product .read_more{
    display: block;
    margin-bottom: 15px;
}
.card-products .product .read_more span{
    background: #f1c24e;
    display: block;
    padding: 8px;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
}
.card-products .product .read_more span:hover{
    background: #e68824;
}
.title-product{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    color: #333;
}
.card-banner-category-product{
    margin-bottom: 15px;
}
.card-banner-category-product img{
    width: 100%;
    height: auto;
    display: block;
}
.term-description{
    border-bottom: 1px solid #eee;
    margin-top: 5px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.woocommerce .woocommerce-result-count{
    color: #888;
    margin-top: 10px;
}
.woocommerce-ordering{
    position: relative;
    margin-bottom: 20px;
}
.woocommerce .woocommerce-ordering select{
    float: right;
    border: 1px solid #ddd;
    padding: .53em 28px .53em 1.41575em;
    border-radius: 3px;
    color: #555;
    background-color: #fff;
    border: 1px solid;
    border-color: #ebebeb;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    width: 100%;
    background-image: url('./assets/images/select_arrow.png');
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    border-radius: 4px;

}
.woocommerce .woocommerce-ordering select:focus{
    outline: 0;
}
.woocommerce-product-details__short-description{
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 10px;
}
.woocommerce-product-details__short-description p{
    margin-bottom: 6px;
}
.woocommerce-product-details__short-description p:last-child{
    margin-bottom: 0;
}

.woocommerce-product-details__short-description ul li{
    position: relative;
    padding-left: 25px;
}
.woocommerce-product-details__short-description ul li:before{
    content: "\f058";
    display: inline-block;
    position: absolute;
    top: 0;
    border: 1px;
    left: 0px;
    color: #f2a12b;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
}
.woocommerce-product-gallery__trigger{
    display: none;
}
.card-detail-product{
    background: #fff;
    padding: 15px;
    margin-bottom: 30px;
}
.card-summary{
    width: 100% !important;
}
.product-content img{
    max-width: 100%;
}
.product-content p{
    margin-bottom: 15px;
}
.card-summary .product_title {
    font-size: 22px;
    margin-bottom: 10px;
}
.card-summary .price{
    margin-bottom: 15px;
    font-size: 16px !important;
}
.card-summary .price-red{
    color: red;
}
.card-summary .note-price{
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #555;
    margin-top: 4px;
}
.card-summary .price strong{
    color: #333
}
.card-summary .price .woocommerce-Price-amount {
    font-weight: 700;
    color: #f5060b;
    font-size: 25px;
}
.card-summary .price .woocommerce-Price-currencySymbol{
    margin-left: 5px;
}
.card-summary .product_meta{
    margin-bottom: 15px;
}
.card-summary .woocommerce-product-details__short-description{
    margin-bottom: 0;
}
.card-summary .product_meta .sku_wrapper, .card-summary .product_meta .posted_in{
    display: block;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
.product_meta a, .pwb-single-product-brands a{
    color: #666;
}
.card-summary .pwb-single-product-brands{
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.card-summary .pwb-single-product-brands a{

    display: inline-block;
}
.card-summary .pwb-single-product-brands img{
    width: 100%;
}
.card-gallery-product  .woocommerce-product-gallery__trigger{
}
.card-gallery-product .woocommerce-product-gallery__trigger::before{
    border-color: #999 !important;
}
.card-gallery-product .woocommerce-product-gallery__trigger::after{
    background: #999 !important;
}
.meta-support{
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 6px;
    margin-top: 15px;
}
.meta-support span{
    position: relative;
    top: -7px;
    font-weight: normal;
}
.meta-support img{
    width: 28px;
}
.bts-booking{
    margin-top: 15px;
}
.bts-booking .btn-price{
    background: #ff0000;
    width: 100%;
    color: #fff;
}
.card-support-right{
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 6px;
}
.card-support-right h2{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
.card-support-right .ht a i, .card-support-right .em a i{
    color: #ff0000;
    width: 20px;
}
.card-support-right .ht{
    margin-bottom: 10px;
}
.card-support-right .ht a{
    color: #262161;
}
.card-support-right .em a{
    color: #555;
}
.row-spect{
    margin-bottom: 10px;
    color: #444;
}
.row-spect i{
    display: inline-block;
    width: 20px;
    color: #999;
}
.map-add{
    overflow: hidden;
}
.map-add .icon-mp{
    display: inline-block;
    float: left;
    width: 20px;
    height: 60px;
}
.map-add .icon-mp i{
    color: #999;
}
.map-add  span{
    overflow: hidden;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
    background: #144e79 !important;
    color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border: 0;
    border-radius: 0;
    margin: 0 5px 0 0;
    padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
    display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
    display: none
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding-left: 0;
    border: 0;
    margin-bottom: 0;
    background: #eee;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
    display: none !important
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    padding: 12px 20px;
    background: transparent;
    font-weight: 600
   
}
.woocommerce div.product .woocommerce-tabs .panel{
    padding: 15px;
    background: #fff;
}

.card-gallery-product .woocommerce-product-gallery {
    width: 100% !important
}
.card-gallery-product .flex-control-thumbs{
    margin-left: -6px !important;
    margin-right: -6px !important;
}
.card-gallery-product .flex-control-thumbs li{
    padding-right: 6px;
    padding-left: 6px;
}
.card-gallery-product .flex-active{
    border: 1px solid #eee
}

.card-ck{
    background: #e2eaf7;
}
.card-ck h2{
    background: #f2a12b;
    padding: 14px 15px;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase
}
.card-ck-content{
    padding: 15px 
}
.card-ck-content li{
    padding: 6px 0;
    overflow: hidden
}
.card-ck-content li i{
    height: 26px;
    float: left;
    position: relative;
    top: 3px;
    margin-right: 5px;
    color: #f2a12b;
    width: 18px
}
.card-ck-content li span{
    overflow: hidden
}
.card-sup{
    background: #f5f5f5;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px
}
.card-sup h2{
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
    position: relative
}
.card-sup h2:after{
    content: "";
    height: 2px;
    width: 80px;
    background: #f2a12b;
    display: block;
    position: relative;
    margin-top: 4px
}
.card-sup li{
    padding: 6px 0;
    overflow: hidden
}
.card-sup li i{
    height: 26px;
    width: 18px;
    float: left;
    position: relative;
    top: 3px;
    margin-right: 5px;
    color: #f2a12b
} 
.card-sup li a{
    color: #555
}
.card-sup li .phone{
    font-weight: 700;
    color: #d82c2c;
}
.related_products{
    margin-top: 30px;
}
section.related .related-title{
    padding-bottom: 15px;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative
}



.slideshow{
    position: relative;
    margin-bottom: 0;
}

.card-chose-form{
    background: url('assets/images/bg-consult.jpg') center center no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
    margin-top: -50px;
}
.card-chose-form:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
}
.chose-form:nth-child(2){
    color: #fff;
}
.item-chose{
     padding: 30px 20px;
}
.list-chose li{
    margin-top: 15px;
    margin-bottom: 15px;
}
.list-chose li:hover .c-number{
    background: #144e79;
}
.list-chose li .c-number{
      width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    background: #ff0000;
    transform: rotate(45deg);
}
.list-chose li .c-number strong{
    display: inline-block;
    transform: rotate(-45deg);
    color: #fff;
}
.list-chose li .c-text{
    position: relative;
    left: 15px;
}
.item-chose-form{
    background: rgba(20, 78, 121, 80%);
    padding: 30px 20px;
}
.chose-form h2{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
}
.chose-form h2 span{
    color: #ff0000;
}
.form-text{
    margin-bottom: 15px;
}
.form-text label{
    margin-bottom: 4px;
    font-size: 14px;
}
.form-text .form-control{

    font-size: 14px;
}
.btn-consult{
    background: #166A95;
    border-radius: 0;
    border: 0;
    color: #fff;
    font-size: 18px;
    padding: 12px 15px;
    position: relative;
    text-align: left;
}

.btn-consult:hover{
    color: #fff;
    background: #fbb03c;
}

.elementor-widget-bts-mission{
    margin-bottom: 0 !important;
}

.section-category-product{
    padding: 30px 0 0 0;
}

.section-category-product .banner-category img{
    width: 100%;
    display: block;
}
.banner-category{
    margin-bottom: 30px;
}
.category-title{
    text-align: center;
    margin-bottom: 20px;
}
.category-title h2{
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
}
.category-title h2 a, .category-title h2{
    color: #262161
}
.category-sub{
    text-align: center;
}
.category-sub li{
    display: inline-block;
    margin-right: 8px;
    position: relative
}
.category-sub li:first-child:before{
    display: none;
}
.category-sub li:before{
    
}
.category-sub li a{
    color: #333;
    font-weight: 600;
    font-size: 12px;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 0;
}
.category-sub li a:hover{
    background: #ff0000;
    color: #fff;
}
.elementor-53 .elementor-element.elementor-element-5e95d44 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{
    padding: 15px;
}
.section-service{
    position: relative;
    padding-bottom: 10px;
    padding-top: 80px;
    
}
.section-service:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60%;
    background: #f4f4f4;
}
.service-layout:after{
    display: none;
}
.container-fluid-service{
    padding-left: 15px;
    padding-right: 15px;
}

.section-service .container{
    position: relative;
    z-index: 10;
}
.section-service .title{
    margin-bottom: 30px;
    position: relative;
    z-index: 10
}
.section-service .title h2{
    text-transform: none;
    font-size: 30px;
    color: #000;
    font-weight: bold;
}

.grid-service{
    position: relative;
    margin-bottom: 30px;
}
.caption-service{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 30px ;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(189,190,192,0) 91%, rgba(253,253,253,0) 100%);
    color: #fff;
    transition: .3s ease-out
   
}
.hv-caption-service{
    position: absolute;
    bottom: -700px;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 30px;
    background: rgb(0,0,0, .5);
    color: #fff;
    transition: .3s ease-out
    
}
.grid-service:hover .caption-service{
    display: none
}
.grid-service:hover .hv-caption-service{
    bottom: 0;
    transition: .3s ease-out
}
.hv-caption-service .icon, .caption-service .icon{
    width: 74px;
    height: 74px;
    padding: 7px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 20px;
    background: #F68B1F;
    transition: .3s ease-out;
}
.caption-content{
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    padding: 0 30px;
}
.grid-service .thumb{
    position: relative;
    overflow: hidden;
}
.grid-service h3 a{
    font-size: 20px;
    font-weight: 800;
    color: #fff;
}
.grid-service h3{
    height: 50px;
    overflow: hidden;
}
.grid-service .more a{
    display: inline-block;
    border: 1px solid #fff ;
    padding: 8px 14px 8px 14px ;
    border-radius: 6px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    margin-top: 10px;
    position: relative;
}
.grid-service .more a:hover{
    background: #fbb03c;
    border-color:#fbb03c ;
}

.grid-service .thumb img{
    width: 100%;
    transition: .3s ease-in-out;
    display: block;
    height: auto;
}

.grid-service  .card-excerpt, .grid-service  h2{
    padding: 0 15px;
}
.item-app{
    margin-bottom: 30px;
}
.item-app .grid-app .thumb img{
    width: 100%;
    height: auto;
    display: block;
    transition: .3s ease-out;
}
.grid-app .thumb{
    position: relative;
    overflow: hidden;
}
.grid-app h3{
    margin-top: 15px;
    transition: .3s ease-out
}
.grid-app h3 a{
    font-size: 18px;
    color: #000;
    font-weight: 400;
}
.grid-app .card-excerpt{
    margin-top: 10px;
    font-weight: 300;
    color: #666;
    height: 64px;
    overflow: hidden;
}
.grid-service  .service-excerpt{
    margin-top: 10px;
    margin-bottom: 10px;
    height: 85px;
    font-size: 15px;
    overflow: hidden;
}
.grid-service h2:hover a{
    color: #144E79;
}
.popular-service{
    padding-bottom: 15px;
    color: #fff;
    transition: .3s ease-in-out;
}

.section-service .owl-dots{
    position: absolute;
    left: 10px;
    bottom: -32px;
    margin: 0;
}
.owl-dots{
    text-align: center;
    margin-top: 30px;
}
.owl-dots button{
    outline: 0;
}
.owl-dot.active span{
    background: #fbb03c !important;
}
.owl-dot span{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #ddd;
    border-radius: 14px;
    margin: 0 6px;
}
.section-intro{
    padding: 100px 0 70px 0;
    position: relative;
}
.block-wt{

    position: relative;
}
.block-wt .logo-sunems{
    right: 30px;
}
.card-items{
    margin-bottom: 20px;
        text-align: center;

}
.card-items h4{
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    background: url('assets/images/line.png') bottom center no-repeat;
    padding-bottom: 10px;
}
.card-items .thumb img{
    width: 100px;
}
.card-items h4 a{
    color: #929497;
    font-weight: 800;
    font-size: 16px;
}
.item-sum{
    max-width: 140px;
    text-align: left;
    margin: auto;
    font-weight: 300;
    font-size: 17px
}
.item-content-itr{
    box-shadow: 0px 4px 7px -1px rgb(0 0 0 / 20%);
    border-radius: 3px;
    overflow: hidden;
    height: 100%
}
.item-content-itr .thumb img{
    width: 100%;
    display: block;
}
.item-content-itr .ex-itr{
    padding: 30px
}
.item-itr{
    margin-bottom: 30px
}
.item-content-itr .ex-itr svg{
   width: 8px;
    position: relative;
    top: -2px;
    fill: #555;
}
.item-itr h2{
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #000
}
.item-itr h2 a{
    color: #000
}
.ex-itr{
    font-weight: 300
}
.ex-itr ul li{
    margin-bottom: 15px;
}
.ex-itr ul li:last-child{
    margin-bottom: 0
}
.ex-itr ul li a{
    color: #000;
}
.ex-itr ul li:hover a{
    color: #f68b1f
}
.ex-itr ul li i{
    font-size: 8px;
    color: #a7a8ac;
    position: relative;
    top: -3px;
    margin-right: 10px;
}

.read-more{
    margin-top: 30px
}
.read-more a{
    background: #f68b1f;
    border-radius: 3px;
    padding: 12px 25px;
    display: inline-block;
    white-space: nowrap;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    transition: .4s linear
}
.read-more a i{
    position: relative;
    margin-left: 5px;
    top: 2px;
}
.read-more:hover a{
    background: #EF4323;
    transition: .3s ease-out
}
.section-about{
    padding: 100px 0;
    background: #fff;
}
.desc-about h2{
    font-size: 30px;
    font-weight: bold;
    color: #000;
    margin-bottom: 25px;
}
.card-ms{
     margin-bottom: 30px;
}
.card-ms:nth-child(2){
    margin-top: 60px;
    margin-bottom: 0
}
.card-ms:nth-child(3){
        margin-top: -30px
}
.item-ms{
    box-shadow: 0px 4px 7px -1px rgb(0 0 0 / 20%);
    border-radius: 3px;
    padding: 30px;
}
.ms-icon img{
    width: 88px;
    height: 88px;
}
.item-ms h3{
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px
}
.item-ms p{
    height: 48px;
    overflow: hidden;
}
.image-about{
    padding-right: 0;
    position: relative;
}
.image-about span{
    position: absolute;
    background: #fbb03c;
    color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 80px;
    top: 45%;
    right: 50%;
    margin-right: -40px;
    z-index: 10;
    text-align: center;
    line-height: 80px;
}
.image-about span i{
    font-size: 25px;
}
.image-about .thumb{
    max-width: 100% ;
    display: block;
    position: relative;
}
.image-about img{
    position: relative;
    z-index: 10;
    max-width: 100%;
    display: block;
}
.image-about:after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 92%;
    background: #f4f4f4;
    display: block;
    height: 50%;
    z-index: 0
}

.popular-service:hover{
   opacity: .8;
   transition: .3s ease-in-out;
}
.popular-service a{
    color: #fff;
}
.popular-service h2{
    margin-top: 10px;
    margin-bottom: 10px;
}
.popular-service h2 a{
    font-size: 18px;
}
.popular-service h2, .popular-service .ex, .popular-service .btn-more{
    padding: 0 15px;
}
.popular-service .thumb img{
    width: 100%;
    display: block;
}
.popular-service .ex{
    height: 67px;
    overflow: hidden;
}
.popular-service .btn-more{
    margin-top: 15px;
}
.popular-service .btn-more a{
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 60px;
    padding: 7px 30px;
}
.popular-service .btn-more a:hover{
    color: #333;
    background: #fff;
}

.section-news{
    padding: 100px 0 95px 0;
    background-color: #f4f4f4;
    position: relative;
}
.section-news .title h2{
    text-transform: none;
    font-size: 30px;
    color: #000;
    font-weight: bold
}

.post-lg{
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
.post-lg .thumb{
    position: relative;
}
.post-lg .thumb img{
    width: 100%;
    display: block;
    transition: .5s linear
}
.caption-blog{
    margin-top: -30px;
    position: relative;
    width: 100%;
    padding: 0 30px;
}
.item-cap{
    background: #fff;
    padding: 30px;
    border-radius: 3px;
}
.item-cap .date{
    color: #555
}
.item-cap .date i{
    color: #F05C22;
}
.post-sm{
    overflow: hidden;
}
.post-lg:hover .thumb img{
    opacity: .7;
    transition: .4s linear
}
.post-sm .thumb{
  position: relative;
  width: 176px;
 float: left;
    margin-right: 15px;
}
.post-sm .thumb img{
   width: 100%;
   display: block;

}
.post-sm h2{
    overflow: hidden;
    margin: 10px 0;
    height: 20px;
}
.post-lg h2{
    margin-top: 15px;
}
.post-lg h2 a{
    font-weight: bold;
    font-size: 22px;
    color: #000
}
.post-sm{
    background: #fff;
    margin-bottom: 25px;
    padding: 15px;
}
.desc-sm{
    overflow: hidden;
}
.post-sm .excrpt{
    height: 48px;
    overflow: hidden;
    font-size: 16px;
}
.post-sm .date{
    color: #555;
}
.post-sm .date i{
    margin-right: 5px;
    color: #FBB03C;
}
.post-sm h2 a{
    font-weight: bold;
    font-size: 18px;
    color: #000
}
.post-sm .more a{
    color: #555;
    font-weight: bold;
    display: block;
    margin-top: 7px;
}


.popular-news{
    background: #fff;
    padding-bottom: 15px;
}
.popular-news h2{
    margin-top: 30px;
    margin-bottom: 15px;
    height: 43px;
    overflow: hidden;
}
.popular-news h2 a{
    font-size: 18px;
    color: #333;
}
.popular-news h2 a:hover{
    color: #262161;
}
.popular-news h2, .popular-news .btn-more{
    padding: 0 15px;
}
.popular-news .thumb{
    position: relative;
}
.popular-news .thumb img{
    width: 100%;
    height: auto;
    display: block;
}
.popular-news .date{
    position: absolute;
    bottom: -15px;
    left: 15px;
    padding: 5px 10px;
    border-radius: 10px;
    background: #ff0000;
}
.popular-news .date span{
    display: block;
    color: #fff;
}
.popular-news .date .day{
    font-size: 24px;
    font-weight: 700;
}
.popular-news .btn-more a{
    display: inline-block;
    border: 1px solid #ff0000;
    border-radius: 60px;
    padding: 8px 30px;
    color: #333;
}
.popular-news .btn-more a:hover{
    color: #fff;
    background: #ff0000;
}
.popular-news .card-excerpt{
    padding: 0 15px;
    height: 42px;
    overflow: hidden;
    margin-bottom: 15px;
}

.section-news .owl-nav{
    position: absolute;
    top: 50%;
    margin-top: -80px;
    width: 100%
}
.section-news .owl-nav .owl-prev, .section-news .owl-nav .owl-next{
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    background: rgba(0, 0, 0, .5) !important;
    display: inline-block;
    color: #fff !important;
    font-size: 20px !important
}
.section-news .owl-nav .owl-prev{ 
    left: 5px;
}
.section-news .owl-nav .owl-next{
    right: 5px;
}
.section-news .owl-nav button:focus{
    outline: 0
}


.card-title {
    
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.card-title .ln{
    background: #eeeeee;
    height: 3px;
    width: 100px;
    border-radius: 10px;
    display: inline-block;
    position: relative
}
.card-title .cr{
    background: #e68824;
    height: 6px;
    width: 40px;
    position: absolute;
    top: -2px;
    left:0;
    margin-left: 30px;
    border-radius: 10px;
}
.card-title h2, .card-title h1{
    font-size: 25px;
    font-weight: bold;
    color: #333;
    text-transform: none
}
.card-row-title{
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.card-row-title h2{
    display: inline-block;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase
}

.section-blog{
    padding: 50px 0;
    position: relative;
    overflow: hidden
}
.section-blog .owl-nav button:focus{
    outline: 0
}
.section-blog .owl-dots{
    position: relative;
    bottom: 0;
    width: 100%;
    text-align: center
}
.section-blog .owl-dots .owl-dot.active{
    background: #1baf75;
}
.section-blog .owl-dots .owl-dot:focus{
    outline: 0
}
.section-blog .owl-dots .owl-dot{
    display: inline-block;
    background: #eeeeee;
    width: 35px;
    height: 7px;
    margin: 0 5px;
    border-radius: 10px;
}
.card-blog{
    margin-bottom: 30px;
}
.card-blog .thumb img{
    width: 100%;
    height: auto;
    display: block
}
.card-blog h2{
    margin: 10px 0;
    height: 42px;
    overflow: hidden
}
.card-blog h2 a{
    font-size: 15px;
    font-weight: 700;
    color: #333;
}
.card-blog .date{
    font-size: 14px;
    color: #888888;
    margin-bottom: 8px;
}
.card-blog .card-excerpt{
    color: #666666
}
.section-project{
    padding: 60px 0;
}
.section-project .title{
    margin-bottom: 30px;
}
.section-project .title h2{
        text-transform: none;
    font-size: 30px;
    color: #000;
    font-weight: bold;
}
.card-project{
    position: relative;
     border-radius: 0;
     overflow: hidden;
     margin-bottom: 30px;
}
.card-project .thumb{
    position: relative;
    overflow: hidden;
}
.card-project .thumb img{
    width: 100%;
    display: block;
    transition: .3s ease-out;
}

.card-project h2{
    position: absolute;
    bottom: -500px;
    z-index: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    transition: .3s ease-out;
}
.card-project h2 a{
    color: #fff;
    display: block;    
   background: #166A95;
   padding: 15px;
   width: 100%;
}
.projects h2{
    bottom: 0;
}
.card-project h2:hover a{
    background: #fbb03c;
}
.card-project:hover h2{
    bottom: 0;
    transition: .3s ease-out;
}
.card-project .thumb:hover img{
    transition: .3s ease-out;
    transform: scale(1.1);
}

.section-partner{
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    color: #333333;
    background: #f3f3f3;
}
.section-partner .title{
    margin-bottom: 30px;
}
.section-partner .title h2{
      text-transform: none;
    font-size: 30px;
    color: #000;
    font-weight: bold;
}
.intro-partner{
    max-width: 720px;
    margin: auto;
    text-align: center;
    color: #555
}
.owl-partner{
    margin-top: 30px;
}
.card-partner{
    margin-bottom: 12px;
}
.card-partner img{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 3px !important;
}
.section-partner .owl-nav {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
}
.section-partner .owl-nav .owl-prev, .section-partner .owl-nav .owl-next{
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    text-align: center;
    background: #fbb03c !important;
    display: inline-block;
    color: #fff !important;
    font-size: 20px !important
}
.section-partner .owl-nav .owl-prev{ 
    left: -15px;
}
.section-partner .owl-nav .owl-next{
    right: -15px;
}
.section-partner .owl-nav button:focus{
    outline: 0
}

.section-partner .owl-nav button:focus{
    outline: 0
}
.section-partner .owl-dots{
    position: relative;
    bottom: 0;
    width: 100%;
    text-align: center
}
.section-partner .owl-dots .owl-dot.active{
    background: #1baf75;
}
.section-partner .owl-dots .owl-dot:focus{
    outline: 0
}
.section-partner .owl-dots .owl-dot{
    display: inline-block;
    background: #eeeeee;
    width: 35px;
    height: 7px;
    margin: 0 5px;
    border-radius: 10px;
}

.section-visson{
    background: url('./assets/images/bg-abouts.jpg') no-repeat center center;
    padding: 40px 0 0 0;
    background-size: cover;
    background-attachment: fixed;
    color: #ffffff;
}
.section-visson .card-title h2{
    color: #ffffff
}
.card-ivs{
    margin: auto;
    max-width: 800px;
    text-align: center
}
.card-vs{
    text-align: center;
    margin-bottom: 30px;
}
.card-vs .item-vs img{
    max-width: 120px;
    border-radius: 200px;
}
.card-vs h2{
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 16px;
}

.main-container {
    margin-bottom: 60px;
}

.heading-title {
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 30px;
}

.heading-title h2 {
    position: relative;
    font-weight: 500;
    color: #231f20;
    border-bottom: 3px solid rgba(252, 181, 53, .5);
    padding-bottom: 5px;
    max-width: 600px;
}

.heading-title h2:after {
    content: "";
    border-bottom: 3px solid #FCB534;
    max-width: 280px;
    position: relative;
    top: 8px;
    left: 0;
    display: block;
}

.heading {
    margin-bottom: 30px;
}

.heading h2 {
    position: relative;
    font-weight: 700;
    color: #656c74;
    text-transform: uppercase;
    font-size: 30px;
}

.heading h2 a {
    color: #656c73;
}

.heading h2:after {
    content: "";
    border-bottom: 3px solid #FCB534;
    max-width: 110px;
    position: relative;
    top: 2px;
    left: 15px;
    display: block;
}

.heading-jobs h2:after {
    margin: auto;
    max-width: 180px;
    left: 20px;
}
.page-titles h2{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.card-page-title{
    padding: 15px 0;
    margin-bottom: 0;
    text-align: left;
    margin-bottom: 25px;
    background: #fff7f7;
}
.page-titles h1{
    color: #333;
    text-transform: capitalize;
    font-size: 25px;
    font-weight: 700
}
.woocommerce-breadcrumb{
    padding: 15px 0 !important;    
    color: #767676;
    font-size: 12px !important;
    margin-bottom: 0 !important;
    text-transform: uppercase;
}
.woocommerce-breadcrumb span{
    display: inline-block;
    margin: 0 4px;
    position: relative;
    top: 0;
    font-size: 11px;
}
.woocommerce-breadcrumb a{
    color: #767676;
}

.bts-breadcrumb{
    font-size: 14px;
}
.bts-breadcrumb li{
    display: inline-block;
}
.bts-breadcrumb .seperator{
    margin: 0 6px;
}
.bts-breadcrumb a{
    color: #444
}
.bts-breadcrumb .item-current{
    color: #555;
}
.bts-breadcrumbs i{
    display: inline-block;
    margin: 0 6px;
    color: #1b2c53;
    font-size: 10px
}

.row-jobs {
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.row-jobs .entry-title {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    color: #656c73;
    margin-bottom: 20px;
}

.jobs-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.row-forms {
    margin-bottom: 20px;
}

.row-forms input,
.row-forms textarea {
    border-radius: 0;
    border-color: #dddddd;
}

.btn-sends {
    background: #18d685;
    padding: 8px 30px;
    color: #ffffff;
}

.btn-sends:hover {
    background: #F26127;
    color: #ffffff;
}
.card-article{
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.card-article:last-child {
    border-bottom: 0
}
.article .thumb {
    position: relative;
    overflow: hidden;
    width: 250px;
    float: left;
    margin-right: 20px;
}
.article .thumb img {
    width: 100%;
    height: auto;
    display: block;
    transition: all .3s ease-in-out;
}

.article .thumb:hover img {
    transform: scale(1.1);
    transition: all .3s ease-in-out;
    opacity: .6;
}
.card-article .article-in{
    overflow: hidden;
    margin-top: 15px;
}
.article .date{
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}
.article .date i{
    color: #FBB03C;
}

.article h2 a {
    text-transform: none;
    margin-top: 0px;
    line-height: 1.4;
    overflow: hidden;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.article h2 a {
    color: #444;
}

.article h2 a:hover {
    color: #373c5b;
}
.article .btn-more a{
    background: #FBB03C;
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 3px;
    font-size: 15px;
}
.article .btn-more a:hover{
    background: #166A95;
}

.article .card-excerpt {
    margin-top: 10px;
    position: relative;
    color: #666666;
}
.content-blog{
    max-width: 980px;
    margin: auto;
}

.navpaginate,
.nav-links {
    overflow: hidden;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.pagination {
    margin-bottom: 30px;
    width: 100%;
}

.navpaginate a,
.nav-links a,
.nav-links span,
.navpaginate span {
    border: 1px solid #dddddd;
    width: 38px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    color: #666666;
    margin-right: 6px;
    border-radius: 30px;
}

.navpaginate span,
.nav-links span {
    background: #e68824;
    border-color: #e68824;
    color: #ffffff;
}

.content-none,
.error404-content {
    padding: 60px 0;
    width: 100%;
}

.content-none .img,
.error404-content .img {
    text-align: center;
}

.content-none img,
.error404-content img {
    max-width: 700px;
    margin: auto;
    display: inline-block;
    text-align: center;
}

.bts-search {
    text-align: center;
    margin-top: 30px;
}

.bts-search .form-wrapper {
    max-width: 300px;
    margin: auto;
    position: relative;
}

.bts-search .form-wrapper input {
    border: 1px solid #dddddd;
    padding: 10px 15px;
    border-radius: 30px;
    display: block;
    width: 100%;
}

.bts-search .btn {
    position: absolute;
    right: 10px;
    top: 4px;
    border: 0;
    padding: 6px;
}

.bts-search .home_btn {
    background: #FCB534;
    border-radius: 40px;
    display: inline-block;
    padding: 10px 25px;
    color: #ffffff;
    margin-top: 30px;
}


.widget_product_categories{

}
.widget-product.widget_yith_wc_category_accordion .ywcca_widget_title{
    background: url('./assets/images/icon-bars.png') no-repeat left center;
    background-color: #f2a12b;
    padding: 15px 15px 15px 60px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0
}
.widget-product .ywcca_category_accordion_widget{
    padding-left: 0 !important;
}
.widget-product.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget > li{
    border-bottom: 0 !important;
}
.widget-product.widget_yith_wc_category_accordion ul li:not(.cat-parent), .widget_yith_wc_category_accordion ul li:not(.opened){
    padding: 0 !important;
}
.widget-product .ywcca_category_accordion_widget li{
      position: relative;
}
.widget-product .ywcca_category_accordion_widget li a{
    background: #eee;
    padding: 10px 15px 10px 25px;
    display: block;
    margin-top: 4px;
    color: #333;
}
.widget-product .ywcca_category_accordion_widget li a:before{
  content: "\f111";
    position: absolute;
    left: 10px;
    top: 15px;
    display: block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 8px;
    color: #e68824;

}
.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget li i.icon-plus{
        background: transparent !important;
        position: relative;
}
.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget li i.icon-minus{
    background: transparent !important;
    position: relative;
}

.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget li i.icon-plus:before{
    content: "\f078";
    display: inline-block;
    position: absolute;
    top: 10px;
    border: 1px;
    right: 15px;
    font-size: 12px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
}
.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget li i.icon-minus:before{
    content: "\f077";
    display: inline-block;
    position: absolute;
    top: 10px;
    border: 1px;
    right: 15px;
    font-size: 12px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
}
.widget-product.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget li i{
    position: absolute;
    right: 0;
    float: none;
    z-index: 4;
    top: 0px;
    height: 42px;
    width: 50px;
    margin-top: 0;
}
.widget-product .children{
    padding-left: 0;
}
.widget-product.widget_yith_wc_category_accordion ul.children li:before{
    display: none !important;
}
.widget-product .children li{
    border-bottom: 1px solid #eee !important;
}
.widget-product .children li:last-child{
    border-bottom: 0 !important;
}
.widget-product .children li a{
    background: transparent;
    text-transform: none;
}
.widget-product .children li a:before{
    display: none;
}

.widget-content-product .widget-title-product{
    padding: 10px 15px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 700;
    border-radius: 0;
    font-size: 20px;
    color: #000;
    background: #fff;
    border-bottom: 2px solid #eee;
}
.widget-content-product .wpb_category_n_menu_accordion > ul > li > a{
    background: #fff;
    color: #333 !important;
    font-size: 15px;
    font-weight: 600;
}
.wpb_category_n_menu_accordion li a{
    font-size: 14px;
    font-weight: normal;
}
.widget-content-product .wpb_category_n_menu_accordion > ul > li:not(:last-child) > a{
    border-color: #eee !important;
}
.widget-content-product .wpb-submenu-indicator{
    color: #666;
}
.widget-content-product .wpb-submenu-indicator:hover{
    color: #ff0000 !important;
}
.wpb_category_n_menu_accordion li > a:hover > span.wpb-submenu-indicator{
    color: #ff0000 !important;
}
.cat-item-15{
    display: none !important;
}
.widget-content-product .wpb_category_n_menu_accordion ul > li li{
     background: #fff;
}
.widget-content-product .wpb_category_n_menu_accordion > ul > li > ul > li > a{
    color: #555 !important;
}
.product-categories{
    background: #fff;
}
.widget-content-product .product-categories li a{
    position: relative;
    padding: 10px 15px 10px 25px;
    display: block;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
     border-bottom: 1px solid #eee;
}
.widget-content-product .product-categories li a:before{
  content: "\f105";
    position: absolute;
    left: 10px;
    top: 12px;
    display: block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px;
    color: #e68824;
}
.widget-content-product .product-categories li a:hover{
    color: #e68824
}
.product-categories .children{

}
.product-categories .children li{
    border-bottom: 1px solid #eee;
}
.product-categories .children li:last-child{
    border-bottom: 0;
}
.product-categories .children li a{
    background: transparent;
    text-transform: none;
    font-weight: 400;
    border-bottom: 0;
}
.product-categories .children li a:before{ 
    display: none;
}

.widget-content-product{
    margin-bottom: 20px;
}
.widget-title-product{
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
}
.br_brand_letter_element{
    margin-bottom: 10px
}
.br_brand_letter_element .br_brand_name{
    padding-left: 0;
    color: #555
}
.br_brand_letter_element .br_brand_name:hover{
    color: #e68824
}
.widget-content-product img{
    width: 100%;
    height: auto;
    display: block;
}
.product_list_widget{

}
.product_list_widget li a{
    border-bottom: 0 !important;
    padding: 0;
}

.widget_search .widget-title{
    margin-bottom: 0 !important
}
.search-form{
    background: #eee;
    padding: 15px;
}
.search-form .form-control{
    font-size: 14px;
}
.search-form .search-submit{
    background: #166A95;
    color: #fff;
    font-size: 14px;
}

.widget {
    margin-bottom: 15px;
}

.widget-title {
    text-transform: none;
    color: #333333;
    font-size:18px;
    position: relative;
    font-weight: 500;
    padding: 6px 0;
    text-align: left;
    border-radius: 0;
    margin-bottom: 15px;
    font-family: inherit;
    text-transform: none;
    border-bottom: 1px solid #ddd;

}
.widget-title:after{
    content: "";
    width: 100px;
    height: 1px;
    background: #e68824;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.widget-content img {
    width: 100% !important;
    height: auto;
    max-width: 100%;
}
.widget-content ul li {
    display: block;
}

.widget-content ul li a {
    color: #333333;
    display: block;
    padding: 8px 0;
    border-bottom: 1px dashed #eee
}

.widget-content ul li a:hover {
    color: #005674;
}

.card-newsletter{
    background: #eee;
    padding: 30px 20px;
}
.card-newsletter h2, .card-newsletter p{
    text-align: center
}
.card-newsletter h2{
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase
}
.card-newsletter h2:before{
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background: #999;
    bottom: 0;
    left: 50%;
    margin-left: -20px
}
.card-newsletter p{
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}
.card-newsletter input{
    height: 42px;
}
.btn-newsletter{
    display: block;
    background:#ca962c ;
    border-radius: 0;
    text-align: center;
    width: 100%;
    color: #fff;
    text-transform: uppercase
}
.btn-newsletter:hover{
    color: #fff;
    background: #b28223;
}
.card-cate-service li a{
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%) !important;
    display: block;
    padding: 10px !important;
}

.card-post-new {
    margin-top: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

.card-post-new .thumb {
    position: relative;
    overflow: hidden;
    width: 110px;
    margin-right: 15px;
    float: left
}

.card-post-new .thumb img {
    width: 100%;
    height: auto;
    display: block;
    transition: all .3s ease-in-out;
}

.card-post-new .thumb:hover img {
    opacity: .6;
    transition: all .3s ease-in-out;
}
.cardmd-post-i{
    overflow: hidden
}
.card-post-new h2 {
    margin-top: 0;
    font-family: inherit;
}
.cardmd-post-i .card-date{
    font-size: 11px;
}

.card-post-new h2 a {
    text-transform: none;
    font-weight: 400;
    color: #555;
    line-height: 1.2;
}

.card-post-new h2 a:hover {
    color: #FCB534;
}
.tagcloud{
    margin-top: 10px;
}
.tagcloud a {
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid #eee;
    color: #666;
    border-radius: 30px;
    font-size: 14px !important;
    margin-bottom: 6px;
    margin-right: 2px;
}
.tagcloud a:hover {
    background: #FCB534;
    color: #ffffff;
    border-color: #FCB534
}
.gallery .gallery-item img{
    width: 100%;
    display: block
}
.card-detail-project{
    background: #f4f4f4;
    padding: 15px;
}
.card-list-utili li{
    margin-bottom: 10px;
}
.card-list-utili li i{
    margin-right: 5px;
}
.card-detail-project .detail-title{
    font-size: 25px;
    text-align: center;
    border-bottom: 1px solid #ffffff;
    color: #000000;
    font-weight: 700;
    padding: 10px 0;
    margin-bottom: 20px
}
.card-title-price{
    background: #3f4133;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 15px;
    font-size: 20px;
    font-family: 'Play', sans-serif;
}
.card-sidebar-register{
    box-shadow: 0px 4px 4px 1px rgb(0 0 0 / 7%);
    padding: 15px;
}
.card-sidebar-register h2{
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    padding: 5px 0;
    color: #333;
    margin-bottom: 30px;
}
.card-sidebar-register .row-form-consult{
    margin-bottom: 15px;
}
.card-sidebar-register input{
    height: 44px;
}
.card-sidebar-register .form-control{
    border:  1px solid #eee;
    border-radius: 0;
    font-size: 15px;
}
.row-form-btn-consult .btn-register{
    background: #1baf75;
    width: 100%;
    border-radius: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Play', sans-serif;
    color: #fff
}
.form-contact{
    margin-bottom: 20px;
}
.form-contact input{
    font-size: 14px;
    height: 40px;
}
.form-contact .form-control{
    border-color: #ddd;
}
.btn-contact{
    background: #28437b;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #fff ;
    padding: 8px 25px;
}
.btn-contact:hover{
    background: #1ca650;
}


.hero{
    padding: 100px 0;
}
.hero h1{
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase
}
.section-jobs{
    background: #eee;
    padding: 60px 0;
}
.section-jobs .table thead{
    background: #1baf75;
    color: #fff
}
.section-jobs .table a{
    color: #333
}
.section-jobs .table a:hover{
    color: #3f4133
}
.section-contact-job{
    background: #fff;
    padding: 50px 0;
    text-align: center
}
.section-contact-job a{
    background: #1baf75;
    color: #fff;
    border-radius: 30px;
    padding: 15px 20px;
    font-family: 'Play', sans-serif;
    font-weight: 700;
    text-transform: uppercase   
}
.list-jobs-orther li{
    display: block;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.list-jobs-orther li span{
    display: block
}
.list-jobs-orther li a{
    color: #333;
    display: block
}
.list-jobs-orther li .date{
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}
.list-jobs-orther li:last-child{
    border-bottom: 0
}
.card-apply{
    background: #eee;
    padding: 20px 15px;
    margin-bottom: 30px;
}
.card-apply h2{
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 700
}
.card-apply .row-form-apply{
    margin-bottom: 15px;
}
.row-form-btn-apply .btn{
        background: #1baf75;
    border-radius: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Play', sans-serif;
    color: #fff;
}

.subscribe{
    background:
}
.content-post{

    margin-bottom: 30px;
}
.entry-content {
    margin-bottom: 30px
}
.entry-content .table thead th{
    background: #0693e3;
    color: #fff;
    border-bottom: 0;
    vertical-align: top;
}
.entry-content .table-bordered td, .entry-content .table-bordered th{
    padding: 10px;
}
.entry-content .table{
    text-align: left
}

.entry-content .entry-title {
    font-size: 25px;
    color: #333;
    text-align: left;
    margin-bottom: 20px;
}
.entry-content ul, .entry-content ol{
    margin-top: 15px;
    list-style: inherit;
    padding-left: 30px
}
.entry-content ul li{
    margin-bottom: 10px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2
}

.entry-content p {
    margin-bottom: 15px;
}

.entry-content img {
    max-width: 100%;
    margin-bottom: 10px;
    width: 100% !important;
    height: auto !important
}
.card-consult h2{
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 18px;
}
.card-consult{
    padding: 15px;
    background: #eee;
    margin-bottom: 30px
}

.map {
    margin-bottom: 15px;
}

.row-form {
    margin-bottom: 15px;
}

.row-form input,
.row-form textarea {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
}

.row-form .btn-send {
    background: #252525;
    border-radius: 0;
    color: #fff;
    padding: 8px 30px;
}

.row-form .btn-send:hover {
    background: #ccc;
    color: #333
}
.section-register{
    padding: 60px 0;
    position: relative;
    overflow: hidden
}
.overlay-register{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: rgba(0, 0, 0, .4);
}
.section-register .container{
    z-index: 1;
    position: relative
}
.section-register h2{
    color: #fff; 
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.row-form-register{
    margin-bottom: 15px;
}
.row-form-register .form-control{
    border: 0
}
.row-form-btn-register{
    text-align: center
}
.row-form-btn-register .btn{
    background: #469E22;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 30px;
}

.card-box-detail{
    position: relative; 
    margin-bottom: 30px
}

.project-detail{
  position: relative;
}
.gallery-thumbs .swiper-slide{
  height: 80px;
  background-position: center center;
  border: 0;
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{
  --swiper-navigation-color: #999999;
}
@media(max-width: 991px){
  .gallery-top{
    height: 420px
  }
}
@media(max-width: 467px){
  .gallery-top{
    height: 250px !important
  }
}

.footer{
    position: relative;
}

.footer-nav-link{
    display: block;
    text-align: right
}
.footer-nav-link li{
    display: inline-block
}
.footer-nav-link li a{
    color: #fff;
    padding: 10px 0 10px 15px
}
.footer .widget-title{
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding-bottom: 20px;
    text-align: left;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0
}
.footer .widget-title:after{
    display: none;
}
.footer .widget_media_image img{
    width: auto !important
}
.footer-content h2 {
    font-weight: bold;
    margin-bottom: 5px;
}

.footer-content i {
    width: 12px;
    height: 12px;
    line-height: 20px;
    color: #18d685;
    border-radius: 40px;
    font-size: 13px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.footer-content p {
    margin-bottom: 10px;
}

.footer-col {
    margin-bottom: 30px;
}
.footer-col p{
    margin-bottom: 10px;
}

.footer-col h5 {
    margin-bottom: 20px;
    font-size: 20px;
    color: #333;
    text-transform: none;
    position: relative;
    font-weight: 600
}
.footer-col .social a{
    background: #1baf75;
    width: 42px;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #ffffff;
    border-radius: 30px;
    margin-right: 6px
}
.footer-col .call a{
    color: #fce310;
    font-weight: 700;
    font-size: 20px
}
.footer-col .call a i{
    color: #ffffff;
    border: 1px solid #1baf75;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
}

.footer-col ul li a {
    color: #fff !important;
    display: block;
    padding: 0 0;
    border-bottom: 0;
}
.footer-col ul li{
    margin-bottom: 6px
}
.footer-col ul li a:hover {
    color: #eee !important;
}


.card-info-company{
    text-align: center;
    border-top: 1px solid #dd9225
}

.modal-body .form{
    margin-bottom: 15px;
}
.modal-body .form-submit input{
background: #ff0000;
    width: 100%;
    color: #fff;
}

.cardmedia {
    margin-bottom: 0px;
    text-align: right;
    margin-top: 0px;
}

.cardmedia a {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    color: #ffffff
}

.cardmedia .fb {
    color: #ffffff;
}

.cardmedia .tw {
    color: #ffffff;
}

.cardmedia .pin {
    color: #ffffff;
}

.cardmedia .ins {
    background-image: linear-gradient(to top, #ec6d47 0%, #7e52a1 100%);
    color: #ffffff;
}

.cardmedia .yt {
    color: #ffffff;
}

.copyright {
    background: #0c5d28;
    padding: 18px 0;
    font-size: 13px;
    color: #fff;
    font-family: 'Play', sans-serif;
    text-align: center
}
.text-copy{
    display: block;
}
.copyright a {
    color: #fff
}

.back-to-top {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-block;
    background: #3f3f3f;
    width: 42px;
    line-height: 42px;
    height: 42px;
    border-radius: 6px;
    text-align: center;
    color: #ffffff;
    z-index: 100
}
.back-to-top:hover{
    color: #fff
}
.elementor-counter .elementor-counter-number-suffix {
    text-align: left;
    font-size: 30px;
    position: relative;
    top: 12px;
}
.newsletter{
    position: fixed;
    top: 40%;
    right: -130px;
    z-index: 400;
}
.newsletter:hover{
    right: 0;
}
.newsletter .btn-primary i{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    background: #fbb03c;
}
.newsletter .btn-primary span{
    margin-left: 7px;
}
.newsletter .btn-primary{
    background: #28498B;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 10px;
    border-radius: 40px 0px 0px 40px;
    border: 0;
}
.newsletter .btn-primary:focus{
    outline: 0;
    box-shadow: none;
}
.newsl .modal-title{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
}
.chat-box-zalo{
    position: fixed;
    right: 15px;
    bottom: 150px;
}
.rows-suport{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 0;
    z-index: 1000;
}
.rows-suport .col-suport-icon{
    display: inline-block;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
    text-align: center;

}
.rows-suport .col-suport-icon a{
    border-radius: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    display: inline-block;

}
.rows-suport .col-suport-icon img{
    position: relative;
    top: 8px;
}
.rows-suport .col-suport-icon .phone{
        background: #ee5260;
}
.rows-suport .col-suport-icon .phone-1{
        background: #6adc2f;
}
.rows-suport .col-suport-icon .sconsult{
         background: #b7b766;
}
.rows-suport .col-suport-icon .szalo{
         background: #0068FF;
}
.rows-suport .col-suport-icon .scontact{
         background: #636346;
}
.modal-hotline p span{
    font-weight: normal;
}
.modal-hotline p a{
    color: #da282d;
    font-weight: 700;
    font-size: 18px;
}
.modal-hotline p{
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}
.modal-hotline p a i{
    border-radius: 40px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin-right: 6px;
    border: 1px solid #eee;
}
@media (max-width: 479px){
    .grid-article{
            flex-wrap: wrap;
            display: flex;
    }
    .grid-article .card-i{
        order: 1;
        margin-bottom: 15px;
    }
    .grid-article .thumb{
        order: 2
    }
    .grid-article .thumb{
        width: 100% !important;
        float: none;
    }
    .woocommerce-result-count, .woocommerce-ordering{
        display: none;
    }
    .woocommerce-products-header{
        margin-bottom: 15px;
    }
    .item-product .pwb-brands-in-loop img{
        width: 50px;
        height: 50px;
    }
}
@media (max-width: 574px){
    .card-products{
        margin-left: -6px;
        margin-right: -6px;
    }
    .card-products .product{
        width: 50%;
        padding-left: 6px;
        padding-right: 6px;
        margin-bottom: 12px
    }
    .card-speck{
        border-bottom: 1px solid #136c49 !important;
        border-left: 0 !important;
        padding: 15px;
    }
    .card-speck:nth-child(1){
     
    }
    .card-speck:nth-child(3){
      
    }
    .card-speck:nth-child(4){
     border-bottom: 0 !important;
    }
    
}
@media(max-width: 767px) {
    .image-about .thumb{
        max-width: 100%
    }
    .image-about span{
        right: 45%
    }
    .item-service{
        border-right: 0
    }
    .item-sum{
        max-width: 100%;
        text-align: center;
    }
    .item-art{
        width: 50%
    }
    .item-itr .text-right{
        text-align: left !important;
    }
    .speck{
        border-right: 0
    }
    .card-banner{
        width: 50%
    }
    .btn-package {
        width: 50%;
        margin-top: 50px;
    }
    .section-services .row {
        flex-direction: row;
    }
    .service-img {
        order: 2;
    }
    .service-info {
        padding: 50px !important;
    }
    .card-chose {
        order: 1;
        margin-bottom: 30px;
    }
    .grid-chose {
        box-shadow: 1px 1px 10px -3px rgba(0, 0, 0, 0.2);
        padding: 30px;
    }
    .popular-abouts {
        padding-left: 15px;
        padding-right: 15px;
        margin: 30px 0;
    }
    .main-banner {
        background: #F9F9F9 !important;
    }
    #sidebar {
        margin-top: 30px;
    }
    .yaya-heading {
        right: 0;
        width: 100%;
    }
    .card-process {
        padding: 0 30px;
    }
    .card-process .thumb h2 {
        width: 100%;
        padding: 60px;
        font-size: 25px !important;
    }
    .card-process .thumb .arows {
        display: none;
    }
    .card-mission {
        display: block;
    }
    .card-miss-text {
        padding: 30px;
    }
    .card-customer {
        width: 50%;
    }
    .gallery-item{
        width: 50%;
        margin-bottom: 20px
    }
    .grid-article .thumb{
        width: 150px
    }
    .post-sm .thumb{
        width: 130px !important;
    }
    .post-sm .excrpt{
        display: none
    }
    .card-ms:nth-child(2){
        margin-top: 0
    }
    .card-ms:nth-child(3){
        margin-top: 30px;
    }
    .elementor-col-25{
        width: 100% !important
    }
}
 
@media(max-width: 991px) {
    .elementor-6077 .elementor-element.elementor-element-b08b4ef{
        padding-top: 50px !important
    }
    .elementor-6077 .elementor-element.elementor-element-bd09e0f{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .container-fluid{
        padding-left: 15px;
        padding-right: 15px;
    }
    .desc-about{
        margin-top: 30px;
    }
    .post-lg{
        margin-bottom: 30px;
    }
    .post-sm .thumb{
        width: 200px;
    }
    
    .sticky-category{
        top: 60px;
    }
    .menu-product ul{
        white-space: nowrap;
        overflow: scroll;
    }
    .container {
        max-width: 100%
    }
    .card-logo{
        text-align: center;
    }
    .logo {
        padding-left: 15px;
    }
    .logo img {
        height: 60px !important;
    }
    .service-info {
        padding-left: 100px;
    }
    .navprimary {
        position: relative;
        padding: 6px 0;
    }
    .navprimary .navbar-toggler {
        border: 0;
    }
    .navprimary .form-inline {
        display: block;
    }
    .navprimary .navbar-collapse {
        background: #ffffff;
    }
    .navbar-light .navbar-toggler {
        color: #333 !important
    }
    .navbar-light .navbar-toggler:focus {
        outline: 0 !important
    }
    .navprimary ul li {
        text-align: center;
    }
    .navprimary ul li a {
        padding-top: .5rem;
        padding-bottom: .5rem;
        font-size: 22px;
        font-weight: 200;
    }
    .sticky {
        padding: 0;
    }
    .sticky .logomb img {
        height: 60px;
        transition: all 0.3s ease-out;
    }
    .card-process .thumb h2 {
        font-size: 16px;
    }
    .table td, .table th{
        white-space: nowrap;
    }
}

@media(max-width: 1199px) {
    .navprimary ul li a {
        padding-left: .3rem !important;
        padding-right: .3rem !important;
    }
}
@media(max-width:1277px){
    .search-dropd{
        display:none;
        margin-top: 26px;
    }
}
@media(max-width: 1600px){
    .navlangs, .btn-request{
        padding-left: 0
    }
    .search-dropd .btn{
        padding-left: 3px;
        padding-right: 3px;
    }
    .container-fluid{
        padding-left: 10px;
        padding-right: 10px;
    }
}