﻿/*Created By*/
/*

    \     /    ------------    ----------     ----------
     \   /          |                   /              /
      \ /           |                  /              /
       |            |                 /              /
       |            |                /              /
       |            |               /              /

*/

/*__________________________________________*/
/*GeneralCss:Start*/
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700');
/*@import url('https://fonts.googleapis.com/css?family=Amiri');*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');
@import url('menu.css');
body, html { font-family: 'Nunito', sans-serif; }
body.arapca { direction: rtl }
.overflow { overflow: hidden; }
a:hover { text-decoration: none; }
.nopadleft { padding-left: 0; }
.nopadright { padding-right: 0; }
.mobilgoster { display: none; }
b, strong { font-weight: 600; }
main { overflow:hidden;}
.carousel-caption span { display:block;}
@media (min-width: 1200px) { .container { max-width: 1170px; }
    .mar-top-40 { margin-top: 40px; }
    .mar-top-70 { margin-top: 70px; }
    .mar-top-60 { margin-top: 60px; }
    .carousel-caption { bottom: 270px; padding: 0; }
    .carousel-caption span.ilk { font-size: 70px; font-weight: 300; }
    .carousel-caption span.iki { font-size: 58px; font-weight: 900; margin-bottom: 45px; }
    .carousel-caption a { background: #e31f23; border-radius: 25px; padding: 18px 13px; text-align: center; color: #fff; font-size: 16px; font-weight: 600; width: 238px; overflow: hidden; display: block; margin: 0 auto; transition: all 0.2s ease; }
    .carousel-caption a i { float: right; color: #fff; margin-top: 3px; transition: all 0.2s ease; }
    .carousel-caption a:hover { background: #fff; color: #e31f23; }
    .carousel-caption a:hover i { color: #e31f23; }
    .foot_menu { width: 20% }
    .carousel-control-prev { right: 710px; left: auto; width: 54px; height: 52px; bottom: 42px; top: auto; z-index: 99; }
    .carousel-control-next { right: 650px; width: 54px; height: 52px; bottom: 42px; top: auto; z-index: 99; }
    .carousel-indicators { bottom: 42px; }
}
/*GeneralCss:End*/
/*__________________________________________*/
/*HeaderCss:Start*/
.nav-scroller { position: relative; z-index: 2; height: 3.5rem; overflow-y: hidden;visibility:visible;transition:all 0.3s ease; }
.nav-scroller:before { content: " "; width: 50%; background: #474d53; height: 55px; display: block; position: absolute; }
.nav-scroller::after { content: " "; width: 50%; background: #272727; height: 55px; display: block; position: absolute; right: 0 }
.nav-scroller ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; color: rgba(255, 255, 255, .75); text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.top_header { position: relative; z-index: 9; }
.top_header li { list-style: none; float: left; }
.top_header li.top_phone { width: 214px; background: #e31f23; padding: 0.5px 0; text-align: initial; transition: all 0.3s ease; margin-right: 15px; }
.top_header li.top_phone:hover { background: #fff; }
.top_header li.top_phone:hover span, .top_header li.top_phone:hover i { color: #e31f23; }
.top_header li.top_phone i { color: #fff; display: block; float: left; padding-top: 16px; padding-left: 8px; font-size: 20px; }
.top_header li.top_phone span { color: #fff; margin-left: 12px; font-size: 14px; }
.top_header li.top_phone span strong { margin-left: 6px; font-size: 18px; }
.top_header li.top_mail { padding: 13px 0; margin-right: 85px; }
.top_header li.top_mail a { color: #a2a2a2; }
.top_header li.top_mail a i { margin-right: 10px; }
.top_header li.top_social { padding: 12px 0; }
.top_header li.top_social a { border: 1px solid #6a6a6a; border-radius: 50%; text-align: center; width: 31px; height: 31px; transition: all 0.2s ease; }
.top_header li.top_social i { color: #6a6a6a; margin: 7px 0 0 0; display: block; font-size: 16px; transition: all 0.2s ease; }
.top_header li.top_social a:hover i { color: #fff; }
.top_header li.top_social a:hover { border: 1px solid #fff; }
.top_header li a { font-size: 18px; margin-right: 15px; transition: all 0.3s ease; font-weight: lighter; overflow: hidden; display: block; }
.top_header li a i { margin-right: 5px; }
.top_header li a:hover { color: #fff; text-decoration: none; }
.navbar { z-index: 99; background: #fff; padding: 0; }
.navbar-brand { position: absolute; top: -50px; }
.navbar-nav > li { position: relative; }
.navbar-nav .nav-link { color: #272727; font-size: 16px; font-weight: bold; padding: 1.4rem 1.2rem !important; border-bottom: 1px solid #fff; }
.navbar-nav > li:hover > a { border-bottom: 1px solid #272727; }
.language { position: relative; z-index: 99; background: #000; display: block; padding: 15px 11px; color: #fff; transition:all 0.2s ease;}
.language:hover { background:#e31f23;color:#fff;}
.other_language { height: 0; overflow: hidden; position: absolute; right: -44px; width: 100%; text-align: center; background: #000; z-index: 99999; top: 0; }
.language:hover .other_language { height: 55px; }
.other_language a { display: block; color: #fff; margin-bottom: 1px; margin-top: 3px; }
.other_language a:hover { color:#e31f23;}
/*HeaderCss:End*/
/*__________________________________________*/
/*SliderCss:Start*/
.carousel-indicators li { width: 16px; height: 16px; background: #fff; border-radius: 50%; }
.carousel-indicators .active { width: 46px; height: 16px; border-radius: 15px; }
.carousel-control-prev, .carousel-control-next { opacity: 1; }
.carousel-control-prev:hover, .carousel-control-next:hover { opacity: 1; }
.slider_overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.2); overflow: hidden; display: block; top: 0; }
/*SliderCss:End*/
/*__________________________________________*/
/*MainServicesCss:Start*/
.main_services_kaps { margin-top: -1px; overflow: hidden; }
.main_services_kaps::after { content: " "; width: 20%; background: #ec2b2f; height: 170px; position: absolute; left: 0; }
.main_services_kaps::before { content: " "; width: 20%; background: #b7b7b7; height: 170px; position: absolute; right: 0; }
.main_services_kaps .main_services a { padding: 39.5px 15px; overflow: hidden; display: block; }
.main_services_kaps .main_services figure { margin: 0; }
.main_services_kaps .main_services figure img { display: block; margin: 0 auto; }
.main_services_kaps .main_services figure figcaption { display: block; text-align: center; color: #fff; font-size: 16px; font-weight: 600; margin: 10px 0 0 0; }
.main_services_kaps .main_services.services1 { background: #ec2b2f; }
.main_services_kaps .main_services.services2 { background: #e31f23; }
.main_services_kaps .main_services.services3 { background: #9d9ea0; }
.main_services_kaps .main_services.services4 { background: #b7b7b7; }
/*MainServicesCss:End*/
/*__________________________________________*/

/*MainCorprateCss:Start*/
.main_corprate_context { text-align: center; overflow: hidden; padding-top: 45px; }
.main_corprate_context h1 { font-size: 28px; color: #2d2d2d; font-weight: 600; margin-bottom: 40px; }
.main_corprate_context p { font-size: 18px; color: #4e4e4e; font-weight: lighter; line-height: 30px; letter-spacing: 0.2px; }
.main_corprate_context a { border: 1px solid #bdbdbd; background-image: linear-gradient(to bottom right, #fff, #fff); border-radius: 25px; padding: 13px 11px; text-align: center; color: #3c3c3c; font-size: 16px; font-weight: 600; width: 178px; overflow: hidden; display: block; margin: 30px auto 0 auto; transition: all 0.2s ease; }
.main_corprate_context a i { float: right; color: #fff; margin-top: 3px; transition: all 0.2s ease; color: #e31f23; }
.main_corprate_context a:hover { background-image: linear-gradient(to bottom right, #ec2b2f, #be191c); color: #fff; }
.main_corprate_context a:hover i { color: #fff; }
.main_news { background: #1d1d1d; padding-right: 0; margin: 25px 0; float: left; }
.main_catalog { margin: 25px 0; }
.main_news h2 { font-family: 'Ubuntu', sans-serif; font-weight: lighter; font-size: 31px; color: #fff; padding-left: 30px; position: absolute; top: 17px; }
.newsbox { overflow: hidden; padding-right: 0; }
.main_news_text { padding-top: 70px; }
.newsbox span { font-family: 'Ubuntu', sans-serif; font-size: 21px; color: #fff; margin-bottom: 35px; display: block; }
.newsbox p { font-family: 'Ubuntu', sans-serif; color: #bcbcbc; font-size: 16.5px; font-weight: lighter; }
.main_services h1, .main_services h2 { margin-bottom: 0;float:left; }
.main_services h1 a, .main_services h2 a { font-size: 18px; color: #4e4e4e; font-weight: lighter; letter-spacing: 0.2px; margin: 15px 15px 0 33px; margin-bottom: 0; display: block; overflow: hidden; }
/*MainCorprateCss:End*/
/*__________________________________________*/
/*MainProjectCss:Start*/
.main_project { padding: 45px 0 0 0; overflow: hidden; }
.main_project h2 { text-align: center; color: #2d2d2d; font-size: 28px; }
.main_project h2 i { font-size: 12px; }
.main_project_box { position: relative; overflow: hidden; margin-top: 25px; }
.main_project_box figure { margin: 0; overflow: hidden; position: relative; }
.main_project_box figure figcaption { position: absolute; right: 35px; top: 25px; font-size: 24px; color: #fff; text-align: right; font-weight: lighter; background: rgba(0,0,0,0.3); padding: 4px 9px; border-radius: 9px; }
.main_project_box figure figcaption strong { font-size: 30px; }
.main_project_box .overlaymain { display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.63); position: absolute; top: 0; transition-property: opacity; transition-duration: 0.30s; }
.main_project_box:hover .overlaymain { opacity: 0.3; }
.main_project_box figure figcaption sub { bottom: 0.75em; margin: 0 9px; }
.main_project_box span { background: #9f9f9f; width: 68px; height: 5px; display: block; border-radius: 5px; position: absolute; right: 30px; bottom: 75px; transition: all 0.2s ease; }
.main_project_box:hover span { background: #e31f23; }
/*MainProjectCss:End*/
/*__________________________________________*/

/*MainResellerCss:Start*/
.main_reseller { background: #e31f23; overflow: hidden; margin-top: 25px; }
.main_reseller_apply { padding: 86.5px 0 84px 0; }
.main_reseller_apply h3 { font-size: 26px; color: #fff; font-weight: 900; margin-bottom: 30px; }
.main_reseller_apply p { font-size: 18px; color: #fff; }
.main_reseller_apply a { border: 1px solid #bdbdbd; background-image: linear-gradient(to bottom right, #e31f23, #e31f23); border-radius: 25px; padding: 16px 11px; text-align: center; color: #fff; font-size: 16px; font-weight: 600; width: 248px; overflow: hidden; display: block; margin: 30px 0 0 0; transition: all 0.2s ease; }
.main_reseller_apply a:hover { background-image: linear-gradient(to bottom right, #ec2b2f, #be191c); color: #fff; }
.videoarea { background: url(../../images/tanitim.jpg) no-repeat center; }
.videoarea a { max-height: 374px; min-height: 374px; display: block; }
/*MainResellerCss:End*/
/*__________________________________________*/

/*MainSocialMediaCss:Start*/
.main_social_media { background-color: #9d9ea0; height: 96px; overflow: hidden; padding: 13px 0px; }
.socialhead { font-size: 28px; color: #3e3d3c; font-weight: lighter; display: block; float: left; }
.main_social_media h5 { font-size: 28px; font-weight: bold; }
.sociallist { padding: 0; margin: 16px 0 0 45px; float: left; }
.sociallist li { float: left; margin-left: 8px;list-style:none; }
.sociallist li a { font-size: 16px; color: #151515; font-family: 'Ubuntu', sans-serif; background: #fff; border-radius: 20px; overflow: hidden; display: block; padding: 10px 25px 10px 25px; transition:all 0.2s ease; }
.sociallist li a i { float: left; margin-right: 5px; margin-top: 4px; }
.sociallist li a:hover { background:#151515;color:#fff;}
.sociallist li:first-child { margin-left: 0; }
/*MainSocialMediaCss:End*/
/*__________________________________________*/
/*FooterCss:Start*/
.ebulten { background: url(../../images/ebulten-bg.jpg) no-repeat center; padding: 33.5px 0; position: relative; }
.ebulten h2 { text-align:center;font-weight:900;}
.ebulten p { text-align: center; font-size: 22px; color: #313131; }
.footerebulten { width: 570px; margin: 0 auto; position: absolute; left: 34%; bottom: -24px; }
.ebultenmail { width: 100%; border-radius: 25px; height: 45px; background: #fff; border: none; text-align: center; color: #b0b0b0; font-size: 18px; font-weight: lighter; }
.ebultenmail:focus { outline: none; }
.ebultensubmit { position: absolute; top: 13px; right: 10px; background: url(../../images/ebultensubmit.png) no-repeat center; border: none; width: 17px; height: 20px; }
.footermenuarea { background: #2d313a; padding: 90px 0; overflow: hidden; }
.footermainmenu { list-style: none;padding-left:0;}
.footermainmenu li { margin: 10px 0; }
.footermainmenu li:first-child { margin: 0; }
.footermainmenu li a { color: #7c7f85; font-size: 20px; font-weight: 600; }
.footermainmenu li a:hover, .footmenu li a:hover { text-decoration: underline; }
.footmenu { list-style: none;padding-left:0; }
.footmenu li { margin: 10px 0; }
.footmenu li:first-child { margin-top: 0; }
.footmenu li:first-child a { color: #7c7f85; font-size: 18px; font-weight: 600; }
.footmenu li a { font-size: 16px; color: #fff; font-weight: bold; }
.footmenu li a span { color: #7c7f85; margin-right: 10px; font-weight: bold; }
.mapsview { background: #e30613; color: #fff; font-size: 16px; font-weight: bold; padding: 10px 17px; text-align: center; border-radius: 15px; margin-left: 65px; margin-top: 30px; display: inline-block; transition: all 0.5s ease }
.mapsview:hover { color: #fff; background: #75030a; }
.copyright { background: #1f2228; padding: 10px 0; color: #7c7f85; font-size: 16px; font-weight: 600; overflow: hidden; }
.copyrighttext { line-height: 32px; }
/*FooterCss:End*/
/*__________________________________________*/
/*PageCss:Start*/
.pagebanner { background-image: url("../../images/page_banner.jpg"); background-attachment: fixed; background-position: top; background-repeat: no-repeat; background-size: contain; text-align: center; padding: 111px 0; }
.pagebanner h2 { color: #fff; font-size: 60px; margin: 0; }
.nav-scroller_gizle { visibility:hidden;}
.fixed-top { top:-135px;transition:all 2s ease;}
.fixed-top-indir { top: 0; -webkit-box-shadow: 0px 3px 13px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 13px -1px rgba(0,0,0,0.75); box-shadow: 0px 3px 13px -1px rgba(0,0,0,0.75); }
.breadcrumb { background:none;padding-left:0;}
.breadcrumb li a { color:#e31f23;}
.breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before { color: #000; }
.main_content_text { padding-bottom:35px;}
.main_content_text p { font-size: 17px; line-height: 27px; letter-spacing: 0.3px; text-indent: 35px; }
.main_content_text p strong { font-weight:900;}
.page_left_menu { margin-top: 65px; position: relative; }
.page_left_menu span { display: block; background: #e31f23; padding: 15px; color: #fff; font-size: 20px; font-weight: bold; letter-spacing: 0.4px; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.page_left_menu ul { list-style: none; padding-left: 0; padding-top: 25px; padding-bottom: 25px; background: #455a64; overflow: hidden; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.page_left_menu ul li { float: left; display: block; width: 100%; }
.page_left_menu ul li.page_left_menu_left a { color: #fff; background: #272727; padding-left:25px;}
.page_left_menu ul li.page_left_menu_left .solIcon { opacity:1; }
.page_left_menu ul li a { font-size: 16px; color: #fff; transition: all 0.2s ease; display: block; padding: 10px 0 10px 10px; font-weight: 800; margin: 2px 0; letter-spacing: 0.5px; }
.page_left_menu ul li a:hover { color: #fff; background: #272727; padding-left:25px;}
.page_left_menu ul li .solIcon { margin-right: 30px; color: #FFF; font-size: 36px; margin-left: -2px; margin-top: 10px; position: absolute; opacity: 0; transition: all 0.2s ease; }
.page_left_menu ul li:hover .solIcon { opacity:1;}
.page_list_box { float: left; text-align: center; margin-bottom: 25px; }
.page_list_box figure { background: #f2f2f2; padding: 25px 0; border-radius: 15px; margin-bottom: 0; transition: all 0.2s ease; }
.page_list_box figure figcaption { color: #313293; font-size: 14px; font-weight: bold; margin-top: 45px; transition: all 0.2s ease; }
.page_list_box:hover figure { -webkit-box-shadow: 0px 3px 11px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 11px -1px rgba(0,0,0,0.75); box-shadow: 0px 3px 11px -1px rgba(0,0,0,0.75); }
.page_list_box:hover figcaption { color: #272727; }
.page_list_box span { padding: 5px; background: #e31f23; left: 0; right: 0; bottom: 57px; margin: 0 auto; position: absolute; border-radius: 30px; max-width: 130px; opacity: 0; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; text-align: center; font-size: 14px; color: #fff; -webkit-box-shadow: 0px 3px 11px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 11px -1px rgba(0,0,0,0.75); box-shadow: 0px 3px 11px -1px rgba(0,0,0,0.75); }
.page_list_box:hover span { opacity: 1; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
.product_detail_other_image { display:none;}
.other_products { margin-top:25px;}
.other_products h3 { display: block; padding-left: 15px; margin-bottom: 25px;position:relative;width:100%; }
.other_products h3:after { content: " "; display: block; width: 45%; height: 1px; background: #e3000f; right: 0; position: absolute; top: 50%; }
.card {margin:10px 0; }
.card-header {background-color: rgb(71, 77, 83);}
.card-header .btn-link { color:#fff;}
.detail_galbox { float: left; padding: 14px; }
.detail_galbox img { border: 2px solid #e1dede; padding: 4px;transition:all 0.2s ease; }
.detail_galbox:hover img { border:2px solid #e31f23;}
.form_box { margin-bottom:20px;overflow:hidden;}
.page_map { padding:0;margin-bottom:15px;overflow:hidden;display:block;}
.contact_box { overflow: hidden; display: block; margin: 0; text-align: center; }
.contact_box i { display: block; font-size: 25px; margin-bottom: 16px;float:left; }
.contact_box a { color:#000;transition:all 0.3s ease;}
.contact_box a:hover { color:#e31f23;}
.iletboxsend { margin-top: 25px; background: #000; color: #fff; padding: 10px 37px; transition: all 0.3s ease; }
.iletboxsend:hover {background:#e31f23;}
.table th, .table td { font-size: 13px; text-align: center; }
.quote-card { background: #fff; color: #222222; padding: 20px; padding-left: 50px; box-sizing: border-box; box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12); position: relative; overflow: hidden; min-height: 120px; margin-right: -15px; margin-left: -15px; }
.quote-card p { font-size: 22px; line-height: 1.5; margin: 0; max-width: 80%; }
.quote-card cite { font-size: 16px; margin-top: 10px; display: block; font-weight: 200; opacity: 0.8; }
.quote-card:before { font-family: Georgia, serif; content: "“"; position: absolute; top: 10px; left: 10px; font-size: 5em; color: rgba(238, 238, 238, 0.8); font-weight: normal; }
.quote-card:after { font-family: Georgia, serif; content: "”"; position: absolute; bottom: -110px; line-height: 100px; right: -32px; font-size: 25em; color: rgba(238, 238, 238, 0.8); font-weight: normal; }

@media (max-width: 640px) {
    .quote-card:after { font-size: 22em; right: -25px; }
}
.quote-card.red-card { background: #F61E32; color: #ffffff; box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24); }
.quote-card.red-card:before, .quote-card.red-card:after { color: #F65665; }
/*PageCss:End*/
/*ArapcaCss:Start*/
.arapca { /*font-family: 'Amiri', serif !important;*/ font-family: 'Ubuntu', sans-serif !important; }
.arapca .nav-scroller::after { left:0;right:auto;}
.arapca .nav-scroller:before { right: 0; background: #272727 }
.arapca .ml-auto { margin-right:auto;margin-left:inherit !important;}
.arapca .nav-scroller .float-right { float:left !important;}
.arapca li.mega-menu .alt-acilir { position: absolute; top: 35px; right: 20px; left: inherit; }
.arapca .top_header li.top_phone span strong { direction: ltr }
.arapca .owl-carousel .owl-item { float:right;}
.arapca #owl-demo1 .owl-prev { left:0;}
.arapca .owl-carousel .owl-wrapper { direction:ltr !important;}
.arapca .main_content_text p { text-align:right;}
.arapca .main_content_text h3 { text-align:right;}
.arapca .main_content_text ul { text-align:right;}
.arapca .page_left_menu ul li a { text-align: right; }
.arapca .page_list_box { float:right;}
.arapca li.mega-menu .alt-acilir li a { text-align:right;}
.arapca .footmenu { text-align:right;}
.arapca .footermainmenu { text-align: right; padding-right: 0; }
.arapca .card-header { text-align: right; }
.arapca .newsbox span { text-align:right;}
.arapca .newsbox p { text-align:right;}
.arapca .quote-card:before { font-size: 25em }
.arapca .quote-card:after { font-size: 5em }
.arapca .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-left: 0.5rem; color: #6c757d; content: "/"; padding-right: 0.5rem; }
.arapca .other_products h3:after { left:0;right:inherit;}
.arapca #owl-demo3 .owl-prev { text-indent: 9999em }
.arapca #owl-demo3 .owl-next { text-indent: 9999em }
/*ArapcaCss:End*/