/* Red Steed Studios — static clone of the 2016 Unicon look */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{
  font:400 13px/1.9 "Open Sans",Arial,Helvetica,sans-serif;
  color:#777;
  background:#1b1b1b;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
a{color:#1cbac8;text-decoration:none}
a:hover{color:#333}
h1,h2,h3,h4,h5,h6{color:#333;font-weight:400;margin:0 0 14px}
h1{font-size:28px;line-height:1.3}
h2{font-size:24px;line-height:1.3}
h3{font-size:20px}
h4{font-size:16px}
.font-special{font-family:Montserrat,Arial,Helvetica,sans-serif;}
h6{
  font-family:Montserrat,Arial,Helvetica,sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
  font-size:14px;
  color:#333;
}
p{margin:0 0 16px}
ul{margin:0;padding:0}
.wrapall{background:#fff;min-height:100vh}
.container{width:100%;max-width:1170px;margin:0 auto;padding:0 15px}
.clearfix::after{content:"";display:table;clear:both}

/* Header */
.site-header{
  position:sticky;top:0;z-index:1000;
  height:90px;background:#fff;
  border-bottom:1px solid #efefef;
}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:90px}
.logo img{height:31px;width:auto;display:block}
.logo a{display:inline-block}
.nav-wrap{display:flex;align-items:center;height:90px}
.nav-menu{list-style:none;display:flex;margin:0;padding:0;height:90px}
.nav-menu li{height:90px;display:flex;align-items:flex-end;padding-bottom:22px;margin:0 0 0 28px;border-bottom:2px solid transparent}
.nav-menu a{
  font:18px/1 Montserrat,Arial,Helvetica,sans-serif;
  color:#dd3333;
}
.nav-menu a:hover,.nav-menu li:hover a{color:#1cbac8}
.nav-menu li.current{border-bottom-color:#f72222}
.nav-menu li.current a{color:#f72222}
.nav-menu li.current a:hover{color:#1cbac8}
.header-icons{display:flex;align-items:center;height:90px;margin-left:18px}
.header-icons-divider{width:1px;height:22px;background:#efefef;margin-right:14px}
#search-btn,#close-search-btn{
  color:#bbb;font-size:16px;line-height:90px;display:inline-block;
}
#search-btn:hover,#close-search-btn:hover{color:#999}
#search-top{
  display:none;position:absolute;left:0;right:0;top:0;height:90px;background:#fff;z-index:1001;
}
#search-top.open{display:block}
#search-top .container{position:relative;height:90px}
#search-top input{
  width:100%;height:90px;border:0;outline:0;
  font:16px "Open Sans",Arial,sans-serif;color:#666;padding-right:50px;
}
#close-search-btn{position:absolute;right:15px;top:0}
.mobile-nav-btn{display:none;color:#bbb;font-size:22px;line-height:90px;padding:0 6px}
.mobile-nav-btn:hover{color:#999}
#mobile-navigation{
  display:none;background:#262626;padding:10px 0 20px;
}
#mobile-navigation.open{display:block}
#mobile-navigation ul{list-style:none;margin:0;padding:0}
#mobile-navigation a{
  display:block;padding:12px 0;color:#bbb;font-size:13px;
  border-bottom:1px solid #333;
}
#mobile-navigation a:hover,#mobile-navigation .current a{color:#fff}
#mobile-navigation form{margin-top:12px}
#mobile-navigation input{
  width:100%;background:#444;border:0;color:#ccc;padding:10px 12px;font-size:13px;
}

/* Hero / slider recreation */
.hero{
  position:relative;
  height:700px;min-height:500px;
  background:#e9e9e9 url("../assets/bg02.png") center top / cover no-repeat;
  overflow:hidden;
}
.hero-stage{
  position:relative;height:100%;max-width:960px;margin:0 auto;
}
.hero-stage{z-index:2}
.hero-phone{
  position:absolute;left:153px;top:115px;width:208px;height:auto;
  z-index:5;
  opacity:0;
  transform:translateX(280px); /* lfr = long from right */
  transition:transform .3s cubic-bezier(.4,0,.2,1), opacity .3s ease;
}
.hero-phone.in{opacity:1;transform:none}
.hero-labels{
  position:absolute;left:439px;top:242px;z-index:6;
  display:flex;flex-direction:column;align-items:flex-start;
}
.hero-labels span{
  display:inline-block;
  background:#e45858;color:#fff;
  font:500 20px/12px "Open Sans",Arial,sans-serif;
  padding:10px 20px 15px;white-space:nowrap;margin:0 0 11px;
  opacity:0;
  transition:opacity .3s ease;
}
.hero-labels span.in{opacity:1}

/* Sections */
.section{position:relative}
.section-inner{max-width:1170px;margin:0 auto;padding:0 20px}
.pad-100{padding:100px 0}
.pad-90{padding:90px 0}
.pad-80{padding:80px 0 40px}
.pad-60{padding:60px 0}
.pad-30{padding:30px 0}

.headline{line-height:1.8;margin:0 0 20px}
.headline.xxl{font-size:34px}
.headline.xxxl{font-size:42px}
.headline.l{font-size:24px}
.headline.m{font-size:20px}
.headline.xxxxxl{font-size:60px;line-height:1.2}
.uppercase{text-transform:uppercase}
.center{text-align:center}
.fw-300{font-weight:300}
.fw-400{font-weight:400}
.fw-700{font-weight:700}
.intro-muted{color:#999;font-size:16px;line-height:1.8;margin:0 0 60px;text-align:center}

/* Values */
.values-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 0 40px;
}
.iconbox{margin:0 0 20px}
.iconbox h3{
  font-family:Montserrat,Arial,sans-serif;font-size:16px;font-weight:700;
  text-transform:uppercase;margin:0 0 10px;color:#333;
}
.iconbox i.boxicon{
  color:#1cbac8 !important;font-size:28px;margin-right:14px;float:left;margin-top:2px;
}
.iconbox p{overflow:hidden}

/* Helping Hands */
.helping{
  background:#f05373 url("../assets/parallaxBg.png") center center / cover no-repeat;
  background-attachment:fixed;
  color:#fff;text-align:center;
}
.helping h1{color:#fff;margin:0 0 16px;font-family:"Open Sans",Arial,sans-serif}
.helping p{color:#fff;font-size:16px;line-height:1.8;margin:0 auto;max-width:780px}

/* Android / iOS */
.split-3{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start;
}
.split-3 .col-left{text-align:right}
.split-3 .col-right{text-align:left}
.split-3 .col-mid{text-align:center;padding-top:10px}
.split-3 h1{margin:0 0 50px;font-size:24px;font-weight:400}
.split-3 h6{margin:18px 0 6px}
.split-3 .col-left h6,.split-3 .col-left p{text-align:right}
.phones-img{max-width:280px;margin:0 auto;display:block}

/* Counters */
.counters{background:#ededed}
.counters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.counter-number{
  font-size:46px;font-weight:300;line-height:1;color:#c1c1c1;margin:0;
  font-family:"Open Sans",Arial,sans-serif;
}
.counter-title{
  display:block;font-family:Montserrat,Arial,sans-serif;font-size:14px;
  font-weight:700;text-transform:uppercase;margin-top:6px;color:#555;opacity:.85;
}

/* Blog cards */
.blog-section{background:#fafafa}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:10px}
.blog-card{background:#fff;display:block}
.blog-card .blog-pic{display:block;overflow:hidden;position:relative}
.blog-card .blog-pic img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .6s ease}
.blog-card .blog-pic:hover img{transform:scale(1.12)}
.blog-card .blog-body{padding:30px}
.blog-card h4{font-size:18px;margin:0 0 16px;line-height:1.4}
.blog-card h4 a{color:#333}
.blog-card h4 a:hover{color:#1cbac8}
.blog-card .excerpt{color:#777;font-size:13px}
.blog-card .date{
  display:block;margin-top:20px;color:#999;font-weight:700;
  text-transform:uppercase;font-size:13px;
}

/* Partnership */
.partnership{display:grid;grid-template-columns:1fr 1fr}
.partnership .pk-left{
  background:#222;color:#f05373;padding:5%;
  display:flex;align-items:center;
}
.partnership .pk-left h2{
  font-family:Montserrat,Arial,sans-serif;font-size:60px;font-weight:400;
  line-height:1.15;text-transform:uppercase;color:#f05373;margin:0;
}
.partnership .pk-left h2 span{color:#fff}
.partnership .pk-right{
  background:#f05373;color:#fff;padding:5%;
}
.partnership .pk-right h6{color:#fff;margin:0 0 16px;font-size:14px}
.partnership .pk-right p{color:#fff;font-weight:400;margin:0 0 14px}

/* Partners */
.partners{background:#333}
.partners-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center;text-align:center}
.partners img{max-height:70px;width:auto;opacity:.95}

/* Equipment */
.equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.equip-grid h6.highlight{color:#1cbac8 !important;font-size:16px;margin-bottom:12px}
.styled-list{list-style:none;margin:16px 0 0 4px}
.styled-list li{padding:4px 0 4px 4px;color:#555}
.styled-list li i{color:#1cbac8;margin-right:8px;font-size:16px}

/* Footer */
.site-footer{background:#262626;color:#888;padding:50px 0 30px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.widget h3{
  font:13px/1.4 Montserrat,Arial,sans-serif;color:#fff;
  text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;
}
.widget ul{list-style:none;margin:0}
.widget ul li{
  border-bottom:1px solid #333;position:relative;padding:10px 18px 10px 0;
}
.widget ul li:last-child{border-bottom:0}
.widget ul li a{color:#888;display:block}
.widget ul li a:hover{color:#fff}
.widget ul li::after{
  font-family:FontAwesome;content:"\f105";
  position:absolute;right:0;top:10px;color:#555;
}
#copyright{background:#1b1b1b;color:#777;padding:18px 0;font-size:12px}
#copyright a{color:#999}
#copyright a:hover{color:#ccc}

/* Back to top */
#back-to-top{
  position:fixed;right:20px;bottom:20px;z-index:999;
  opacity:0;visibility:hidden;transition:opacity .2s;
}
#back-to-top.visible{opacity:1;visibility:visible}
#back-to-top a{
  display:block;width:40px;height:40px;background:#262626;color:#fff;
  text-align:center;line-height:40px;border-radius:2px;
}
#back-to-top a:hover{background:#1cbac8;color:#fff}

/* Titlebar (inner pages) */
.titlebar{
  background:#f9f9f9;border-bottom:1px solid #efefef;padding:22px 0;
}
.titlebar-inner{display:flex;justify-content:space-between;align-items:center}
.titlebar h1{font:22px/1.3 "Open Sans",Arial,sans-serif;color:#dd3333;margin:0}
#breadcrumbs,#breadcrumbs a{font:13px "Open Sans",Arial,sans-serif;color:#aaa}
#breadcrumbs a:hover{color:#666}

/* Blog listing + single */
.page-main{padding:60px 0 80px;background:#fff}
.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:50px;align-items:start}
.blog-entry{position:relative;padding:0 0 40px;margin:0 0 40px;border-bottom:1px solid #efefef}
.blog-entry:last-of-type{border-bottom:0}
.entry-date{
  position:absolute;left:-80px;top:0;width:56px;text-align:center;
  font-family:Montserrat,Arial,sans-serif;font-weight:700;color:#bbb;font-size:18px;line-height:1.1;
}
.entry-date span{display:block;font-size:13px;letter-spacing:1px;margin-bottom:2px}
.entry-image{margin:0 0 22px}
.entry-image img{width:100%;height:auto;display:block}
.entry-title{font-size:28px;margin:0 0 8px;font-weight:400}
.entry-title a{color:#333}
.entry-title a:hover{color:#1cbac8}
.entry-meta{
  color:#aaa;font-size:12px;font-weight:700;letter-spacing:.4px;
  text-transform:uppercase;margin:0 0 18px;
}
.entry-content{font-size:14px;line-height:1.9;color:#777}
.entry-content p{margin:0 0 16px}
.entry-content img.alignleft{float:left;margin:4px 20px 12px 0;max-width:300px}
.entry-content img.aligncenter{display:block;margin:16px auto}
.read-more{color:#1cbac8;white-space:nowrap}
.read-more:hover{color:#333}

/* Sidebar */
.sidebar{border-left:1px solid #efefef;padding-left:36px}
.sidebar .widget{margin:0 0 36px}
.sidebar .widget h3{
  font:14px Montserrat,Arial,sans-serif;color:#f05373;
  text-transform:none;letter-spacing:0;margin:0 0 14px;
}
.sidebar .widget ul li{border-bottom:1px solid #efefef}
.sidebar .widget ul li a{color:#777}
.sidebar .widget ul li a:hover{color:#1cbac8}
.sidebar .widget ul li::after{color:#ccc}
.search-widget{position:relative;margin-bottom:36px}
.search-widget input{
  width:100%;height:42px;border:1px solid #ddd;border-radius:3px;
  padding:0 14px 0 38px;font:13px "Open Sans",Arial,sans-serif;color:#777;
}
.search-widget i{position:absolute;left:12px;top:13px;color:#bbb}

/* Contacts */
.contacts-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;padding:80px 0}
.contacts-grid h2{
  font-family:Montserrat,Arial,sans-serif;font-size:20px;font-weight:700;
  text-transform:uppercase;color:#333;margin:0 0 20px;
}
.phone-lg{
  font-family:Montserrat,Arial,sans-serif;font-size:34px;font-weight:700;
  color:#f16077;margin:12px 0 20px;letter-spacing:1px;
}
.addr-line i{margin-right:8px;color:#999}
.social-row{display:flex;gap:8px;margin-top:8px}
.social-icon{
  display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;
  background:#f0f0f0;color:#999;border-radius:3px;font-size:18px;
}
.social-icon:hover{background:#777;color:#fff}
.btn{
  display:inline-block;background:#1cbac8;color:#fff;border:1px solid #1cbac8;
  font:700 13px/1 Montserrat,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;
  padding:14px 20px;border-radius:2px;margin-top:10px;
}
.btn:hover{background:#333;border-color:#333;color:#fff}

/* Post nav arrows */
.post-nav a{
  position:fixed;top:50%;width:50px;height:80px;margin-top:-40px;
  background:rgba(0,0,0,.18);color:#fff;text-align:center;line-height:80px;
  font-size:22px;z-index:50;transition:background .2s;
}
.post-nav a:hover{background:rgba(0,0,0,.4);color:#fff}
.post-nav .prev{left:0;border-radius:0 3px 3px 0}
.post-nav .next{right:0;border-radius:3px 0 0 3px}

/* Responsive */
@media (max-width:1100px){
  .entry-date{display:none}
  .hero-phone{left:80px}
  .hero-labels{left:340px}
}
@media (max-width:959px){
  .nav-menu a{font-size:15px}
  .nav-menu li{margin-left:16px}
  .values-grid,.counters-grid,.blog-grid,.partners-grid{grid-template-columns:1fr 1fr}
  .split-3{grid-template-columns:1fr;text-align:center}
  .split-3 .col-left,.split-3 .col-left h6,.split-3 .col-left p,
  .split-3 .col-right{text-align:center}
  .split-3 h1{margin-bottom:16px}
  .partnership{grid-template-columns:1fr}
  .partnership .pk-left h2{font-size:42px}
  .equip-grid,.blog-layout,.contacts-grid,.footer-grid{grid-template-columns:1fr}
  .sidebar{border-left:0;padding-left:0;margin-top:40px}
  .hero{height:560px}
  .hero-phone{left:40px;width:170px;top:90px}
  .hero-labels{left:250px;top:180px}
  .hero-labels span{font-size:16px;padding:8px 14px}
  .post-nav{display:none}
}
@media (max-width:767px){
  .site-header .nav-wrap{display:none}
  .mobile-nav-btn{display:block}
  .hero{height:480px}
  .hero-stage{display:flex;flex-direction:column;align-items:center;justify-content:center}
  .hero-phone{position:static;width:140px;margin-bottom:16px}
  .hero-labels{position:static;align-items:center}
  .hero-labels span{white-space:normal;text-align:center}
  .values-grid,.counters-grid,.blog-grid,.partners-grid{grid-template-columns:1fr}
  .headline.xxxxxl,.partnership .pk-left h2{font-size:32px}
  .helping{background-attachment:scroll}
  .page-main{padding:36px 0 50px}
}



/* Blog date badges: keep them inside the column */
.blog-layout{padding-left:80px}
.blog-feed{position:relative}
@media (max-width:1100px){
  .blog-layout{padding-left:0}
}

.contacts-single{grid-template-columns:1fr;max-width:640px}

@media (prefers-reduced-motion:reduce){
  .hero-phone,.hero-labels span{transition:none;opacity:1;transform:none}
}