body { min-height: 300px !important; }
html { scroll-behavior: smooth; }
.header { padding: 15px 0; position: relative;}
.header .container { display: flex; align-items: center; }
.header .header-menu { display: flex; }
.header-top .left { float: none; text-align: center; }
.header-top .right { float: none; text-align: center !important ; }
.header-top .left:before { display: none; }
.header-top a { cursor: pointer; text-align: center;}
.header-top a:hover { color: inherit; opacity: .9;}
#pagearea .container { display: flex; flex-wrap: wrap; }
#pagearea .container .fourpagebox { float: none; }
.ourfeatured-thumb { position: relative; }
.ourfeatured-thumb img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.services2-catalog { display: flex; flex-wrap: wrap; padding-top: 60px; }
.services2-block { display: flex; align-items: flex-start; margin: 20px auto; max-width: 400px;}
.services2-block img { margin-right: 10px; background: #ececec; }
.services2-block h3 { font-weight: 500 !important; margin-bottom: 10px !important; }
#section1 { padding: 60px 0 !important; }
#section1 .section_title { margin-bottom: 20px !important; }
.section-info { color: #fff; display: flex; }
.section-info h3 { margin-bottom: 30px !important; font-weight: 700; }
.section-info-block { width: 50%; padding: 20px; }
.section-info-block:nth-child(2) { background: #282f41; box-shadow: -10px 10px 30px rgba(0, 0, 0, .1); }
.section-info-subblock { list-style: disc; margin-bottom: 20px; margin-left: 15px; }
.section-info-subblock h4 { color: #fff; margin-bottom: 5px !important; }
.nivoSlider { max-height: 500px; }
.nivoSlider .custominfo img { position: static !important; min-height: 100%; }
.nivoSlider .h-phone { margin-top: 10px; }
.nivo-caption { bottom: 0 !important; }
.section-testimonials2 p { color: #fff !important; }
.section-testimonials2 .owl-dots .owl-dot { background: #fff !important; }
.section-testimonials2 h2 { color: #fff !important; }
.testimonials2-slider-item { max-width: 500px; color: #fff; margin: 10px auto; text-align: center; }
.testimonials2-slider-item h4 { color: #fff; }
.testimonials2-slider-item p { color: #000; }
.testimonials2-slider .owl-dots { width: max-content; margin: 10px auto; display: block; position: relative !important; bottom: auto !important; }
.testimonials2-slider .owl-dots .owl-dot { margin: 0 5px; background: #000;  }
ul.recent-post li h6 a { color: #fff !important; }
.tabs { box-shadow: 0px 0px 20px rgba(0,0,0,.1); border-radius: 5px; overflow: hidden; padding: 0 0 10px 0 !important; background: #fff !important; }
.tabs li a { font-size: 16px; text-transform: none !important; padding: 8px 10px !important; font-weight: 500; }
.tab-content { color: #000 !important; }
.tab-content h3 { font-weight: 700 !important; }
.tab-content img { float: right !important; margin-left: 10px !important; }
.tab-content ul { columns: auto !important; clear: none !important; list-style: none; }
.tab-content ul li { list-style: none; }
.latest-news .news_author { display: none; }
.my-features { display: flex; flex-wrap: wrap; justify-content: space-around; }
.my-features-block { box-shadow: 0px 0px 20px rgba(0,0,0,.1); padding-bottom: 80px; border-radius: 5px; width: 100%; margin: 20px 10px; background: #fff; position: relative; max-width: 340px; }
.my-features-block h3 { padding: 20px 20px 0; }
.my-features-block img { border-radius: 5px 5px 0 0; }
.my-features-block p { padding: 0 20px 10px; color: #808080; }
.my-features-block .form-popup-btn { position: absolute; left: 20px; bottom: 20px; }
.popup-form-bg { display: none; z-index: 19; position: fixed; background: rgba(0,0,0,.3); left: 0; top: 0; bottom: 0; right: 0; }
.popup-form { display: none; z-index: 20; margin: 0 auto; max-width: 340px; border-radius: 5px; background: #fff; padding: 15px; position: fixed; right: 5px; left: 5px; top: 50%; transform: translateY(-50%); }
.popup-form input, .popup-form textarea { width: 100% !important; }
.popup-form input[type=date] { margin-bottom: 10px; }
#section6, #section1 { padding: 90px 0 !important; }
.entry-meta { display: none !important; }
.services3-section { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: center; }
.services3-block { padding: 25px 25px; max-width: 370px; min-height: 360px; width: 100%; }
.services3-block-header { display: flex; align-items: center; margin-bottom: 10px; }
.services3-block-header h3 { font-weight: 700; }
.services3-block-header img { margin-right: 15px; }
.services3-block strong { font-size: 26px; }
h1.entry-title { text-align: center; margin-top: 20px; }
.accordion-box h2.active { background: #feca00; }
.accordion-box h2:before { display: none; }
.accordion-box h2 { background: #232a3c; color: #fff; text-transform: none; font-weight: 700; padding: 20px 30px !important; font-size: 24px !important; }
.accordion-box .acc-content { background: #232a3c; color: #fff; } 
.accordion-box .acc-content tr:first-child th { font-weight: 700; }
.accordion-box .acc-content th { padding: 15px; font-family: Roboto, sans-serif; color: #fff; border-bottom: 1px solid rgba(255,255,255,.5); } 
.innerbanner img { max-height: 400px; object-fit: cover; }
.working-steps { display: flex; flex-wrap: wrap; justify-content: space-around; }
.working-step { width: 100%; background: #232a3c; border-radius: 5px; max-width: 340px; display: flex; align-items: center; padding: 20px 20px 20px 30px; margin: 10px 5px; box-shadow: -3px 5px 20px rgba(0,0,0,.1); }
.working-step h3 { margin-bottom: 0; color: #fff; font-size: 20px; line-height: 26px; }
.working-step-number { font-size: 24px; margin-right: 30px; font-weight: 700; position: relative; z-index: 1; }
.nivoSlider:before { content: ''; position: absolute; z-index: 6; width: 100%; height: 100%; display: block; background: rgba(0,0,0,.4); }
.nivoSlider img { min-height: 500px; object-fit: cover; }
.header .sitenav { padding-left: 5%; }
.header .sitenav ul li a { text-transform: none; font-weight: 500; /*padding: 0; margin-right: 20px;*/  }
.header-burger, .header-close { display: none; cursor: pointer; width: 20px; }
.header-placeholder { display: none; }
.working-step-number:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fdc000;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
input[type=date] { margin-bottom: 20px; }
.form-popup-btn-header { font-size: 16px !important; margin-left: 20px; padding: 8px 25px !important; }
.form-popup-btn, .form-popup-btn2 { 
    cursor: pointer;
    border: none;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 35px;
    box-shadow: none;
    outline: none;
    color: #000;
    font-family: Roboto, sans-serif !important;
    border-radius: 5px;
    transition: .2s;
}
ul.portfoliofilter { display: none !important; }
.form-popup-btn:hover { box-shadow: 0px 0px 20px rgba(254, 202, 0, .6); }
.header-top .left, .header-top .right, .donatenow { float: none !important; }
a { cursor: pointer; color: inherit !important; }

@media screen and (max-width: 997px) {
    .header-placeholder { display: block; }
    .header-top-my { position: fixed; width: 100%; left: 0; top: 0; z-index: 10; }
    .header-logo img { height: 50px; }
    .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 11; }
    .header-burger { display: block; }
    .header .container { width: 100% !important; justify-content: space-between; }
    .header .sitenav { display: none; position: fixed; width: 100%; height: 100%; background: #232a3c; left: 0; padding-top: 20px !important; }
    .header .sitenav .header-menu { display: flex; flex-direction: column; justify-content: center; }
    .header .sitenav .header-menu li a { margin: 5px auto; width: max-content; text-align: center; color: #fff !important; }
    .header .sitenav .header-menu li a:hover { border-color: #fff; }
    .header .sitenav .header-menu li.current-menu-item a { border-color: #fff; }
}
@media screen and (max-width: 800px) { 
    .section-info { flex-direction: column; } 
    .section-info .section-info-block { width: 100%; padding: 20px 0; } 
    .section-info .section-info-block:nth-child(2) { box-shadow: none; background: inherit; }
}
@media screen and (max-width: 763px) {
    .nivo-caption p { max-width: 100% !important; display: inline-block !important}
}
@media screen and (max-width: 620px) {
    /*.nivo-caption { top: 40% !important; }*/
}
@media screen and (max-width: 500px) {
    .fourpagebox { display: flex !important; flex-direction: column !important; }
    .fourpagebox .pagecontent { margin-top: 20px; }
}