body,html{font-family:open sans,sans-serif;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;color:#666;font-weight:400;width:100%!important;height:100%!important}
p.intro{margin:12px 0 0;line-height:24px}
a{color:#222;font-weight:400}
a:focus,a:hover{text-decoration:none;color:#9ed086}
ol,ul{list-style:none}
ol,ul{padding:0;}
hr{height:2px;width:70px;text-align:center;position:relative;background:#1e7a46;margin-bottom:20px;border:0}
.clear{clear:both;margin:0;padding:0}
#menu{transition:all .8s;min-height:90px}
#menu.navbar-default{background-color:#fff;border-color:transparent;box-shadow:0 0 30px rgba(0,0,0,.2);padding: 1rem;}
#menu a.navbar-brand{font-family:montserrat,sans-serif;font-size:32px;font-weight:700;color:#1f386e;text-transform:uppercase;letter-spacing:-1px;width:100%;text-align:center}
#menu.navbar-default .navbar-nav>li>a{font-family:montserrat,sans-serif;color: #8a898e;font-size:13px;font-weight:700;padding:0;border-radius:0;margin:0 5px 0;text-align:center;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#9ed086!important;background-color:transparent}
#menu .phone{font-family:montserrat,sans-serif;margin:8px 0 0;float:right;font-size:25px;font-weight:400;color:#bed086}
#menu .phone a{color:#bed086}
#menu .phone span{font-size:14px;display:block;color:#1f386e;text-align:right}
.navbar-toggle{border-radius:0}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#fff;border-color:#fff}
.navbar-default .navbar-toggle:hover>.icon-bar{background-color:#1b6d3f}
#sitenav{z-index:1100;min-height:48px;text-align:left;padding-top:5px}
#sitenav a.text{font-size:24px}
#sitenavmenu{list-style-type:none;margin:0;padding: 0 5px 0 5px;width:100%;display: flex;gap: 10px;justify-content: center;}
#navigation{margin-top:30px;margin-bottom:10px}
#sitenavmenu>li{margin:0!important;text-align:center}
@font-face{font-family:GothamRounded;font-weight:400;src:url(./../fonts/GothamRounded-Book.otf) format("opentype")}
@font-face{font-family:GothamRounded;font-weight:light;src:url(./../fonts/GothamRounded-Light.otf) format("opentype")}
@font-face{font-family:GothamRounded;font-weight:700;src:url(./../fonts/GothamRounded-Medium.otf) format("opentype")}
#sitenavmenu a{font-family:GothamRounded}
#sitenavmenu ul.submenu{display:none;padding-top:20px;border-radius:5px}
#sitenavmenu li:hover ul.submenu{display:block;animation:fadein .5s}
.mobile-menu-level3{color:#7fd388;font-size:17px;padding:0;margin:0 10px;text-decoration:none;text-transform:uppercase;margin-left:-30px}
.submenu{position:absolute;width:auto;z-index:2200;margin-left:-2px}
#sitenavmenu li:nth-child(3) .submenu{margin-left:-230px}
#sitenavmenu li:nth-child(4) .submenu{margin-left:-95px}
#sitenavmenu li:nth-child(5) .submenu{margin-left:-165px}
#sitenavmenu li:nth-child(7) .submenu{margin-left:-220px}
#sitenavmenu li:nth-child(8) .submenu{margin-left:-420px}
#sitenavmenu li:last-child .submenu{margin-left:-460px}
.submenu a.top-product{width:200px!important}
.submenu li{float:left}
.nowrap{white-space:nowrap}
.header-logo img{height:100px}
#subnav{box-shadow:0 0 9px -1px rgba(0,0,0,.5);padding:20px;border-radius:5px;border:5px solid #fff;background-color:#ebebeb}
#navigation ul li ul li{clear:both;display:block;padding:0;float:none;text-align:left;white-space:nowrap}
#navigation ul li ul{height:auto;column-count:3}
#navigation ul li ul li a{color:#0f0f0f;font-size:14px;padding:5px;line-height:40px;font-weight:700}
#navigation ul li a:hover,#navigation ul li ul li a:hover{color:#8eb780;transform: scale(1.03);}
#navigation ul li ul li a.nowrap:before{font-family:"font awesome\ 5 free";content:"\f04b";color:#8eb780;font-size:8px;margin-right:5px;padding-left:15px}
#navigation ul li a.active,#navigation ul li:hover{color: #bed086;outline: 1px solid #bed086;transform: scale(1.05);}
#navigation ul li a{color:#000;text-decoration:none;font-size:16px}
#sitenavmenu>li{border: 1px solid #D3DDF1;display: flex;align-items: center;border-radius: 10px;transition: transform 0.3s ease;transform: scale(1);}
@media  (min-width:1600px) {
    #sitenavmenu>li{padding: 1rem;}
  
}
/* @media  (max-width:1200px) {
    #sitenavmenu>li{padding: 0.3rem;}
  
} */

#sitenavmenu>li:last-child{text-align:right;}
#navigation ul li a.up{text-transform:uppercase;padding:0}
#navigation ul li:hover div{display:inline-block;animation:fadein .5s}
.pp_border{border:1px solid #d8d8d8;margin-bottom:20px;cursor:pointer;border-radius: 20px;padding-bottom: 20px;}
.pp_border:hover{border:1px solid #bed086;display:block;box-shadow:0 0 10px #ccc;transition:box-shadow .3s ease-in-out}

.section-title{margin-bottom:20px}
.section-title h2{position:relative;margin-top:10px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.09)}
.section-title h2::after{position:absolute;content:"";background-color:#bed086;height:3px;width:50px;bottom:-1px;left:0}
.btn-custom{text-transform:uppercase;color:#bed086;background-color:#e52f3c;padding:14px 20px;letter-spacing:1px;margin:0;font-size:14px;font-weight:600;border-radius:4px;transition:all .3s}
.btn-custom.active,.btn-custom.focus,.btn-custom:active,.btn-custom:focus,.btn-custom:hover{color:#fff;background-color:#fff}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,a:focus{outline:0;outline-offset:none}
.intro{display:table;width:100%;padding:0;background:url(../img/intro-bg.jpg) center center no-repeat;background-color:#e5e5e5;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
.intro .overlay{background:rgba(0,0,0,.3)}
.intro h1{font-family:montserrat,sans-serif;color:#fff;font-size:62px;font-weight:700;margin-top:0;margin-bottom:10px;text-shadow:0 0 15px rgba(0,0,0,.5)}
.intro p{color:#fff;font-size:17px;line-height:28px;padding:15px;max-width:600px;margin:0 auto;margin-bottom:40px;background:rgba(0,0,0,.45)}
header .intro-text{padding-top:350px;padding-bottom:150px;text-align:center}
#get-touch{padding:40px 0 30px;color:rgba(255,255,255,.7);background:#1f386e}
#get-touch h3{font-size:24px;font-weight:400;color:#fff;margin:0 0 10px}
#get-touch .btn-custom{margin:0;background:0 0;border:2px solid #fff}
#get-touch .btn-custom:hover{color:#1f386e;background:#fff;border:2px solid #fff}
#about{padding:20px 0;background:#f6f6f6}
.about-text-container{float:left;width:31%;display:block;margin:10px;padding: 2rem;}
#about h3{font-size:22px;margin:0 0 20px}
#about h1{font-size:27px;font-weight:700;position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.09)}
#about h2{font-size:23px;position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.09)}
#about h3{font-size:23px;position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.09)}
#about h4{font-size:23px;position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.09)}
#about h5{font-size:23px;position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.09)}
#about h1::after{position:absolute;content:"";background-color:#bed086;height:6px;width:80%;bottom:-1px;left:0}
#about h2::after{position:absolute;content:"";background-color:#bed086;height:3px;width:50px;bottom:-1px;left:0}
#about h3::after{position:absolute;content:"";background-color:#bed086;height:3px;width:50px;bottom:-1px;left:0}
#about h4::after{position:absolute;content:"";background-color:#bed086;height:3px;width:50px;bottom:-1px;left:0}
#about h5::after{position:absolute;content:"";background-color:#bed086;height:3px;width:50px;bottom:-1px;left:0}
#about .about-text li{margin-bottom:6px;margin-left:6px;list-style:none;padding:0}
#about .about-text li:before{content:'\f00c';font-family:fontawesome;color:#1f386e;font-size:11px;font-weight:300;padding-right:8px}
#about img{padding:20px;margin-top:10px;background:#fff;border-right:0;box-shadow:0 0 50px rgba(0,0,0,.06);max-width:100%}
#services{padding:20px 0}
#services .service-media{margin:10px}
#services .service-media img{position:relative;display:block;width:100%;height:auto}
#services .service-desc{margin:10px 10px 20px}
#services h3{font-weight:700;padding:5px 0;text-align:center}
.service-desc p{text-align:center;color:#000;font-weight:700}
.top_right h3{margin-bottom:20px}
#services .service-desc hr{margin-left:0}
#portfolio{padding:90px 0 0;background:#fff}
.portfolio-item{margin:10px 0}
.portfolio-item .hover-bg{overflow:hidden;position:relative;border-radius: 20px;}
.hover-bg .hover-text{position:absolute;text-align:center;margin:0 auto;color:#fff;background:rgba(190,208,134,.9);height:100%;width:100%;opacity:0;transition:all .5s;vertical-align:middle}
.hover-bg .hover-text>h4{opacity:0;color:#fff;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .3s;font-size:17px;letter-spacing:1px;font-weight:700;text-transform:uppercase;height:100%;line-height:-moz-block-height;padding:0;margin:0;display:inline-flex;align-items:center}
.hover-bg .hover-text>h4 a{color:#fff;font-weight:700}
.hover-bg:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0)}
.hover-bg:hover .hover-text{opacity:1}
#testimonials{margin-top:20px;padding:20px;background:#fff}
#testimonials i{color:#e6e6e6;font-size:32px;margin-bottom:20px}
.testimonial{position:relative;padding:20px}
.testimonial-image{float:left;margin-right:15px}
.testimonial-image,.testimonial-image img{display:block;width:64px;height:64px}
.testimonial-content{position:relative;overflow:hidden}
.testimonial-content p{margin-bottom:0;font-size:14px;font-style:italic}
.testimonial-meta{margin-top:10px;font-size:13px;font-weight:700;text-transform:uppercase}
.slideshow-container{position:relative;background:#f1f1f1f1}
.mySlides{display:none;padding:20px 120px;text-align:center}
.mySlides p{display:contents}
.next,.prev{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-30px;padding:16px;color:#888;font-weight:700;font-size:20px;border-radius:0 3px 3px 0;user-select:none}
.next{position:absolute;right:0;border-radius:3px 0 0 3px}
.next:hover,.prev:hover{background-color:rgba(0,0,0,.8);color:#fff}
.dot-container{text-align:center;padding:20px;background:#ddd}
.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}
.active,.dot:hover{background-color:#717171}
q{font-style:italic}
.author{color:#000;font-weight:700;display:block!important}
q::after,q::before{font-size:40px;color:#bed086;font-weight:700}
#contact{padding:50px 0 60px;background:#f9fdef;color:#6e736c}
#contact .section-title{margin-bottom:40px}
#contact h2{color:#6e736c;margin-top:10px;margin-bottom:15px;padding-bottom:15px}
#contact h4{color:#6e736c;margin-top:22px;margin-bottom:60px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.09)}
#contact form{padding-top:20px}
#contact h3{font-size:17px;font-weight:600}
#contact .text-danger{color:#c03;text-align:left}
#contact .btn-custom{margin:0 auto;border: 2px solid #196421;color:#fff;width:99%;background-color: #196421;}
#contact .btn-custom:hover{color:#1f386e;background:#fff}
label{font-size:12px;font-weight:400;font-family:open sans,sans-serif;float:left}
#contact .form-control{display:block;width:100%;padding:6px 12px;font-size:16px;line-height:1.42857143;color:#444;background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none}
#contact .form-control:focus{border-color:#999;outline:0;-webkit-box-shadow:transparent;box-shadow:transparent}
.form-control::-webkit-input-placeholder{color:#777}
.form-control:-moz-placeholder{color:#777}
.form-control::-moz-placeholder{color:#777}
.form-control:-ms-input-placeholder{color:#777}
#contact .contact-item{margin-right:20px;font-weight:700;display:block}
#contact .contact-item span{color:#bed086;display:block}
#contact .social{border-top:1px solid rgba(0,0,0,.09);padding-top:50px;margin-top:50px;text-align:center}
#contact .social ul li{display:inline-block;margin:0 20px}
#contact .social i.fa{font-size:24px;padding:10px;color:#bed086;transition:all .3s}
#contact .social i.fa:hover{color:#9ed086}
.messege-send-text{text-align:center}
#footer{background:#f6f6f6;padding:30px 0}
#footer p{color:#888;font-size:14px}
#footer a{color:#1f386e}
#footer a:hover{color:#9ed086}
.siteBox  {
    border: 1px solid #bed086;
    padding: 1rem;
    border-radius: 20px;
}
.home-banner {
    border: none !important;
    
}
.home-banner img{
    border-radius: 20px;
    
}
.navbar-brand>img {
    display: block;
    margin: 0 auto;
    top: 0px;
    position: relative;
    max-height: 60px;
}
.product-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.img-responsive {
    max-height: 150px;
}
.siteBox {
    padding: 10px;
    flex-wrap: wrap;
}

.about-text-container {
    border: 1px solid #bed086;
    padding: 15px;
    border-radius: 20px;
}
@media(max-width:1200px){
#navigation{margin-top: 10px;margin-left:0}
}
@media (max-width:768px){ 
    .product {
        width: 48%;
    }

}
@media(max-width:600px){
    .product {
        width: 95%;
    }
}

@media(max-width:991px){
.bigimg{height:170px;overflow:hidden}
.bigimg img{margin-top:-50px}
.bigimg .hover-text{margin-top:-80px}
#about img{margin:50px 0}
#navigation{margin-left:inherit}
#navigation ul li{display:inherit}
#sitenavmenu>li{border:0}
#sitenavmenu>li,#sitenavmenu>li:first-child,#sitenavmenu>li:last-child{text-align:center;width:100%}
#sitenavmenu>li{padding:10px}
#subnav{display:none!important}
#menu .phone span{display:none}
.navbar-toggle{margin-top:0}
.navbar-brand{padding-top:5px}
.about-text-container{float:left;width:95%;display:block;margin:10px}
#sitenavmenu {
    flex-direction: column;
}


}
.img-responsive {
    border-radius: 20px;
}

@media (max-width:991px){
.bigimg{height:170px;overflow:hidden}
.bigimg img{margin-top:-50px}
.bigimg .hover-text{margin-top:-80px}
#about img{margin:50px 0}
#navigation{margin-left:inherit;background-color: #fff;}
#navigation ul li{display:inherit!important}
#sitenavmenu>li{border:0}
#sitenavmenu>li,#sitenavmenu>li:first-child,#sitenavmenu>li:last-child{text-align:center}
#sitenavmenu>li{padding:6px}
#subnav{display:none!important}
#menu .phone span{display:none}
.navbar-toggle{margin-top:0}
.navbar-brand{padding-top:5px}
.about-text-container{float:left;width:95%;display:block;margin:10px}
#navigation ul li{display:block!important}
}

@media (max-width:1200px){
#menu.navbar-default .navbar-nav>li>a {
    font-family: montserrat, sans-serif;
    color: #8a898e;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    border-radius: 0;
    margin: 0 5px 0;
    text-align: center;
    transform: scale(1);
}
#sitenavmenu {
    margin: 15px 0 0 0;
}
}

@media (max-width: 991px) {

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-collapse.in {
        overflow-y: auto !important;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 400px;
    }
    #navigation ul li a.active, #navigation ul li:hover {

        transform: scale(1);
    }

    .navbar-toggle {
        margin: 0;
    }

    .navbar-default .navbar-toggle {
        border-radius: 5px;
    }
    #sitenavmenu2 {
        flex-wrap: wrap;
    }

    #sitenavmenu2>li {
        flex: 108%;
        padding: 10px;
        justify-content: center;
    }
    #portfolio {
        padding: 100px 0 0;

    }
    .phone {
        display: none;
    }
    .nav-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
    }
}

.mbr-section-btn {
    display: flex;
    margin-left: -0.6rem;
    margin-right: -0.6rem;
    justify-content: center;
}
.mbr-section-btn .btn {
    justify-content: space-between;
    border-radius: 100px !important;
    font-weight: 400 !important;
}
.mbr-section-btn {
    padding: 0 20px;
}

.btn-secondary, .btn-secondary:active {
    background-color: #bed086 !important;
    border-color: #bed086 !important;
    color: #ffffff !important;
    box-shadow: none;
    font-size: 16px;
}
.product:hover .pp_border .service-desc  {
    color:#9ed086;
}
.product .pp_border:hover .mbr-section-btn .btn-secondary {
    background-color: #9ed086 !important; 
}

#services .service-desc h3{
    margin-bottom:10px ;
}
#services .service-desc p{
    font-size: 18px;
}
a.btn {
    line-height: 20px;
    transform-style: preserve-3d !important;
    transition: color 350ms ease, transform 300ms ease, border 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease !important;
}
.btn {

    padding: 1.3rem 3.4rem;
}
.btn-warning, .btn-warning:active {
    background-color: #9ed086 !important;
    border-color: #9ed086 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning.active {
    color: #ffffff !important;
    background-color: #24b570 !important;
    border-color: #24b570 !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.cid-uhVdboOeFm .btn:hover, .cid-uhVdboOeFm .btn:focus {
    border-color: #24b570 !important;
    background-color: #24b570 !important;
}
a.btn:hover {
    transform: translate3d(0px, -4px, 0.01px) !important;
    transition: color 350ms ease, transform 300ms ease, border 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease !important;
    transition-behavior: normal, normal, normal, normal, normal !important;
    transition-duration: 350ms, 300ms, 300ms, 300ms, 300ms !important;
    transition-timing-function: ease, ease, ease, ease, ease !important;
    transition-delay: 0s, 0s, 0s, 0s, 0s !important;
    transition-property: color, transform, border, background-color, -webkit-transform !important;
}
.display-4 {
    font-size: 1.5rem;
    line-height: 1.5;
}
.mt-4 {
    margin-top: 2rem !important;
}
.mb-5 {
    margin-bottom: 3rem !important;
}

#sitenavmenu2 {
    list-style-type: none;
    margin: 0;
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: stretch;
}

#sitenavmenu2>li {
    border: 1px solid #bed086;
    border-radius: 20px;
    transition: transform 0.3s ease;
    transform: scale(1);
    width: calc(33% - 5px);
    padding: 10px;
    text-align: center;
}
.menu-item-wrapper>li>a:focus, .menu-item-wrapper>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.menu-item-container ul li a.active, .menu-item-container ul li:hover {
    color: #788b3d;
    outline: 1px solid #788b3d;
    transform: scale(1.05);
}
.menu-items {
    margin: 3rem auto;
}
.phone-burger {
    position: sticky;
    top: 0;
    left: 0;
    background: white;
    z-index: 432;
    text-align: center;
}
@media screen and (min-width: 992px)  {
    #navigation {
        display: none !important;
        
    }
        .burger-wrapper {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

}



/* Payment logos */

.footer-payment-icons {
    margin:20px 0;
}
.footer-payment-icons a {
    display: inline-block;
}
.footer-payment-icons img {
    margin-top:8px;
}
@media (max-width: 767px) {
    .footer-payment-icons {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .footer-payment-icons a,
    .footer-payment-icons img {
        margin: 5px auto;
    }
}

/* Social Icons Styles Vertical */
.social-icons-container {
    margin: 0;
}

.social-icons-container h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #ffffff;
}

.social-icons {
    display: flex;
    padding: 0;
    list-style: none;
    gap: 15px;
    margin: 20px 0;
    /* justify-content: center; */
}

.social-icons li {
    margin: 0;
}

.social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff;
    color: var(--secondary-color);
    transition: all 0.3s ease;
    padding: 0 !important;
}

.social-icons a:hover {
    background-color: var(--secondary-color);
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.social-icons i {
    font-size: 18px;
}

@media (max-width: 768px) {
    .social-icons {
        justify-content: center;
    }
    
    .social-icons-container h3 {
        text-align: center;
    }
}
.blog_title {background-color:#f7f7f7; padding:20px;}
.blog_txt {border:1px solid #f7f7f7;}
.preview {border-top:1px dashed #ccc; margin-bottom:20px; margin-top:20px; padding:20px;}
.date {background-image:url("../img/blogdate.png"); background-position:left center; background-repeat:no-repeat; color:#6d6d77 !important; display:block; font-family:open_sanslight; font-size:14px; font-weight:700; margin-bottom:10px; padding-left:20px; text-transform:uppercase;}
.maipage_blogitem_title {font-weight:700; width:auto;}
.mainpage_blogitem {clear:both; margin-bottom:20px !important; padding-right:10px;}
.maipage_blogitem_img {float:left; margin-right:10px;}
#blog-data {display:flex; flex-wrap:wrap; flex-direction:row; width:100%;}
.blogPost img {width:100%; height:200px; object-fit:cover;}
article.testimonialsList {border-bottom:1px dashed #d1d1d1; margin:0 0 30px; padding:0 0 20px;}
article.testimonialsList ul {float:left; margin:0; width:100%;}
article.testimonialsList ul li {float:left; width:50%;}
article.testimonialsList ul li.author {color:#fcb034; font-size:16px; font-weight:600;}
article.testimonialsList ul li.date {float:left; text-align:right;}
article.categoryList {float:left; margin:0 15px 30px 0; min-height:410px; width:320px;}
article.categoryList h3 {color:#6d6d6d; font-size:24px; font-weight:600; margin:0 0 15px; text-transform:uppercase;}
article.categoryList header a.boxLink {display:block; height:219px; margin:0 0 20px; overflow:hidden; position:relative; width:320px;}
article.categoryList header a.boxLink span {background:url(../images/view-more.png) no-repeat scroll center center #000; bottom:-100%; display:block; height:100%; left:0; opacity:0.6; position:absolute; text-indent:-9999px; transition:bottom 0.4s ease-in-out 0; width:100%;}
article.categoryList header a.boxLink:hover span {bottom:0; transition:bottom 0.4s ease-in-out 0;}
article.categoryList header.boxLink img {height:auto; margin:0; padding:0; position:relative; width:100%;}
article.categoryList p {color:#828282; font-size:14px;}
article.categoryList a.readMore {background:url(../images/read-more.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); color:#fff; display:block; font-size:18px; font-weight:600; height:38px; line-height:42px; text-align:center; text-transform:uppercase; transition:all 0.2s ease-in-out 0; width:138px;}
article.categoryList a.readMore:hover {color:#415a68; text-decoration:none;}
article.blogList {border-bottom:1px dashed #dadada; margin:0 10px 10px 10px; padding:0 0 10px; width:47%;}
article.blogList header p {margin:0 0 10px;}
article.blog img, article.blogList img {border:1px solid #dadada; padding:4px; width:100%; height:190px; object-fit:cover;}
article.blog h3, article.blogList h3 {margin:0 0 5px;}
article.blogList h3 a {color:#415a68; font-size:18px; font-weight:600; transition:all 0.2s ease-in-out 0;}
article.blogList h3 a:hover {color:#fcb034; text-decoration:none;}
article time {color:#aeaeae; font-size:11px; font-style:italic; font-weight:300;}
.blog_preview {background:none repeat scroll 0 0 #fff; border-bottom:1px dashed #c9e0e6; clear:left; height:200px; margin-bottom:20px; padding-bottom:20px;}
.blog_preview .date, .blogdate {color:#8c9195; display:block; font-size:11px; margin:12px 0;}
.blog_preview .text {color:#484e4e !important; display:block; font-size:13px; text-decoration:none;}
.blog_preview .preview {float:left; margin-left:16px; width:70%;}
.blog_preview .img {background-color:#000; background-position:center center; background-repeat:no-repeat; border-radius:12px; float:left; height:200px; width:200px;}
.blogtitle {background:#a1d784; color:#fff !important; display:block; font-size:18px; margin-left:-80px; margin-top:22px; padding:8px 12px; position:absolute; text-decoration:none;}
.pagination a {display:inline-block; padding:3px 8px;}
.pagination a.active {background:#ccc; font-weight:700;}
.blogList a {display:block; font-weight:700; color:#000; margin-bottom:10px;}
.blogList p {font-size:12px; font-style:italic;}
.blogList img {width:100%;}
.authorInfo {display:flex; justify-content:flex-start; align-items:center; padding:10px; border:1px solid #ccc; border-radius:5px; margin-top:30px;}
.authorInfo img {width:80px; border-radius:100%; margin-right:20px;}
.box {padding:20px;}

@media only screen and (max-width: 767px) {
.blogList {width:100% !important;}
}