.* {box-sizing: border-box}
html, body {font-size: 15px;line-height: 20px;font-weight: 300;background: #fff;height: 100%;min-width: 320px;color: #151011;font-family: 'Montserrat', sans-serif;}
h1, h2 {font-size: 50px;line-height: 55px;font-weight: 300;margin: 15px 0 30px;}
h1.article-title { font-size: 2.2rem; line-height: 1.3; }
h3 {font-size: 30px;line-height: 35px;font-weight: 300;margin: 15px 0 30px;text-transform: uppercase}
h6 { font-size: 14px; }
p {margin: 15px 0;}
strong, b {font-weight: 600;}
a {color: #fcb034;text-decoration: none;transition: color linear .2s}
a:hover, a:active, a:focus {color: #cf8000;text-decoration: none}

img {max-width: 100%}
.main { min-height: 100%; min-width: 320px;max-width: 1920px;margin: 0 auto;overflow: hidden}
.goMid {max-width: 1240px;margin: 0 auto;position: relative;}
.header {width: 1240px;margin: 0 auto -155px;background: #fff;height: 155px;display: flex;padding: 0 40px;position: relative;z-index: 10;}
.logo {font-size: 0;line-height: 0;flex: 0;align-self: center; }
.logo img {max-width: inherit; max-width: 150px;}
.contacts {font-size: 0;line-height: 0;align-self: flex-end;flex: 0;}
.contacts-address {font-size: 17px;line-height: 20px;text-align: right;margin-bottom: 10px;}
.contacts-phone {font-size: 30px;line-height: 50px;font-weight: 600;}
.contacts-phone a {color: #151011;transition: none}
.menu-toggle {display: none}
.menu-close {display: none}
.menu {flex: 1;margin: 0 40px;padding: 0;list-style: none;align-self: flex-end;display: flex; align-items: center;background: #193852;color: #fff;white-space: nowrap;text-transform: uppercase}
.menu li {margin: 0 auto;position: relative;cursor: pointer}
.menu ul {list-style: none;}
.menu span, .menu a {color: #fff;padding: 15px;display: block;cursor: pointer;font-size: 18px;line-height: 20px;}
.menu span:hover, .menu a:hover, .menu .active > a, .menu li:hover > a, .menu .active > span, .menu li:hover > span {text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff;text-decoration: none}
.menu li ul {position: absolute;left: -15px;top: 100%;background: #f2f2f2;padding: 15px 0;display: none}
.menu li:hover ul {display: block;}
.menu li li a {padding: 10px 25px;color: #151011;}
.menu ul a:hover, .menu ul .active > a, .menu ul li:hover > a {text-shadow: 0 0 1px #151011, 0 0 1px #151011, 0 0 1px #151011;}
.content {padding: 25px 45px;}
.header-pix {position: relative;}
.header-pix-text {position: absolute;left: calc(50% - 620px);bottom: 8%;right: calc(50% - 120px);padding: 0 45px;}
.content ul {list-style: disc;padding: 0 0 0 20px;margin: 0;list-style: outside;}
.content ul li {margin: 0 0 8px;}
.service-links {position: relative;margin: 0 -15px;text-align: right;list-style: none;padding: 0;display: flex;flex-direction: column;align-items: flex-end}
.service-links li {display: inline-block;font-size: 26px;line-height: 30px;padding: 15px 40px;text-transform: uppercase;color: #151011;font-weight: 600}
.service-links li.active {color: #fff;background: #fcb034}
.service-text {padding: 15px 20px;display: none}
.service-text.active {display: block;}
.service-toggle {display: none;}
.service-more {font-size: 26px;line-height: 30px;display: inline-block;margin: 30px 0 15px;}
.service-bg {background: url("../images/pix-service_prev1.jpg") no-repeat center center;background-size: cover}
.gray-col {align-self: stretch;background: #f2f2f2}
.guaranty-text {padding: 20px;max-width: 350px;margin-left: auto}
.guaranty-form {padding: 20px;}
.form {position: relative}
.form-control {border: solid 1px #bcbcbc;border-radius: 0;height: 40px;padding: 6px 15px;font-size: 18px;font-weight: 300;margin-bottom: 8px;resize: none}
textarea.form-control{min-height: 140px;}
.contact-form-controls {text-align: right}
.btn-submit {line-height: 40px;padding: 0 25px;color: #fff;border: none;border-radius: 0;font-size: 15px;font-weight: 500;text-transform: uppercase;background: #fcb034}
.guaranty-bg {background: url("../images/pix-contact_prev1.jpg") no-repeat center center;background-size: cover}
.testimonials-bg {background: #f2f2f2 url("../images/pix-testimonials_prev.jpg") no-repeat center bottom;background-size: 100% auto;}
.testimonials-text {padding: 15px 20px;overflow: hidden}
.testimonials-list {display: flex;flex-wrap: wrap;margin: 0 0 -20px -30px;}
.testimonials-item {flex: 0 0 50%;padding: 0 30px 50px;}
.stars {position: relative;background: url("../images/icon-stars.gif") no-repeat left bottom;width: 209px;height: 28px;margin: 0 0 30px;background-size: 209px 56px}
.stars:before {position: absolute;left: 0;top: 0;bottom: 0;content: '';background: url("../images/icon-stars.gif") no-repeat left top;background-size: 209px 56px}
.stars-1:before {width: 20%}
.stars-2:before {width: 40%}
.stars-3:before {width: 60%}
.stars-4:before {width: 80%}
.stars-5:before {width: 100%}
.main-rez {height: 100px; clear: both}
.footer {height: 100px;margin: -100px auto 0;min-width: 320px;position: relative;max-width: 1920px;border-top: solid 10px #ed1c24;padding: 25px 45px;align-items: center}
.footer .goMid {display: flex;align-items: center}
.footer-logo {margin: 0 100px 0 0}
.footer-logo img {height: 40px;}
.copy {font-size: 15px;font-weight: 500;line-height: 20px;}
.everStudio {margin-left: auto;display: flex;align-items: center;font-size: 12px;}
.everStudio img {height: 40px;}
.everStudio-links {margin-right: 90px;display: flex;text-transform: uppercase}
.everStudio-links a {margin: 0 10px;color: #151011;font-weight: 500}
.header-map{position: relative;font-size: 0;line-height: 0}
.header-map iframe{width: 100%;height: 650px;border: none}
.contact-form-line {position: relative;display: flex;align-items: flex-start;margin-bottom: 15px}
.contact-form-line label {flex:0 0 180px;padding: 8px 30px 0 0;line-height: 24px;text-align: right;text-transform: uppercase;font-size: 20px;font-weight: 500;display: block}
.contact-form-line b {color: #ed1c24}
.contact-form-line textarea {min-height: 160px;resize: none}
.contact-form-line .form-control{margin: 0}
.contact-node{padding:0 0 0 180px}
.contact-node .form{margin:15px 0 0 -180px;max-width: 700px}
.contact-node .btn-submit{font-size: 20px;}
.contact-address{text-align: right;font-size: 32px;line-height: 35px;font-weight: 500}
.contact-address a, .contact-address a:hover{color: #151011;}
.contact-help{text-align: center;font-size: 32px;line-height: 35px;font-weight: 500;padding: 50px 0 30px}
.contact-help a, .contact-help a:hover{color: #151011;}
.content-space{padding-top: 25px}
.content-rows{display: flex;align-self: stretch}
.content-text{flex: 1;order: 2;width: 0}
.content-group{padding: 0 0 30px}
.content-sidebar{flex: 0 0 33.333%;padding: 20px;order: 1}
.content-pic{order: 3;display: flex;align-items: center;flex: 0 0 30%;}
.service-menu{text-align: right;padding: 15px 20px 30px}
.service-menu ul{list-style: none;padding: 0;margin: 0}
.service-menu a{display: inline-block;font-size: 22px;line-height: 27px;padding: 4px 0;margin: 4px 0;font-weight: 500;text-transform: uppercase;color: #151011}
.content-sidebar .guaranty-form h3{text-align: center;}
.content-sidebar h3{color: #fcb034;}
.text-large{font-size: 20px;line-height: 26px;font-weight: 500;}
.text-large a{white-space: nowrap;}
.gallery {position: relative;font-size: 0;line-height: 0;padding: 0;}
.gallery .slick-prev, .gallery .slick-next {z-index: 30;}
.gallery-prev {position: relative;margin-top: 10px;}
.gallery-prev-item {width: 10%;padding: 5.57% 0 0;background-size: cover;float: none;display: inline-block !important;outline: 0 !important;box-shadow: inset 0 0 0 5px #fff;background-position: center center}
.gallery-prev-item img {opacity: 0;}
.gallery-prev .slick-track {width: auto !important;transform: none !important;display: flex;flex-wrap: wrap;justify-content: flex-start}
.gallery-prev-item.slick-active {box-shadow: inset 0 0 0 5px #ffc700;}
.gallery-big:not(.slick-initialized) > div {display: none;}
.gallery-big:not(.slick-initialized) > div:first-child {display: block;}
.gallery-big img {width: 100%}
.gallery-big .slick-arrow:before {display: none;}
.gallery-big .slick-prev {background: url("../images/icon-prev.png") no-repeat center center; background-size: auto 55px;left: 0; border-radius: 50%;padding: 40px;}
.gallery-big .slick-next {background: url("../images/icon-next.png") no-repeat center center; background-size: auto 55px;right: 0; border-radius: 50%;padding: 40px;}
.gallery *{outline: 0!important;}

@media screen and (max-width: 2500px) {
  .header-pix-text {left: calc(50% - 520px)}
  .service-links li {font-size: 24px;padding: 10px 30px}
  .services .col-xl-3, .services .col-xl-5, .guaranty .col-xl-3, .guaranty .col-xl-5 {flex-basis: 33.333%;max-width: 33.333%}
  .header {width:auto; height:auto;margin:0px;}
  .menu {margin: 25px 25px 0;}
  .contacts {order: 2;}
  .contacts-address {font-size: 17px;line-height: 20px;text-align: right;margin-bottom: 10px;}
  .contacts-phone {font-size: 30px;line-height: 50px;font-weight: 600;}
}
@media screen and (max-width: 1799px) {
  .header-pix-text {left: calc(50% - 520px)}
  .service-links li {font-size: 24px;padding: 10px 30px}
  .services .col-xl-3, .services .col-xl-5, .guaranty .col-xl-3, .guaranty .col-xl-5 {flex-basis: 33.333%;max-width: 33.333%}
  .menu {flex: 1;order: 0}
  .contacts {font-size: 0;line-height: 0;align-self: flex-end;flex: 0;}
  .contacts-address {font-size: 17px;line-height: 20px;text-align: right;margin-bottom: 10px;}
  .contacts-phone {font-size: 30px;line-height: 50px;font-weight: 600;}
}
@media screen and (max-width: 1439px) {
  .header {margin: 0;width: auto;height: auto;padding: 5px 5px 0;flex-wrap: wrap}
  .logo {align-self: center;margin: 0 auto 0 0;order: 1}
  .contacts {align-self: center;margin: 0 0 0 auto;order: 2;display: flex;align-items: center;white-space: nowrap}
  .menu {margin: 0px 0px 0;flex: 1;order: 3}
  .contacts-address {margin: 0 30px 0 0;}
  .header-pix-text {position: static;margin: 0 auto -25px;max-width: 1240px;padding: 25px 45px 0}
  .content-space{padding-top: 25px}
  .header-map iframe{height: 450px}
  .content-sidebar{flex: 0 0 450px}
  .content-pic{display: none}
  .service-menu a{font-size: 18px;line-height: 23px;}
  .gallery-big .slick-prev {padding: 30px;background-size: 20px auto}
  .gallery-big .slick-next {padding: 30px;background-size: 20px auto}
}
@media screen and (max-width: 1199px) {
  .header {padding: 5px 5px 0}
  .menu {margin: 0px 0px 0}
  .header-pix-text {padding: 15px 25px}
  .content {padding: 5px 25px}
  .content-space{padding-top: 15px}
  .services {padding: 5px 25px}
  .service-links {display: none}
  .service-bg {display: none}
  .services .col-xl-3, .guaranty .col-xl-3 {flex-basis: 100%;max-width: 100%}
  .services .gray-col {background: transparent}
  .service-text {padding: 0;display: block}
  .service-toggle {display: block;font-size: 26px;line-height: 30px;font-weight: 600;text-transform: uppercase;padding: 20px 25px 20px 50px;border-bottom: solid 2px #f2f2f2;position: relative;cursor: pointer}
  .service-toggle:before {content: '';background: #151011;position: absolute;left: 24px;top: 50%;height: 24px;width: 2px;margin-top: -12px;}
  .service-toggle:after {content: '';background: #151011;position: absolute;top: 50%;left: 13px;width: 24px;height: 2px;margin-top: -1px}
  .service-body {display: none}
  .service-text.active .service-body {display: block;border-bottom: solid 5px #fcb034}
  .service-more {margin: 10px 0 25px}
  .service-text:last-child .service-toggle {border-bottom: none}
  .service-text:last-child .service-body {border-bottom: none}
  .service-text.active .service-toggle {background: #fcb034;color: #fff;border-bottom-color: #fcb034}
  .service-text.active .service-toggle:before {display: none}
  .service-text.active .service-toggle:after {background: #fff}
  h1, h2 {font-size: 40px;line-height: 45px;margin: 15px 0 25px}
  .guaranty-text {padding: 15px 25px;max-width: 100%}
  .guaranty-form {padding: 15px 25px 30px;max-width: 500px;margin: 0 auto}
  .guaranty-bg {min-height: 450px;}
  .guaranty .col-xl-5 {flex-basis: 100%;max-width: 100%}
  .testimonials-list{margin: 0 -25px;}
  .testimonials-item{padding: 0 25px 50px;}
  .testimonials-text{padding: 15px 25px}
  .footer{padding: 25px;}
  .footer-logo{margin-right: 40px}
  .everStudio-links{margin-right: 30px}
  .testimonials-bg{display: none}
  .content-sidebar{padding: 5px;}
  .service-menu{padding: 10px 20px 20px;border-bottom: solid 3px #ed1c24;border-top: solid 3px #ed1c24}
  .gallery-prev-item {box-shadow: inset 0 0 0 3px #fff}
  .gallery-prev-item.slick-active {box-shadow: inset 0 0 0 3px #ffc700}
  .gallery-prev-item {width: 20%;padding: 11.57% 0 0}
}
@media screen and (max-width: 991px) {
  .main{min-height: 0}
  .footer{margin: 0;height: auto;padding: 25px 15px}
  .main-rez{display: none}
  .footer .goMid{flex-direction: column}
  .footer-logo{margin: 0 auto}
  .copy{flex-grow: 1;text-align: center;padding: 20px 0}
  .everStudio{margin: 0 auto}
  .everStudio-links{margin-right: 10px;flex-direction: column;text-align: right}
  .contact-address{text-align: left;font-size: 24px;line-height: 26px;padding: 25px 0 0}
  .text-large{font-size: 18px;line-height: 24px;}
  .contact-help{font-size: 24px;line-height: 26px;padding: 25px 0}
  .content-rows{display: block}
  .content-text{width: auto}
  .service-menu{text-align: left}
}
@media screen and (max-width: 767px) {
  .contacts-address{display: none}
  .testimonials-list{margin: 0;display: block}
  .stars{margin-bottom: 0}
  .testimonials-item{padding: 0 0 40px}
  .guaranty-bg{min-height: 350px}
  .header{padding: 25px;z-index: inherit}
  .logo{margin: 0 auto}
  .logo img{height: 45px}
  .menu-toggle {display: block;background: url("../images/icon-menu.png") no-repeat center;height: 50px;width: 50px;flex-shrink: 0;position: absolute;left: 25px;top:50%;margin-top: -25px}
  .contacts{position: absolute;right: 25px;top:50%;margin-top: -10px;}
  .contacts-phone{font-size: 20px;line-height: 20px;}
  .menu {position: fixed;margin: 0;padding: 50px 0 0;left: 0;overflow: hidden;background: #fff;height: 100vh;top: 0;width: 0;max-width: 450px;z-index: 100;transition: width .2s ease;display: block;border-radius: 0;color: #231f20;}
  .menu.open {width: 80%;}
  .menu a, .menu span {color: #151011;padding: 8px 0;line-height: 20px;}
  .menu li {padding: 0 15px;min-width: 230px;white-space: normal}
  .menu li ul {display: block;position: static;background: transparent;padding: 0;}
  .menu li ul a {font-size: 14px;padding: 8px 15px;}
  .menu li li{padding: 0;}
  .menu span:hover, .menu .active > span, .menu li:hover > span,
  .menu a:hover, .menu .active > a, .menu li:hover > a {text-shadow: 0 0 1px #151011, 0 0 1px #151011, 0 0 1px #151011}
  .menu-fade:before {position: fixed;width: 100vw;height: 100vh;background: rgba(0, 0, 0, .5);content: '';z-index: 30;}
  .menu li.menu-close {display: block;position: absolute;right: 0;top: 0;width: 50px;height: 50px;cursor: pointer;padding: 0;min-width:  inherit}
  .menu li.menu-close:before {width: 3px;height: 40px;background: #151011;content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(45deg)}
  .menu li.menu-close:after {width: 3px;height: 40px;background: #151011;content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(-45deg)}
  h1, h2{font-size: 30px;line-height: 40px;margin: 8px 0 16px;font-weight: 500}
  h3{font-size: 24px;line-height: 30px;margin: 8px 0 16px;}
  p{margin: 8px 0}
  html, body{font-size: 14px;line-height: 18px}
  .service-more{font-size: 20px;line-height: 25px;font-weight: 500}
  .service-toggle{padding: 10px 10px 10px 50px;font-size: 20px;line-height: 23px}
  .service-toggle:after{width: 18px;left: 16px}
  .service-toggle:before{height: 18px;margin-top: -9px}
  .contact-form-line {display: block}
  .contact-form-line label {width: 100%;text-align: left;padding: 0 10px 8px;margin: 0;font-size: 16px;line-height: 18px}
  .contact-node{padding: 0}
  .contact-node .form{margin: 15px 0}
  .contact-address{font-size: 18px;line-height: 20px}
  .text-large{font-size: 16px;line-height: 20px}
  .contact-help{font-size: 18px;line-height: 20px}
  .header-map iframe{height: 350px}
  .service-menu a{font-size: 16px;line-height: 20px;padding: 3px 0;margin: 2px 0}
  .gallery{margin: 0 -20px}
  .gallery-big .slick-prev {padding: 20px;background-size: 12px auto}
  .gallery-big .slick-next {padding: 20px;background-size: 12px auto}
  .email-resp {font-size: 12px !important;}
}
@media screen and (max-width: 479px) {
  .menu-toggle{left: 5px;background-size: 25px auto}
  .header{padding: 25px 0 }
  .logo{margin: 0 auto}
  .contacts{right: 15px;margin-top: -20px}
  .contacts-phone{font-size: 0;line-height: 0}
  .contacts-phone a{height: 40px;width: 40px; border-radius: 50%;background: #151011 url("../images/icon-call.png") no-repeat center center;background-size: auto 20px;display: inline-block}
  .header-pix-text{padding: 7px 15px 0;margin: 0}
  .content{padding: 0 15px 10px}
  .content-space{padding-top: 7px}
  .services{padding: 0 15px 10px}
  .testimonials-text{padding: 0 15px 10px}
  .guaranty-text{padding: 10px 15px}
  .guaranty-form{padding: 0 15px 16px}
  .guaranty-bg{min-height: 200px}
  .service-menu{padding: 10px 10px 20px}
  .content-sidebar .guaranty-form {padding: 10px 10px 20px}
  .gallery{margin: 0 -10px}
}

.featured-box {
    background: #fbfbfb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: inset 0px -1px 5px rgba(0,0,0,0.2);
    border-radius: 3px;
}

.featured-img {
    width: 30%;
    float:left;
    line-height: 0;
}

.featured-content {
    width: 70%;
    padding: 14px;
}
.featured-content h5 { border-bottom: solid 1px #ccc; padding-bottom: 6px; }
.img-fluid { max-width: 100%; height: auto; }

/* testimonial section css  */
section.testimonial-section {
    padding: 80px 0px;
    background: #193852;
}
.testimonial-wrapper a {
    position: relative;
}
.testimonial-wrapper a img.play {
    width: 80px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.testimonial-wrapper {
    margin-top: 35px;
    max-width: 350px;
    width: 90%;
    max-height: 178px;
}


/* footer section css  */
footer {
    background: #193852;
    padding-top: 50px;
}
footer .footer-col img {
    width: 140px;
}
footer .footer-col {
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .footer-col p {
    color: #fff;
    font-size: 15px;
    margin-top: 10px;
}
footer .footer-col h4 {
    color: #fff;
    font-size: 18px;
    position: relative;
}
footer .footer-col h4:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background: #fcb034;
    left: 0px;
    bottom: -4px;
}
footer .footer-col ul {
    margin-top: 25px;
    width: max-content;
    text-transform: uppercase;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
footer .footer-col ul li{
    margin-bottom: 15px;
}
footer .footer-col ul li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
footer .footer-col ul li a:hover {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}
.footer-col .working-days {
    display: block;
    margin-top: 25px;
    color: #fff;
    font-size: 16px;
}
.footer-col .working-time {
    display: block;
    color: #fff;
    font-size: 16px;
}
.footer-col ul.f-cont-info {
    line-height: 2.4;
}
.footer-col ul.f-cont-info li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
}
.footer-col ul.f-cont-info li span {
    display: inline-block;
    color: #fff;
    width: 221px;
    line-height: 1.5;
    font-size: 14px;
}
.footer-col ul.f-cont-info li span.f-icon {
    color: #fcb034;
    margin-right: 5px;
    width: 15px;
    vertical-align: top;
}
.bottom-footer {
    background: var(--dark-blue);
    padding: 20px 0px;
    margin-top: 25px;
    color: #fff;
}
.services {
    justify-content: start !important;
    padding-top: 60px;
}

/* kitech remodeling page css  */
/* .slider-for button.prevArrow {
    position: absolute;
    z-index: 1;
    left: -20px;
    top: 45%;
}
.slider-for button.nextArrow {
    position: absolute;
    z-index: 1;
    right: -20px;
    top: 45%;
}
.slider-for button.slick-arrow {
    background: var(--orange);
    outline: none;
    border: none;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
} */
section.kitchen-remodeling-section {
    padding: 50px 0px;
}
section.kitchen-remodeling-section h3 {
    text-transform: uppercase;
    color: var(--black);
    margin-top: 35px;
    margin-bottom: 20px;
}
.kr-img-wrapper {
    margin-top: 50px;
}
.slider-nav button.prevArrow {
    position: absolute;
    z-index: 1;
    left: -15px;
    top: 35%;
}
.slider-nav button.nextArrow {
    position: absolute;
    z-index: 1;
    right: -15px;
    top: 35%;
}
.slider-nav button.slick-arrow {
    background: var(--orange);
    outline: none;
    border: none;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 10px;
    border-radius: 50%;
}

section.residential-kitchen-section {
    background: #f7f7f7;
    padding: 50px 0px;
}
.rk-head {
    text-align: center;
}
.rk-head h2 {
    display: inline-block;
    position: relative;
}
.rk-head h2:after {
    content: '';
    position: absolute;
    width: 150px;
    height: 3px;
    background: var(--orange);
    left: 0;
    right: 0;
    bottom: -5px;
    margin: auto;
}
.func-kitchen {
    margin-top: 45px;
}

section.why-choose-section {
    padding: 50px 0px;
}
.why-choose-content {
    margin-top: 25px;
}
.playroom-conversion {
    margin-top: 45px;
}
.office-conversion {
    margin-top: 35px;
}

section.article-section {
    padding-top: 50px;
    padding-bottom: 35px;
    background: #f7f7f7;
}
.article-wrapper {
    margin-top: 60px;
    margin-bottom: 15px;
}
.article-wrapper .card img {
    height: 233px;
}


/* article page css  */
.article-contents-wrapper {
    margin-top: 35px;
}


/* overidden css here  */
.service-wrapper-mobile {
    display: none;
}

#accordion button > i {
    font-size: 24px;
    font-weight: bold;
    color: var(--orange);
}

#accordion .mb-0 { margin: 0; }

.contact-title { font-weight: bold; margin-bottom: 30px; }

.contact-title::after {
    display: block;
    content: '';
    position: relative;
    width: 40px;
    height: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #193852;
}

.st-contact-info, .st-contact-info li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.st-contact-info li {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 5px;
}

.st-contact-info li div {
    width: 100px;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: top;
}

.underline-t {
    display: block;
    height: 3px;
    width: 40px;
    background: #193852;
    margin-top: 30px;
}

.video-js .vjs-big-play-button { top: calc(50% - 24px) !important; 
    left: calc(50% - 45px) !important;  }

.video-js .vjs-picture-in-picture-control { display: none !important; }
.video-js .vjs-fullscreen-control { display: none !important; }
.onPagePopup {
    padding: 25px;
}
.onPagePopup button {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
}
.onPagePopup h1 {
    font-size: 30px;
    margin: 0 0;
}
.header-banner {
    color: #000;
    background: #d6d6d6;
    overflow: hidden;
    font-weight: 300;
    padding-left: 18px;
    text-align: center;
}
.header-banner a {
    font-weight: 700;
    color: #000;
}
.exteriorGrid img {
    height: 60px;
    object-fit: cover;
}
/*video::-webkit-media-controls-fullscreen-button {*/
/*    display: none;*/
/*}*/