* {
  box-sizing: border-box;
}

html, body {
    height: 100%;
    margin: 0;
    font-family: 'Noto Sans';
    font-size: 14px;
  }
  div.body {
    /* padding: 20px; */
    min-height: 100%;
    margin: 0 auto -50px;
    display: flex;
    flex-direction: column;
  }
  .footer,
  .push {
    height: 50px;
  }

.logo{
    width:100px;
}
.logotext{
    font-size: 20px;
}
.logotext span{
    text-transform: uppercase;
    font-weight: 700;
}

.logotext .init{
    font-size: 1.3em;
}
header{
    min-height: 60px;
    background: #fff;
    /* margin-left: 200px; */
    font-family: 'Anaheim';
}

ul#cts-nav{
    list-style-type: none;
    padding: 10px;
}

ul#cts-nav li{
    float: left;
    padding: 10px 10px 10px 10px;
    position: relative;
    /* background: #c0c0c0;     */
    /* height: 35px; */
}



ul#cts-nav li a{
    color: #000;
    transition: all 0.3s ease-out;
}

ul#cts-nav li.active a::after{
    transform: translateX(-50%) scaleX(1);
}

ul#cts-nav li a:hover:after{
    transform: translateX(-50%) scaleX(1);
}

ul#cts-nav li a::after{
    content: "";
    height: 3px;
    bottom: 3px;
    position: absolute;
    left: 50%;
    width: 50%;
    background: #000;
    transform: translateX(-50%) scaleX(0);
    transition: all 0.3s ease-out;
}


ul#cts-nav li a:hover{
    text-decoration: none;
}


#submenu.titlesearch ul li.titlesearch{
    background:#e30e22;
}
#submenu.taxservices ul li.taxservices{
    background:#4e4e4c;
}
#submenu.commitmenttyping ul li.commitmenttyping{
    background:#734239;
}
#submenu.settlementservices ul li.settlementservices{
    background: #daa884;
}
#submenu.titlesearch ul li.titlesearch a{
    color: #fff;

}

#submenu.settlementservices ul li.settlementservices a{
    color: #000;
}
#submenu.taxservices ul li.taxservices a,
#submenu.commitmenttyping ul li.commitmenttyping a{
    color: #fff;
}

.header-image{
    height: 270px;
    width:330px;
}

.headcontainer{
    background: #000;
    color: #fff;
    opacity: 0.8;
}

.headcontainer .article-title{
    border-bottom-style: double;
    border-bottom: solid #9e9e9e 2px;
    padding: 2px 10px;
}
.headcontainer .article-text{
    padding: 2px 10px;
}

footer {
    height: 10vh;
    position: relative;
  }
  
  footer .footercontainer{
      position: absolute;
      top:50%;
      width:100%;
      transform: translateY(-50%);
  }

  #submenu{
    background: #000;
    opacity: 0.8;
    color: #fff;
  }


  #submenu > ul{
    list-style-type: none;
  }

  #submenu > ul{
    list-style-type: none;
  }

  #submenu > ul li a{
    text-decoration: none;
    color: #fff;
  }

  /* bootstrap overrides */

.carousel-item > img{
max-height: 500px;
}

.carousel-text{
    position: absolute;
    background: #101315;
    top: 20%;
    height: 100px;
    margin-left: 8.5rem;
    margin-right: 8.5rem;
    opacity: .8;
    padding: 2rem;
    color: #fff;
}

.card-img-top{
    width:100%;
    height: 157px;
}

.card {
    font-family: 'Biryani';
    font-size:0.9rem;
}

.card-body{
    background: #000;
    opacity: 0.8;
    color: #fff;
}
.card-footer{
    border: none;
    background: #000;
    opacity: 0.8;
}
/* .carousel-inner{
    max-height: 500px !important;
} */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    
        .carousel-text{
            position: absolute;
            background: #101315;
            top: 10%;
            height: 80%;
            margin-left: 0rem;
            margin-right: 2.5rem;
            opacity: .8;
            padding: 3.3rem;
            color: #fff;
            width: 100%;
        }
    }
    
    
    /* iPads (portrait and landscape) ----------- */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
    .carousel-text{
        position: absolute;
        background: #101315;
        top: 10%;
        height: 30%;
        margin-left: 0rem;
        margin-right: 2.5rem;
        opacity: .8;
        padding: 3.3rem;
        color: #fff;
        width: 100%;
    }
    }
    
    /* iPads (landscape) ----------- */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
    .carousel-text{
        position: absolute;
        background: #101315;
        top: 10%;
        height: 30%;
        margin-left: 0rem;
        margin-right: 2.5rem;
        opacity: .8;
        padding: 3.3rem;
        color: #fff;
        width: 100%;
    }
    }
    
    /* iPads (portrait) ----------- */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
    .carousel-text{
        position: absolute;
        background: #101315;
        top: 10%;
        height: 30%;
        margin-left: 0rem;
        margin-right: 2.5rem;
        opacity: .8;
        padding: 3.3rem;
        color: #fff;
        width: 100%;
    }
    }
    /**********
    iPad 3
    **********/
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    .carousel-text{
        position: absolute;
        background: #101315;
        top: 10%;
        height: 30%;
        margin-left: 0rem;
        margin-right: 2.5rem;
        opacity: .8;
        padding: 3.3rem;
        color: #fff;
        width: 100%;
    }
    }
    
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    .carousel-text{
        position: absolute;
        background: #101315;
        top: 10%;
        height: 30%;
        margin-left: 0rem;
        margin-right: 2.5rem;
        opacity: .8;
        padding: 3.3rem;
        color: #fff;
        width: 100%;
    }
    }
    /* Desktops and laptops ----------- */
    @media only screen  and (min-width : 1224px) {
    
    }
    
    /* Large screens ----------- */
    @media only screen  and (min-width : 1824px) {
    /* Styles */
    }
    
    /* iPhone 4 ----------- */
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    .carousel-text{
        position: absolute;
        background: #101315;
        top: 10%;
        height: 80%;
        margin-left: 0rem;
        margin-right: 2.5rem;
        opacity: .8;
        padding: 3.3rem;
        color: #fff;
        width: 100%;
    }
    }
    
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    }
    
    /* iPhone 5 ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    .carousel-text{
        position: absolute;
        background: #101315;
        top: 10%;
        height: 80%;
        margin-left: 0rem;
        margin-right: 2.5rem;
        opacity: .8;
        padding: 3.3rem;
        color: #fff;
        width: 100%;
    }
    }
    
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    /* iPhone 6 ----------- */
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    .carousel-text{
        position: absolute;
        background: #101315;
        top: 10%;
        height: 80%;
        margin-left: 0rem;
        margin-right: 2.5rem;
        opacity: .8;
        padding: 3.3rem;
        color: #fff;
        width: 100%;
    }
    }
    
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    /* iPhone 6+ ----------- */
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    .carousel-text{
        position: absolute;
        background: #101315;
        top: 10%;
        height: 80%;
        margin-left: 0rem;
        margin-right: 2.5rem;
        opacity: .8;
        padding: 3.3rem;
        color: #fff;
        width: 100%;
    }
    }
    
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    /* Samsung Galaxy S3 ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    /* Samsung Galaxy S4 ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
    .carousel-text{
        position: absolute;
        background: #101315;
        top: 10%;
        height: 80%;
        margin-left: 0rem;
        margin-right: 2.5rem;
        opacity: .8;
        padding: 3.3rem;
        color: #fff;
        width: 100%;
    }
    }
    
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
    }
    
    /* Samsung Galaxy S5 ----------- */
    @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
    .carousel-text{
        position: absolute;
        background: #101315;
        top: 10%;
        height: 80%;
        margin-left: 0rem;
        margin-right: 2.5rem;
        opacity: .8;
        padding: 3.3rem;
        color: #fff;
        width: 100%;
    }
    }
    
    @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
    }