/*
Theme Name: Keramik Corporate USA
Theme URI: https://www.keramikusa.com
Author: Keramik Makina
Author URI: https://www.keramik.com.tr
Description: Official English Keramik corporate website theme with responsive navigation and complete product, solution and project pages.
Version: 3.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: keramik-corporate
*/
@import url("assets/keramik/original/resources/libs/bootstrap-3.3.6-dist/css/bootstrap.min.css");
@import url("assets/keramik/original/resources/libs/font-awesome-4.7.0/css/font-awesome.min.css");
@import url("assets/keramik/original/resources/css/custom.min.css");

*{box-sizing:border-box}
html,body{width:100%;margin:0;min-height:100%;overflow-x:hidden;background:#fff}
body{color:#333;font-family:"dintregular",Arial,sans-serif}
a{color:inherit}
button,input,textarea{font:inherit}
.legacy-root{min-height:100vh;background:#fff}
.legacy-root .wrapper{padding-bottom:20px}
.legacy-root .wrapper_inner{min-height:520px}
.official-header{position:relative;z-index:70}
.official-header .navbar{min-height:78px}
.official-header .navbar-brand img{width:300px;max-width:31vw;height:auto}
.official-header .navbar-nav>li>a{display:flex;align-items:center;gap:5px}
.official-header .dropdown-menu{z-index:100}
.official-header .dropdown.open>.dropdown-menu{display:block}
.official-header .social_media{z-index:2}
.official-header .rowlanguage{right:150px;z-index:2}
.official-header .social_media a:hover{color:#ed1b2e}
.official-header .navbar-toggle{margin-top:3px;border-color:#ddd}
.official-header .navbar-toggle .icon-bar{background:#333}
.official-page-content{width:100%}
.official-page-content .imgWText{position:relative}
.official-page-content .imgWText>img{width:100%;height:auto}
.official-page-content .col_inner{width:100%}
.official-page-content .row_w{width:100%}
.official-page-content .product_cat_w>.col_inner{display:flex}
.official-page-content .product_cat{height:100%;display:flex;flex-direction:column}
.official-page-content .product_cat>img{height:75%;min-height:0;object-fit:cover}
.official-page-content .product_cat_title_w{height:25%;min-height:100px}
.default .icon_tile_link{display:block;width:100%;height:100%;color:#fff;text-decoration:none}
.default .icon_tile_link:hover,.default .icon_tile_link:active,.default .icon_tile_link:focus{color:#fff;text-decoration:none}
.default .icon_tile_link .icon_text span{display:block;padding:0 10px;font-size:16px;font-weight:bold;line-height:18px}
.default .icon_tile_link:focus-visible{outline:3px solid #ed1b2e;outline-offset:-3px}
.official-page-content .col_alt_img_title{overflow:hidden}
.official-page-content .col_alt_img_title>img{height:100%;object-fit:cover}
.official-page-content table{max-width:100%}
.official-page-content .thumb_w li{cursor:pointer}
.official-page-content .thumb_w a{transition:border-color .2s,transform .2s}
.official-page-content .thumb_w a:hover{border-color:#ed1b2e;transform:translateY(-1px)}
.official-page-content .rowProductVideo{display:none!important}
.page-home .main_video,.page-home [data-target="#modal_play_vid"]{cursor:pointer}
.official-not-found{min-height:55vh;padding:80px 0;text-align:center}
.official-not-found h1{font-size:90px}
.official-not-found a{display:inline-block;padding:12px 18px;color:#fff;background:#ed1b2e}

.official-contact{min-height:470px}
.usa-map{width:100%;height:400px;position:relative;overflow:hidden;background:#e9e8e4}
.usa-map>iframe{width:100%;height:100%;display:block;border:0}
.map-address-card{max-width:calc(100% - 32px);position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column;padding:12px 15px;color:#222;background:rgba(255,255,255,.96);box-shadow:0 4px 16px rgba(0,0,0,.22);line-height:1.3}
.map-address-card:hover,.map-address-card:focus{color:#ed1b2e;text-decoration:none}
.map-address-card span{font-size:13px}
.contact-copy{padding:15px 20px;font-size:16px;line-height:1.55}
.contact-copy a{color:#ed1b2e}

.footer{margin-top:60px}
.footer .navbar-nav{display:flex;align-items:flex-start;flex-wrap:wrap}
.footer .navbar-nav>li{min-height:70px}
.footer .dropdown-menu{width:100%}
.footer .footer_logo img{height:auto}
.whatsapp_icon img{width:78px;height:78px;object-fit:contain}

.react-modal-layer{position:fixed;z-index:10000;inset:0;padding:5vw;display:grid;place-items:center;background:rgba(0,0,0,.72)}
.react-modal-card{width:min(700px,94vw);max-height:88vh;position:relative;padding:30px;overflow:auto;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.react-modal-card h2{margin:0 0 24px;font-size:25px}
.react-modal-close{width:42px;height:42px;position:absolute;right:0;top:0;border:0;color:#fff;background:#ed1b2e;font-size:31px;line-height:1}
.react-modal-card form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.react-modal-card label{display:grid;gap:6px;color:#555;font-size:13px;font-weight:700}
.react-modal-card input,.react-modal-card textarea{width:100%;padding:11px;border:1px solid #ccc;background:#fff}
.react-modal-card .wide,.react-modal-card .form-result,.react-modal-card form>button{grid-column:1/-1}
.react-modal-card form>button{justify-self:start;padding:11px 18px;border:0;color:#fff;background:#ed1b2e}
.form-result{padding:10px;border-left:4px solid #2fac66;background:#ecfff4}
.react-video{width:min(1000px,94vw)}
.react-video h2{display:none}
.react-video iframe{width:100%;aspect-ratio:16/9;border:0}
.react-gallery{width:min(1100px,94vw);padding:12px;background:#fff}
.react-gallery h2{display:none}
.react-gallery>img{width:100%;max-height:82vh;object-fit:contain}

@media(min-width:992px){
  .official-page-content:not(.page-home) .official-hero-row{display:flex;align-items:stretch;flex-wrap:nowrap}
  .official-page-content:not(.page-home) .official-hero-row>[class*="col-md-"]{float:none}
  .official-page-content:not(.page-home) .official-hero-row>[class*="col-md-"]>.col_inner,
  .official-page-content:not(.page-home) .official-hero-row .rEqualHeight,
  .official-page-content:not(.page-home) .official-hero-row .textH,
  .official-page-content:not(.page-home) .official-hero-row .def_main_image,
  .official-page-content:not(.page-home) .official-hero-row .product_cat_w>.col_inner{height:100%!important}
  .official-page-content:not(.page-home) .official-hero-row .def_main_image{overflow:hidden}
  .official-page-content:not(.page-home) .official-hero-row .def_main_image>img{width:100%;height:100%!important;object-fit:cover}
  .official-page-content:not(.page-home) .official-hero-row .imgText>.imgText3:not(.imgText3Motto){font-size:clamp(38px,4vw,76px);line-height:1}
  .official-page-content:not(.page-home) .official-hero-row .imgText>.imgText3Motto{font-size:clamp(26px,2.55vw,48px);line-height:1.04}
  .official-page-content:not(.page-home) .official-hero-row .imgText>.imgText2:not(.imgText3){font-size:clamp(30px,3.2vw,62px);line-height:1}
  .default #row_default>.col-md-7{aspect-ratio:1.528/1}
  .default #row_default>.col-md-7>.col_inner,.default #row_default .def_main_image{height:100%}
  .default #row_default .def_main_image{overflow:hidden}
  .default #row_default .def_main_image>img{width:100%;height:100%!important;object-fit:cover}
  .default #row_default>.col-md-5:not(.col_icons){height:66%}
  .default #row_default>.col-md-5:not(.col_icons)>.col_inner,.default #row_default .vid_wrapper{height:100%}
  .default #row_default .vid_wrapper>img{height:100%;object-fit:cover}
  .default #row_default>.col_icons{height:34%;padding-top:20px}
  .default #row_default>.col_icons>.col_inner{height:100%}
}

@media(max-width:1180px){
  .wrapper_inner{padding:22px}
  .official-header .navbar-header{float:none}
  .official-header .navbar-toggle{display:block}
  .official-header .navbar-collapse.collapse{display:none!important;max-height:none!important;overflow:visible!important}
  .official-header .navbar-collapse.collapse.in{display:block!important}
  .official-header .navbar-nav{float:none!important;margin:8px -15px}
  .official-header .navbar-nav>li{float:none}
  .official-header .navbar-nav>li>a{min-height:46px;margin:0;padding:12px 15px;text-align:left;border-bottom:1px solid #e6e6e6}
  .official-header .navbar-nav .open .dropdown-menu{width:100%;position:static;float:none;display:block;padding:0;background:#f3f3f3;box-shadow:none}
  .official-header .dropdown-menu>li>a{padding:10px 24px;margin:0;color:#444}
  .official-header .social_media{right:62px;top:3px}
  .official-header .rowlanguage{right:165px;top:6px}
  .official-header .navbar-brand img{width:260px;max-width:70vw}
  .footer .navbar-nav{width:calc(100% - 265px)}
  .footer .navbar-nav>li{max-width:180px}
}

@media(max-width:991px){
  .official-page-content .product_cat_w>.col_inner{height:430px}
  .official-page-content .col_alt_img_title>img{height:auto;max-height:520px;object-fit:cover}
  .official-page-content .vertical_gallery .thumb_w{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 20px}
  .official-page-content .vertical_gallery .thumb_w a{margin:0}
  .footer{min-height:0}
  .footer .footer_logo{float:none;margin:0 0 30px}
  .footer .navbar-nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
  .footer .navbar-nav>li{float:none;max-width:none}
}

@media(max-width:991px){
  html,body,.legacy-root,.legacy-root .wrapper,.legacy-root .wrapper_inner{width:100%;max-width:100%;overflow-x:hidden}
  .legacy-root .wrapper{padding-bottom:8px}
  .legacy-root .wrapper_inner{min-height:0;padding:10px}
  .official-header{min-height:64px}
  .official-header .navbar{min-height:54px;margin-bottom:8px}
  .official-header .container-fluid{padding:0}
  .official-header .navbar-header{min-height:54px;margin:0}
  .official-header .navbar-brand{height:54px;display:flex;align-items:center;padding:0}
  .official-header .navbar-brand img{width:185px;max-width:calc(100vw - 92px)}
  .official-header .navbar-toggle{width:46px;height:42px;margin:5px 0 0;padding:10px;border:1px solid #bbb;border-radius:3px}
  .official-header .navbar-toggle,.official-header .dropdown-toggle,.official-header .dropdown-menu a{touch-action:manipulation}
  .official-header .navbar-toggle .icon-bar{width:24px;height:3px;margin:0 auto 5px}
  .official-header .navbar-collapse{width:100%;clear:both;margin:0!important;padding:0;border:0;background:#fff;box-shadow:0 7px 16px rgba(0,0,0,.14)}
  .official-header .navbar-collapse.collapse.in{max-height:calc(100vh - 78px)!important;overflow-x:hidden!important;overflow-y:auto!important}
  .official-header .navbar-nav{width:100%;margin:0!important}
  .official-header .navbar-nav>li>a{min-height:48px;margin:0!important;padding:13px 14px!important;font-size:16px;text-align:left;white-space:normal}
  .official-header .dropdown-menu{min-width:0!important;margin:0!important;border:0!important}
  .official-header .dropdown-menu>li>a{min-height:44px;margin:0!important;padding:11px 18px 11px 30px!important;white-space:normal!important;line-height:1.35}
  .official-header .social_media{display:none}
  .official-header .rowlanguage{display:none}
  .official-page-content .official-hero-row{display:block!important}
  .official-page-content,.official-contact,.official-header,.footer{max-width:100%;overflow-x:hidden}
  .official-page-content .row,.official-contact.row,.official-header .row,.footer .row{width:100%;max-width:100%;margin-left:0!important;margin-right:0!important}
  .official-page-content,.official-page-content>.row,.official-page-content>div>.row,.official-page-content>div>div>.row{width:100%;max-width:100%;display:block!important}
  .official-page-content [class*="col-md-"]{width:100%!important;max-width:100%;float:none!important}
  .official-contact>[class*="col-md-"]{width:100%!important;max-width:100%;float:none!important}
  .official-page-content .col_left,.official-page-content .col_right,.official-page-content .col_both{padding:0!important}
  .official-page-content .row_divider{height:10px}
  .official-page-content .imgWText,.official-page-content .def_main_image{min-height:0!important;height:auto!important}
  .official-page-content .imgText{padding:16px!important}
  .official-page-content .imgText2{font-size:clamp(22px,8.5vw,34px)!important;line-height:1.05!important;padding:0!important}
  .official-page-content .imgText3Motto{right:14px!important;bottom:14px!important;max-width:88%;font-size:clamp(18px,7vw,27px)!important;line-height:1.05!important;padding:0!important}
  .default #row_default{display:flex!important;flex-direction:column}
  .default #row_default>.col-md-7,.default #row_default>.col-md-5{width:100%!important}
  .default .col_icons{position:static!important;width:100%!important;height:auto!important;display:block!important;padding-top:8px}
  .default .col_icons>.col_inner{width:100%!important;height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .default .col_icons>.col_inner::before,.default .col_icons>.col_inner::after{display:none!important;content:none!important}
  .default .icon_item{width:100%!important;height:138px!important;float:none}
  .default .icon_img{display:flex!important;height:100%;align-items:center;justify-content:center}
  .default .icon_img img{width:72%!important;max-height:100%;object-fit:contain}
  .default .icon_text{display:none!important}
  .official-page-content .product_cat_w>.col_inner{height:auto;display:block}
  .official-page-content .product_cat{height:260px;margin-bottom:10px}
  .official-page-content .product_cat>img{height:72%;object-fit:cover}
  .official-page-content .product_cat_title{padding:8px 12px;font-size:15px;line-height:1.15}
  .official-page-content .product_cat_title_w{height:28%;min-height:72px}
  .official-page-content .text30pd{height:auto!important;padding:20px 16px;font-size:16px;line-height:1.55;overflow-wrap:anywhere}
  .official-page-content .text30pd h1,.official-page-content .text30pd h2,.official-page-content .text30pd h3{font-size:clamp(22px,7vw,32px);line-height:1.12}
  .official-page-content .text30pd table,.official-page-content .text30pd tbody,.official-page-content .text30pd tr{display:block}
  .official-page-content .text30pd td{display:block;width:100%;padding:12px!important;border-bottom:1px solid #ccc}
  .official-page-content .vertical_gallery{width:100%!important}
  .official-page-content .vertical_gallery .thumb_w{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 6px}
  .official-page-content .verticalTitle,.official-page-content .verticalTitleW{position:static!important;width:auto!important;transform:none!important;writing-mode:initial!important}
  .usa-map{height:min(340px,72vw)}
  .map-address-card{max-width:none;left:10px;right:10px;bottom:10px;padding:10px 12px}
  .map-address-card span{font-size:12px}
  .contact-copy{padding:22px 4px;overflow-wrap:anywhere}
  .footer{min-height:0;margin-top:25px;padding:28px 16px}
  .footer .footer_logo{margin-bottom:22px}
  .footer .footer_logo img{max-width:190px!important}
  .footer .navbar-nav{width:100%;display:block;margin:0}
  .footer .navbar-nav>li{width:100%;min-height:0;margin-bottom:18px}
  .footer .navbar-nav>li>a{padding:0 0 7px;font-size:15px}
  .footer .dropdown-menu{position:static!important;width:100%;padding-left:10px}
  .footer .dropdown-menu{font-size:12px}
  .whatsapp_icon{right:14px;bottom:14px}
  .whatsapp_icon img{width:58px;height:58px}
  .react-modal-card{padding:25px 18px}
  .react-modal-card form{grid-template-columns:1fr}
  .react-modal-card label,.react-modal-card .wide,.react-modal-card .form-result,.react-modal-card form>button{grid-column:1}
}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* WordPress package integration */
body.admin-bar .official-header{margin-top:0}
.js-modal[hidden],.cookie-consent[hidden]{display:none!important}
body.modal-open{overflow:hidden}
.video-frame,.video-frame iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.cookie-consent{position:fixed;left:0;bottom:0;z-index:9990;display:flex;align-items:center;gap:28px;max-width:min(780px,calc(100vw - 28px));padding:20px 26px;color:#fff;background:rgba(0,0,0,.94);box-shadow:0 -4px 20px rgba(0,0,0,.28)}
.cookie-consent p{margin:0;font-family:Arial,sans-serif;font-size:15px;line-height:1.45}
.cookie-consent a{text-decoration:underline}
.cookie-consent button{flex:0 0 auto;padding:11px 22px;border:0;color:#111;background:#fff;font-size:16px}
@media(min-width:1181px){.official-header .dropdown:hover>.dropdown-menu{display:block}.official-header .dropdown:hover>.dropdown-toggle{color:#ed1b2e}}
@media(max-width:900px){.cookie-consent{left:8px;bottom:8px;display:block;width:calc(100vw - 16px);max-width:none;padding:15px 16px}.cookie-consent p{margin:0 0 12px;font-size:13px}.cookie-consent button{padding:9px 18px}.whatsapp_icon{z-index:9980}}