.dpf { display: flex; }
.dpfa { display: flex; align-items: center; }
.dpfajc {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dpfjc { display: flex; justify-content: center; }
.dpfw,
.dpfl { flex-wrap: wrap; display: flex; }
.dpfla {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}
.dpfljc {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
.dpfjcw,
.dpfljcw {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
.dpfljs {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
.dpflajc {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ttu { text-transform: uppercase; }
.tac { text-align: center; }
.taj { text-align: justify; }
.tar { text-align: right; }


::-webkit-scrollbar { width: 12px; }
/* Track */
::-webkit-scrollbar-track { background: #fff }
/* Handle */
::-webkit-scrollbar-thumb {
    height: 20%;
    background: #bac99b;
    border: 1px solid #fff;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #E3EECD; }



/*font*/
@font-face {
    font-family: "rob";
    src: url("fonts/rob.ttf");
    font-display: swap;
}
@font-face {
    font-family: "rosb";
    src: url("fonts/rosb.ttf");
    font-display: swap;
}
@font-face {
    font-family: "rom";
    src: url("fonts/rom.ttf");
    font-display: swap;
}
@font-face {
    font-family: "ror";
    src: url("fonts/ror.ttf");
    font-display: swap;
}
@font-face {
    font-family: "rol";
    src: url("fonts/rol.ttf");
    font-display: swap;
}
@font-face {
    font-family: "sab";
    src: url("fonts/sab.otf");
    font-display: swap;
}
@font-face {
    font-family: "sasb";
    src: url("fonts/sasb.otf");
    font-display: swap;
}
@font-face {
    font-family: "sar";
    src: url("fonts/sar.otf");
    font-display: swap;
}
@font-face {
    font-family: "sal";
    src: url("fonts/sal.otf");
    font-display: swap;
}

.container2 { margin-right: auto; margin-left: auto; }
@media (min-width: 1441px) { .container2 { max-width: 1400px; } }
@media (max-width: 1440px) { .container2 { width: 100%; } }
/*IMPORT*/
:root {
    --red: #db1f26;
    --green: #20431E;
    --lgreen: #009444;
    --gray: #000;
    --color-pagination: #20431E;
    --color-pagination-light: #009444;
}
::selection {
    background: #00a2002f;
    color: #000;
}
::-moz-selection {
    background: #00a2002f;
    color: #000;
}
::-webkit-selection {
    background: #00a2002f;
    color: #000;
}

/*HTML*/
html,body,section,input,button,a {
    color: var(--gray);
    font-family: 'ror';
    font-size: 14px;
    line-height: 1.6;
}
body {
    background-color: #f1f1f1;
    z-index: -10;
}
button:focus {
    outline: none;
}
html { scroll-behavior: smooth; }
a[href^=tel]{ color:#000; text-decoration:none;}
strong, b {
    font-family: 'rosb';
    font-weight: normal;
}

.mondial-title {
    padding: 20px;
}
.mondial-title h1,
.mondial-title h2 {
    color: var(--red);
    letter-spacing: 1px;
    line-height: 1.3;
    text-align: center;
    font-family: 'sab';
    text-transform: uppercase;
    font-size: 40px;
    padding-bottom: 10px;
}
.mondial-title .icon {
    text-align: center;
}
.mondial-title .icon img {
    margin: 0 auto;
    width: 150px;
}

.btn-de:focus {
    outline: none;
}

.mondial-button,
.mondial-button-2 {
    display: inline-block;

}
.btn-de,
.mondial-button a,
.mondial-button-2 a {
    justify-content: center;

    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1;
    border-radius: 10px;
}

.btn-de,
.mondial-button a {
    font-family: 'rom';
    border: unset;
    color: #fff;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, var(--green), var(--lgreen), var(--green), var(--lgreen));
    transition: all .4s ease-in-out;
    width: 160px;
    padding: 10px 15px;
}
.btn-de:hover {
    cursor: pointer;
}
.btn-de:hover,
.mondial-button a:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
}
.mondial-button a img {
    width: 10px;
    padding: 0 0 2px 10px;
}


.mondial-button-2 a {
    font-size: 16px;
    font-family: 'rosb';
    font-weight: normal;
    text-align: center;
    color: var(--lgreen);
    background-color: #fff;
    border: 2px solid #fff;
    padding: 10px 20px;
    transition: 0.2s;
}
.mondial-button-2 a i {
    padding-left: 10px;
}
.mondial-button-2:hover a {
    color: #fff;
    background-color: var(--red);
}


.animation-element {
    position: relative;
    z-index: 10;
}
.animation-element.slide-left {
    transform: translate3d(-100px, 0px, 0px);
}
.animation-element.slide-right {
    transform: translate3d(100px, 0px, 0px);
}
.animation-element.slide-top {
    transform: translate3d(0px, -100px, 0px);
}
.animation-element.slide-bottom {
    transform: translate3d(0px, 100px, 0px);
}

.animation-element.slide-left,
.animation-element.slide-right,
.animation-element.slide-top,
.animation-element.slide-bottom {
    opacity: 0;
    transition: all 500ms linear;
}

.animation-element.slide-left.in-view,
.animation-element.slide-right.in-view,
.animation-element.slide-top.in-view, 
.animation-element.slide-bottom.in-view {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    z-index: 0;
}


.button-glow-1 {
    animation: glowing1 1500ms infinite;
}
  
@keyframes glowing1 {
    0% { box-shadow: 0px 0px 0px 1px #5c91637c;}
    50% { box-shadow: 0px 0px 0px 5px #5c91637c;}
    100% { box-shadow: 0px 0px 0px 1px #5c91637c;}
} 
.button-glow-2 {
    animation: glowing2 1500ms infinite;
}
  
@keyframes glowing2 {
    0% { box-shadow: 0px 0px 0px 2px #ffffff65;}
    50% { box-shadow: 0px 0px 0px 7px #ffffff65;}
    100% { box-shadow: 0px 0px 0px 2px #ffffff65;}
} 

.button-glow-3 {
    animation: glowing3 1500ms infinite;
}
  
@keyframes glowing3 {
    0% { box-shadow: 0px 0px 0px 2px #ff737365;}
    50% { box-shadow: 0px 0px 0px 7px #ff737365;}
    100% { box-shadow: 0px 0px 0px 2px #ff737365;}
} 

.button-glow-4 {
    animation: glowing4 1500ms infinite;
}
  
@keyframes glowing4 {
    0% { box-shadow: 0px 0px 0px 2px #21913190;}
    50% { box-shadow: 0px 0px 0px 18px #21913190;}
    100% { box-shadow: 0px 0px 0px 2px #21913190;}
} 



.shaking {
    animation: shaking 1.5s cubic-bezier(.36,.07,.19,.97) both;
    animation-iteration-count: infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;

    perspective: 1000px;
}
@keyframes shaking {
10%, 90% {
    transform: translate3d(-1px, 0, 0);
}

20%, 80% {
    transform: translate3d(2px, 0, 0);
}

30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
}

40%, 60% {
    transform: translate3d(4px, 0, 0);
}
}



/*HEAD*/
#head_top {
    background-color: #fff;
    width: 100%;
    position: fixed;
    z-index: 100;
}
#head_top_in {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 5px #404040;
}
#head_bottom {
    padding-top: 70px;
}
/*MIDDLE*/

/*FOOT*/



/*trang dich vu*/
#tlp_service {
    
}

.service-banner .banner-in {
    height: 300px;
    background: #00000080;
    position: relative;
}
.service-title h1 {
    line-height: 1.2;
    font-size: 40px;
    font-family: 'sab';
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}




.block-service-1 .box-1 {
    position: relative;
}
.block-service-1 .box-1 .left,
.block-service-1 .box-1 .right {
    position: relative;
    z-index: 10;
}
.block-service-1 .box-1 .left {
    padding: 50px;
    color: #fff;
    
}

.block-service-1 .box-1 .left .read-more {
    padding-top: 20px;
}


.block-service-1 .box-1 .right img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}
.block-service-1 .list-info-1 {
    padding: 50px 0;
}
.block-service-1 .list-info-1 .item {
    position: relative;
    
    margin: 20px;
    height: calc(120px - 40px);
    padding: 3px;
    background: linear-gradient(to right, var(--lgreen), var(--green));
}
.block-service-1 .list-info-1 .info {
    padding: 0 20px;
    height: 100%;
    line-height: 1.4;
    color: #fff;
    font-family: 'rom';
    background: linear-gradient(to right, var(--green), var(--lgreen));
}

.block-service-1 .list-info-1 .item .triangle {
    position: absolute;
    bottom: 0;
    left: 0;
	width: 0;
	height: 0;
	border-width: 30px 0 0 30px;
	border-color: transparent transparent transparent #f1f1f1;
	border-style: solid;
}

.block-service-1 .box-3 {
    color: #fff;
    padding: 100px 0;
}

.block-service-1 .box-3 .right {
    padding: 20px 50px;
}
.block-service-1 .box-3 .left {
    padding: 20px 50px;
    font-size: 24px;
}
.block-service-1 .box-3 .list-info-2 .item {
    padding: 10px 0;
    font-size: 16px;
    line-height: 1;
}

.block-service-1 .box-3 .read-more .mondial-button {
    margin: 10px 20px;
}


.block-service-1 .box-3 .list-info-2 .item i {
    padding-right: 5px;
}




.block-service-1 .box-4 {
    padding: 100px 10px;
}
.block-service-1 .box-4 .top-info {
    font-family: 'sasb';
    font-size: 28px;
    color: #fff;
    padding-bottom: 20px;
}
.block-service-1 .box-4 .list-info-3 .item {
    margin: 20px 10px;
    height: calc(100% - 40px);
    background-color: var(--red);
    border-radius: 20px;
}

.block-service-1 .box-4 .list-info-3 .item .info {
    padding: 30px;
    color: #fff;
}
.block-service-1 .box-4 .list-info-3 .item .title {
    font-size: 18px;
    font-family: 'rom';
    padding: 10px;
}
.block-service-1 .box-4 .list-info-3 .item .text {
    line-height: 1.3;
}
.block-service-1 .box-4 .list-info-3 .item .number span {
    margin: 0 auto;
    color: var(--red);
    font-family: 'sab';
    font-size: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
}
.block-service-2 {
    background-color: #fff;
    padding-bottom: 50px;
}
.block-service-2 .decor {
    position: absolute;
    right: 0;
    top: 0;
}

.block-service-2 .box-2 {
    padding: 50px 20px 20px 20px;
    overflow: hidden;
    position: relative;
}
.block-service-2 .box-2 .decor {
    position: absolute;
    right: 0;
    top: 0;
}
.block-service-2 .box-2 .decor img {
    max-width: 600px;
}
.block-service-2 .box-2 .left img {
    width: 100%;
    display: block;
}
.block-service-2 .box-2 .right .list-info-1 {
    padding: 20px;
}
.block-service-2 .box-2 .right .list-info-1 .item {
    margin: 10px 20px;
}
.block-service-2 .box-2 .right .list-info-1 .icon {
    margin-right: 5px;
    padding: 10px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: var(--red);
}
.block-service-2 .box-2 .right .list-info-1 .icon img {
    width: 45px;
    height: 45px;
    display: block;
}
.block-service-2 .box-2 .right .list-info-1 .text {
    height: 50px;
    width: 100%;
    background-color: var(--red);
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 10px 20px;
    color: #fff;
    line-height: 1.3;
    font-family: 'rom';
}
.block-service-2 .box-3 {
    padding: 20px;
}
.block-service-2 .box-3 img {
    width: 100%;
    display: block;
}

.block-service-2 .box-4 .top {
    color: var(--red);
    line-height: 1.4;
    padding: 20px;
}
.block-service-2 .box-4 .top span {
    font-size: 20px;

    text-transform: uppercase;
    font-family: 'rom';
}

.block-service-2 .box-4 .list-info-2 .item {
    margin: 20px;
    line-height: 1.4;
}
.block-service-2 .box-4 .list-info-2 .info .title {
    height: 80px;
    padding: 3px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: linear-gradient(to right, var(--lgreen), var(--green));
    box-shadow: 5px 5px 10px #808080;
}
.block-service-2 .box-4 .list-info-2 .info .title>div{
    padding: 0 20px;
    height: 100%;
    border-top-left-radius: 17px;
    border-bottom-right-radius: 17px;
    background: linear-gradient(to right, var(--green), var(--lgreen));
}

.block-service-2 .box-4 .list-info-2 .info .title {
    color: #fff;
    font-family: 'rom';
}
.block-service-2 .box-4 .list-info-2 .info .text {
    padding: 20px 10px 10px 10px;
}

.block-service-3 .box-1 .right img {
    width: 100%;
    display: block;
}
.block-service-3 .box-1 .left {
    padding: 20px 30px;
}
.block-service-3 .box-1 .left .title-2 {
    font-family: 'sab';
    font-size: 24px;
    color: var(--lgreen);
    padding-bottom: 10px;
}
.block-service-3 .box-1 .left ul {
    padding-left: 20px;
    list-style-type: disc;
}
.block-service-3 .box-1 .left ul li {
    line-height: 1.3;
    padding: 8px 0;
}
.block-service-3 .box-2 {
    color: #fff;
    padding: 80px 0;
}
.block-service-3 .box-2 .title-3 {
    font-size: 24px;
    font-family: 'rosb';
}
.block-service-3 .box-2 .list-info-1 .item {
    margin: 20px;
    height: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.block-service-3 .box-2 .list-info-1 .item .info {
    position: relative;
    top: -35px;
    border-radius: 30px;
    line-height: 1.3;
    padding: 40px 20px 20px 20px;
    background-color: var(--red);
    display: flex;
    flex-direction: column;
    flex: 1;
}
.block-service-3 .box-2 .list-info-1 .item .icon {
    position: relative;
    z-index: 10;
}
.block-service-3 .box-2 .list-info-1 .item .icon-in {

    display: inline-block;
    border-radius: 50%;
    padding: 3px;
    background: linear-gradient(to right, var(--lgreen), var(--green));
}
.block-service-3 .box-2 .list-info-1 .item .icon img {
    background: linear-gradient(to right, var(--green), var(--lgreen));
    border-radius: 50%;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    display: block;
}

.block-service-3 .box-2 .list-info-1 .item .info .title {
    padding: 10px 0;
    font-size: 16px;
    font-family: 'rom';
}
.block-service-3 .box-3 {
    padding: 50px 20px;
}

.block-service-3 .box-3-in {
    border-radius: 30px;
    padding: 50px;
    color: #fff;
    font-size: 18px;
    background-color: var(--green);
}
.block-service-3 .box-4 .list-info-2 {
    padding-bottom: 30px;
}
.block-service-3 .box-4 .list-info-2 .item {
    margin: 20px;
}
.block-service-3 .box-4 .list-info-2 .item .icon {
    padding-right: 10px;
}
.block-service-3 .box-4 .list-info-2 .item .icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    line-height: 1;
    border-radius: 50%;
    background: var(--lgreen);
    color: #fff;
}
.block-service-3 .box-4 .list-info-2 .item .text {
    font-size: 18px;
    line-height: 1.3;
}


.block-service-4 .box-2 {
    padding: 20px;
    overflow: hidden;
    position: relative;
}
.block-service-4 .box-2 .decor {
    position: absolute;
    right: 0;
    top: 0;
}
.block-service-4 .box-2 .decor img {
    max-width: 600px;
}
.block-service-4 .box-1-in {
    padding: 30px;
}
.block-service-4 .box-2 .list-info-1 {
    padding-bottom: 50px;
}
.block-service-4 .box-2 .list-info-1 .item {
    height: calc(100% - 30px);
    margin: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: linear-gradient(to right, #e6e6e6, #fff);
    box-shadow: 5px 5px 10px #bbb;
}
.block-service-4 .box-2 .list-info-1 .item .text {
    padding: 40px 20px;
    line-height: 1.3;
    color: var(--red);
    font-family: 'rom';
}
.block-service-4 .box-2 .list-info-1 .item .text span {
    font-size: 30px;
    font-family: 'sasb';
    
}
.block-service-4 .box-3 {
    background-color: #f1f1f1;
}
.block-service-4 .box-3 .left>img,
.block-service-4 .box-3 .right>img {
    width: 100%;
    display: flex;
}
.block-service-4 .box-3 .left .content,
.block-service-4 .box-3 .right .content {
    padding: 20px 50px;
}

.block-service-4 .box-3 .right .quote img {
    width: 50px;
}
.block-service-4 .box-3 .right .content {
    font-size: 40px;
    line-height: 1.2;
    color: var(--lgreen);
    font-family: 'sab';
}
.block-service-4 .box-4 {
    padding: 100px 0;
    position: relative;
}
.block-service-4 .box-4 .decor {
    position: absolute;
}
.block-service-4 .box-4 .decor-1 {
    top: 0;
    right: 0;
}
.block-service-4 .box-4 .decor-2 {
    bottom: 0;
    left: 0;
}
.block-service-4 .box-4 .decor img {
    max-width: 300px;
    opacity: 0.3;
}
.block-service-4 .box-4 .list-info-2 {

    position: relative;
    z-index: 10;
}
.block-service-4 .box-4 .list-info-2>div:nth-child(2),
.block-service-4 .box-4 .list-info-2>div:nth-child(3) {
    background-color: var(--red);
    color: #fff;
}
.block-service-4 .box-4 .list-info-2>div:nth-child(1),
.block-service-4 .box-4 .list-info-2>div:nth-child(4) {
    background-color: #fff;
}

.block-service-4 .box-4 .list-info-2 .item .info {
    padding: 30px;
    border: 2px solid var(--red);
} 
.block-service-4 .box-4 .list-info-2 .item .icon img {
    width: 70px;
    padding-bottom: 10px;
}

.block-service-5 .box-1-title {
    font-size: 24px;
    line-height: 1.2;
    color: var(--green);
    font-family: 'sab';
    padding: 20px;
}
.block-service-5 .box-1 {
    padding: 50px 0;
}
.block-service-5 .box-1 .list-info-1 {
    padding: 0 0 50px 0;
}
.block-service-5 .box-1 .list-info-1 .item {
    margin: 10px 20px;
    height: calc(100% - 20px);
}
.block-service-5 .box-1 .list-info-1 .item .text {
    font-size: 20px;
    color: #fff;
    line-height: 1.2;
    padding: 20px;
    height: calc(100% - 40px);
    border-radius: 40px;
    border: 2px solid var(--green);
    background: linear-gradient(to right, var(--lgreen), var(--green));
}

.block-service-5 .box-2 {
    padding: 100px 0;
    color: #fff;
}

.block-service-5 .box-2-title {
    font-size: 24px;
    line-height: 1.2;
    font-family: 'sab';
    text-align: center;
    text-transform: uppercase;
}
.block-service-5 .box-2-content {
    padding: 40px 20px 20px 20px;
    line-height: 1.4;
    text-align: justify;
}
.block-service-5 .list-info-2 .item {
    margin: 20px;
}
.block-service-5 .list-info-2 .item .icon {
    display: inline-flex;
    border-radius: 50%;
    padding: 2px;
    background: linear-gradient(to right, var(--green), var(--lgreen));
}
.block-service-5 .list-info-2 .item .icon img {
    width: 64px;
    height: 64px;
    padding: 15px;
    border-radius: 50%;
    background: linear-gradient(to right, var(--lgreen), var(--green));
}
.block-service-5 .list-info-2 .item .text {
    padding: 10px 0 0 0;
    font-family: 'rom';
    font-size: 24px;
}




.block-service-5 .box-3 {
    padding: 0 0 0px 0;
}
.block-service-5 .box-3-content {
    height: 100%;
    background-color: var(--red);
}
.block-service-5 .box-3-content .content-in {
    padding: 100px 40px;
    color: #fff;
    font-family: 'sab';
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.3;
}

.block-service-5 .box-3 .box {
    height: 100%;
}
.block-service-5 .box-3 .list-info-3 {
    padding: 0 20px;
}
.block-service-5 .box-3 .list-info-3 .item  {
    margin: 20px;
}
.block-service-5 .box-3 .list-info-3 .item .icon {
    padding-right: 15px;
}
.block-service-5 .box-3 .list-info-3 .item .icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    line-height: 1;
    border-radius: 50%;
    background: var(--lgreen);
    box-shadow: 2px 2px 5px #808080;
    color: #fff;
}
.block-service-5 .box-3 .list-info-3 .item .text {
    line-height: 1.3;
}




.block-service-6 {
    padding: 50px 10px 0 10px;
    overflow: hidden;
    position: relative;
}
.block-service-6 .decor {
    position: absolute;
    right: 0;
    top: 0;
}
.block-service-6 .decor img {
    max-width: 600px;
}

.block-service-6 ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.block-service-6 ul li .item {
    margin: 20px 15px;
    height: calc(100% - 40px);
}
.block-service-6 ul li a {
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 10px 10px -8px #000000;
}
.block-service-6 ul li .item .image {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 100%;
}

.block-service-6 ul li .item .image img {
    transition: 0.4s;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.4s;
}
.block-service-6 ul li .item:hover .image img {
    transform: scale(1.1);
}
.block-service-6 ul li .item .name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0 20px 0;
    background: linear-gradient(#00000000, #000);
   
}
.block-service-6 ul li .item .name-in {
    line-height: 1.4;
    font-family: 'rom';
    padding: 0 10px;
    color: #fff;
    border-left: 5px solid var(--lgreen);
}
/*trang gioi thieu*/
#tlp_about_us {
    overflow: hidden;
    position: relative;
}
#tlp_about_us>.decor {
    position: absolute;
    top: 300px;
    left: -50px;
    z-index: -1;
}
#tlp_about_us>.decor img {
    max-width: 500px;

}

/*trang chu*/
/*all blocks*/
/*.block-about*/
.block-about-in {

    overflow: hidden;
}
.block-about .top {
    padding: 50px 50px 30px 50px;
}
.block-about .top-in {
    padding-top: 30px;
}
.block-about .right,
.block-about .left {
    padding: 20px;
}
.block-about .mondial-title h2 {
    color: #fff;
}
.block-about .mondial-title .underline {
    background: #fff;
}
.block-about .content {
    font-size: 17px;
}
.block-about .quote img {
    width: 100px;
}
.block-about .quote h1 {
    color: #fff;
    font-family: 'rosb';
    line-height: 1.4;
    font-size: 36px;
}
.block-about .top .right .image img {
    width: 100%;
    display: block;
}

.block-about .read-more {
    justify-content: center;
}

.block-about .read-more .mondial-button {
    margin: 10px 20px;
}

/*.block-quote*/
.block-quote-1 {
    padding: 50px 0;
}
.block-quote-2 {
    padding: 100px 0;
}
.block-quote .icon img {
    width: 60px;
}
.block-quote-1 .content h1 {
    font-size: 30px;
    padding-top: 20px;
    line-height: 1.3;
    font-family: 'sasb';
    color: var(--red);
}
.block-quote-2 {
    color: #fff;
}
.block-quote-2 .content-1 h2 {
    line-height: 1.3;
    font-size: 30px;
    font-family: 'sasb';
    padding: 20px 0;
}
.block-quote-2 .content-2 {
    padding: 20px;
}

/*.block-title*/
.block-title .title h1 {
    color: var(--red);
    font-size: 40px;
    line-height: 1.5;
    font-family: 'sab';
}

/*.block-info*/
.block-info-1 .image img {
    width: 100%;
    height: 500px;
    display: block;
    object-fit: cover;
}
.block-info-1 .content {
    padding: 30px 50px;
}

.block-info-2,
.block-info-3,
.block-info-4-in,
.block-info-5,
.block-info-7 {
    padding: 50px 0;
}
.block-info-2 .image,
.block-info-2 .box-in {
    padding: 20px;
}

.block-info-2 .title h2,
.block-info-3 .title h2,
.block-info-5 .title h2,
.block-info-6 .title h2 {
    color: var(--red);
    font-size: 40px;
    line-height: 1.5;
    font-family: 'sab';
}
.block-info-4 .title h2 {
    color: #fff;
    font-size: 40px;
    font-family: 'sab';
}
.block-info-2 {
    position: relative;
    overflow: hidden;
}
.block-info-2 .decor {
    position: absolute;
    top: 0;
    right: 0;
}
.block-info-2 .decor img {
    max-width: 600px;
}
.block-info-2 .icon {
    padding-bottom: 20px;
}

.block-info-2 .icon img,
.block-info-3 .icon img,
.block-info-4 .icon img {
    width: 200px;
}

.block-info-2 .image img {
    width: 100%;
    display: block;
}

.block-info-5 {
    background-color: #fff;
}
.block-info-3 .list-infos .box {
    color: #fff;
    border-radius: 20px;
    height: calc(100% - 40px);
    margin: 20px 30px;
    transition: 0.2s;
    border-bottom: 5px solid var(--red);
}
.block-info-3 .list-infos .box-in {
    height: calc(100% - 40px);
    padding: 20px;
    display: flex;
    flex-direction: column;
}
.block-info-3 .list-infos .box:hover {
    box-shadow: 0 5px 5px #404040;
}
.block-info-3 .list-infos .box .info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    line-height: 1.4;
    padding: 0 0 10px 0;
    font-family: 'rosb';
    font-size: 18px;
}
.block-info-3 .list-infos .box .content {
    flex: 2;
}
.block-info-3 .list-infos .item:nth-child(1) .box {
    background-color: #396F3F;
}
.block-info-3 .list-infos .item:nth-child(2) .box {
    background-color: #4C8F47;
}
.block-info-3 .list-infos .item:nth-child(3) .box {
    background-color: #62B34E
} 

.block-info-4-in {
    background-color: #00000080;
}
.block-info-4 .list-infos .box {
    margin: 20px;
}

.block-info-4 .list-infos .box .square {
    position: relative;
    margin: auto;
    width: 70%;
    border-radius: 50%;
    
    transition: 0.2s;
}
.block-info-4 .list-infos .box .square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.block-info-4 .list-infos .box .square-in {
    background-color: #fff;
    box-shadow: 5px 5px 10px #000;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.block-info-4 .list-infos .box .square h4 {
    padding: 20px;
    font-family: 'sab';
    color: var(--lgreen);
    font-size: 24px;
    line-height: 1.2;
}

.block-info-4 .list-infos .box .content {
    padding-top: 20px;

}
.block-info-4 .list-infos .box .content span {
    color: #fff;
    line-height: 1.4;
    display: block;
    padding: 6px 0;
}
.block-info-5 .image {
    text-align: center;
}
.block-info-5 .image img {
    width: 100%;
    max-width: 1000px;
}
.block-info-6 {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}
.block-info-6 .decor {
    position: absolute;
    top: 0;
    right: 0;
}
.block-info-6 .decor img {
    max-width: 600px;
}
.block-info-6 .title h2 {
    line-height: 1.2;

}
.block-info-6-in .image img {
    display: block;
    width: 100%;
    object-fit: cover;
}
.block-info-6-in .item-2 .box {
    background-color: #fff;
    padding: 50px;
    border: 3px solid var(--lgreen);
}
.block-info-6 .content-1 {
    color: var(--green);
    line-height: 1.5;
    font-size: 20px;
    font-family: 'sab';
    padding-top: 20px;
}

.block-info-7 .left {
    padding: 20px;
}

.block-info-7 .title h2 {
    font-size: 30px;
    line-height: 1.3;
    color: var(--red);
    font-family: 'sab';
}
.block-info-7 .right .box {
    padding: 20px;
}
.block-info-7 .right .info {
    font-family: 'sab';
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 20px;
    background-color: var(--green);
}
.block-info-7 .right .content {
    padding-top: 10px;
}


/*.block-banner*/
.block-banner img,
.block-banner-2 img {
    width: 100%;
    display: block;
}
.block-banner .banner-in,
.block-banner-2 .banner-in {
    position: relative;
}
.block-banner-head .read-more, 
.block-banner .read-more {
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
}

.block-banner-head .read-more .mondial-button-2,
.block-banner-2 .read-more .mondial-button-2,
.block-banner .read-more .mondial-button-2 {
    border-radius: 10px;
}


/*.block-banner-head*/
.block-banner-head .item {
    position: relative;
}
.block-banner-head .item img {
    width: 100%;
    display: block;
}
.block-banner-head .banner-head-nav button {
    cursor: pointer;
    color: #fff;
    background-color: #00000050;
    border: 0;
    transition: 0.3s;
    border-radius: 50%;
}

.block-banner-head .banner-head-nav button:focus {outline:0;}
.block-banner-head .banner-head-nav button:hover {
    background: #fff;
    color: var(--lgreen);
}
.block-banner-head .banner-head-prev,
.block-banner-head .banner-head-next {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 1;
    transform: translate(0%, -50%);
    box-shadow: 2px 2px 5px #000;
}
.block-banner-head .banner-head-prev {
    left: 10px;
}
.block-banner-head .banner-head-next {
    right: 10px;
}
.owl-carousel .owl-stage, 
.owl-carousel.owl-drag .owl-item{
    -ms-touch-action: pan-y !important;
    touch-action: pan-y !important;
}
/*.block-copyright*/
.block-copyright {
    padding: 10px 5px;
    background-color: #366938;
}
.block-copyright .copyright {
    align-items: center;
    justify-content: space-between;
}
.block-copyright .copyright,
.block-copyright a {
    display: inline-block;
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
}
.block-copyright strong {
    font-family: 'rob';
    font-weight: normal;
}
.block-copyright .copyright,
.developed-by-mondial {
	padding: 5px;
}
.developed-by-mondial {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/*.block-form-contact*/
.block-form-contact {
    overflow: hidden;
    position: relative;
}
.block-form-contact .banner img {
    width: 100%;
    display: block;
}
.block-form-contact .decor img {
    position: absolute;
    top: 0;
    left: -50px;
    max-width: 500px;
    z-index: -1;
}
.block-form-contact .box-info {
    padding: 30px 0px;
}
.block-form-contact .box-info-in {
    border-radius: 20px;
    border: 2px solid var(--lgreen);
    padding: 20px;
    margin: 20px;
}
.the-form-contact .item {
    margin: 20px;
}
.the-form-contact img {
    max-width: 100%;
    display: block;
}
.block-form-contact .info {
    padding-bottom: 20px;
}
.block-form-contact .info p {
    margin: 10px 0;
}
.block-form-contact .btn-de {
    margin: auto;
}
.block-form-contact .read-more .mondial-button {
    margin: 20px;
}



/*.block-home-contact*/
.block-home-contact .top .title {
    font-family: 'sab';
    background-color: var(--green);
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    padding: 20px;
}

.block-home-contact .top-in {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 3px 6px -4px #00000029, 0 3px 6px #0000003b;
}
.block-home-contact .top .main-number {
    background-color: #fff;
    padding: 20px;
}
.block-home-contact .top img {
    width: 40px;
    display: block;
}
.block-home-contact .top span {
    font-size: 32px;
    color: #404040;
    letter-spacing: 1px;
    padding-left: 10px;
    font-family: 'sab';
}
.block-home-contact .bottom {
    padding-top: 30px;
}

.block-home-contact .bottom .item {
    border-radius: 10px;
    overflow: hidden;
    margin: 10px;
    height: calc(100% - 60px);
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 3px 6px -4px #00000029, 0 3px 6px #0000003b;
}
.block-home-contact .bottom .item .title {
    padding-bottom: 10px;
    color: #808080;
    font-size: 16px;
    font-family: 'sab';
    line-height: 1.2;
    
}
.block-home-contact .bottom .item {
    flex-direction: column;
    justify-content: space-between;
}

.block-home-contact .bottom .item i {
    line-height: 1;
    padding-top: 5px;
    color: var(--lgreen);
    padding-right: 10px;
}
.block-home-contact .bottom .item span {
    color: var(--green);
}
.block-home-contact .bottom .line {
    width: 100%;
    height: 3px;
    background-color: var(--lgreen);
    bottom: 0;
    left: -100%;
    transition: 0.3s;
}
.block-home-contact .bottom .item:hover .line {
    left: 0;
}



/*.block-hotline*/
.block-hotline {
    display: flex;
    align-items: center;
}

.block-hotline span {
    padding-right: 5px;
}
.hotline-button .button-in {
    display: inline-block;
}
.hotline-button {
    border-radius: 10px;
}
.hotline-button a {
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    font-family: 'rob';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px;
    line-height: 1;
    background-size: 300% 100%;
    border-radius: 10px;
    background-image: linear-gradient(to right, var(--green), var(--lgreen),var(--green), var(--lgreen));
    transition: all .4s ease-in-out;
}

.hotline-button a:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
}
.hotline-button a i {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lgreen);
    width: 22px;
    height: 22px;
    font-size: 12px;
    border-radius: 50%;
    background-color: #fff;
}
.hotline-button a span {
    padding-left: 10px;
}

/*.block-lang*/
.block-lang .box-control {
    display: flex;
}
.block-lang .box-control i {
    margin-left: 10px;
    cursor: pointer;
}
.block-lang .box-control i img {
    width: 30px;
    display: block;
}



/*.block-news-category*/
/*.block-product-category*/
.block-product-category {
    padding: 6px;
}
.block-news-category ul,
.block-product-category ul {
    padding: 10px 0 20px 0;
    background-color: #fff;
}
.block-news-category .title,
.block-product-category .title {
    font-size: 18px;
    color: #fff;
    background-color: var(--lgreen);
    padding: 20px;
    line-height: 1;
    letter-spacing: 1px;
    font-family: 'rom';
}
.block-news-category ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.block-product-category ul li a {
    background-color: #fff;
    display: block;
    margin: 5px;
    padding: 8px 10px;
    line-height: 1.2;
    transition: 0.2s;
}
.block-product-category ul li a i {
    color: var(--lgreen);
    padding: 2px 5px 0 0;
    transition: 0.2s;
}
.block-product-category ul li:hover a i {
    color: #fff;
    padding: 0 5px 0 3px;
}
.block-news-category>ul>li>a.main:hover,
.block-news-category>ul>li>a.sub:hover,
.block-product-category ul li a:hover{
    background-color: var(--lgreen);
    color: #fff;
}
.block-news-category ul {
    padding-bottom: 3px;
}
.block-news-category ul>li>a.main {

}
.block-news-category ul>li>a.main {
    border-left: 3px solid var(--lgreen);
    background-color: #fff;
    display: block;
    margin: 5px;
    padding: 8px 10px;
    line-height: 1.4;
    transition: 0.2s;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'rom';
}



.block-news-category ul>li {
    width: 100%;
}
.block-news-category ul>li>a.sub {
    font-size: 13px;
    width: calc(100% - 50px);
    letter-spacing: 1px;
    background-color: #f1f1f1;
    display: flex;
    margin: 2px 5px;
    padding: 8px 20px;
    line-height: 1;
    transition: 0.2s;
}
.block-news-category ul>li>a.sub::before {
    content: "\279E";
    padding-right: 5px;
}



/*.block-logo*/
.block-logo a {
    display: block;
}
.block-logo a img {
    display: block;
    width: 120px;
}



/*.block-service*/
.block-service {
    overflow: hidden;
    position: relative;
    padding: 50px 0;
}
.block-service .decor img {
    display: block;
    width: 500px;
    position: absolute;
    top:  -100px;
    left: -100px;
}
.block-service ul li img {
    width: 100%;
}


.block-service ul .item a .image {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.block-service ul .item a .image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.4s;
}
.block-service ul .item a:hover .image img {
    transform: scale(1.1);
}

.block-service ul .item a .image .info {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(#00000000, #000000d0);
}
.block-service ul .item a .image .info h3 {
    font-family: 'rosb';
    letter-spacing: 1px;
    color: #fff;
    padding: 0 20px;
    margin: 40px 0 20px 0;
    border-left: 8px solid var(--red);
    transition: 0.2s;
    line-height: 1.3;
}
.block-service ul .item a:hover .image .info h3 {
    padding: 10px 20px;
}


/*.block-service-bottom*/
.block-service-bottom {
    padding: 50px 0;
}
.block-service-bottom .read-more {
    padding-top: 20px;
}
.block-product-related,
.block-project-related,
.block-service-related {
    padding: 30px 10px;
}
.project-list-grid ul li,
.product-list-grid ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.project-list-grid ul li .box {
    height: calc(100% - 20px);
    margin: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.2s;
}
.project-list-grid ul li .box .image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    border: 3px solid #fff;
    padding-top: 100%;
}
.project-list-grid ul li .box:hover .image {
    border: 3px solid var(--red);
}

.product-list-grid ul li .box {
    height: calc(100% - 20px);
    margin: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.2s;
}
.product-list-grid ul li .box .image {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 3px 3px 5px #000;
    width: 100%;
    padding-top: 100%;
}
.project-list-grid ul li .box .image img,
.product-list-grid ul li .box .image img {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.4s;
}
.project-list-grid ul li .box:hover .image img,
.product-list-grid ul li .box:hover .image img {
    transform: scale(1.1);
}
.project-list-grid ul li .box .info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    width: calc(100% - 20px);
    transition: 0.2s;
}

.project-list-grid ul li .box .info h4 {
    font-size: 14px;
    line-height: 1.2;
    font-family: 'rom';
    font-weight: normal;
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
}

.product-list-grid ul li .box .info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    width: calc(100% - 20px);
}
.product-list-grid ul li .box .info h4 {
    font-size: 14px;
    line-height: 1.2;
    font-family: 'rom';
    font-weight: normal;
    border-radius: 8px;
    padding: 10px;
    background-color: #fff;
    color: var(--lgreen);
}

.product-list-grid ul li .box:hover .info h4 {
    background-color: var(--lgreen);
    color: #fff;
}

.project-list-grid ul li .box:hover .info h4 {
    background-color: var(--red);
    color: #fff;
}

.list-products-3 .item {
    margin: 10px;

}
.list-products-3 .box .image {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-top: 100%;
}
.list-products-3 .box .image img {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.4s;
}
.list-products-3 .box:hover .image img {
    transform: scale(1.1);
}
.list-products-3 .box .image .bottom {
    width: 100%;
    align-items: flex-end;
    position: absolute;
    bottom: 0px;
    left: 0px;

}

.list-products-3 .box .image .name {
    letter-spacing: 1px;
    color: #fff;
    line-height: 1.3;
    font-size: 13px;
    padding: 20px 0;
    font-family: 'rom';
    font-weight: normal;
    background: linear-gradient(#00000000, #000);
}
.list-products-3 .box .image .name-in {
    border-left: 4px solid var(--red);
    padding: 0 10px;
}


/*.block-partner*/
.list-photos-in {
    position: relative;
}
.list-photos-prev,
.list-photos-next {
    display: flex;
    align-items: center;
    justify-content: center;
    background:linear-gradient(to right, var(--green), var(--lgreen));
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 20px);
    color: #fff;
    border: 0px solid #fff;
    box-shadow: 0px 0px 3px #404040;
    cursor: pointer;
    outline: none;
}
.list-photos-prev i,
.list-photos-next i {
    font-size: 16px;
    line-height: 1;
    transition: 0.2s;
}
.list-photos-prev:hover i,
.list-photos-next:hover i {
    color: var(--red);
}
.list-photos-prev{
    left: -10px;
}
.list-photos-next{
    right: -10px;
}
.block-partner {
    background-color: #f1f1f1;
    padding: 50px 0;
}
.block-partner .item .logo {
    padding: 10px;
}
.block-partner .item .logo img {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 3px 3px 6px #777777;
    width: 100%;
    display: block;
}

/*.block-project*/
.block-project {
    position: relative;
    padding-bottom: 50px;
}
.block-project .decor img {
    z-index: -1;
    position: absolute;
    right: 0;
    top: -100px;
    display: block;
    max-width: 600px;
}
.block-project .title-sub {
    padding: 0 20px;
    font-size: 24px;
    color: var(--lgreen);
    font-family: 'sasb';
    line-height: 1.4;
}
.block-project .list-infos {
    padding: 20px 50px;
}

.block-project .item a {
    display: block;
    margin: 12px;
    line-height: 1.5;
}
.block-project .item a .image {
    border: 3px solid #00000000;
    overflow: hidden;
    border-radius: 15px;
    padding-top: 100%;
    position: relative;
    transition: 0.3s;
}

.block-project .item a:hover .image {
    border: 3px solid var(--red);
}
.block-project .item a img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.4s;
}
.block-project .item a:hover img {
    transform: scale(1.1);
}
.block-project .item a .text {
    position: absolute;
    width: calc(100% - 20px);
    margin: 10px;
    bottom: 0;
    left: 0;
}
.block-project .item a h4 {
    line-height: 1.4;
    font-family: 'rosb';
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    letter-spacing: 1px;
    transition: 0.2s;
}
.block-project .item a:hover h4 {
    color: #fff;
    background-color: var(--red);
}
.block-project .read-more {
    padding: 0 20px 40px 20px;
    text-align: center;
}

/*.block-product*/
.block-product {
    padding: 50px 0;
}
.block-product .mondial-title {
    padding: 0 0 20px 0;
}
.block-product .mondial-title h2 {

    color: #fff;
    text-align: left;
    padding: 0;
}
.block-product-in {
    padding: 100px 50px;
}

.block-product ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.block-product ul li .box {
    height: 100%;
    margin: 10px;
    display: flex;
    flex-direction: column;
    transition: 0.2s;
}

.block-product ul li .box .image {
    box-shadow: 3px 3px 5px #000;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.block-product ul li .box .image img {
    width: 100%;
    display: block;
    transition: 0.4s;
}
.block-product ul li .box:hover .image img {
    transform: scale(1.1);
}
.block-product ul li .box .image .bottom {
    width: 100%;
    align-items: flex-end;
    position: absolute;
    bottom: 0px;
    left: 0px;

}
.block-product ul li .box .image .name {
    box-shadow: 2px 2px 5px #212121;
    letter-spacing: 1px;
    background-color: #fff;
    color: var(--lgreen);
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    line-height: 1.4;
    font-family: 'rosb';

}

.block-product .list-photos-next,
.block-product .list-photos-prev {
    box-shadow: 0px 0px 5px #000;
    top: unset;
    bottom: -50px;
}


/*.block-foot-info*/

#foot_middle {
    overflow: hidden;
    position: relative;
}
#foot_middle .decor-background {
    z-index: -100;
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #11300f, #009444);
}
    
#foot_middle .decor img {
    z-index: -10;
    position: absolute;
    bottom: 0px;
    right: 0;
    max-width: 900px;
    display: block;
}

.block-foot-contact {
    padding: 10px;
    background-color: #fff;
}
.block-foot-contact-in {
    justify-content: space-evenly;
}
.block-foot-contact h3 {
    color: var(--green);
    line-height: 1.3;
    padding: 10px;
    font-size: 20px;
    font-family: 'rosb';
    font-weight: normal;
}
.block-foot-contact .mondial-button {
    margin: 10px;
}
.block-foot-info {
    padding: 50px 0;
    color: #fff;
}

.block-foot-info .box {
    padding: 20px;
}

.block-foot-info .logo {
    max-width: 240px;
    width: 100%;
    display: block;
    margin: auto;
}
.block-foot-info .image-bct {
    padding: 20px 0;
}

.block-foot-info .image-bct img {
    width: 100%;
    max-width: 160px;
    display: block;
}

.block-foot-info .list-1 img,
.block-foot-info .list-2 img,
.block-foot-info .list-3 img {
    display: block;
}
.block-foot-info .list-1 a {
    margin: 10px;
    transition: 0.2s;
}
.company-name {
    padding: 10px;
    line-height: 1;
    font-family: 'rosb';
    letter-spacing: 1px;
}
.block-foot-info .hotline {
    padding: 10px;
}
.block-foot-info .hotline>div {
    display: inline-block;
    font-family: 'rosb';
    letter-spacing: 1px;
    line-height: 1;
    padding: 7px 10px ;
    background: #fff;

    border-radius: 20px;
    margin: 5px;
    transition: 0.3s;
}
.block-foot-info .hotline * {
        color: var(--green) !important;
}
.block-foot-info .title {
    font-size: 18px;
    font-family: 'rosb';
}
.block-foot-info .list-1 img {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 7px #303030;
    padding: 5px;
    width: 32px;
    height: 32px;
    display: block;
}

.block-foot-info .list-1 a:hover {
    transform: scale(1.1);
}

.block-foot-info .list-2 img {
    width: 24px;
    height: 24px;
    padding-right: 8px;
}
.block-foot-info .list-3 img {
    width: 12px;
    height: 15px;
    padding: 2px 8px 0 0;
}
.block-foot-info .list-2 li,
.block-foot-info .list-3 li {
    margin-top: 10px;
    padding: 0;
    font-size: 16px;
    line-height: 1.2;
    transition: 0.2s;
}
.block-foot-info .list-2 li:hover,
.block-foot-info .list-3 li:hover {
    text-shadow: 0 0 2px #000;
}
.block-foot-info .list-2 li span {
    padding-top: 3px;
}
.block-foot-info .list-3 li a {
    padding: 5px 0;
    font-size: 16px;
    line-height: 1.4;
}


.block-foot-info .map {
    overflow: hidden;
    border-radius: 20px;
    border: 5px solid #fff;
}
.block-foot-info .map iframe {
    width: 100%;
    display: block;
    height: 300px;
}
.block-foot-info .box a {
    color: #fff;
}



/*.block-why*/
.block-why {
    padding: 50px 0 0 0;
}
.block-why ul li .box {
    position: relative;
    padding: 20px;
    transition: 0.2s;
    margin: 15px;
    border-radius: 20px;
    border-bottom: 5px solid var(--red);
}

.block-why ul li:hover .box {

    box-shadow: 3px 3px 8px #404040;
    top: -5px;
}

.block-why ul li .box-in {
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    position: relative; /* If you want text inside of it */
}
.block-why ul li .box-in-in {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.block-why ul li:nth-child(1) .box {
    background-color: #366938;
}
.block-why ul li:nth-child(2) .box {
    background-color: #009345;
}
.block-why ul li:nth-child(3) .box {
    background-color: #02B24D;
}
.block-why ul li:nth-child(4) .box {
    background-color: #48D848;
}

.block-why ul li .box .icon img {
    max-width: 130px;
    display: block;
    margin: auto;
}
.block-why ul li .box .text {
    color: #fff;
    line-height: 1.4;
    letter-spacing: 1px;
    font-size: 18px;
    font-family: 'rosb';
}
/*MENU DESKTOP*/
/*parent*/
.block-menu-main-in .hidden {
    display: none;
}
.block-menu-main-in>ul {
    justify-content: center;
    transition: 0.2s;
}

.block-menu-main-in>ul>li {
    display: inline-block;
    position: relative;
}

.block-menu-main-in>ul>li>a {
    line-height: 1;
    font-size: 13px;
    font-family: 'rom';
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 0;
    margin: 0 18px;
    display: inline-block;
    position: relative;
    transition: 0.2s;
}
.block-menu-main-in>ul>li.active>a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--red);
    height: 3px;
    width: 50px;
}
.block-menu-main-in>ul>li:hover>a {
    color: var(--red);
}
.block-menu-main-in>ul>li>i {
    display: none;
}
/*sub*/
.block-menu-main-in>ul>li>ul {
    visibility: hidden;
    position: absolute;
    background-color: #fafafa;
    z-index: 1;
    -webkit-transition: all 0.2s; /* Safari */
    transition: all 0.1s;
    opacity: 0;
    top: 32px;
    box-shadow: 0 5px 7px -5px #404040;
}

.block-menu-main-in>ul>li:hover>ul {
    visibility: visible;
    opacity: 1;
}
.block-menu-main-in>ul>li>ul>li {
    text-align: left;
    transition: 0.2s;
}

.block-menu-main-in>ul>li:nth-child(4)>ul {
    width: 500px;
    padding: 6px;
    display: flex;
    flex-wrap: wrap;
}
.block-menu-main-in>ul>li:nth-child(4)>ul>li {
    width: 50%;
}


.block-menu-main-in>ul>li:nth-child(4)>ul::-webkit-scrollbar { width: 4px; }
.block-menu-main-in>ul>li:nth-child(4)>ul::-webkit-scrollbar-track { background: #fff; }
.block-menu-main-in>ul>li:nth-child(4)>ul::-webkit-scrollbar-thumb {
    height: 30%;
    background: #bbb;
    border: 0;
}
.block-menu-main-in>ul>li:nth-child(4)>ul::-webkit-scrollbar-thumb:hover { 
    background: #7c7c7c; 
}


.block-menu-main-in>ul>li>ul>li>a::before {
    content: "\25BA";
    color: var(--lgreen);
    padding-right: 10px;
}
.block-menu-main-in>ul>li>ul>li>a {
    padding: 8px 15px;
    display: block;
    font-size: 14px;
    line-height: 1.3;
    white-space: nowrap;
}
.block-menu-main-in>ul>li>ul>li:hover>a,
.block-menu-main-in>ul>li>ul>li:hover>a::before {
    color: #fff;
}
.block-menu-main-in>ul>li>ul>li:hover {
    background-color: var(--lgreen);
}
.block-menu-main-in>ul>li:last-child>ul {
    left: unset;
    right: 0;
}
.block-menu-main-in>ul>li>ul>li,
.block-menu-main-in>ul>li>ul>li>ul>li {
    position: relative;
}
.block-menu-main-in>ul>li>ul>li>ul {
    z-index: 100;
    position: absolute;
    display: none;
    top: 0;
    left: 100%;
    list-style: none;
    box-shadow: 0 5px 7px -5px #404040;
}
.block-menu-main-in>ul>li>ul>li:hover>ul {
    display: block;
    background-color: var(--lgreen);
}
.block-menu-main-in>ul>li>ul>li>i {
    display: none;
}   
.block-menu-main-in>ul>li>ul>li>ul>li>a {
    color: #fff;
    display: block;
    position: relative;
    z-index: 120;
    text-align: left;
    padding: 8px 15px;
    line-height: 1.3;
    white-space: nowrap;
    transition: 0.2s;
}
.block-menu-main-in>ul>li>ul>li>ul>li>i {
    line-height: 1;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 7px;
    display: inline-block;
}
.block-menu-main-in>ul>li>ul>li>ul>li>ul {
    z-index: 120;
    position: absolute;
    display: none;
    top: 0;
    left: 100%;
    list-style: none;
    box-shadow: 0 5px 7px -5px #404040;
}
.block-menu-main-in>ul>li>ul>li>ul>li:hover>ul {
    display: block;
    background-color: var(--green);
}

.block-menu-main-in>ul>li>ul>li>ul>li:hover>a {
    background-color: var(--green);
}

.block-menu-main-in>ul>li>ul>li>ul>li>ul>li>a {
    white-space: nowrap;
    display: block;
    line-height: 1.3;
    padding: 8px 15px;
    transition: 0.2s;
    color: #fff;
}
.block-menu-main-in>ul>li>ul>li>ul>li>ul>li:hover>a,
.block-menu-main-in>ul>li>ul>li>ul>li>ul>li:nth-child(2n + 1):hover a {
    background-color: #404040;
}
.block-menu-main-in>ul>li>ul>li>ul>li>ul>li:nth-child(2n + 1) a {
    background-color: #20431E50;
}
/*MENU MOBILE*/
.fixed-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    z-index: 200;
}

.fixed-menu .hidden {
    display: none;
}
.fixed-menu>ul {
    padding-bottom: 40px;
}
.fixed-menu>ul>li {
    display: block;
    padding: 5px 20px;
}
.fixed-menu>ul>li>a {
    color: var(--green);
    line-height: 1;
    letter-spacing: 1px;
    font-family: 'rom';
    text-transform: uppercase;
    font-size: 17px;
}
.fixed-menu>ul>li>ul>li {
    padding: 10px 5px 0 0;
}
.fixed-menu>ul>li>ul>li>a::before {
    content: '\25BA';
    padding-right: 6px;
    color: var(--lgreen);
}
.fixed-menu>ul>li>ul {
    padding-bottom: 20px;
}

.fixed-menu>ul>li>ul>li>a {
    font-size: 13px;
    font-family: 'rom';
    line-height: 1;
    text-transform: uppercase;
}
.fixed-menu>ul>li>ul>li>ul {
    padding: 0 0 15px 0;
    display: none;
}
.fixed-menu>ul>li>ul>li>ul>li>a {
    font-size: 13px;
    line-height: 1;
    padding: 0 0 0 15px;
}
.fixed-menu>ul>li>ul>li>ul>li>a::before {
    content: '\2937';
    padding-right: 6px;
    font-size: 20px;
    color: var(--lgreen);
}
.fixed-menu>ul>li>ul>li>ul>li>ul {
    padding-bottom: 10px;
}
.fixed-menu>ul>li>ul>li>ul>li>ul>li>a {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    padding: 0 0 0 40px;
}

.show-main-menu b {
    font-size: 2em;
    display: inline-block;
    color: var(--green);
    cursor: pointer;
}
.close-main-menu {
    text-align: right;
}
.close-main-menu b {
    font-size: 2em;
    display: inline-block;
    margin: 15px 10px;
    color: var(--green);
    cursor: pointer;
}
.block-slider-item {
    position: relative;
}
.block-slider-item .centered {
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*#pagination*/
#pagination{
    text-align: center;
    padding: 20px 0px;
}
#pagination strong,
#pagination a {
    margin: 2px;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    padding: 10px 15px;
    font-family: 'rom';
    font-weight: normal;
}
#pagination a {
    background-color: #fff;
    transition: 0.2s;
}
#pagination strong {
    background-color: var(--green);
    color: #fff;
}
#pagination a:hover,
#pagination strong:hover{
    background-color: var(--lgreen);
}
#pagination a:hover{
    color: #fff;
}
/*#breadcrumb*/
#breadcrumb {
    color: #fff;
    background-color: var(--green);
    padding: 8px 10px;
}
#breadcrumb a {
    color: #fff;
    font-size: 13px;
}
#breadcrumb ul li:first-child i{
    display: none;
}
#breadcrumb ul li {
    display: inline-block;
}

/*default*/
.title-lg h1 {
    text-align: center;
    color: var(--red);
    font-family: 'sasb';
    padding: 50px 0px 0 0;
    font-size: 2em;
    line-height: 1.2;
}
.news-title-underline {
    margin: auto;
    width: 80px;
    height: 5px;
    background-color: var(--green);
}
.title-de {
    font-weight: bold;
}
.title-sm {
    color: var(--green);
}

/*[BUTTON]*/

/*[Admin edit block]*/
.box-admin-edit-block{
    margin: -2px;
    border: 1px dashed #9c2020 ;
     outline: 1px dashed #fff;
}

.btn-admin-edit{
    position: relative;
    z-index: 999;
    float: left;
}
.btn-admin-edit:hover span{
    visibility: visible;
    opacity:1;
}
.btn-admin-edit span.left{
    left: 20px;
    padding: 0px 10px 0px 20px;
}
.btn-admin-edit span.right{
    right: -20px;
    padding: 0px 20px 0px 10px;
}

.btn-admin-edit span{
    visibility: hidden;
    opacity:0;
    position: absolute;
    white-space: nowrap;
    bottom: 5px;
    background-color: #9c2020;
    line-height: 25px;
    border: 2px solid #460101;
    color: #fff;
}
.btn-admin-edit i{
    position: absolute;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background-color: #9c2020;
    border: 2px solid #460101;
    border-radius: 50%;
    bottom: 5px;
    left: 5px;
    z-index: 999;
    cursor: pointer;
}
.btn-admin-edit i:hover{
    background-color: #460101;
}

/*[FORM]*/
.form-site .form-site-buttons{
    text-align: center;
    padding: 20px 0px;
}
.form-site .part-input-site {
    width: 100%;
    margin: 5px 0px;
    position: relative;
}

.form-site .part-input-site:nth-child(2),
.form-site .part-input-site:nth-child(3) {
    width: 48%;
}
.form-site .form-site-inputs{
    display: flex;
    flex-wrap: wrap;
}
.form-site .form-site-full {
    justify-content: space-between;
    width: 100%;
}
.form-site .form-site-group{
    width: 50%;
}

/*input site text*/
.form-site .part-input-site-text.half-left{
    width: calc(50% - 5px);
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 0px;
    float: left;
}

.form-site .part-input-site-text.half-right{
    width: calc(50% - 5px);
    margin-left: 5px;
    margin-bottom: 10px;
    margin-top: 0px;
    float: right;
}

.form-site .input-site-text {
    padding: 5px 10px;
    width: calc(100% - 22px);
    height: 30px;
    border: none;
    background-color: transparent;
    border-bottom: 2px solid var(--green);
}

.form-site .box-label-site-text{
    padding: 5px;
    text-align: left;
}
.form-site .error-validation-site-text{
    position: absolute;
    font-size: 11px;
    padding: 3px 5px;
    color: #f00;
    top: 12px;
    right: 0;
}
/*end input site text*/

/*input site textarea*/
.form-site .input-site-textarea {
    padding: 5px 10px;
    width: calc(100% - 22px);
    height: 100px;
    border: none;
    background-color: transparent;
    border-bottom: 2px solid var(--green);
}
.form-site .input-site-textarea::placeholder{
    font-size: 0px;
}
.form-site .box-label-site-textarea{
    padding: 5px;
    text-align: left;
}
.form-site .error-validation-site-textarea{
    position: absolute;
    font-size: 11px;
    padding: 3px 5px;
    color: #f00;
    top: 12px;
    right: 0;
}
/*end input site textarea*/

/*input site radio*/
.form-site .part-input-site-radio{
    display: flex;
    flex-wrap: wrap;
}
.form-site .box-input-site-radio{
    width: 50%;
    position: relative;
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    margin: 5px 0px;
}
.form-site .box-input-site-radio .input-site-radio{
    position: absolute;
    visibility: hidden;
}
.form-site .box-input-site-radio .label-site-radio{
    display: block;
    position: relative;

    font-size: 20px;
    margin-top: 5px;
    padding-left: 30px;
    padding-right: 10px;
}
.form-site .box-input-site-radio .check{
    display: block;

    border-radius: 50%;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 8px;
}
.form-site .box-input-site-radio .input-site-radio:checked ~ .check:after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);

}
/*end input site radio*/

/*input site checkbox*/
.form-site .part-input-site-checkbox{
    display: flex;
    flex-wrap: wrap;
}
.form-site .box-input-site-checkbox{
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 5px 0px;
}
.form-site .box-input-site-checkbox .input-site-checkbox{
    position: absolute;
    visibility: hidden;
}
.form-site .box-input-site-checkbox .label-site-checkbox{
    display: block;
    position: relative;
    margin-left: 10px;

    font-size: 20px;
    margin-top: 5px;
    padding-left: 25px;
    margin-left: -20px;
}
.form-site .box-input-site-checkbox .check{
    display: block;

    height: 18px;
    width: 18px;
    position: relative;
}
.form-site .box-input-site-checkbox .input-site-checkbox:checked ~ .check:after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);

}
/*end input site checkbox*/

/*input site select*/
.form-site .input-site-select{
    border: 0px;
    padding: 10px 20px;
    font-size: 16px;
    display: inline-block;
}
/*end input site select*/

/*input site datepicker*/
.form-site .box-input-site-datepicker{
    position: relative;
}
.form-site .box-input-site-datepicker i{
    position: absolute;
    color: #8a0304;
    left: 180px;
    top: 10px;
    font-size: 20px;
}
.form-site .input-site-datepicker{
    width: 192px;
    padding: 10px 0px 10px 20px;
}
/*end input site datepicker*/



/*WRAPPER_CENTER*/
.wrapper-center {
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 426px) {.wrapper-center { width:360px;}}
@media (min-width: 569px) {.wrapper-center {width:660px;}}
@media (min-width: 769px) {.wrapper-center {width:900px;}}
@media (min-width: 1025px) {.wrapper-center {width:1100px;}}
@media (min-width: 1281px) {.wrapper-center {width:1200px;}}
/*CKEDITOR*/

/*div reponsive*/
.box-ckeditor [device] {
    display: none;
    width: 100% !important;
}
@media screen and (max-width: 568px) {
    .box-ckeditor [device="mobile"] {display: block;}
}
@media screen and (max-width: 1024px) and (min-width: 569px) {
    .box-ckeditor [device="tablet"] {display: block;}
}
@media screen and (min-width: 1025px) {
	.box-ckeditor [device="desktop"] {display: block;}
}
/*div reponsive end*/

.box-ckeditor {
    font-size: 15px;
    padding: 30px 0;
}
.box-ckeditor p {
    margin: 15px 0;
}
.box-ckeditor iframe {
    max-width: 100%;
}
.box-ckeditor ol {
    list-style: decimal;
}
.box-ckeditor ol li,
.box-ckeditor ul li {
    margin: 15px 0;
    line-height: 1.3;
}
.box-ckeditor ol li::marker,
.box-ckeditor ul li::marker {
    width: 20px;
}
.box-ckeditor ol {
    list-style: decimal;
}
.box-ckeditor ul {
    list-style: initial;
}

.box-ckeditor table td {
    line-height: 1.3;
}

.box-ckeditor .cke_editable {
	font-size: 13px;
	line-height: 1.6;
	/* Fix for missing scrollbars with RTL texts. (#10488) */
	word-wrap: break-word;
}


.box-ckeditor blockquote {
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

.box-ckeditor .cke_contents_ltr blockquote {
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.box-ckeditor .cke_contents_rtl blockquote {
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
}

.box-ckeditor a {
	color: #0782C1;
}

.box-ckeditor ol,.box-ckeditor ul,.box-ckeditor dl
{
	padding: 0 0 0 30px;
}

.box-ckeditor h1,.box-ckeditor h2,.box-ckeditor h3,.box-ckeditor h4,.box-ckeditor h5,.box-ckeditor h6
{
	font-weight: normal;
	line-height: 1.2;
}

.box-ckeditor hr {
    margin: 15px 0 20px 0;
	border: 0px;
	border-top: 1px solid #ccc;
}

.box-ckeditor img.right {
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

.box-ckeditor img.left {
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}

.box-ckeditor pre {
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	tab-size: 4;
}

.box-ckeditor .marker {
	background-color: Yellow;
}

.box-ckeditor span[lang] {
	font-style: italic;
}

.box-ckeditor figure {
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

.box-ckeditor figure > figcaption {
	text-align: center;
	display: block; /* For IE8 */
}

.box-ckeditor a > img {
	padding: 1px;
	margin: 1px;
	border: none;
}

/* Widget Styles */
.box-ckeditor .code-featured
{
	border: 5px solid red;
}

.box-ckeditor .math-featured
{
	padding: 20px;
	box-shadow: 0 0 2px rgba(200, 0, 0, 1);
	background-color: rgba(255, 0, 0, 0.05);
	margin: 10px;
}

.box-ckeditor .image-clean
{
	border: 0;
	background: none;
	padding: 0;
}

.box-ckeditor .image-clean > figcaption
{
	font-size: .9em;
	text-align: right;
}

.box-ckeditor .image-grayscale
{
	background-color: white;
	color: #666;
}

.box-ckeditor .image-grayscale img, img.image-grayscale
{
	filter: grayscale(100%);
}

.box-ckeditor .embed-240p
{
	max-width: 426px;
	max-height: 240px;
	margin:0 auto;
}

.box-ckeditor .embed-360p
{
	max-width: 640px;
	max-height: 360px;
	margin:0 auto;
}

.box-ckeditor .embed-480p
{
	max-width: 854px;
	max-height: 480px;
	margin:0 auto;
}

.box-ckeditor .embed-720p
{
	max-width: 1280px;
	max-height: 720px;
	margin:0 auto;
}

.box-ckeditor .embed-1080p
{
	max-width: 1920px;
	max-height: 1080px;
	margin:0 auto;
}

.box-ckeditor img {
    max-width: 100% !important;
}
/*messenger*/
.wrap-messenger {
    padding: 5px 20px;
    color: #fff;
    position: relative;
}
.wrap-messenger p {
    display: inline-block;
}
.wrap-messenger i {
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 8px;
}
.wrap-messenger.status-1 {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.wrap-messenger.status-2{
    background-color: #286090;
    border-color: #204d74;
}
.wrap-messenger.status-3{
    background-color: #ec971f;
    border-color: #d58512;
}
.wrap-messenger.status-4{
    background-color: #c9302c;
    border-color: #ac2925;
}




/****************/
/*news*/
/*default*/

/*.block-news*/
.block-news {
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}
.block-news .decor img {
    z-index: -1;
    width: 600px;
    display: block;
    position: absolute;
    top:  -100px;
    left: -100px;
}
.block-news .read-more {
    text-align: center;
    padding: 20px;
}


.news-list-default {
    padding: 20px;
}
.news-item-default {
    display: block;
    margin: 10px;
    height: calc(100% - 20px);
}
.news-item-default .image {
    border-radius: 15px;
    overflow: hidden;
}
.news-item-default img {
    width: 100%;
    display: block;
    height: 280px;
    object-fit: cover;
    transition: 0.4s;
}
.news-item-default:hover img {
    transform: scale(1.1);
}
.news-item-default .title {
    padding-bottom: 10px;
}
.news-item-default .title h3 {
    text-align: center;
    font-size: 18px;
    font-family: 'rom';
    font-weight: normal;
    transition: 0.2s;
}

.news-item-default .info {
    padding: 10px 20px;
}

.news-item-default:hover .title h3 {
    color: var(--lgreen);
}
.news-item-default .title h3,
.news-item-default .description {
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/*Responsive*/
/*mi*/@media screen {}
/*mi-sm*/@media (min-width: 569px) {
    .dom,
    .block-call {
        display: none;
    }
    .block-service ul .item:nth-child(1) { grid-area: alpha1; }
    .block-service ul .item:nth-child(2) { grid-area: alpha2; }
    .block-service ul .item:nth-child(3) { grid-area: alpha3; }
    .block-service ul .item:nth-child(4) { grid-area: alpha4; }
    .block-service ul .item:nth-child(5) { grid-area: alpha5; }
    .block-service ul .item:nth-child(6) { grid-area: alpha6; } 
    .grid-container {
        display: grid;
        grid-template-areas:
          'alpha1 alpha2 alpha3'
          'alpha1 alpha4 alpha5'
          'alpha6 alpha6 alpha6';
        grid-gap: 20px;
    }

    .block-service ul .item:nth-child(2) a .image .info h3,
    .block-service ul .item:nth-child(3) a .image .info h3,
    .block-service ul .item:nth-child(4) a .image .info h3,
    .block-service ul .item:nth-child(5) a .image .info h3 {
        font-size: 20px;
    }
    .block-service ul .item:nth-child(1) a .image .info h3,
    .block-service ul .item:nth-child(6) a .image .info h3 {
        font-size: 36px;
    }
    .block-banner-2 .read-more {
        position: absolute;
        right: 25%;
        bottom: 7%;
        transform: translate(50%, 0%);
    }
}
/*mi-sm*/@media (min-width: 769px) {
    .display-none {
        display: none !important;
    }
    .block-about .top .right .image {
        max-height: 180px;
    }
    .block-about .top .right .image img {
        box-shadow: 10px -10px #f1f1f1;
    }
    .block-about .read-more {
        padding-top: 30px;
    }
    .block-project .item a h4 {
        font-size: 18px;
    }
    .block-product .mondial-title h2 {
        font-size: 30px;
    }
    .block-service ul .item:nth-child(1) a .image { 
        height: 580px;
    }
    .block-service ul .item:nth-child(2) a .image,
    .block-service ul .item:nth-child(3) a .image,
    .block-service ul .item:nth-child(4) a .image,
    .block-service ul .item:nth-child(5) a .image,
    .block-service ul .item:nth-child(6) a .image { 
        height: 280px;
    }
    .block-info-6-in {
        position: relative;
        display: flex;
        padding-top: 50px;
    }
    .block-info-6-in .image {
        padding-bottom: 80px;
    }

    .block-info-6-in .item-1 {
        height: 100%;
    }
    .block-info-6-in .item-2 {
        position: absolute;
        z-index: 2;
        bottom: 0;
        right: 0;
    }

    .block-product .list-photos-next {
        right: 0;
    }
    .block-product .list-photos-prev {
        left: calc(100% - 90px);
    }
    .block-service-1 .box-1:after {
        content: "";
        background-color: #404040;
        position: absolute;
        top: 0;
        left: 0;
        width: 70%;
        height: 100%;
 
    }
    .block-service-1 .box-1 {
        padding: 50px 0;
    }

}
/*mi-sm*/@media (min-width: 1025px) {
    .block-menu-main {
        display: inline-block;
    }

}
/*ma*/@media screen {}
/*ma-lg*/@media (max-width: 1280px) {
    .block-menu-main-in>ul>li>a {
        margin: 0 12px;
    }
}
/*ma-lg*/@media (max-width: 1024px) {
    .block-logo {
        order: 1;
    }
    .block-hotline {
        order: 2;
    }
    .block-lang {
        order: 3;
    }
    .block-menu-main-mobile {
        order: 4;
    }
    .block-info-1 .content,
    .block-info-6-in .item-2 .box {
        padding: 30px;
    }
    .block-info-6-in .item-2 .content-1 {
        font-size: 16px;
    }

    .block-title .title h1,
    .block-info-2 .title h2, 
    .block-info-3 .title h2, 
    .block-info-4 .title h2,
    .block-info-5 .title h2, 
    .block-info-6 .title h2,
    .block-info-7 .title h2 {
        font-size: 28px;
    }
    .block-info-2 .icon img, 
    .block-info-3 .icon img, 
    .block-info-4 .icon img {
        width: 150px;
    }
    .block-service-1 .list-info-1 .item {
        margin: 20px 10px;
    }

    .block-service-4 .box-3 .right .content {
        font-size: 30px;
    }
    .block-service-6 ul li .item {
        margin: 20px 10px;
    }
}


/*ma-md*/@media (max-width: 768px) {
    .block-about .quote {
        text-align: center;
    }
    .block-about .top .right .image img {
        padding: 10px;
        width: calc(100% - 20px);
        background-color: #fff;
    }

    .block-info-1 .top {
        flex-direction: column-reverse;
    }
    .block-service-1 .box-1 .left .read-more,
    .block-info-2 .box-in {
        text-align: center;
    }
    .block-info-3 .list-infos .box {
        margin: 20px 10px;
    }
    .block-info-6-in .image {
        padding: 30px 0;
    }

    .block-quote-1 .content h1 {
        font-size: 30px;
        padding: 20px;
    }
    .block-quote-2 .content-1 h2 {
        padding: 20px;
        font-size: 30px;
    }

    .block-product .mondial-title h2 {
        text-align: center;
    }
    .block-product .read-more {
        text-align: center;
        padding-bottom: 20px;
    }
    .block-product .read-more .button-in a {
        margin: auto;
    }

    .block-project .list-infos {
        padding: 20px 10px;
    }
    .block-project .item a {
        margin: 5px;
    }

    .block-service ul .item:nth-child(1) a .image { 
        height: 500px;
    }
    .block-service ul .item:nth-child(2) a .image,
    .block-service ul .item:nth-child(3) a .image,
    .block-service ul .item:nth-child(4) a .image,
    .block-service ul .item:nth-child(5) a .image,
    .block-service ul .item:nth-child(6) a .image { 
        height: 240px;
    }

    .block-service ul .item:nth-child(2) a .image .info h3,
    .block-service ul .item:nth-child(3) a .image .info h3,
    .block-service ul .item:nth-child(4) a .image .info h3,
    .block-service ul .item:nth-child(5) a .image .info h3 {
        font-size: 18px;
    }
    .block-service ul .item:nth-child(1) a .image .info h3,
    .block-service ul .item:nth-child(6) a .image .info h3 {
        font-size: 24px;
    }
    .block-product .list-photos-next {
        right: calc(50% - 45px);
    }
    .block-product .list-photos-prev {
        left: calc(50% - 45px);
    }
    .news-item-default {
        margin: 20px 5px;
        height: calc(100% - 40px);
    }
    .news-item-default img {
        height: 180px;
    }
    .copyright-in {
        justify-content: center;
    }
    .service-banner .banner-in {
        height: 400px;
    }
    .service-title h1{
        padding: 20px;
        width: calc(100% - 40px);
        font-size: 30px;
        left: 0;
        transform: translate(0%, -50%);
    }


    .block-service-1 .box-1 .left {
        background-color: #404040;
    }
    .block-service-3 .box-2 .list-info-1 .item {
        margin: 10px;
        height: calc(100% - 20px);
    }
    .block-service-4 .box-2 .list-info-1 .item {
        margin: 15px 10px;
    }
    .block-service-4 .box-2 .list-info-1 .item .text {
        padding: 10px;
    }

    .block-service-5 .box-1 .list-info-1 .item {
        margin: 10px;
    }

    .block-service-5 .box-1 .list-info-1 .item .text {
        font-size: 15px;
    }
    .block-service-5 .box-3 .list-info-3 {
        padding: 50px 20px;
    }
}
/*ma-sm*/@media (max-width: 568px) {
    .mondial-title h1,
    .mondial-title h2 {
        font-size: 30px;
    }
 
    .block-call {
        display: inline-block;
        border-radius: 50%;
        position: fixed;
        z-index: 50;
        left: 15px;
        bottom: 15px;
    }
    .block-call-1 {
        left: 15px;
        bottom: 65px;
    }
    .block-call-2 {
        left: 15px;
        bottom: 15px;
    }
    .block-call a {
        display: block;
        border-radius: 50%;
    }
    .block-call img {
        display: block;
        background-color: var(--red);
        padding: 8px;
        width: 20px;
        border-radius: 50%;
    }
    .block-copyright .copyright, 
    .block-copyright a {
        text-align: center;
    }
    .block-copyright .copyright {
        justify-content: center;
    }

    .dod,
    .list-photos-nav,
    .block-banner-head .banner-head-nav button {
        display: none;
    }

    .block-banner-2 .read-more {
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 20px;
        left: 0;
    }


    .block-about .quote h1 {
        font-size: 24px;
    }
    .block-about .top {
        padding: 50px 10px;
    }
    .block-home-contact .top {
        padding: 0 30px;
    }
    .block-home-contact .top span {
        font-size: 24px;
    }
    .block-home-contact .bottom {
        padding: 10px 20px 50px 20px;
    }

    .block-info-1 .image img {
        height: auto;
    }
    .block-info-3 .list-infos .box {
        margin: 20px;
    }
    .block-info-4 .list-infos {
        padding: 10px;
    }
    .block-info-4 .list-infos .box {
        margin: 10px;
    }
    .block-info-4 .list-infos .box .square {
        border: 15px solid var(--green);
    }
    .block-info-4 .list-infos .box .square h4 {
        font-size: 20px;
    }
    .block-partner .item .logo {
        padding: 7px;

    }
    .block-partner .item .logo img {
        box-shadow: 1px 4px 5px -1px #777777;
    }
    .block-product-in {
        padding: 100px 10px;
    }
    .block-product .read-more {
        padding-top: 20px;
    }
    .block-project .title-sub {
        font-size: 20px;
    }
    .block-project .item a {
        margin: 20px;
    }
    .block-why {
        padding: 5px;
    }
    .block-why ul li .box {
        margin: 15px 10px;
    }
    .block-why ul li .box .icon img {
        width: 75px;
    }
    .block-why ul li .box .text {
        font-size: 16px;
    }
    .news-item-default img {
        height: 240px;
    }

    .grid-container {
        display: flex;
        flex-wrap: wrap;
    }
    .grid-container li {
        width: 100%;
    }
    .grid-container li a {
        display: block;
        margin: 10px 15px;
    }
    .block-info-3 .list-infos .box-in {
        height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


    .block-service ul .item:nth-child(1) a .image {
        height: 360px;
    }
    .block-service ul .item:nth-child(6) a .image .info h3 {
        font-size: 18px;
    }
    .block-service-1 .box-1 {
        padding: 0;
    }
    .block-service-1 .box-4 .top-info {
        font-size: 20px;
    }
    .block-service-1 .list-info-1 .item {
        margin: 20px;
    }
    .block-service-3 .box-1 .left .title-2 {
        text-align: center;
        font-size: 20px;
    }
    .block-service-3 .box-2 .list-info-1 .item {
        margin: 10px 20px;
    }
    .block-service-3 .box-3-in {
        padding: 30px;
    }
    .block-service-4 .box-3 .left .content, 
    .block-service-4 .box-3 .right .content {
        padding: 30px;
    }

    .block-service-4 .box-4 .list-info-2>div:nth-child(1) .item,
    .block-service-4 .box-4 .list-info-2>div:nth-child(4) .item {
        border: 2px solid var(--red);
    }

    .block-service-4 .box-4 .list-info-2>div:nth-child(1) {
        order: 1;
    }
    .block-service-4 .box-4 .list-info-2>div:nth-child(2) {
        order: 2;
    }
    .block-service-4 .box-4 .list-info-2>div:nth-child(3) {
        order: 4;
    }
    .block-service-4 .box-4 .list-info-2>div:nth-child(4) {
        order: 3;
    }
    .block-service-4 .box-2 .list-info-1 .item {
        height: 120px;
    }
    .block-service-5 .box-1 .list-info-1 .item {
        height: calc(120px - 20px);
    }

    .block-service-5 .box-1 .list-info-1 {
        padding: 0 10px 50px 10px;
    }
    .block-service-5 .box-1 .list-info-1 .item .text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 20px;
    }
    .block-service-6 ul li .item {
        margin: 20px 5px;
    }


    .block-product-category {
        padding: 10px;
    }
    .block-news-category ul li a,
    .block-product-category ul li a {
        font-size: 13px;
        height: calc(100% - 21px);
        display: flex;
    }

    .project-list-grid ul li .box,
    .product-list-grid ul li .box {
        margin: 10px 5px;
    }
    .project-list-grid ul li .box .info, 
    .product-list-grid ul li .box .info {
        padding: 10px 5px;
        line-height: 1.2;
        width: calc(100% - 10px);
    }
    .list-products-3 .item {
        margin: 5px;
    }
    /*trang gioi thieu*/ 
    .block-info-3 .list-infos .box .info,
    .block-info-3 .list-infos .box .content {
        flex: unset;
    }
}