body, div, input, ul, li, a {
    font: 16px 'Abel', 'Open Sans',Verdana,Arial,Helvetica,sans-serif;
	font-weight: 500;   
	line-height: 120%; 
	letter-spacing:0.8px; 
	text-decoration: none;
	text-decoration-style: none;
    list-style: none;
    margin:0px;
    padding:0px; 
    color:#151615;
}

*, *::before, *::after {
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
}

.link-to-blog{
    font-size: 26px;
    line-height:1.5;
    color: #be9201;
}

.link-to-jump{
    line-height:1.5;
    padding-left:20px;
}

.link-to-jump a{
    color:#138a33;
    font-size: 26px;
}

.link-to-jump a:hover{
    color:#be9201;
}

/* Hover out */
.nav-ctn ul li a, .download-link-btn a, .close-img-preview, .info-link, .app-nav-ul li a, .link-to-blog,
.faq-nav-ul li a{
    color:#be9201;
    transition: color 0.5s ease-in-out;
}

/* Hover in */
.nav-ctn ul li a:hover, .download-link-btn a:hover, .close-img-preview:hover, .info-link:hover, .link-to-blog:hover,
.app-nav-ul li a:hover, .faq-nav-ul li a:hover{
    color: #02ff0f;
    transition: color 0.5s ease-in-out;
}

body{
    overflow:auto;
}

.main-body{
    width:100%;
    height: auto;
    display: block;
}

.header {
    width:100%;
    height: auto;
    padding: 0px 0px 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-position: 50% 60%;    
}

.hm {
    background-image: url(../infonii/house-01.jpg);
}

.srvc {
    background-image: url(../infonii/service_house.jpg);
}

.cnct {
    background-image: url(../infonii/contact.jpg);
}

.blog {
    background-image: url(../infonii/contact.jpg);
}

.abt {
    background-image: url(../infonii/about_img.jpg);
}

.menu-ctn{
    width:100%;
    height: 160px;
    margin:0px auto 0px auto;
    padding:0px;
    position: fixed;
}

.menu-scroll-top{
    transform: translateY(-82px);
    transition: transform 0.9s ease 0s; 
}

.menu-scroll-bottom{
    transform: translateY(0px);
    transition: transform 0.9s ease 0s;
}

.ricasko-logo {
    width:300px;
    height: auto;
    margin:0px auto 0px auto;
    padding: 5px;     
}

.ricasko-logo a{
    width:inherit;
    height: auto;
    margin:0px auto 0px auto;
    padding: 0px;     
}

.ricasko-logo a img{
    width: inherit;
    height: auto;
    margin: 20px auto 0px auto;
}

.main-menu-ctn{
    width:100%;
    height: 40px;
}

.main-cnt-overlay{
    width: 100%;
    height: inherit;
    background: rgba(0, 0, 0, 0.6);
}

.nav-ctn {
    width: 100%;
    height:40px;
    margin: 0px auto 0px auto;  
    text-align: center;
    background-color: #0b0035;
    opacity: 0.9;
}

.nav-scroll-top {
    background-color: #0b0035;
    transition: background-color 1.9s ease 0;
}

.nav-ctn ul {
    width:auto;
    height: inherit;
}

.nav-ctn ul li{
    width: auto;
    height: inherit;
    display: inline-block;
    padding: 5px 0px 0px 0px;
    
}

.nav-ctn ul li a{
    font-size: 24px; 
    text-align: center;
    color: #be9201;
    font-weight:bold;
    padding: 0px 20px 0px 20px;
    border-left: solid 1px #be9201;
}

.welcome-msg-ctn{
    width: 60%;
    height: inherit;
    margin: 0px auto 0px auto;
    padding: 150px 30px 10px 30px;
    color: #ffffff;
    text-align: center;
}

.welcome-msg-ctn h1{
    font: 46px 'Abel','Open Sans',Verdana,Arial,Helvetica,sans-serif;
    padding: 10px;
}

.welcome-msg-ctn h2{
    width: auto;
    font: 36px 'Quicksand', 'Open Sans', Helvetica,sans-serif;
    padding: 6px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    margin: 20px auto 10px auto;
}

.welcome-msg-ctn h3{
    font: 26px 'Indie Flower', 'Open Sans', Helvetica,sans-serif;
    padding: 10px;
}

.contact-bnt-ctn{
    display: block;
    width: auto;
    height: 70px;
    margin: 40px auto 20px auto;
}

.contact-bnt {
    display: block;
    width: 250px;
    height:auto;
    font-size: 26px;
    background-color: #be9201;
    color:#0b0035;
    padding: 10px;
    margin: 20px auto 5px auto;
    font-weight: 600;
    border-radius: 5px;
}

.contact-bnt:hover{
    background-color: #02ff0f;
}

.main-content-ctn {
    display: block;
    width: 70%;
    height: auto;
    margin: 10px auto 0px auto;
}


.cnt-title{
    width: auto;
    height: auto;
    font-size: 30px;
    color:#0b0035;
    padding:  5px auto 5px auto;
    margin: 40px auto 5px auto;
    font-weight: 600;
}

.cnt-bdy-msg{
    width: 100%;
    height: auto;
    font-size: 26px;
    text-align: left;
    color:#0b0035;
    padding: 5px auto 5px auto;
    margin: 5px auto 5px auto;
    line-height:1.5;
}

.cnt-bdy-msg ul li{
    font-size: 26px;
    line-height:1.5;
}


.cnt-img{
    width:70%;
    height: auto;
    margin: 50px auto 20px auto;
}

.cnt-img img {
    width:100%;
    height: auto;
    border-radius: 10px;
}

.cnt-call-us{
    width:70%;
    height: auto;
    background-color: #0b0035;
    color: #ebe8fd;
    margin: 50px auto 60px auto;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
}

.give-us-call{
    font-size: 40px;
    color:#ebe8fd;
    padding: 10px auto 10px auto;
    margin: 10px auto 10px auto;
}

.call-schdl{
    font-size: 20px;
    color:#ebe8fd;
    padding: 10px auto 10px auto;
    margin: 10px auto 10px auto;
}

.phn-num-a {
    font-size: 40px;
    color:#be9201;
    padding: 10px auto 10px auto;
    margin: 10px auto 10px auto;
}


.phn-num{
    font-size: 40px;
    color:#be9201;
    padding: 10px auto 10px auto;
    margin: 10px auto 10px auto;
}


.form-cnt{
    width: 100%;
    height: auto;
    margin: 20px auto 60px auto;
    padding: 10px;
}

.form-cnt label{
    font-size: 26px;
    text-align: left;
    font-weight: 600;
    margin: 10px auto 10px auto;
}

.form-cnt input{
    width: 100%;
    height: 50px;
    margin: 5px auto 25px auto;
    padding: 5px;
    font-size: 26px;
}

.form-cnt select{
    width: 100%;
    height: 50px;
    margin: 5px auto 25px auto;
    padding: 5px;
    font-size: 26px;
}

.form-cnt textarea{
    width: 100%;
    height: auto;
    margin: 5px auto 25px auto;
    padding: 5px;
    font-size: 26px;
    min-height: 250px;
}

.form-cnt button{
    display: block;
    width: 250px;
    height:auto;
    font-size: 26px;
    background-color: #be9201;
    color:#0b0035;
    padding: 10px;
    margin: 20px auto 5px auto;
    font-weight: 600;
    border-radius: 5px;
    border: 0px;
}

.form-cnt button:hover{
    background-color: #02ff0f;
}

.my-table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 60px;
}
  
.my-table th {
    border: 1px solid black;
    padding: 8px;
    text-align: center;
    font-size: 20px;
    background-color: #02ff0f;
    font-weight: bold;
}

.my-table td {
    border: 1px solid black;
    padding: 8px;
    text-align: left;
    font-size: 18px;
}

.search-input{
    width: 100%;
    height: 50px;
    margin: 5px auto 25px auto;
    padding: 5px;
    font-size: 26px;
}

.search-com{
    width: 100%;
    height: auto;
    margin: 5px auto 25px auto;
    padding: 5px;
}

.search-com textarea{
    width: 100%;
    height: auto;
    margin: 5px auto 25px auto;
    padding: 5px;
    font-size: 26px;
    min-height: 250px;
}

.social-media-icons {
    width: auto;
    height: auto;
    list-style: none;
    text-align-last: center;
    padding: 0;
    
    
}

.social-media-icons li {
    display: inline-block;
    margin: 40px 5px 5px 5px;
}

.social-media-icons li:last-child {
    margin-right: 0;
}

.social-img{
    width:50px;
    height: auto;
}

.footer{
    width:100%;
    height: auto;
    display: block;
    background:#0b0035;
}

.copy-right{
    width:100%;
    height: auto;
    font-size: 18px;
    color:#ebe8fd;
    margin:0px auto 0px auto;
    padding: 20px 0px 50px 0px;
    text-align: center;
}

/*Blog*/
    .blog-container {
        width: 100%;
        margin: 0 auto;
        margin-top:20px;
    }
    
    .blog-image {
        width: 100%;
        height: auto;
        border-radius:5px;
    }
    
    .blog-title {
        width:100%;
        height:auto;
        font-size: 25px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
        white-space:  initial;
        
    }
    
    .blog-content {
        width:100%;
        margin-top: 0px;
        line-height: 1.5;
        font-size:20px;
        white-space:  initial;
    }
    
    .two-column {
        list-style-type: disc;
        width: 100%;
        height: auto;
        white-space: nowrap;
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 20px;
        padding:5px 5px 0px 5px;
        background: linear-gradient(to bottom, #ffffff, #F0E8FE);
        border-radius:10px;
        
    }
    
    .two-column-img {
        width: 30%;
        height: auto;
        margin: 20px auto 10px auto;
        text-align: left;
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;
        padding-left:10px;
    }
    
    .two-column-content {
        width: 70%;
        height: auto;
        margin: 10px auto 10px auto;
        text-align: left;
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;
        padding-left:10px;
    }
    
    .blog-related-cnt{
        width: 100%;
        height:Auto
        margin: 0 auto;
        margin-top:50px;
        margin-bottom:50px;
        border:1px #F0E8FE;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .recent-blg-title{
        width: 100%;
        height:Auto;
        padding: 5px;
        padding-left:15px;
        background:#0b0035;
        font-size:34px;
        font-weight:bold;
        color: #FFFFFF;
        border-radius:10px;
    }
    
    .div-back-previous-cnt{
        display: block;
        width: 50%;
        height: auto;
        margin: 10px auto 0px auto;
    }
    
    .backPrevious {
        list-style-type: disc;
        width: 100%;
        height: auto;
        white-space: nowrap;
        display: inline-block;
        margin: 10px auto 10px auto;
        padding: 5px 5px 0px 5px;
        border-radius: 10px;
    }
    
    .previous {
        width: 50%;
        height: auto;
        margin: 10px auto 10px auto;
        text-align: center;
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;
        padding-left: 10px;
        font-size:20px;
        font-weight:bold;
    }
    
    .previous:hover {
        color:#02ff0f;
    }
    
    .next {
        width: 50%;
        height: auto;
        margin: 10px auto 10px auto;
        text-align: center;
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;
        padding-left: 10px;
        font-size:20px;
        font-weight:bold;
    }
    
    .next:hover {
       color:#02ff0f; 
    }

.wrapper {
  width: auto;
  margin:0px auto 0px auto;
}

.wrapper ul {
    
}

.wrapper ul li {
  display: inline-block;
  padding: 12px 12px 20px 0px;
  color: white;
  text-decoration: none;
  font-size: 26px;
}

.wrapper ul li a {
    float: none;
    display: block;
    background-color:#be9201;
    border-radius:8px;
  color: white;
  padding: 12px 12px 12px 12px;
  text-decoration: none;
  text-align:center;
}

.wrapper ul li a:hover{
    background-color:#02ff0f;
}

.wrapper ul li a div {
    text-align:center;
    font-size: 26px;
}

.home-inspection-icon{
     width: auto;
    height: auto;
    margin: 0px auto 0px auto;
}