/*
Theme Name: Rahamat & Associates Limited
Theme URI: http://www.rahamatassociates.com.bd/
Author: Zerons Lab
Author URI: https://www.zeronslab.com/
Description: Rahamat & Associates Limited is a renowned law firm in Dhaka, Bangladesh. We are providing and dealing with all sorts of legal and professional services and matters to operate and run in connection with the Companies Act, Trade Organization Act, Societies Registration Act, Trust Act, Income Tax Ordinance, Sales Tax, Gift Tax, Customs Act, Value Added Tax Act, Estate Duty Act, Patent-Design and Trademark Registration Act, Copyright Act, Bangladesh Accounting Standard (BSA), International Accounting Standard (IAS) and   any other Acts which are prevailing and operative in Bangladesh.
Version: 21.11.06
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rahamatassociates
Tags: law, corporate law
*/

/*--------------------
   1. BASE CSS
----------------------*/
html,
body {
    height: 100%
}
body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 1.7em;
    font-weight: 400;
    color: #222222;
    overflow-x: hidden;
}
a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #222;
}
a:hover,
a:focus {
    text-decoration: none;
    outline: 0;
}
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
button:focus {
    outline: 0;
}
img {
    max-width: 100%;
    height: auto;
}
h1, h2, h3, h4, h5, h6 {
    position: relative;
    color: #222222;
    margin: 0 0 15px;
    font-weight: 700;
    line-height: 1.4em;
    text-transform: capitalize !important;
}
h2 {
    font-size: 36px;
}

.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

.fix {
    overflow: hidden;
}

.relative {
    position: relative;
    overflow: hidden;
}

.absulute {
    position: absolute;
}

.v-center {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.content-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.flex-v-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-bookmark li {
    display: inline !important;
}

.social-bookmark li a:hover {
    background: #0052a5 none repeat scroll 0 0;
    color: #fff;
}

.inline li {
    display: inline;
}

.inline-block li {
    display: inline-block;
    padding: 5px 15px;
}

.navbar-toggle {
    border: 2px solid #0052a5;
    border-radius: 0;
}

.navbar-toggle .icon-bar {
    background: #0052a5 none repeat scroll 0 0;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

.border {
    border: 1px solid #ddd;
}

.border-left {
    border-left: 1px solid #ddd;
}

.border-right {
    border-right: 1px solid #ddd;
}

.border-top {
    border-top: 1px solid #ddd;
}

.border-bottom {
    border-bottom: 1px solid #ddd;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.area-title {
    margin-bottom: 50px;
    position: relative;
}

.area-title h2 {
    display: inline-block;
    font-size: 40px;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}

.area-title h2::before,
.area-title h2::after {
    background: rgba(0, 0, 0, 0) url("img/title-border.png") repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100px;
}

.area-title h2::after {
    background: #0052a5 none repeat scroll 0 0;
    height: 4px;
    width: 20px;
}

.section-padding {
    padding: 100px 0;
}

.padding-top {
    padding-top: 100px;
}

.padding-bottom {
    padding-bottom: 100px;
}

.padding-100-70 {
    padding-top: 100px;
    padding-bottom: 70px;
}

.padding-100-50 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.gray-bg {
    background: #f7f9fc;
}

.deep-gray-bg {
    background: #eff1ff;
}

.dark-bg {
    background: #222;
    color: #ffffff;
}

.red-bg {
    background: #0052a5;
    color: #ffffff;
}

.blue-bg {
    background: #0083ff;
    color: #ffffff;
}

.soft-blue-bg {
    background: #7db9e8;
    color: #ffffff;
}

.dark-bg .area-title h2 {
    color: #ffffff;
}

/*--------------------------
    2. TOP AREA
---------------------------*/

.top-area {
    height: auto;
    position: relative;
    width: 100%;
}

.top-area-bg {
    background: no-repeat scroll center center / cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.top-area-bg::after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-image: url(img/dots.png);
    background-repeat: repeat;
    background-position: center center;
    background-color: rgba(255,255,255,.1);
}


/*---------------------------------
    2.1. SEARCH AND LANGUAGE
----------------------------------*/

.search-and-language-bar {
    margin-left: 20px;
    margin-top: 25px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

}

.is-sticky .search-and-language-bar {
    margin-top: 15px;
}

.search-and-language-bar ul li {
    color: #222;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    padding: 10px;
}

.search-and-language-bar ul li a {
    color: #fff;
    display: block;
}

.search-box {
    position: relative;
}

.search-form {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    top: 72px;
    height: 60px;
    position: absolute;
    right: 0;
    width: 280px;
    display: none;
}

.is-sticky .search-form {
    top: 50px;
}

.search-form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    border: 1px solid #0052a5;
    color: #333;
    height: 40px;
    left: 11px;
    padding: 10px;
    position: absolute;
    top: 10px;
    width: 77%;
}

.search-form button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #0052a5;
    color: #0052a5;
    font-size: 20px;
    height: 40px;
    padding: 7px 12px;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.search-form button:hover {
    background: #0052a5 none repeat scroll 0 0;
    color: #fff;
}

/*---------------------------------
    2.2 MAINMENU AREA
-----------------------------------*/

.header-top-area {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

.mainmenu-area {
    border-bottom: 1px solid rgba(0, 82, 165, .1);
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 9999;
    background: rgba(255,255,255,.5);
}

.navbar-header {
    margin-top: 6px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.navbar {
    border-bottom: 0 none;
    border-top: 0 none;
    margin-bottom: 0;
}

.navbar-brand > img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.is-sticky .navbar-brand > img {
    max-width: 80%;
}

ul#nav {
    float: right;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

ul#nav li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #222222;
    letter-spacing: 1px;
    padding: 30px 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

ul#nav li a:hover,
ul#nav li.active a {
    color: #0052a5;
}

.is-sticky ul#nav li a {
    padding: 20px 15px;
    color: #222222;
}

.is-sticky ul#nav li a:hover,
.is-sticky ul#nav li.active a {
    color: #0052a5;
}

.is-sticky .navbar-header {
    margin-top: -2px;
}

.is-sticky .mainmenu-area {
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    z-index: 99999;
}

.menu-toggle.full {
    border: 1px solid;
    height: 40px;
    letter-spacing: 2px;
    padding-top: 8px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 20px;
    width: 110px;
    color: #0052a5 !important;
}

.is-sticky .menu-toggle.full {
    top: 8px;
}

ul#nav li ul a,
.is-sticky ul#nav li ul a {
    border-bottom: 1px solid rgba(0,0,0,.04);
    padding: 10px;
    padding-left: 15px;
    color: #222;
}

/*-----------------------------------
    2.3 WELCOME TEXT AREA
-------------------------------------*/

.welcome-area {
    color: #222;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 100px;
    width: 100%;
}

.welcome-text h1 {
    color: #ffffff;
    font-size: 60px;
    letter-spacing: 5px;
    line-height: 1.3;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.welcome-text h4 {
    font-size: 20px;
    letter-spacing: 8px;
    text-transform: uppercase;
}


.welcome-text h4 {
    margin-bottom: 30px;
}

.welcome-text h2 {
    line-height: 1;
    margin-bottom: 30px;
}




/* ----------------------------
    3. BLOG AREA
------------------------------ */

.single-blog {
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 7px #ddd;
    box-shadow: 0 3px 7px #ddd;
    overflow: hidden;
}

.blog-details {
    background: #fff none repeat scroll 0 0;
    padding: 30px 20px;
    position: relative;
}

.blog-meta {
    background: #0052a5 none repeat scroll 0 0;
    border-radius: 0 50px 50px 0;
    font-size: 24px;
    height: 50px;
    left: 0;
    position: absolute;
    text-align: center;
    top: -25px;
    width: 70px;
}

.blog-meta a {
    color: #fff;
    display: block;
    height: 100%;
    padding-top: 13px;
    width: 100%;
}

.blog-details h3 {
    font-size: 20px;
    margin: 30px 0;
    text-transform: uppercase;
}

.read-more {
    background: #222222 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    height: 40px;
    margin-top: 15px;
    padding: 7px 25px;
    text-align: center;
    width: 140px;
}

.read-more:hover,
.read-more:focus {
    background: #0052a5;
    color: #fff;
}

.blog-details h3 a {
    color: #222222;
}

.blog-details h3 a:hover,
.blog-details h3 a:focus {
    color: #0052a5;
}


/* -----------------------------
    10. FOOTER AREA
------------------------------- */

.footer-top-area {
    padding: 70px 0;
}

.footer-area h2,
.footer-area h3 {
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
}




/* ----------------------------
    11. FAQS AREA
------------------------------- */

.panel-body {
    border: 0 none !important;
}

.panel-heading,
.panel-body {
    padding-left: 0;
}

/*------------------------------
    17. CONTACT AREA
-------------------------------*/

.form-control {
    border-radius: 0;
    margin-bottom: 30px;
    min-height: 40px;
}

/*------------------------------
    18. FOOTER AREA
-------------------------------*/

.footer-area {
    color: #999;
    position: relative;
    z-index: 9;
}

.footer-area::after {
    background: rgba(0, 0, 0, 0) url("img/footer-map-bg.png") no-repeat scroll center center / 90% auto;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.footer-border {
    background: rgba(0, 0, 0, 0) url("img/footer-border.png") repeat-x scroll center center;
    height: 1px;
    margin-top: 50px;
}

.single-footer-widget {
    margin-bottom: 20px;
    overflow: hidden;
}

.single-footer-widget,
.single-footer-widget a {
    color: #999;
}

.single-footer-widget a:hover {
    color: #0052a5;
}

.single-footer-widget h3 {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    position: relative;
}

.single-footer-widget h3::after {
    border-bottom: 1px dashed #fff;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px;
}

.single-footer-widget.footer-about ul {
    margin-top: 30px;
}

.single-footer-widget.footer-about ul li {
    margin-bottom: 10px;
}

.single-footer-widget.footer-about ul li i {
    border-right: 1px solid;
    margin-right: 10px;
    width: 20px;
}

.single-footer-widget.twitter-widget ul li {
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative;
}

.single-footer-widget.twitter-widget ul li .twitter-icon {
    color: #0052a5;
    left: 0;
    position: absolute;
}

.single-footer-widget.list-widget ul li {
    letter-spacing: 1px;
    margin-bottom: 10px;
    position: relative;
}

.single-footer-widget.list-widget ul li::before {
    content: "\f0a4";
    display: inline-block;
    font-family: fontawesome;
    margin-right: 7px;
}

.single-footer-widget.instafeed-widget li {
    float: left;
    margin-bottom: 2%;
    margin-right: 2%;
    width: 31.33%;
}

.footer-copyright-area {
    padding: 30px 0 20px 0;
}

.footer-copyright p {
    margin-bottom: 0;
    margin-top: 10px;
}

.footer-copyright a.footer-logo {
    border-bottom: 2px solid;
    display: block;
    margin-bottom: 5px;
    margin-right: 10px;
    max-width: 300px;
    padding-bottom: 10px;
}

.footer-copyright a {
    color: #ffffff;
}

.footer-social-bookmark .social-bookmark li a {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border-radius: 50%;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 42px;
    margin: 0 2px;
    padding-top: 3px;
    text-align: center;
    width: 42px;
    line-height: 38px;
}

.footer-social-bookmark .social-bookmark li a:hover {
    background: #0052a5;
    color: #fff;
}

/*------------------------------
    19. SCROLL TO TOP
-------------------------------*/

a.scrolltotop {
    background: #0052a5 none repeat scroll 0 0;
    bottom: 20px;
    -webkit-box-shadow: 0 0 0 7px transparent;
    box-shadow: 0 0 0 7px transparent;
    color: #ffffff;
    display: none;
    font-size: 20px;
    height: 40px;
    padding-top: 5px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 40px;
    z-index: 99;
}

a.scrolltotop:hover {
    -webkit-box-shadow: 0 0 0 0 #272727;
    box-shadow: 0 0 0 0 #272727;
    background: #272727;
}

/*-----------------------------------
    20. WELCOME SLIDER AREA
-------------------------------------*/

.top-area.single-page {
    height: 400px;
}

.single-page .welcome-text h2 {
    margin-bottom: 10px;
}

.page-location li {
    display: inline-block;
}

.page-location li a {
    display: block;
    padding: 0 10px;
}

/* ----------------------------------
    21. BLOG PAGE
------------------------------------- */

.blog-page .single-blog {
    border-radius: 0;
    margin-bottom: 0px;
}

.blog-page .single-blog .post-date {
    margin-bottom: 20px;
    margin-top: -10px;
}

.blog-page .single-blog .post-date span {
    padding: 0 10px 0px 0;
}

.blog-page .single-blog .post-date a i {
    margin-right: 10px;
}

.blog-page .single-blog .post-date a:hover {
    color: #0052a5;
}

.blog-page .blog-image img {
    width: 100%;
}

.pagination li a {
    border-radius: 0;
    color: #666;
    padding: 10px 20px;
}

.pagination li a:hover,
.pagination li.active a,
.pagination li a:focus {
    background: #0052a5 none repeat scroll 0 0;
    color: #fff;
    border-color: #0052a5;
}

.single-sidebar-widget {
    -webkit-box-shadow: 0 3px 7px #ddd;
    box-shadow: 0 3px 7px #ddd;
    margin-bottom: 50px;
    padding: 20px;
}

.single-sidebar-widget h4::after {
    border-bottom: 1px dashed #0052a5;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px;
}

.single-sidebar-widget h4 {
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.widget_search form {
    border: 1px solid #ddd;
    height: 40px;
    position: relative;
    width: 100%;
}

.widget_search form input {
    border: 0 none;
    height: 100%;
    left: 0;
    padding: 8px 40px 8px 8px;
    position: absolute;
    top: 0;
    width: 100%;
}

.widget_search form button {
    background: #222222 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
}

.widget_search form button:hover,
.tagcloud a:hover {
    background: #0052a5 none repeat scroll 0 0;
    color: #fff;
    border-color: #0052a5;
}

.widget_categories li {
    margin: 5px 0;
    position: relative;
}

.widget_categories li::before {
    content: "\f105";
    display: inline-block;
    font-family: fontawesome;
    margin-right: 10px;
}

.single-sidebar-widget li a:hover {
    color: #0052a5;
}

.single-sidebar-widget {
    -webkit-box-shadow: 0 3px 7px #ddd;
    box-shadow: 0 3px 7px #ddd;
    margin-bottom: 50px;
    padding: 20px;
}

.widget_recent_entries li {
    margin-bottom: 15px;
    overflow: hidden;
}

.tagcloud a {
    border: 1px solid #ddd;
    display: inline-block;
    margin-bottom: 9px;
    margin-right: 5px;
    padding: 5px 10px;
    text-transform: capitalize;
    font-size: 14px !important;
}

blockquote {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 0 none;
    font-size: 16px;
    font-style: italic;
    line-height: 1.7em;
    position: relative;
    padding: 20px 30px;
    text-transform: capitalize;
    z-index: 1;
}

blockquote::after,
blockquote::before {
    content: "\f10d";
    font-family: fontawesome;
    font-size: 50px;
    height: 50px;
    left: 0;
    line-height: 1;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: -1;
}

blockquote::before {
    bottom: 0;
    content: "\f10e";
    left: auto;
    right: 8px;
    top: auto;
}

.share-button{
    -webkit-box-shadow: 0 3px 7px #ddd;
    box-shadow: 0 3px 7px #ddd;
    margin-bottom: 50px;
    padding: 20px;
}



.half-width input {
    border: 1px solid #ddd;
    margin-bottom: 14px;
    padding: 10px;
    width: calc(50% - 10px);
}

/*------------------------------
    23. 404 ERROR PAGE
-------------------------------*/

.error-content img {
    margin-bottom: 40px;
}

.error-content h3 {}

.error-content h2,
.error-content h3 {
    letter-spacing: 1px;
    text-transform: capitalize;
}

.error-area .read-more {
    width: auto;
}