/* -------------------- Reset -------------------- */
::selection {
    background-color:#333;
    color:#fff;
}
::-moz-selection {
    background-color:#333;
    color:#fff;
}
textarea {
    resize:none;
}
body {
    overflow-x: hidden;
    font-size: 14px;
    line-height: 1.6;
    font-weight:400;
    color:#777777;
    font-family: 'Roboto', sans-serif;
}
a, 
a:focus, 
a:hover {
    transition: 600ms all linear;
    outline: 0;
    text-decoration: none;
}
img {
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:700;
    font-family: 'Roboto Slab', serif;
    color:#333;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0 0 15px 0px;
}
ol, ul {
    padding: 0;
    margin: 0;
}
li {
    list-style-type: none;
}
button,
button:focus,
button:active {
    outline:none;
    box-shadow:none;
}
.heading1 {
    text-align: center;
    margin-bottom: 30px;
}
.heading1 h1 {
    font-size: 32px;
    margin-bottom: 0px;
}
.heading1 h1 span {
    color: #48CFAD;
}
.heading1 .bor_b {
    margin: 5px 0px;
}
.heading1 .bor_b img {
    width: auto;
}
.heading1 p {
    margin: 0px;
}
.heading1 p a {
    color: #999;
    margin-left: 5px;
    font-weight: 700;
    font-size: 13px;
}
/* ----- Heading 2 ----- */
.section_heading2 {
    margin-bottom: 20px;
}
.section_heading2 h6 {
    font-size: 13px;
    color: #48cfad;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 0;
}
.section_heading2 h3 {
    color: #000;
    font-size: 2em;
    margin: 10px 0 0 0;
    font-weight: 600;
    text-transform: capitalize;
}
.section_heading2 span {
    position: relative;
    width: 45px;
    height: 3px;
    display: inline-block;
}
.section_heading2 span:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 100%;
    background-color: #48cfad;
    left: 0;
}
.section_heading2 span:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    background-color: #48cfad;
    left: 35px;
}
/* -------------------- Bootstrap Reset -------------------- */
.btn {
    font-size: 14px;
    line-height: 1.6;
    font-weight:600;
    text-transform: capitalize;
    letter-spacing:3px;
    padding: 8px 15px;
    border:1px solid;
    border-radius:0;
    transition:600ms all linear;
}
.btn,
.btn:focus,
.btn:active,
.btn:hover {
    border:1px solid;
    outline:none;
    box-shadow:none;
}
.btn_wh_B {
    border-color:#fff;
    background-color:transparent;
    color:#fff;
}
.btn_wh_B:focus,
.btn_wh_B:active,
.btn_wh_B:hover {
    border-color:#48CFAD;
    background-color:#48CFAD;
    color:#fff;
}
.btn_green {
    border-color:#48CFAD;
    background-color:#48CFAD;
    color:#fff;
}
.btn_green:focus,
.btn_green:active,
.btn_green:hover {
    border-color:#121621;
    background-color:#121621;
    color:#fff;
}
.btn_blck {
    border-color:#242C42;
    background-color:#242C42;
    color:#fff;
}
.btn_blck:focus,
.btn_blck:active,
.btn_blck:hover {
    border-color:#121621;
    background-color:#121621;
    color:#fff;
}
.form-control {
    padding: 8px 15px;
    line-height: 1.6;
    border-radius: 0px;
    color: #777;
    font-size: 14px;
    transition:600ms all linear;
}
.form-control:focus {
    box-shadow:none;
}
.navbar-toggler-icon {
    background-image:url(../images/toggle.svg);
}
/* -------------------- Header -------------------- */
header {
    position: relative;
    z-index:9;
}
/* ----- Header Top ----- */
.header_top {
    background-color:#48CFAD;
}
.header_top ul {
    padding:10px 0px;
}
.header_top ul li {
    display: inline-block;
}
.header_top ul li a {
    color:#fff;
    display: block;
}
.header_top .grid_left li {
    margin-right:10px;
}
.header_top .grid_right {
    text-align: right;
}
.header_top .grid_right li {
    margin-left:10px;
}
/* ----- Navbar ----- */
.navbar {
    padding: 0px;
    background-color:#fff;
    position: absolute;
    width: 100%;
}
.navbar .navbar-brand img {
    height: 50px;
    width: auto;
}
.navbar .navbar-brand span {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    display: block;
}
.navbar .nav-item {
    margin-left:10px;
}
.navbar .nav-item .nav-link {
    color: #3a3a3a;
    text-transform: capitalize;
    background-color: transparent;
    padding: 5px 20px;
    border-radius: 25px;
    line-height: 1.4;
}
.navbar .nav-item .nav-link:hover,
.navbar .nav-item.active .nav-link {
    background-color: #48CFAD;
    color: #fff;
}
/* -------------------- Footer -------------------- */
footer {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
    padding-top:60px;
    padding-bottom:60px;
    position: relative;
}
footer::before {
    background-color: rgba(17, 17, 17, 0.9);
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
footer .f_logo {
    margin-bottom:15px;
}
footer .f_logo a {
    font-size:24px;
    font-weight:600;
    color:#fff;
    display: inline-block;
    font-family: 'Roboto Slab', serif;
}
footer .btn_wh_B {
    padding: 5px 10px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: 0;
    font-size: 12px;
    color: #777;
    border: 1px solid #777;
    border-radius: 4px;
}
footer .contact_info li {
    margin-bottom:10px;
}
footer .contact_info li a {
    color:#777;
}
footer .contact_info li i {
    margin-right:5px;
}
footer .social_icon_f li {
    display: inline-block;
    margin-right:5px;
}
footer .social_icon_f li a {
    display: block;
    background-color: #48CFAD;
    text-align: center;
    color:#fff;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    border-radius: 50%;
}
footer .widget_title {
    font-size:18px;
    text-transform: capitalize;
    font-weight:400;
    color:#fff;
}
footer .f_q_links li {
    margin-bottom:10px;
}
footer .f_q_links li a {
    color:#777;
}
/* -------------------- Copyright -------------------- */
#cs_copyright {
    padding:10px 0px;
    background: rgb(37, 48, 57);
}
#cs_copyright p {
    margin:0px;
    font-size:12px;
    color:#fff;
    text-align: center;
}
/* -------------------- Inner Banner -------------------- */
#inner_banner {
    background-size:cover;
    background-position:top left;
    min-height:400px;
}