#solutions{
margin-bottom: 2rem;
}
#class_2{
padding-bottom: 0;
}
.news_section{    padding-top: 40px;
padding-bottom: 4rem;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
margin-bottom: 40px;
background: url();
background-size: cover;
background-attachment: fixed;
}
.news_section .fuar_slider{
width: 50%;
}
.news_section .fuar_slider iframe{
width: 100%;
height: 100%;
}
.news_section .fuar_slider h3{
font-size: 26px;
font-weight: 600;
color: #595959;
position: relative;
width: 100%;
}
.news_section  h3 span{
color: #e4241f;
font-weight: 700;
}
.news_section .fuar_slider h3::before{
content: "";
width: 35%;
height: 3px;
background-color: #e7e7e7;
position: absolute;
right: 0;
bottom: 14px;
}
.news_section .fuar_slider .about_image_slider{
width: 100%;
height: 400px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border: 1px solid #eee;
}
.news_section .fuar_slider .box_slider{
padding-top: 20px;
width: 100%;
position: relative;
height: 470px;
background-size: cover;
background-position: 95% 50%;
margin-top: 20px;
}
.slick-arrow{
display: none !important;
}
.news_section .fuar_slider .box_slider .owl-dots{
display: none !important;
}
.news_section .fuar_slider .box_slider .owl-controls{
margin-top:-14rem !important;
}
.news_section .fuar_slider .box_slider .owl-nav{
text-align: center;
}
.news_section .fuar_slider .box_slider .owl-nav .owl-prev{
position: relative;
margin: 20px;
background-color: #e5231f;
padding: 0 !important;
line-height: 0;
text-align: center;
width: 42px;
height: 37px;
font-size: 18px;
color: #fff;
}
.news_section .fuar_slider .box_slider .owl-nav .owl-prev span{
width: 27px;
display: inline-block;
margin-right: 4px;
}
.news_section .fuar_slider .box_slider .owl-nav .owl-next{
position: relative;
background-color: #e5231f;
padding: 0 !important;
line-height: 0;
text-align: center;
width: 40px;
height: 37px;
font-size: 18px;
color: #fff;
}
.news_section .fuar_slider .box_slider .owl-nav .owl-next i{
width: 27px;
display: inline-block;
margin-left: -3px;
}
.news_section .news_list{
width: 50%;
}
.news_section .news_list h3{
font-size: 26px;
font-weight: 600;
padding-left: 60px;
color: #595959;
position: relative;
width: 100%;
}
.news_section .news_list h3::before{
content: "";
width: 19%;
height: 3px;
background-color: #e7e7e7;
position: absolute;
right: 0;
bottom: 14px;
}
.news_section .news_list .list_slider{
padding-top: 20px;
padding-left: 60px;
}
.news_section .list_slider .news_content{
display: flex;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 30px;
padding-top: 30px;
}
.news_section .list_slider .news_content .date{
padding-right: 10px;
}
.news_section .list_slider .news_content .date p{}
.news_section .list_slider .news_content .date p a{
padding: 13px;
color: #fff;
text-align: center;
line-height: 10px;
display: flex;
border: 7px solid #f0f0f0;
border-radius: 52px;
font-size: 14px;
background-color: #484848;
}
.news_section .list_slider .news_content .content_paragraf{}
.news_section .list_slider .news_content .content_paragraf p{
color: #444;
}
.news_section .list_slider .news_content .content_paragraf p strong{
color: #444;
}


/*------------------------------------- */

.what_we_section{
margin-bottom: 10px;
margin-top: 90px;
}
.what_we_section .image_s{
width: 44%;
height: 500px;
background-size: cover;
background-repeat: no-repeat;
}
.what_we_section .image_s .title_part{}
.what_we_section .image_s .title_part h4{
text-align: center;
top: 37%;
position: relative;
font-size: 45px;
font-weight: 600;
color: #fff;
display: inline-block;
left: 24%;
padding: 20px;
border: 1px solid #ffffff91;
background-color: #0c0c0c47;
}
.what_we_section .image_s .title_part h4::after{
content: "";
width: 90px;
height: 8px;
display: block;
background-color:
#e5231f;
margin-left: 0;
transition: 0.4s;
margin-top: 10px;
}
.what_we_section .text_s{
width: 56%;
background-color: #ececec;
}
.text_s .content{
margin: 30px;
background-color:
white;
padding: 48px;
height: 439px;
}
.what_we_section .text_s{}
.what_we_section .text_s .item{
width: 50%;
margin: 20px 0px;
padding: 0 15px;
top: 17px;
position: relative;
}
.what_we_section .text_s .item .number{
width: 18%;
}
.what_we_section .text_s .item .number p{
font-size: 45px;
font-weight: 800;
line-height: 41px;
color: #484848;
}
.what_we_section .text_s .item .number p::after{
content: "";
width: 50px;
height: 8px;
display: block;
background-color:
#e4241f;
margin-left: -18px;
transition: 0.4s;
}
.what_we_section .text_s .item:hover .number p::after{
margin-left: 0;
transition: 0.4s;
}
.what_we_section .text_s .item .details{
width: 80%;
}
.what_we_section .text_s .item .details h3{
font-size: 21px;
font-weight: 500;
color:
#484848;
}
.what_we_section .text_s .item .details p{
font-size: 14px;
color: #595959;
text-align: justify;
display: block;
width: 96%;
}


/*------------------------------------- */


.products .control .sarrow { display:block !important; float:left;}
body { overflow-x:hidden;}
.products .control .sarrow.prev i { transform:none !important;}
.intor_section {
width: 100%;
height: 100%;
background: url(assets/images/koli.jpg);
background-size: cover;
background-position: bottom;
position: fixed;
z-index: 999999999;
}
.intor_section .content {
color: #fff;
}
.intor_section .content .intro_logo {
margin: 0 auto;
display: block;
top: 100%;
width: 22%;
position: absolute;
left: 39%;
right: 50%;
}
.lds-ring {
display: inline-block;
position: absolute;
width: 45px;
height: 45px;
top: 100%;
left: 47%;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 45px;
height: 45px;
margin: 8px;
border: 4px solid #fff;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}



/*------------------------------------- */


<style>
/* ------------------------------------------------------------ */
/* slider */
.slider{
margin-top: 0;
}
.slider,
.slider > div {
/* Images default to Center Center. Maybe try 'center top'? */
background-position: center;
display: block;
width: 100%;
height: 961px;
position: relative;
background-size: cover;
background-repeat:space;
background-color: #000;
overflow: hidden;
-moz-transition: transform .7s;
-o-transition: transform .7s;
-webkit-transition: transform .7s;
transition: transform .7s;
}
.slider > div:after{
content: "";
width: 100%;
height: 100%;
background-color: #0000001a;
position: absolute;
top: 0;
left: 0;
}
.slider > div {
position: absolute;
}
.slider > i {
color: #5bbd72;
position: absolute;
font-size: 60px;
margin: 20px;
text-shadow: 0 10px 2px #223422;
transition: .3s;
width: 30px;
padding: 10px 13px;
cursor: pointer;
line-height: 0;
box-sizing: content-box;
border: 2px solid white;
}
.slider > i svg {
margin-top: 3px;
}
.slider > i svg {
fill:#fff;
}
.slider > .left {
right: 20%;
bottom: 180px;
}
.slider > .right {
right: 20%;
bottom: 100px;
}
.slider > i:hover {
background: #fff;
background: #e5231f;
transform: translateX(-2px);
}
.slider > ul {
position: absolute;
bottom: 48%;
right: 26%;
z-index: 4;
padding: 0;
margin: 0;
transform: translateX(-50%);
display: none;
}
.slider > ul > li {
padding: 0;
width: 80px;
height: 7px;
list-style: none;
margin: 10px 0 0;
cursor: pointer;
border: 1px solid #fff;
-moz-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.slider > ul > .showli {
background-color: #fff;
-moz-animation: boing .5s forwards;
-o-animation: boing .5s forwards;
-webkit-animation: boing .5s forwards;
animation: boing .5s forwards;
}
.slider > ul > li:hover {
background-color: #007cfb;
}
.slider > .show {
z-index: 1;
}
.hideDots > ul {
display: none;
}
.showArrows > .left {
left: 0;
}
.showArrows > .right {
right: 0;
}
.titleBar {
z-index: 2;
display: inline-block;
background: rgba(0,0,0,.5);
position: absolute;
width: 100%;
bottom: 0;
transform: translateY(100%);
padding: 20px 30px;
transition: .3s;
color: #fff;
}
.titleBar * {
transform: translate(-20px, 30px);
transition: all 700ms cubic-bezier(0.37, 0.31, 0.2, 0.85) 200ms;
opacity: 0;
}
.titleBarTop .titleBar * {
transform: translate(-20px, -30px);
}
.slider:hover .titleBar,
.slider:hover .titleBar * {
transform: translate(0);
opacity: 1;
}
.titleBarTop .titleBar {
top: 0;
bottom: initial;
transform: translateY(-100%);
}
.slider > div span {
display: block;
position: absolute;
top: 35%;
z-index: 9;
color: #fff;
padding: 0;
width: 70%;
left: 0;
right: 0;
margin: 0 auto;
}
.slider > div .btn {
padding-top: 30px;
display: block !important;
text-align: center;
padding-left: 0;
}
.slider > div .btn a{
text-decoration: none;
padding: 10px 20px;
margin-top: 0;
margin-right: 10px;
transition: 0.3s;
}
.slider > div .btn a i{
width: 30px;
height: 30px;
display: inline-block;
position: relative;
top: 1px;
right: -13px;
text-align: center;
line-height: 30px;
}
.slider > div .btn a:nth-child(1) i{
background-color: #fff;
color: #000;
}
.slider > div .btn a:nth-child(2) i{
background-color: white;
color: #000;
}
.slider > div .btn a:nth-child(2){
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
.slider > div .btn a:nth-child(2):hover{
background-color: transparent;
border: 1px solid white;
transition: 0.3s;
}
.slider > div .btn a:nth-child(1){
border: 1px solid #fff;
color: #fff;
background-color: transparent;
}
}
.slider > div .btn a:nth-child(1):hover{
background-color: #007cfb00;
transition: 0.3s;
border: 1px solid #fff;
}
.slider > div span p{
font-size: 15px;
width: 100%;
text-shadow: 0 0 9px #000000b8;
display: block;
font-weight: 400;
text-align: center;
}
.slider > div span h5{
font-size: 31px;
display: inline-block;
padding: 17px 0;
color: #fff;
font-weight: 300;
text-align: center;
margin: 0 auto;
display: block;
}
.slider > div span h5 b{
font-weight: 700;
font-size: 61px;
display: inline-block;
padding: 17px 0;
padding-left: 14px;
color: #fff;
}
.slider > div span h2{
text-shadow: 0 0 9px #00000069;
font-size: 40px;
font-weight: 800;
text-transform: uppercase;
width: 100%;
}
@keyframes boing {
0% {
transform: scale(1.2);
}
40% {
transform: scale(.6);
}
60% {
transform: scale(1.2);
}
80% {
transform: scale(.8);
}
100% {
transform: scale(1);
}
}
/* -------------------------------------- */
#slider2 {
max-width: 30%;
margin-right: 20px;
}
.row2Wrap {
display: flex;
}
.slider_section{
padding-top: 0 !important;
margin-top: 0;
}
.slider_section .vedio{
position: relative;
}
.slider_section .vedio:after{
content: " ";
position: absolute;
top: 0;
width: 100%;
height: 100%;
}


/*------------------------------------- */



.about-us{
position: relative;
padding: 50px  0 60px;
overflow: hidden;
margin-top: 50px;
}
.about-us::before {
content: " ";
left: 0;
top: 0;
position: absolute;
width: 33%;
height: 100%;
background-image: url('../images/point.jpeg');
}
.about-us .sec-title{
margin-bottom: 30px;
}
.about-us .content-column{
position: relative;
margin-bottom: 50px;
}
.about-us .content-column .inner-column{
position: relative;
padding-left:40px;
}
.about-us .content-column h2{
position: relative;
display: block;
font-size: 42px;
line-height: 1.2em;
color: #424242;
font-weight: 800;
margin-bottom: 20px;
}
.about-us .content-column .inner-column > span{
font-size: 18px;
font-weight: 700;
color: #424242;
position: relative;
padding-left: 60px;
margin-bottom: 20px;
display: inline-block;
}
.about-us .content-column .inner-column > span::after{
left: 0;
top: 50%;
content: "";
width: 40px;
height: 2px;
position: absolute;
background-color: #e5231f;
transform: translateY(-50%);
}
.about-us .content-column h2 b{
color: #e4241f;
}
.about-us .content-column .text-box{
margin-bottom: 30px;
text-align: justify;
}
.about-us .content-column .text-box strong{
position: relative;
display: block;
font-size: 16px;
line-height: 1.6em;
margin-bottom: 20px;
font-weight: 500;
}
.about-us .content-column .text-box strong span{
font-size: 20px;
color: #cb212a;
}
.about-us .content-column .text-box p{
position: relative;
font-size: 13px;
line-height: 1.6em;
margin-bottom: 9px;
width: 100%;
color: #838383;
display: block
}
.about-us .content-column .text-box p strong{
margin-bottom: 0;
color: #323232;
}
.about-us .content-column .small_img{
position: absolute;
right: -33px;
top: 168px;
width: 45%;
}
.about-us .content-column .small_img img{
width: 100%;
display: none;
}
.about-us .image-column .image{
position: relative;
width: 100%;
margin-bottom: 0;
height: 510px;
z-index: 99;
margin-top: 40px;
overflow: hidden;
}
.about-us .image-column .image .content{
width: 100%;
height: 500px;
margin: 0 auto;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
background-color: white;    border: 11px solid #eee;
}
.about-us .image-column .image .content .experience{
width: 40%;
position: absolute;
right: 0;
bottom: 0;
height: 30%;
text-align: center;
}
.about-us .image-column .image .content .experience::before{
content: " ";
width: 130%;
height: 120%;
display: block;
position: absolute;
background-color: #ef7c00a6;
transform: rotate(6deg);
}
.about-us .image-column .image .content .experience::after{
content: " ";
width: 22%;
height: 120%;
display: block;
position: absolute;
background-color: #ef7c00a6;
transform: rotate(6deg);
top: 0;
z-index: -1;
left: -40px;
}
.about-us .image-column .image .content .experience h3{
position: relative;
font-size: 35px;
font-weight: 700;
color: #fff;
padding-top: 20px;
}
.about-us .image-column .image .content .experience span{
position: relative;
font-size: 18px;
font-weight: 700;
color: #fff;
}
.about-us .image-column .image img{
display: inline-block;
width: 100%;
border: 10px solid #ffffff;
box-shadow: 0 0 30px rgba(0,0,0,0.05);
height: 100%;
}
.about-us .image-column .image-2{
position: absolute;
right: 70px;
bottom: -39px;
width: 40%;
margin-bottom: 0;
z-index: 8;
height: 260px;
}
.about-us .image-column .image-2 img{
display: inline-block;
border: 7px solid #e8e8e8;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
width: 100%;
height: 100%;
}
.about-us .image-column .float-text{
position: absolute;
right: 5px;
top: 130px;
font-size: 74px;
background: #f8f8f8;
text-align: center;
color: black;
z-index: 9;
}
.about-us .image-column .float-text:after{
content: " ";
width: 4px;
height: 490px;
position: absolute;
background-color: #e8e8e8;
top: -119px;
left: 17px;
z-index: -1;
}
.link-box {
position: relative;
padding-top: 12px;
z-index: 3;
}
.btn-style-two {
position: relative;
display: inline-block;
text-align: center;
letter-spacing: 0.05em;
background: #424242;
color: #ffffff;
border-radius: 0;
overflow: hidden;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
text-decoration: none;
}
.btn-style-two:hover{
color: #fff;
transition: all 0.3s ease;
text-decoration: none;
}
.btn-style-two .btn-curve {
position: absolute;
right: -10px;
top: 0;
width: 43px;
height: 100%;
background: #e5231f;
/* opacity: 0.20; */
z-index: 0;
transform: skewX(-22deg);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.btn-style-two:hover .btn-curve {
opacity: 1;
right: 0;
width: 100%;
transform: skewX(0deg);
color: #fff;
}
.theme-btn i {
position: relative;
display: inline-block;
font-size: 14px;
margin-left: 3px;
}
.btn-style-two .btn-title {
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
font-weight: 600;
padding: 8px 36px 8px;
z-index: 1;
transition: .5s;
text-transform: uppercase;
}
.about-us .social {
margin-left: 0;
margin-top: -1px;
padding-bottom: 1px;
}
.about-us .social>h3 {
font-size: 14px;
color: #fff;
display: inline-block;
margin-right: 10px;
margin-bottom: 0;
}
.about-us .social ul {
margin: 0;
position: relative;
background-color: #f8f8f8;
padding-top: 17px;
padding-bottom: 7px;
padding-left: 0;
}
.about-us .social ul li {
display: block;
margin-bottom: 10px;
}
.about-us .social ul li a {
display: block;
text-align: center;
margin-right: 11px;
font-size: 15px;
width: 32px;
height: 32px;
background-color: #ef7c00;
border: 1px solid #ef7c00;
border-radius: 50%;
transition: 0.3s;
}
.about-us .social ul li a:hover {
background-color: #231f20;
border: 1px solid #231f20;
}
.about-us .social ul li a i {
color: #fff;
transition: 0.3s;
margin-top: 7px;
-webkit-text-fill-color: #fff;
margin-left: 0;
}



/*------------------------------------- */



.service_section {
margin-top: 4rem;
background-color: whitesmoke;
padding: 40px;
}
.service_section .content {
position: relative;
}
.service_section .content > h3 {
text-align: center;
font-size: 40px;
font-weight: 800;
color: #222;
}
.service_section .content h2 {
text-align: center;
font-weight: 400;
font-size: 16px;
color: #3c3c3c;
margin-bottom: 40px;
}
.service_section .product_carousel .item img {
width: 100%;
margin-top: 8px;
}
.service_section .item{
width: 96%;
box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
margin-bottom: 10px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
}
.service_section .item .img{
overflow: hidden;
transition: opacity 0.3s ease-out, transform 0.3s cubic-bezier(.19,1,.22,1);
}
.service_section .item .img:hover img{
transform: scale(1.1);
transition: opacity 0.3s ease-out, transform 2s cubic-bezier(.19,1,.22,1);
}
.service_section .item .img img{
width: 100%;
transition: opacity 0.3s ease-out, transform 2s cubic-bezier(.19,1,.22,1);
}
.service_section .item .text{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #fff;
padding-right: 10px;
position: relative;
}
.service_section .item .text:after{
content: " ";
width: 100%;
height: 0;
transition: 0.5s;
display: block;
position: absolute;
bottom: 0;
left: 0;
background: #e71533;
}
.service_section .item:hover .text:after{
height: 100%;
transition: 0.3s;
}
.service_section .item .text h3{
font-size: 16px;
font-weight: 700;
margin-bottom: 0;
transition: 0.3s;
z-index: 9;
position: relative;
color: #000;
text-align: center;
}
.service_section .item:hover .text h3{
transition: 0.3s;
color: #fff;
}
.service_section .item .text span{
font-size: 13px;
color: #e71533;
font-weight: 600;
display: block;
padding-top: 7px;
transition: 0.3s;
z-index: 9;
position: relative;
}
.service_section .item:hover .text span{
transition: 0.3s;
color: #fff;
}
.product_section .link{
text-align: center;
margin-top: 30px;
}
.product_section .link a{
padding: 10px 30px;
background-color: #769d48;
display: inline-block;
font-size: 15px;
color: #fff;
transition: 0.3s;
}
.product_section .link a:hover{
transition: 0.3s;
background-color: #444343;
}
.service_section .owl-nav{
position: absolute;
top: 35%;
width: 100%;
}
.service_section .owl-nav button{
width: 50px;
height: 50px;
line-height: 0 !important;
border-radius: 2px 22px;
font-size: 30px !important;
transition: 0.3s;
border: 2px solid #828282 !important;
color: #e71533 !important;
}
.service_section .owl-nav button:hover{
background-color: #e71533 !important;
border: 2px solid #e71533 !important;
transition: 0.3s;
color: #fff !important;
}
.service_section .owl-nav button:first-child{
position: absolute;
left: -70px;
}
.service_section .owl-nav button:last-child{
position: absolute;
right: -70px;
}
.service_section .owl-nav button i{color: black;}
/* secrvices  */

/*------------------------------------- */


.referans_section{
padding-bottom: 11rem;
/* margin-top: 4rem; */
padding-top: 1rem;
height: 120px;
top: 30px;
position: relative;
}
.referans_section .title h3{
font-weight: 700;
font-size: 37px;
top: 26px;
position: relative;
}
.referans_section .title h4.bg_text {
position: absolute;
top: -24px;
color: #F5F5F5;
font-size: 80px;
font-weight: 700;
text-transform: uppercase;
z-index: -1;
margin: 0 auto;
left: 0;
right: 0;
}
.referans_section .title p{
font-size: 14px;
color: #525252;
display: block;
position: relative;
}
.referans_section .title p:after{
content: "";
width: 80px;
height: 5px;
position: absolute;
bottom: 0;
left: 0;
margin: 0 auto;
right: 0;
top: 37px;
}
.referans_section .item .img img {
width: 100%;
margin: 0 auto;
border: 1px solid #e8e8e8;
}
.referans_section .title{
width: 38%;
display: block;
float: left;
}
.main {    width: 60%;
min-height: 300px;
margin: 0;
padding: 0 30px;
display: block;
float: left;
overflow: hidden;}
.referans_section .owl-dots{
display: none !important;
}
.referans_section .owl-controls{
display: none !important;
}


/*------------------------------------- */


footer .top_footer {
background-color: #282828;
padding: 80px 0 64px 0;
margin-top: 0;
border-top: 5px solid #6f6f6f;
background-size: initial;
}
footer .top_footer .col_item{
}
footer .top_footer .col_item:nth-child(1){width: 25%;padding-right: 30px;}
footer .top_footer .col_item:nth-child(2){width: 25%;}
footer .top_footer .col_item:nth-child(3){width: 25%;}
footer .top_footer .col_item:nth-child(4){width: 25%;}
footer .top_footer h5 {
font-weight: 800;
font-size: 27px;
color: #fff;
position: relative;
}
footer .top_footer h5:before {
content: '';
width: 45px;
height: 2px;
background: #e5231f;
position: absolute;
bottom: -13px;
}
footer .top_footer .part1 {
padding-top: 0px;
}
footer .top_footer .part1 a img{
width: 84%;
}
footer .top_footer .part3 {
padding-left: 39px;
}
footer .top_footer .part4 {
padding-left:83px;
}
footer .top_footer .part1 p:nth-child(2) {
font-size: 14px;
color: #fff;
line-height: 25px;
padding-top: 16px;
display: block;
-webkit-text-fill-color:  #fff;
}
footer .top_footer .part1 p:nth-child(3) {
font-weight: 600;
font-size: 1.25em;
color: #ea212d;
}
footer .top_footer .part1 p:nth-child(4) {
font-style: italic;
font-size: 0.875em;
color: #797a7c;
padding-left: 0;
line-height: 4px;
}
footer .top_footer .part1 ul li {
display: inline-block;
margin-top:0;
}
footer .top_footer .part1 .info p{
color: #fff;
font-size: 14px;
font-weight: 500;
display: inline-flex;
-webkit-text-fill-color: #fff;
}
footer .top_footer .part1 .info p i{
color: #0ba894;
margin-right: 10px;
margin-top: 6px;
font-size: 19px;
}
footer .top_footer .part1 .info{
padding-top: 17px;
padding-bottom: 30px;
}
footer .top_footer .part1 .info li span{
color: #fff !important;
font-weight: 500;
-webkit-text-fill-color: #fff;
font-size: 14px;
}
footer .top_footer .part1 .info li span strong{
color: #fff !important;
}
footer .top_footer .part1 .info li span strong i.foot_ico{
color: #0ba894;
margin-right: 10px;
font-size: 19px;
}
footer .top_footer .part1 ul li a i{
color: #fff;
margin-top: 7px;
margin-left: 0;
font-size: 15px;
}
footer .top_footer .part1 ul{
padding-left: 0;
margin: 0;
}
footer .top_footer .part1 ul li a {
display: block;
text-align: center;
width: 32px;
height: 32px;
border: 1px solid #e5231f;
border-radius: 50%;
margin-left: 3px;
background-color: #e5231f;;
}
footer .top_footer .part1 ul li a:hover{
border:1px solid #93499c;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
footer .top_footer .part1 ul li a:hover {
background: #0ba894;
border-color: #0ba894;
}
footer .top_footer .part1 ul li a:hover i {
color:#171B20;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
footer .top_footer .part2 ul li a {
font-size: 14px;
color: #fff;
margin-top: 14px;
display: flex;
transition: all .3s ease;
font-weight: 600;
-webkit-text-fill-color:#fff ;
}
footer .top_footer .part2 ul li a i{
color: #0ba894;
margin-right: 10px;
margin-top: 3px;
}
footer .top_footer .part2 ul li:hover a {
color: #0ba894;
text-decoration: none;
}
footer .top_footer .part2 ul {
padding-top: 18px;
padding-left: 0;
margin: 0;
display: block;
}
footer .top_footer .part3 a {
color: #93499c;
}
footer .top_footer .part3 p {

font-size: 0.875em;
color: #797a7c;
padding-top: 31px;
}
footer .top_footer .part3 span {
font-weight: 600;
color: #797a7c;
font-size: 0.75em;
margin-top: -9px;
display: block;
}
footer .top_footer .part4 img {
float:left;
margin: 0px 2.5px 5px;
}
footer .top_footer .part4 .gallery {
margin-top:43px;
margin-left: -5px;
margin-right: -5px;
}
/*--- Bottom footer---*/
footer .bottom_footer {
background: #fff ;
display: flex;
}
footer .bottom_footer p {
margin: 0;
font-size: 15px;
color: #B3B3B3;
-webkit-text-fill-color:#B3B3B3 ;
padding:30px 0;
}
footer .bottom_footer p i{
font-style: inherit;
font-weight: 600;
font-size: 14px;
color: #0ba894;
}
.float_right {
float: right;
}
.float_left {
float: left;
}


/*------------------------------------- */

.product {width: 95% !important;}
.products { margin: 60px 0 0; padding-bottom: 0px;overflow-x: hidden; }
.products h2 { font-weight: 200; font-size: 47px; color: #000; display: inline-block; }
.products h2:after { content: ""; display: inline-block; font-weight: 700; color: #000; font-size: 47px; }
.products .control { float: right; margin-top: 55px; }
.products .control .sarrow { display: inline-block; padding: 10px 20px; height: 40px; cursor: pointer; transition: 0.3s all ease; }
.products .control .sarrow i { font-size: 20px; color: #000; vertical-align: middle; height: 20px; }
.products .control .sarrow + .sarrow { border-left: 1px solid #d2d2d2; }
.products .control .sarrow.prev i { display: inline-block; transform: rotate(180deg); }
.products .control .sarrow.prev:hover { padding-left: 10px; padding-right: 30px; }
.products .control .sarrow.next:hover { padding-left: 30px; padding-right: 10px; }
.products .sPro { margin: 30px 0; }
.products .sPro .product { position: relative; margin: 0 13px; }
.products .sPro .product img { width: 100%; height: auto; border-radius:30px; }
.products .sPro .product .nWrap { overflow: hidden; transition: 0.3s all ease; box-shadow: inset 0 0px 0 10px transparent; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); width: 100%; height: 100%; padding: 35px; border-radius:30px; }
.products .sPro .product .nWrap h5 { color: #fff; font-size: 24px; font-weight: normal; margin-top: 70%; line-height: 35px; }
.products .sPro .product .nWrap .nbutton { border-top-left-radius:30px; transition: 0.3s all ease; background: #fff; font-size: 20px; color: #000; padding: 20px 25px; position: absolute; right: 0; bottom: 0; }
.products .sPro .product .nWrap .hbutton { border-top-left-radius:30px; transition: 0.3s all ease; background: #000; font-size: 16px; color: #fff; padding: 23px 14px 23px 13px; position: absolute; right: 0; bottom: -70px; }
.products .sPro .product:hover .nWrap { box-shadow: inset 0 0px 0 10px #e5231f; }
.products .sPro .product:hover .nWrap .nbutton { right: -70px; }
.products .sPro .product:hover .nWrap .hbutton { bottom: 0px; }
@media (min-width: 1392px) {
.products .container.pr { max-width: 1391px; }
}
@media (min-width: 1200px) {
.products .sPro .slick-list { overflow: inherit; }
}
@media (max-width:767px) {
.products { padding-bottom: 200px; }
.products h2 { font-size: 27px; }
.products h2:after { font-size: 27px; }
.products .control { margin-top: 25px; }
}
.products.srv { position: relative; z-index: 1; background: transparent; margin:0; padding: 100px 0 0; }
.products.srv:before { content: ""; position: absolute; top: -100px; width: 100%; height: 100%; background: url("img/bg-page.png") top center no-repeat; }
.products.srv .control { margin:0; }
.products.srv .sPro .product { margin: 0; margin-bottom: 30px; }
.products.srv .sPro .product .nWrap h5 { margin-top:60%; }
.products.srv .sPro .product .nWrap h5 i { display: block; margin: 0 0 20px; color: #fff; font-size: 68px; }


/*------------------------------------- */



.about_company .counter_box:last-child p{
border-right: 0;
}
.about_company .counter_box h3 i {color: #e4241f;
font-size: 16px;
text-align: center;
padding: 15px;
top: -1px;
position: relative;    }
.about_company {
padding-top: 0rem;
height: 220px;
position: relative;
background-attachment: fixed !important;
margin-top: 58px;
border: 1px solid #eee;    margin-bottom: -30px;
}
.about_company:before{
content: " ";
width: 100%;
height: 100%;
display: block;
top: 0;
position: absolute;
}
.about_company #counter{
display: flex;
padding-top: 50px;
}
.about_company #counter:before{
content: " ";
width: 22%;
height: 2px;
position: absolute;
left: 0;
top: 130px;
}
.about_company #counter:after{
content: " ";
width: 20%;
height: 2px;
position: absolute;
right: 0;
top: 130px;
}
.about_company #counter .counter-value{
text-align: center;
color: #000;
font-size: 51px;
font-weight: 300;
-webkit-text-fill-color: #000;
left: 16px;
}
.about_company .counter_box p{
z-index: 9;
position: relative;
margin: 0;
border-right: 1px solid #eee;
}
.about_company .counter_box h3{
z-index: 9;
position: relative;
color: #000;
margin: 0;
font-weight: 500;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.about_company .counter_box{
width: 37%;
text-align: center;
}
.about_company .counter_box:last-child:after{
display: none;
}
.about_company .counter_box:after{
content: " ";
width: 32%;
height: 2px;
position: absolute;
top: 130px;
margin-left: 5%;
}


/*------------------------------------- */


.boxes_section {
padding-top: 3rem;
padding-bottom: 3rem;
margin-top: -110px;
}
.boxes_section .item {
width: 32%;
transition: 0.5s;
text-align: center;
transform: rotateY(0deg);
padding: 0 21px;
border-right: 1px dashed #d7d7d7;
}
.boxes_section .item:first-child {
border-left: 1px dashed #d7d7d7;
}
.boxes_section .item:last-child {
border-right: 1px dashed #d7d7d7;
}
.boxes_section .item .ico {
display: inline-block;
padding: 15px 19px;
position: relative;
border-radius: 100%;
}
.boxes_section .item .ico:after{
content: " ";
width: 97px;
height: 97px;
position: absolute;
background-size: 100%;
background-repeat: no-repeat;
opacity: 0.5;
left: 1px;
right: 0;
z-index: -1;
top: 0;
}
.boxes_section .item .ico img {
width: 63px;
transition: transform .6s ease 0s;
}
.boxes_section .item:hover img{
transition: transform .6s ease 0s;
transform: rotateY(360deg);
}
.boxes_section .item .text h3 {
font-size: 19px;
padding-top: 20px;
font-weight: 700;
}
.boxes_section .item .text p {
font-size: 13px;
display: block;
color: #83868c;
}


/*------------------------------------- */


.page_content .peroject_section .item {    width: 33%;
margin: 8px 8px 0 8px;
overflow: hidden;
/* border: 1px solid #e8e6e6; */
text-align: center;}
.page_content .peroject_section .item .img {    width: 100%;
position: relative;
overflow: hidden;}
.page_content .peroject_section .item .img img {width: 100%;
transition: 0.4s;
height: 330px;}
.page_content .peroject_section .item .content {    margin-right: auto;
margin-left: auto;
width: 100%;
margin-top: 8px;
z-index: 99;
position: relative;
box-shadow: 0 0 24px rgb(0 0 0 / 9%);
margin-bottom: 20px;
}
.page_content .peroject_section .item .text {    padding: 13px 10px;}
.page_content .peroject_section .item .text h3 {margin: 0;
color: #e52322;
text-decoration: none;
font-size: 14px;
font-weight: 600;}
.page_content .peroject_section .item .button_section {padding: 8px 10px;
border-top: 1px solid #e8e6e6;
position: relative;
overflow: hidden;
display: none;
}
.page_content .peroject_section .item .button_section span {    transition: all 500ms ease;
color: #525252;
font-size: 12px;
font-weight: 600;}
.page_content .peroject_section .item .button_section span i {    top: 2px;
position: relative;
font-size: 26px;
margin-right: 10px;
display: block;
float: right;
color: #fff;}
.banner_top {width: 100%;
height: 350px;
background-color: #fff;
display: table;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;}
.banner_top::before {    content: " ";
background-color:#04040459;
width: 100%;
transition: .5s;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.banner_top .content {display: table-cell;
vertical-align: middle;}
.banner_top .content h3 {    text-shadow: 0 0 15px #000000d9;
color: #fff;
font-size: 29px;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
margin-top: 6%;
font-weight: 700;
text-transform: uppercase;
width: 50%;}
.page_content {    padding-top: 40px;
padding-bottom: 40px;
}
.page_content {    padding-top: 40px;
padding-bottom: 40px;}
#accordion,
#accordion ul,
#accordion ul li,
#accordion ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#accordion {
width: 100%;
color: #fff;
min-height: 250px;
}
#accordion ul li ul {
display: none;
}
#accordion > ul > li.active > ul {
display: block;
}
#accordion > ul > li > a {
padding: 15px 11px;
cursor: pointer;
z-index: 2;
font-size: 16px;
text-decoration: none;
color: #2c406d;
font-weight: 600;
background: #fff;
box-shadow: inset 0 0 1px #ccc;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
#accordion > ul > li > a.active,
#accordion > ul > li > a:hover {
background: #000;
color: #fff;
border-left: 15px solid #e62123;
}
#accordion > ul > li.active > a {
background: #e52321;
color: #fff;
border-left: 11px solid #000;
}
#accordion > ul > li > .bx {
float: right;
top: -32px;
position: relative;
color: #fff;
z-index: 9;
right: 10px;
}
#accordion ul ul li a {
padding: 15px 21px;
cursor: pointer;
z-index: 2;
font-size: 15px;
text-decoration: none;
color: #444;
background: #fff;
box-shadow: 0 0 1px #ccc;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
font-weight: 400;
}
#accordion ul ul ul li a {
padding-left: 60px;
background: #fff;
}
#accordion ul ul li a:hover {
background: #f7f7f7;
color: #5d6982;
}
.accourdion_section p {
font-size: 15px;
color: #575757;
text-align: justify;
}
.accourdion_section .galeri_section {
padding-left: 0;
margin-top: 40px;
display: block;
}
.accourdion_section .galeri_section {
padding-left: 0;
}
.accourdion_section .galeri_section li {
list-style: none;
width: 24%;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
.accourdion_section .galeri_section li a img {
width: 100%;
}

/*------------------------------------- */

.page_content .contact_part {    padding-top: 30px;
padding-bottom: 0;}
.page_content .contact_part .row {    margin: 0;}
.page_content .form_part {width: 50%;}
.page_content .form_part h3 {    font-size: 32px;
font-weight: 700;
color: #424242;}
.page_content .form_part p {    display: block;
font-size: 14px;
color: #424242;}
.page_content .form_part .form_box .item:first-child {    margin-right: -14px;}
.page_content .form_part form input {width: 48%;
display: inline;
margin-right: 10px;
margin-bottom: 20px;
padding: 24px 10px;
border: 1px solid #eaeaea;
transition: all .3s ease 0s;}
.page_content .form_part form input:nth-child(2n) {margin-right: 0;}
.page_content .form_part .form_box .item:first-child {margin-right: -14px;}
.page_content .form_part form textarea {    border: 1px solid #eaeaea;
font-size: 14px;
transition: all .3s ease 0s;}
textarea.form-control {height: auto;}
.page_content .form_part .button button {padding: 10px 24px;
display: inline-block;
background: rgb(229 35 33);
color: #fff;
border: 1px solid #e52321;
transition: all .3s ease 0s;
margin-top: 30px;}
.page_content .form_part .button button:hover {background: #000;}
.page_content .text_part {    width: 50%;
padding-left: 50px;}
.page_content .text_part .contact_information {background-color: #fff;
color: #000;
padding: 20px;
margin-top: 81px;
border: 1px solid #eee;}
.page_content .text_part .contact_information span.adress {    display: block;
padding: 0 20px 20px;
border: 1px solid #fff;
margin-bottom: 30px;
box-shadow: rgb(0 0 0 / 8%) 0 3px 12px;}
.page_content .text_part .contact_information p {display: block;
padding-left: 0;
color: #424242;
font-size: 15px;
margin-top: 0;
font-weight: 500;}
.page_content .text_part .contact_information h3 {    font-size: 32px;
font-weight: 700;
color: #424242;}
.page_content .text_part .contact_information p {display: block;
padding-left: 0;
color: #424242;
font-size: 15px;
margin-top: 0;
font-weight: 500;}
.page_content .text_part .contact_information p i {    font-size: 17px;
padding-right: 10px;
color: rgb(229 35 33);;
-webkit-text-fill-color: rgb(229 35 33);}
.page_content .text_part .contact_information .phone_numbers {padding: 0;}
.page_content .text_part .contact_information .phone_numbers li {    list-style: none;
display: block;
width: 100%;
margin-bottom: 10px;}
.page_content .text_part .contact_information .phone_numbers li p {    margin-bottom: 0;
color: #424242;}
.page_content .contact_part .row {margin: 0;}
.map {width: 100%;}
.map iframe {    width: 100%;
height: 350px;
border: 0;}
.page_content .text_part .contact_information .phone_numbers li a {color: #000; text-decoration: none;}
.lists {width: 100%;
display: flex;
flex-wrap: no-wrap;
justify-content: space-between;}
.lists > .item {     display: block;
width: 24%;
overflow: hidden;
border-right: 1px solid #eee;}
.lists > .item p {text-align: left !important; font-size: 13px;}
.banner_top {width: 100%;
height: 350px;
background-color: #fff;
display: table;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;}
.banner_top::before {    content: " ";
background-color: #04040459;
width: 100%;
transition: .5s;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.banner_top .content {display: table-cell;
vertical-align: middle;}
.banner_top .content h3 {    text-shadow: 0 0 15px #000000d9;
color: #fff;
font-size: 29px;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
margin-top: 6%;
font-weight: 700;
text-transform: uppercase;
width: 50%;}
.page_content {    padding-top: 40px;
padding-bottom: 40px;
}
.page_content {    padding-top: 40px;
padding-bottom: 40px;}
#accordion,
#accordion ul,
#accordion ul li,
#accordion ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#accordion {
width: 100%;
color: #fff;
min-height: 250px;
}
#accordion ul li ul {
display: none;
}
#accordion > ul > li.active > ul {
display: block;
}
#accordion > ul > li > a {
padding: 15px 11px;
cursor: pointer;
z-index: 2;
font-size: 16px;
text-decoration: none;
color: #2c406d;
font-weight: 600;
background: #fff;
box-shadow: inset 0 0 1px #ccc;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
#accordion > ul > li > a.active,
#accordion > ul > li > a:hover {
background: #000;
color: #fff;
border-left: 15px solid #e62123;
}
#accordion > ul > li.active > a {
background: #e52321;
color: #fff;
border-left: 11px solid #000;
}
#accordion > ul > li > .bx {
float: right;
top: -32px;
position: relative;
color: #fff;
z-index: 9;
right: 10px;
}
#accordion ul ul li a {
padding: 15px 21px;
cursor: pointer;
z-index: 2;
font-size: 15px;
text-decoration: none;
color: #444;
background: #fff;
box-shadow: 0 0 1px #ccc;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
font-weight: 400;
}
#accordion ul ul ul li a {
padding-left: 60px;
background: #fff;
}
#accordion ul ul li a:hover {
background: #f7f7f7;
color: #5d6982;
}
.accourdion_section p {
font-size: 15px;
color: #575757;
text-align: justify;
}
.accourdion_section .galeri_section {
padding-left: 0;
margin-top: 40px;
display: block;
}
.accourdion_section .galeri_section {
padding-left: 0;
}
.accourdion_section .galeri_section li {
list-style: none;
width: 24%;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
.accourdion_section .galeri_section li a img {
width: 100%;
}

/*------------------------------------- */