@charset "utf-8";
:root{--brand:#D9480F;--amber:#F5B800;--teal:#0F5257;--teal2:#1B7A7F;--ink:#1E2B2B;--cream:#FFF5E8;--r:20px;--sh:0 14px 34px -16px rgba(10,50,55,.38)}
html{scroll-behavior:smooth}
body{font-family:BMitra,Tahoma,sans-serif;color:var(--ink);background:radial-gradient(900px 520px at 90% -10%,#ffe0a8,transparent 60%),radial-gradient(800px 520px at -10% 45%,#bfe3dd,transparent 60%),#f3e8d6;background-attachment:fixed}
a:focus-visible,button:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.main-container{padding:0;margin:20px auto;background:var(--cream);border-radius:24px;box-shadow:0 30px 80px -20px rgba(10,50,55,.4);overflow:clip}
@media(min-width:992px){.container.main-container{width:980px}}
@media(min-width:1200px){.container.main-container{width:1060px}}
/* navbar */
.navbar-custom{font-family:BTitrBold,Tahoma;font-size:small;margin:0;border:0;border-radius:0;background:rgba(15,82,87,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:1000}
.navbar-custom .container-fluid>img{height:46px;width:auto;margin:5px 0;transition:transform .7s}
.navbar-custom .container-fluid>img:hover{transform:rotate(360deg)}
.navbar-inverse .navbar-nav>li>a{color:#f3ede0;position:relative;transition:color .3s}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background:transparent}
.navbar-nav>li>a:after{content:"";position:absolute;right:15px;left:15px;bottom:9px;height:2px;background:linear-gradient(90deg,var(--brand),var(--amber));transform:scaleX(0);transform-origin:right;transition:transform .35s}
.navbar-nav>li>a:hover:after,.navbar-nav>li.active>a:after{transform:scaleX(1)}
.navbar-nav .glyphicon{color:var(--amber);margin-left:6px;transition:transform .35s}
.navbar-nav>li>a:hover .glyphicon{transform:translateY(-3px) scale(1.2)}
/* hero carousel: fade + ken burns */
.carousel{background:#111;position:relative}
.carousel-inner>.item{left:0!important;transform:none!important;opacity:0;transition:opacity 1s ease-in-out!important}
.carousel-inner>.item.active{opacity:1}
.carousel-inner>.item.active.left,.carousel-inner>.item.active.right{opacity:0}
.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{opacity:1}
.carousel-inner>.item>img{width:100%;height:clamp(240px,42vw,460px);object-fit:cover;transform:scale(1.02)}
.carousel-inner>.item.active>img{animation:kb 9s ease-out forwards}
.carousel-inner>.item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(8,44,48,.78),transparent 58%)}
.carousel .carousel-caption{left:0;right:0;bottom:0;padding:0 8% 56px;text-align:center}
.carousel-caption h1,.carousel-caption h3{font-family:BTitrBold,Tahoma;color:#fff;margin:0;text-shadow:0 3px 18px rgba(0,0,0,.6);opacity:0;transform:translateY(26px)}
.item.active .carousel-caption h1,.item.active .carousel-caption h3{animation:up .9s .35s cubic-bezier(.2,.7,.2,1) forwards}
.carousel-caption h1:after,.carousel-caption h3:after{content:"";display:block;width:72px;height:4px;border-radius:4px;margin:12px auto 0;background:linear-gradient(90deg,var(--brand),var(--amber))}
.carousel .carousel-control{width:80px;background:none!important;opacity:1;text-shadow:none;filter:none}
.carousel .carousel-control .glyphicon{top:50%!important;left:50%!important;right:auto!important;width:44px!important;height:44px!important;margin:-22px 0 0 -22px!important;line-height:44px;font-size:15px!important;border-radius:50%;color:#fff;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .3s,transform .3s}
.carousel .carousel-control:hover .glyphicon{background:var(--brand);transform:scale(1.14)}
.carousel-indicators{left:0!important;right:0!important;margin:0!important;width:auto!important;padding:0;bottom:8px}
.carousel-indicators li{width:10px;height:10px;margin:0 4px;border:0;background:rgba(255,255,255,.6);transition:width .4s,background .4s}
.carousel-indicators .active{width:34px;height:10px;margin:0 4px;background:var(--amber)}
@keyframes kb{to{transform:scale(1.14)}}
@keyframes up{to{opacity:1;transform:none}}
/* sections */
.three-columns,.about,.modals,.row.contact{margin:0;padding:48px 22px;background:transparent;border:0;box-shadow:none}
.three-columns{text-align:center}
.three-columns a{display:block;margin:10px 0;padding:26px 10px 22px;background:#fff;border-radius:var(--r);box-shadow:var(--sh);font-family:BTitrBold,Tahoma;font-size:1.15em;color:var(--ink);text-decoration:none;position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s,color .3s}
.three-columns a:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,var(--brand),var(--amber));transform:scaleX(0);transform-origin:right;transition:transform .45s}
.three-columns a:hover{transform:translateY(-10px);box-shadow:0 26px 40px -16px rgba(217,72,15,.5);color:#fff}
.three-columns a:hover:before{transform:scaleX(1)}
.three-columns p{margin:0 0 14px}
.three-columns img{position:relative;width:150px;height:150px;box-sizing:border-box;padding:28px;border-radius:50%;background:#fff1ea;transition:background .4s,box-shadow .4s;animation:float 4s ease-in-out infinite}
.three-columns .second img{animation-delay:-1.3s}
.three-columns .third img{animation-delay:-2.6s}
.three-columns a:hover img{box-shadow:0 0 0 10px rgba(217,72,15,.16)}
@keyframes float{50%{top:-9px}}
.about{font-size:1.12em;line-height:2.25;text-align:justify}
.about p{background:#fff;padding:26px 30px;margin-bottom:26px;border-radius:var(--r);border-right:6px solid var(--brand);box-shadow:var(--sh)}
.about strong{display:block;font-family:BTitrBold,Tahoma;font-size:1.3em;color:var(--brand)}
.about span{font-weight:bold;color:var(--brand)}
.about .worker{width:100%;max-width:320px;height:auto!important;margin:0 auto 26px;border-radius:var(--r);box-shadow:var(--sh)}
.modals{text-align:center}
.modals>h4{position:relative;font-family:BTitrBold,Tahoma;font-size:1.5em;color:var(--ink);margin:0 0 34px;padding-bottom:16px}
.modals>h4:after{content:"";position:absolute;bottom:0;right:50%;width:80px;height:4px;margin-right:-40px;border-radius:4px;background:linear-gradient(90deg,var(--brand),var(--amber))}
.modalStyle{border:0;border-radius:14px;margin-bottom:24px;box-shadow:var(--sh);transition:transform .45s,box-shadow .45s;cursor:zoom-in}
.modalStyle:hover{transform:translateY(-8px) rotate(-1.2deg) scale(1.03);box-shadow:0 26px 40px -16px rgba(0,0,0,.45)}
.modal-content{border:0;border-radius:var(--r);overflow:hidden;font-family:BTitrBold,Tahoma}
.modal-title{color:var(--ink)}
.modal.fade .modal-dialog{transform:scale(.85);transition:transform .35s}
.modal.in .modal-dialog{transform:none}
.row.contact{overflow:visible}
.row.contact>.col-sm-4{background:#fff;border-radius:var(--r);padding:26px 28px;box-shadow:var(--sh);width:calc(33.333% - 15px);margin:0 15px 20px 0}
@media(max-width:767px){.row.contact>.col-sm-4{width:100%;margin:0 0 20px}}
.onvan{font-family:BTitrBold,Tahoma;font-size:.95em;color:var(--brand);margin:16px 0 2px}
.onvan:first-child{margin-top:0}
.add{font-family:BTitrBold,Tahoma;margin:0 0 4px}
.add a{color:inherit;text-decoration:none;transition:color .3s}
.add a:hover{color:var(--brand)}
.add .glyphicon{color:var(--amber);margin-left:8px}
iframe.map{width:100%;height:440px;border-radius:var(--r);box-shadow:var(--sh)}
footer{position:relative;background:#0B3B3F;color:#cfe3e0;font-family:tahoma;font-size:.9em}
footer:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--amber),var(--brand));background-size:200% 100%;animation:slide 6s linear infinite}
footer p{margin:0;padding:16px 0}
@keyframes slide{to{background-position:-200% 0}}
/* ribbon */
#slideout{position:fixed;top:60%;left:-120px;width:150px;height:110px;padding:6px 0;text-align:center;background:#fff;border-radius:0 16px 16px 0;box-shadow:0 10px 30px rgba(0,0,0,.28);z-index:1100;transition:left .4s cubic-bezier(.2,.7,.2,1);animation:peek 7s 3s infinite}
#slideout:hover,#slideout.open{left:0;animation:none}
#slideout img{max-height:100%;float:right;padding:4px}
#slideout:hover img,#slideout.open img{display:none}
.slogan{font-family:BMitra;font-weight:bold;font-size:1.15em;color:var(--brand);margin-top:22px;padding:0 8px}
@keyframes peek{0%,90%,100%{left:-120px}94%{left:-98px}}
/* scroll progress + back to top */
#progress{position:fixed;top:0;right:0;left:0;height:3px;z-index:1200;background:linear-gradient(90deg,var(--brand),var(--amber));transform:scaleX(0);transform-origin:right}
#totop{position:fixed;bottom:22px;left:22px;width:46px;height:46px;border:0;border-radius:50%;color:#fff;background:var(--brand);box-shadow:0 8px 22px rgba(217,72,15,.45);opacity:0;visibility:hidden;transform:translateY(20px);transition:.35s;z-index:1090}
#totop.show{opacity:1;visibility:visible;transform:none}
#totop:hover{background:var(--amber)}
/* scroll reveal */
.js .rv{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.js .rv,.carousel-caption h1,.carousel-caption h3{opacity:1;transform:none}html{scroll-behavior:auto}}
/* hero slide: cinematic photo sequence / video */
.proc-item{background:#f4f1ea}
.carousel-inner>.item.proc-item:after{display:none}
.proc{position:relative;height:clamp(240px,42vw,460px);overflow:hidden;background:#f4f1ea;font-family:BMitra,Tahoma,sans-serif;direction:rtl}
.proc .pvid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.proc.has-video .pvid{opacity:1}
.proc.has-video .pfb{display:none}
.proc .pfb{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1612}
.proc .pl{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;overflow:hidden}
.proc .pl.s0{opacity:1}
.proc .ph{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 55%}
.proc .ph img{position:absolute;top:0;right:0;left:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(.95) brightness(1.03)}
.proc .grade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(to bottom,rgba(255,240,215,0),rgba(255,170,90,.3))}
.proc .pv{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(20,12,5,.35))}
.proc .pgr{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:multiply;opacity:.12;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .35 0 0 0 0 .3 0 0 0 .8 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}
.proc .pw{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse at 50% 38%,#fffaf0,#f6e6c8 80%)}
.proc .pw:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .6 0 0 0 0 .55 0 0 0 0 .45 0 0 0 .25 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}
.proc .pbr{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.proc .pbr img{height:clamp(54px,15vw,140px);width:auto;opacity:0}
.proc .pbr .bl{width:clamp(44px,7vw,84px);height:2px;margin:clamp(10px,2vw,22px) 0;background:linear-gradient(90deg,transparent,#F5B800,transparent);opacity:0}
.proc .pbr .bn{font-family:BTitrBold,Tahoma,sans-serif;font-size:clamp(20px,4.4vw,54px);line-height:1.3;color:#0F5257;opacity:0}
.proc .pbr .bs{margin-top:clamp(4px,1vw,12px);font-size:clamp(12px,2.1vw,26px);font-weight:bold;color:#B8501A;opacity:0}
.proc.show-brand .pw{opacity:1;transition:opacity .9s ease}
.proc.show-brand .pbr img,.proc.show-brand .pbr .bl,.proc.show-brand .pbr .bn,.proc.show-brand .pbr .bs{opacity:1;transition:opacity .9s ease .35s}
.proc .pw{transition:opacity .6s}
@keyframes pl0{0.000%{opacity:1}5.333%{opacity:1}23.333%{opacity:1}23.667%{opacity:0}100.000%{opacity:0}}
@keyframes cam0{0.000%{transform:scale(1) translateY(-2%)}23.333%{transform:scale(1.2) translateY(1%)}100.000%{transform:scale(1.2) translateY(1%)}}
@keyframes pl1{0.000%{opacity:0}17.333%{opacity:0}22.667%{opacity:1}38.000%{opacity:1}38.333%{opacity:0}100.000%{opacity:0}}
@keyframes cam1{0.000%{transform:scale(1.16) translateX(2.5%)}17.333%{transform:scale(1.16) translateX(2.5%)}38.000%{transform:scale(1.16) translateX(-2.5%)}100.000%{transform:scale(1.16) translateX(-2.5%)}}
@keyframes pl2{0.000%{opacity:0}32.000%{opacity:0}37.333%{opacity:1}52.667%{opacity:1}53.000%{opacity:0}100.000%{opacity:0}}
@keyframes cam2{0.000%{transform:scale(1.08)}32.000%{transform:scale(1.08)}52.667%{transform:scale(1.22)}100.000%{transform:scale(1.22)}}
@keyframes pl3{0.000%{opacity:0}46.667%{opacity:0}52.000%{opacity:1}67.333%{opacity:1}67.667%{opacity:0}100.000%{opacity:0}}
@keyframes cam3{0.000%{transform:scale(1.2) translateX(-3%)}46.667%{transform:scale(1.2) translateX(-3%)}67.333%{transform:scale(1.1) translateX(2%)}100.000%{transform:scale(1.1) translateX(2%)}}
@keyframes pl4{0.000%{opacity:0}61.333%{opacity:0}66.667%{opacity:1}82.000%{opacity:1}82.333%{opacity:0}100.000%{opacity:0}}
@keyframes cam4{0.000%{transform:scale(1.1) translateY(2%)}61.333%{transform:scale(1.1) translateY(2%)}82.000%{transform:scale(1.2) translateY(-1.5%)}100.000%{transform:scale(1.2) translateY(-1.5%)}}
@keyframes pl5{0.000%{opacity:0}76.000%{opacity:0}81.333%{opacity:1}99.333%{opacity:1}100.000%{opacity:1}}
@keyframes cam5{0.000%{transform:scale(1.05)}76.000%{transform:scale(1.05)}99.333%{transform:scale(1.15)}100.000%{transform:scale(1.15)}}
@keyframes pw{0.000%{opacity:1}6.667%{opacity:0}86.667%{opacity:0}93.333%{opacity:1}100.000%{opacity:1}}
@keyframes bl{0.000%{opacity:1}4.000%{opacity:0}89.333%{opacity:0;transform:scaleX(0)}95.333%{opacity:1;transform:scaleX(1)}100.000%{opacity:1;transform:scaleX(1)}}
@keyframes bi{0.000%{opacity:1;transform:none}4.000%{opacity:0}88.667%{opacity:0;transform:translateY(14px) scale(.96)}94.667%{opacity:1;transform:none}100.000%{opacity:1;transform:none}}
@keyframes bn{0.000%{opacity:1;transform:none}4.000%{opacity:0}91.333%{opacity:0;transform:translateY(14px)}96.667%{opacity:1;transform:none}100.000%{opacity:1;transform:none}}
@keyframes bs{0.000%{opacity:1;transform:none}4.000%{opacity:0}93.333%{opacity:0;transform:translateY(12px)}98.667%{opacity:1;transform:none}100.000%{opacity:1;transform:none}}

/* motion (photo mode) */
.item.active .proc:not(.has-video) *{animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:linear}
.item.active .proc:not(.has-video) .s0{animation-name:pl0}
.item.active .proc:not(.has-video) .s0 .ph{animation-name:cam0;animation-timing-function:ease-in-out}
.item.active .proc:not(.has-video) .s1{animation-name:pl1}
.item.active .proc:not(.has-video) .s1 .ph{animation-name:cam1;animation-timing-function:ease-in-out}
.item.active .proc:not(.has-video) .s2{animation-name:pl2}
.item.active .proc:not(.has-video) .s2 .ph{animation-name:cam2;animation-timing-function:ease-in-out}
.item.active .proc:not(.has-video) .s3{animation-name:pl3}
.item.active .proc:not(.has-video) .s3 .ph{animation-name:cam3;animation-timing-function:ease-in-out}
.item.active .proc:not(.has-video) .s4{animation-name:pl4}
.item.active .proc:not(.has-video) .s4 .ph{animation-name:cam4;animation-timing-function:ease-in-out}
.item.active .proc:not(.has-video) .s5{animation-name:pl5}
.item.active .proc:not(.has-video) .s5 .ph{animation-name:cam5;animation-timing-function:ease-in-out}
.item.active .proc:not(.has-video) .pw{animation-name:pw}
.item.active .proc:not(.has-video) .pbr .bl{animation-name:bl}
.item.active .proc:not(.has-video) .pbr img{animation-name:bi;animation-timing-function:ease-out}
.item.active .proc:not(.has-video) .pbr .bn{animation-name:bn;animation-timing-function:ease-out}
.item.active .proc:not(.has-video) .pbr .bs{animation-name:bs;animation-timing-function:ease-out}
@media(prefers-reduced-motion:reduce){.proc .pw,.proc .pbr img,.proc .pbr .bl,.proc .pbr .bn,.proc .pbr .bs{opacity:1}}
/* video mode: the clip carries its own closing slogan, so only the logo + name fade in at the top */
.proc.has-video .pw,.proc.has-video .pbr .bl,.proc.has-video .pbr .bs{display:none}
.proc.has-video .pbr{justify-content:flex-start;padding-top:2.4%}
.proc.has-video .pbr:before{content:"";position:absolute;top:0;right:0;left:0;height:44%;background:linear-gradient(to bottom,rgba(255,246,232,.94),rgba(255,246,232,0));opacity:0;transition:opacity .9s ease}
.proc.has-video.show-brand .pbr:before{opacity:1}
.proc.has-video .pbr img{position:relative;height:clamp(34px,8.5vw,80px)}
.proc.has-video .pbr .bn{position:relative;font-size:clamp(14px,2.5vw,30px)}
@media print{.js .rv{opacity:1!important;transform:none!important}#progress,#totop,#slideout{display:none!important}}
.about:after{content:"";display:table;clear:both}
.about .worker{float:left;margin:0 0 26px 24px;max-width:300px}
.about .worker+p{overflow:hidden}
@media(max-width:767px){.about .worker{float:none;margin:0 auto 22px}.about .worker+p{overflow:visible}}

/* products page */
.mahsolat{margin:0;padding:48px 24px 56px;position:relative}
.mahsolat:before{content:"";position:absolute;top:70px;left:-40px;width:340px;height:280px;opacity:.06;background:url(../images/company-gypsum-nemooneh-semnan.png) center/contain no-repeat;transform:rotate(-12deg);pointer-events:none}
.phead{text-align:center;margin-bottom:34px}
.phead h2{display:inline-block;position:relative;margin:0;padding-bottom:16px;font-family:BTitrBold,Tahoma,sans-serif;font-size:clamp(18px,2.6vw,28px);color:var(--ink)}
.phead h2:after{content:"";position:absolute;bottom:0;right:50%;width:84px;height:4px;margin-right:-42px;border-radius:4px;background:linear-gradient(90deg,var(--brand),var(--amber))}
.bagstage{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:34px 22px 44px;margin-bottom:34px;border-radius:28px;background:radial-gradient(ellipse at 50% 30%,#fff,#fbe9cc 75%);box-shadow:inset 0 0 0 1px rgba(217,72,15,.14),var(--sh)}
.bagstage:after{content:"";position:absolute;right:6%;left:6%;bottom:22px;height:14px;border-radius:50%;background:radial-gradient(ellipse,rgba(10,50,55,.28),transparent 70%);pointer-events:none}
.bg-card{position:relative;margin:0;padding:12px;border-radius:20px;background:#fff;box-shadow:0 14px 30px -14px rgba(10,50,55,.5),0 0 0 1px rgba(0,0,0,.04);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.bg-card:before{content:"";position:absolute;top:0;right:18%;left:18%;height:4px;border-radius:0 0 6px 6px;background:var(--c)}
.bg-card img{display:block;width:100%;height:auto;border-radius:12px}
.js .bg-card.rv.in:nth-child(odd){transform:rotate(-2.2deg)}
.js .bg-card.rv.in:nth-child(even){transform:translateY(12px) rotate(2deg)}
.js .bg-card.rv.in:hover{transform:translateY(-14px) rotate(0) scale(1.05);box-shadow:0 30px 44px -16px rgba(10,50,55,.6),0 0 0 1px rgba(0,0,0,.04);z-index:2}
.plist{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0;padding:0;list-style:none;font-family:BTitrBold,Tahoma,sans-serif}
.plist li{position:relative;display:flex;align-items:center;gap:14px;padding:16px 20px 16px 16px;background:#fff;border-radius:16px;border-right:6px solid var(--c);box-shadow:var(--sh);line-height:1.8;transition:transform .35s,box-shadow .35s}
.plist li:before{content:"";flex:0 0 34px;height:34px;background:var(--c);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 2h10l1 4 2 3v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9l2-3zM8 12h8v5H8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 2h10l1 4 2 3v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9l2-3zM8 12h8v5H8z'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .35s}
.plist li:hover{transform:translateY(-4px);box-shadow:0 18px 30px -14px rgba(10,50,55,.45)}
.plist li:hover:before{transform:rotate(-8deg) scale(1.15)}
.plist .pn{flex:1;text-decoration:none;font-size:clamp(14px,1.5vw,16px)}
.plist b{display:inline-block;min-width:2.1em;margin:0 3px;padding:0 8px;border-radius:30px;text-align:center;font-weight:normal;color:#fff;background:var(--c)}
.plist li.lead{background:linear-gradient(270deg,#fff,#fff7e3)}
.plist li:nth-child(-n+4){--c:#D9480F}.plist li:nth-child(n+5):nth-child(-n+6){--c:#f08a00}.plist li:nth-child(n+7):nth-child(-n+8){--c:#2f5fb3}.plist li:nth-child(n+9){--c:#1b8aa5}
@media(max-width:767px){.mahsolat{padding:34px 14px 40px}.bagstage{grid-template-columns:repeat(2,1fr);gap:16px;padding:22px 14px 34px}.plist{grid-template-columns:1fr}.mahsolat:before{display:none}}

/* theme C: earth, gold, deep green */
.navbar-inverse .navbar-collapse{border-color:rgba(255,255,255,.12)}
.navbar-inverse .navbar-toggle{border-color:rgba(255,255,255,.35)}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background:rgba(255,255,255,.14)}
.navbar-custom:after{content:"";display:block;position:absolute;right:0;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--amber),var(--brand))}
.carousel-inner>.item>img{filter:saturate(1.18) contrast(1.06)}
.carousel-inner>.item:after{background:linear-gradient(to top,rgba(8,44,48,.8),rgba(8,44,48,.08) 55%,transparent)}
.three-columns a{border:1px solid rgba(15,82,87,.08);isolation:isolate}
.three-columns a:before{z-index:2}
.three-columns a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;transition:opacity .5s}
.three-columns .first a:after{background:linear-gradient(160deg,rgba(15,82,87,.86),rgba(8,50,54,.96)),url(../images/cine-3.jpg) center/cover}
.three-columns .second a:after{background:linear-gradient(160deg,rgba(15,82,87,.86),rgba(8,50,54,.96)),url(../images/cine-5.jpg) center/cover}
.three-columns .third a:after{background:linear-gradient(160deg,rgba(15,82,87,.86),rgba(8,50,54,.96)),url(../images/cine-0.jpg) center/cover}
.three-columns a:hover:after{opacity:1}
.three-columns img{padding:30px;background:linear-gradient(135deg,var(--brand),#EE7A1C);box-shadow:0 14px 26px -10px rgba(217,72,15,.6);transition:transform .45s,box-shadow .45s}
.three-columns .second img{background:linear-gradient(135deg,var(--amber),#E58A00);box-shadow:0 14px 26px -10px rgba(229,138,0,.6)}
.three-columns .third img{background:linear-gradient(135deg,var(--teal),var(--teal2));box-shadow:0 14px 26px -10px rgba(15,82,87,.6)}
.three-columns a:hover img{transform:scale(1.07);box-shadow:0 0 0 10px rgba(245,184,0,.3),0 18px 30px -10px rgba(0,0,0,.55)}
.modalStyle{border-radius:16px;filter:saturate(1.1)}
.modalStyle:hover{box-shadow:0 0 0 4px var(--amber),0 26px 40px -16px rgba(10,50,55,.55)}
.about .worker{border:0;padding:5px;background:linear-gradient(135deg,var(--brand),var(--amber));filter:saturate(1.12);transition:transform .5s,box-shadow .5s}
.about .worker:hover{transform:scale(1.03) rotate(-1deg)}
.bg-card{overflow:hidden}
.bg-card:after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:55%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg);transition:left .8s;pointer-events:none}
.bg-card:hover:after{left:130%}
.plist li:nth-child(-n+4){--c:#D9480F}
.plist li:nth-child(n+5):nth-child(-n+6){--c:#E3A400}
.plist li:nth-child(n+5):nth-child(-n+6) b{color:#2a2000}
.plist li:nth-child(n+7):nth-child(-n+8){--c:#0F5257}
.plist li:nth-child(n+9){--c:#1E8A6E}
.add .glyphicon{color:var(--brand)}
#slideout{border-right:5px solid var(--amber)}
.row.contact>.col-sm-4{border-top:4px solid var(--brand)}
.row.contact>.col-sm-4:nth-child(2){border-top-color:var(--amber)}
.row.contact>.col-sm-4:nth-child(3){border-top-color:var(--teal)}