@charset "UTF-8";
/*
Global 
Helper 
Loader 
Header 
Navbar Area 
Search popup 
Hero Area
Feature Area
Add
Service Area
Statistics Area
Review Area
Home About Section
Team Area
Quote Area
Partner Area
Call to Action Area
Blog Wrapper
Breadcrumb
Inner Wrapper
FAQ Wrapper
Gallery Wrapper
404 Wrapper
Contact Wrapper
Footer Area
Responsive CSS
*/


/*-----------------
    @Typography
-----------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Rubik:300,400,500,700');


/*---------------------------
 Global 
---------------------------*/
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden;
}

body {
    font-family: 'Rubik', sans-serif;
    color: #484848;
    font-size: 16px;
    line-height: 28px;
}
ul {
	margin: 0;
	padding: 0;
}
a span,
button span,
input[type="submit"] span {
    font-family: 'Roboto Condensed', sans-serif;
}
a:hover {
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	text-transform: capitalize;
	margin: 0;
	color: #092232;
	font-weight: 600;
}
.mt-50 {
	margin-top: 50px !important;
}
.mb-60 {
	margin-bottom: 60px !important;
}
.form-element {
    margin-bottom: 20px;
}

.form-element input,
.form-element select {
    border: 1px solid #f1f1f1;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #4e5861;
}

.form-element button[type="submit"],
.form-element input[type="submit"] {
    background-color: #ffa61b;
    border: none;
    color: rgba(255, 255, 255, .9);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    padding: 10px 45px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}


.form-element button[type="submit"] span,
.form-element input[type="submit"] span {
    position: relative;
    z-index: 1;
}

.form-element button[type="submit"]:hover,
.form-element button[type="submit"]:hover {
    color: #ffa61b;
}

.form-element button[type="submit"]::after,
.form-element button[type="submit"]::after {
    background: #fff;
    content: '';
    position: absolute;
    height: 100%;
    left: -35%;
    top: 0;
    -webkit-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.form-element button[type="submit"]:hover::after,
.form-element input[type="submit"]:hover::after {
    height: 100%;
    width: 135%;
}


.form-element textarea {
    height: 150px;
    width: 100%;
    padding: 10px 0px 0px 20px;
    font-family: 'Source Sans Pro', sans-serif;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-30 {
	margin-bottom: 30px;
}


/*---------------------------
 Helper 
---------------------------*/

.height-100 {
    height: 100%;
}

.no-margin {
    margin: 0px;
}

.no-padding {
    padding: 0px;
}

.outer {
    display: table;
    height: 100%;
}

.inner {
    display: table-cell;
    vertical-align: middle;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.parallax {
    background-attachment: fixed;
}

.section-title {
    text-align: center;
}

.section-title span {
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 600;
    opacity: .8;
    display: inline-block;
}

.section-title h2 {
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 26px;
    position: relative;
    margin-bottom: 60px;
	color:#fff;
}

.section-title h2::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 5px;
    bottom: 0px;
    background-color: #ffa61b;
    left: 50%;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
}

.back-to-top {
    bottom: 30px;
    right: 0px;
    position: fixed;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: #6f0ac8;
    border: 1px solid #6f0ac8;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 1000;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.back-to-top:hover {
    background-color: #fff;
    color: #6f0ac8;
}

.back-to-top.show {
    opacity: 1;
    right: 30px;
}


/*---------------------------
 Loader 
---------------------------*/
#dvLoading {
	background: url(../../assets/images/loader.gif) no-repeat center center #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999;
}
/*---------------------------
 Header 
---------------------------*/

.header-section {
    position: relative;
}

.header-section .info-area {
	background-color: #212a49;
	color: #fff;
	font-size: 14px;
	padding: 10px 5px;
	border-bottom: 1px solid #2c3960;
}

.header-section .info-area ul.socials {
    list-style: none;
    padding-left: 0px;
    margin: 0px
}

.header-section .info-area ul.socials li {
    display: inline-block;
    margin-right: 20px;
}

.header-section .info-area ul.socials li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition: .3s;
    transition: .3s;
}

.header-section .info-area ul.socials li a:hover {
    color: #ffa61b;
}

.support-area {
	background:#212a49;
    color: #fff;
    padding: 25px 0px 74px;
}

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

.support-area .support-box .icon-wrapper {
    margin-right: 15px;
}

.support-area .support-box .icon-wrapper i {
    font-size: 40px;
    color: #ffa61b;
}

.support-area .support-txt h4 {
    font-size: 18px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 700;
	color:#fff;
}

.support-area .support-txt p {
    font-size: 13px;
	margin: 0;
}

.appointment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.appointment p {
    margin-right: 40px;
    font-size: 14px;
	margin-bottom:0;
}

.appointment a.phone-number {
    position: relative;
    background-color: #ffa61b;
    padding: 15px 30px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

.appointment a.phone-number:hover {
    background-color: #f7f6ff;
    color: #ffa61b;
}

.appointment .phone-number .icon-wrapper {
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    line-height: 40px;
    color: #ffa61b;
    text-align: center;
    font-size: 16px;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px)
}

.home-3 .appointment .phone-number .icon-wrapper i {
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}

.appointment .phone-number:hover .icon-wrapper i {
    color: #ffa61b;
}

.appointment .phone-number span {
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

/*---------------------------
 Navbar Area
---------------------------*/

.nav-area {
    position: absolute;
    width: 100%;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nav-area ul.menus {
    padding-left: 0px;
    margin: 0px;
    list-style: none;
}
.sticky-navbar.nav-area .main-menu {
	background-color:#fff;
}
.sticky-navbar.nav-area .main-menu ul.menus li a {
	color: #373737;
}
.nav-area .main-menu {
    padding: 0px 38px 0px 10px;
    background-color: #fff;
}

.nav-area nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
}

.nav-area ul.menus li {
    display: inline-block;
    margin-right: 5px;
    padding: 35px 0px 34px;
}

.nav-area ul.menus li a {
    text-transform: capitalize;
    font-weight: 600;
	padding: 12px 10px;
    text-decoration: none;
	color: #373737;
	font-family: 'Poppins', sans-serif;
}

.nav-area ul.menus li a.parent-link {
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}

.nav-area ul.menus li a.parent-link:hover {
    color: #6f0ac8;
}

.nav-area ul.menus li a.parent-link::before {
    content: "";
    position: absolute;
    top: 46%;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #6f0ac8;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
}

.nav-area ul.menus li a.parent-link:hover::before {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.nav-area ul.menus li.dropdown:hover a.parent-link::before {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.nav-area ul.menus li.dropdown a {
    padding-right: 20px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}

.nav-area ul.menus li.dropdown:hover > a {
    color: #6f0ac8;
}

.nav-area ul.menus li.dropdown ul.dropdown-lists a {
    -webkit-transition: .5s;
    transition: .5s;
}

.nav-area ul.menus li.dropdown ul.dropdown-lists a:hover {
    color: #fff;
}

.nav-area ul.menus li.dropdown ul.dropdown-lists a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #6f0ac8;
    z-index: -1;
    -webkit-transition: .5s;
}

.nav-area ul.menus li.dropdown ul.dropdown-lists a:hover::before {
    width: 100%;
}

.nav-area .menus li.active a.parent-link {
    color: #6f0ac8;
}

ul.search-cart {
    padding-left: 0px;
    margin: 0px;
    list-style: none;
    margin-left: 24px;
}

ul.search-cart li {
    display: inline-block;
}

ul.search-cart li.cart {
    position: relative;
}

ul.search-cart li.cart span.count {
    background-color: #ff3737;
    display: inline-block;
    position: absolute;
    top: -1px;
    right: -8px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    height: 15px;
    width: 15px;
    line-height: 14px;
    text-align: center;
    border-radius: 50%;
}
.sticky-navbar ul.search-cart li a {
	color: #ffa61b;
}
ul.search-cart li a {
    color: #ffa61b;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
}

ul.search-cart li a:hover {
    color: #6f0ac8;
}

ul.search-cart li:first-child {
    position: relative;
 }
.nav-area .menus li.dropdown {
    display: inline-block;
    position: relative;
    margin-right: 14px;
}
.nav-area .menus li.dropdown::after {
    content: "\f107";
    position: absolute;
    color: #373737;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    -webkit-transition: .3s;
    transition: .3s;
}

.nav-area .menus li.dropdown:hover::after {
    color: #6f0ac8;
}

.nav-area .menus li.active::after {
    color: #6f0ac8;
}

.nav-area .menus li.dropdown ul.dropdown-lists {
    position: absolute;
    top: 96px;
    left: 0px;
    -webkit-transform: translate(-50%, 30px);
    transform: translate(-50%, 30px);
    left: 50%;
    width: 200px;
    background-color: #fff;
    padding: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}

.nav-area .menus li.dropdown:hover ul.dropdown-lists {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

.nav-area .menus li.dropdown ul.dropdown-lists li {
    display: block;
    border-bottom: 1px solid rgba(213, 212, 212, 0.4);
    margin: 0px;
    padding: 0px;
}

.nav-area .menus li.dropdown ul.dropdown-lists li.active a {
    background-color: #6f0ac8;
    color: #fff;
}

.nav-area .menus li.dropdown ul.dropdown-lists li:last-child {
    border-bottom: none;
}

.nav-area .menus li.dropdown ul.dropdown-lists li a {
    padding: 10px 0px;
    display: block;
    text-align: center;
	color: #373737;
}

#mobileMenu {
    display: none;
}

.sticky-navbar,
.header-section.home-2 .sticky-navbar {
    border: none;
    -webkit-animation: navFadeIn 1s;
    animation: navFadeIn 1s;
}

@-webkit-keyframes navFadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes navFadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.nav-area.sticky-navbar,
.header-section.home-2.sticky-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.15);
	z-index:99999;
}

.header-section.home-2.sticky-navbar {
    background-color: #373737;
}

.nav-area.sticky-navbar .navbar-area,
.header-section.home-2.sticky-navbar .navbar-area,
.home-3 .navbar-area.sticky-navbar {
    padding: 30px 0px;
}

.nav-area.sticky-navbar::after {
    content: "";
    position: absolute;
    background-color: #fff;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/*---------------------------
 Search popup 
---------------------------*/

.search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 1500;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.search-popup.popup {
    opacity: 1;
    visibility: visible;
}

.search-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #373737;
    opacity: .9;
    cursor: pointer;
}

.search-popup form.search-form {
    position: fixed;
    z-index: 1;
    max-width: 768px;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.search-popup form.search-form .form-element input[type="text"],
.search-popup form.search-form .form-element input[type="search"] {
    height: 60px;
    background-color: transparent;
    border: none;
    outline: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
}

.search-popup form.search-form .form-element input[type="text"]::-webkit-input-placeholder,
.search-popup form.search-form .form-element input[type="search"]::-webkit-input-placeholder {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.search-popup form.search-form .form-element input[type="text"]:-ms-input-placeholder,
.search-popup form.search-form .form-element input[type="search"]:-ms-input-placeholder {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.search-popup form.search-form .form-element input[type="text"]::-ms-input-placeholder,
.search-popup form.search-form .form-element input[type="search"]::-ms-input-placeholder {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.search-popup form.search-form .form-element input[type="text"]::-webkit-input-placeholder,
.search-popup form.search-form .form-element input[type="search"]::-webkit-input-placeholder {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.search-popup form.search-form .form-element input[type="text"]:-ms-input-placeholder,
.search-popup form.search-form .form-element input[type="search"]:-ms-input-placeholder {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.search-popup form.search-form .form-element input[type="text"]::placeholder,
.search-popup form.search-form .form-element input[type="search"]::placeholder {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.search-popup button {
    background-color: transparent;
    border: none;
    position: fixed;
    right: 20px;
    top: 20px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    outline: 0;
}


/*---------------------------
 Hero Area
---------------------------*/

.hero-bg {
    background-image: url('../../assets/images/header-bg.jpg');
    background-size: cover;
    background-position: center;
}

.hero-area {
    position: relative;
    overflow: hidden;
}

.hero-area .shape {
    position: absolute;
    width: 350px;
    right: 0px;
    top: 0px;
    height: 100%;
    background-color: #ffa61b;
    opacity: .6;
}

.hero-area .shape::before {
    position: absolute;
    content: "";
    left: -650px;
    width: 0;
    height: 0;
    border-bottom: 1000px solid #ffa61b;
    border-left: 650px solid transparent;
}

.hero-area .hero-txt {
    position: relative;
    z-index: 1;
}

.hero-txt h1 {
    font-size: 72px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.hero-txt {
    padding: 252px 0px 210px;
}

a.hero-btn {
    background-color: #ffa61b;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 60px;
    display: inline-block;
    margin-top: 42px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    border: 1px solid #ffa61b;
    -webkit-transition: .5s;
    transition: .5s;
}

a.hero-btn span {
    position: relative;
    z-index: 1;
}

a.hero-btn:hover {
    color: #ffa61b;
}

a.hero-btn::after {
    background: #fff;
    content: '';
    position: absolute;
    height: 100%;
    left: -35%;
    top: 0;
    -webkit-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a.hero-btn:hover::after {
    height: 100%;
    width: 135%;
}

.hero-area .img-wrapper {
    position: relative;
    float: right;
    display: block;
    max-width: 380px;
    width: 100%;
    height: 100%;
}

.hero-area .hero-img {
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: -5px;
    z-index: 1;
}

.hero-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #333333;
    opacity: .85;
}



/*---------------------------
** Feature Area
---------------------------*/

.feature-area {
    padding: 70px 0px 100px;
}
.feature-area-sec {
	padding: 40px;
	background: rgb(255, 255, 255);
	box-shadow: 2.778px 15.757px 38px 16px rgba(236, 234, 255, 0.3);
	-webkit-box-shadow:2.778px 15.757px 38px 16px rgba(236, 234, 255, 0.3);
	-moz-box-shadow: 2.778px 15.757px 38px 16px rgba(236, 234, 255, 0.3);
	-o-box-shadow: 2.778px 15.757px 38px 16px rgba(236, 234, 255, 0.3);
	margin:30px 0 0;
}
.feature-area-sec .feature-icon {
	width: 125px;
	height: 115px;
	background: url(../../assets/images/icon-shape.png) no-repeat;
	margin: 0 auto;
	line-height: 155px;
}
.feature-area-sec .feature-icon i {
	color: #ffa61b;
	font-size: 60px;
}
.feature-area-sec .feature-info h3 {
	margin-bottom: 30px;
	margin-top: 20px;
}
.feature-area-sec .feature-info p {
	margin-bottom: 30px;
	color: #8c9da9;
}
.feature-area a.ad-btn {
	color:#6f0ac8;
	border:2px solid #6f0ac8;
}
.feature-area a.ad-btn:hover {
	background-color: #6f0ac8;
	color: #fff;
}
/*---------------------------
 Add 
---------------------------*/
.add {
    background-color: #f2f2f2;
    color: #333333;
    text-transform: uppercase;
    font-weight: 700;
    padding: 40px 50px;
	margin:60px 0 0;
	border: 1px solid #dbdbdb;
}

.ad h3 {
    font-weight: 700;
    margin: 0px;
    font-size: 30px;
}

a.ad-btn {
    border: 2px solid #6f0ac8;
    display: block;
    text-align: center;
    padding: 12px 0px;
    color: #6f0ac8;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
}

a.ad-btn span {
    position: relative;
    z-index: 1;
}

a.ad-btn:hover {
    background-color: #6f0ac8;
    color: #fff;
}

a.ad-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    background-color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

a.ad-btn:hover::after {
    visibility: visible;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
}

/*---------------------------
 Service Area
---------------------------*/
.service-area {
    padding: 111px 0px 120px;
    position: relative;
    color: #fff;
	position: relative;
	background:#f9f9ff;
}
.service-area .section-title span {
	color: #797e82;
}
.service-area .section-title h2 {
	color:#373737;
	margin-bottom:20px;
}
.service-area .section-title h2:after {
	background-color: #ffa61b;
}
.inner-wrapper.service-area {
	padding: 80px 0 120px;
}
/** Single Service **/
.service-area .single-service {
	padding: 30px 20px;
	display: block;
	border-radius: 4px;
	-webkit-transition: .5s;
	transition: .5s;
	box-shadow: 0 0 12px -4px rgba(0, 0, 0, 0.15);
	margin-top:40px;
	line-height: 25px;
}
.service-area .single-service h4 {
	margin:0 0 10px;
}
.service-area .single-service:hover {
	box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1);
	background: #fff;	
}
.service-area .single-service .service-content h4 a {
	font-size: 22px;
	color: #333;
}
.service-area .single-service .service-content h4 a:hover {
	text-decoration:none;
}
.service-icon {
	margin-bottom: 15px;
}
.service-area .single-service p {
	transition: .5s;
	color: #727b9a;
	margin:0 0 20px;
}
.service-area .single-service .ad-btn {
	display:inline-block;
	padding:8px 25px;
}
/** services-inner-wrapper **/
.services-inner-wrapper.service-area {
	color: #7d8c95;
	background:#fff;
}
.full-content .services-single .top-side blockquote::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 100%;
	background: #ffa61b;
}
.full-content .services-single .top-side blockquote {
	padding: 30px 40px;
	margin: 30px 0;
	position: relative;
	background: #f7f7fc;
}
.full-content img {
	width: 100%;
}
.services-inner-wrapper .benefit-service {
	margin-top:20px;
}
.benefit-service ul {
	margin-top: 12px;
	padding: 0 0 0 20px;
}
.faq-section h4.title {
  font-size: 30px;
  margin-bottom:8px;
}
.faq-section #accordion .card {
  border-radius: 3px;
  border: none;
}
.faq-section #accordion .card .card-header {
  border: none;
  border-radius: 0;
  position: relative;
  padding: 0;
}
.faq-section #accordion .card .card-header .card-title {
  margin: 0;
}
.faq-section #accordion .card .card-header .card-title .btn {
  color: #ffffff;
  position: relative;
  display: block;
  background: #ffa61b;
  padding: 12px 25px;
  border: 1px solid #ebebeb;
  border-top: none;
  width: 100%;
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  text-transform:none;
}
.faq-section #accordion .card .card-header .card-title .btn:after {
  color: #ffffff;
  content: "-";
  font-size: 30px;
  text-align: center;
  right: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  font-weight: 500;
}
.faq-section #accordion .card .card-header .card-title .btn.collapsed {
  background: #ffffff;
  color: #0a0a0a;
}
.faq-section #accordion .card .card-header .card-title .btn.collapsed:after {
  content: "+";
  color: #ff922d;
}
.faq-section #accordion .card .card-body {
  background: #ffffff;
  padding: 15px 24px;
  border: 1px solid #ebebeb;
  border-top: none;
}
.faq-section #accordion .card:first-child .card-header .card-title .btn {
  border-top: 1px solid #ebebeb;
}
.faq-section .btn:before {
	display:none;
}
.sidebar-area .service-list .title {
	padding: 14px 20px;
	border-radius: 0;
	background: #6f0ac8;
	color: #fff;
}
.sidebar-area .service-list ul.services-item-list {
	list-style: none;
	margin: 0;
}
.sidebar-area .service-list ul.services-item-list li {
	padding: 14px 20px;
	background: #f7f7fc;
}
.sidebar-area .service-list ul.services-item-list li + li {
	margin-top: 2px;
}
.sidebar-area .service-list ul.services-item-list li a {
	color: #626262;
	display: block;
	font-size: 16px;
}
.sidebar-area .serivce-brochure {
	padding: 40px 40px 50px;
	border-radius: 0;
	background: #000;
}
.sidebar-area .serivce-brochure .title, .sidebar-area .serivce-brochure p {
	color: #ffffff;
}
.sidebar-area .serivce-brochure .btn.btn-color {
	background-color: #ffa61b;
	color: #ffffff;
}
.serivce-brochure a.hero-btn {
	margin-top: 20px;
}
.sidebar-area .contact-section {
	background: #f7f7fc;
}
.sidebar-area .service-list ul {
	list-style:none;
}
.services-inner-wrapper .service-list ul.contact-list {
	padding: 20px;
}
.sidebar-area .service-list ul.contact-list li {
	margin: 0 0 28px;
	color: #4a4a4a;
}
.sidebar-area .service-list ul.contact-list li {
	color: #4a4a4a;
}
.sidebar-area .service-list ul.contact-list li a {
	color: #4a4a4a;
}
.sidebar-area .service-list ul.contact-list li i {
	float: left;
	font-size: 25px;
	margin-right: 10px;
	width: 40px;
	line-height: 50px;
	text-align: center;
	height: 50px;
	color: #ff922d;
}
.sidebar-area .service-list ul.contact-list li .contact-info {
	overflow: hidden;
}
/*---------------------------
 Statistics Area
---------------------------*/

.statistics-area {
    padding: 120px 0px 110px;
}

.single-statistic {
    position: relative;
    text-align: center;
}

.single-statistic .icon-wrapper {
    margin-bottom: 19px;
}

.single-statistic i {
    font-size: 50px;
    color: #ffa61b;
}

.single-statistic h2 {
    font-size: 36px;
    font-weight: 700;
    color: #312f2f;
    margin-bottom: 0px;
}

.single-statistic h2 span {
    font-family: 'Roboto Condensed', sans-serif;
}

.single-statistic span.title {
    font-size: 14px;
    font-weight: 600;
}

.single-statistic::after {
    content: "";
    position: absolute;
    height: 50%;
    width: 2px;
    background-color: #f1f1f1;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.statistics-area div[class*='col-']:last-child .single-statistic::after {
    display: none;
}


/*---------------------------
 Review Area
---------------------------*/
.review-area {
    padding: 120px 0px;
    position: relative;
}

.review-area * {
    position: relative;
    z-index: 1;
}

.review-overlay {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(49, 47, 47, 0.5);
}

.review-bg {
    background-image: url('../../assets/images/review_bg_1.jpg');
    background-size: cover;
    background-position: center 0;
	background-repeat:no-repeat;
}

.review-area .section-title-wrapper {
    display: table;
    height: 100%;
}

.review-area .section-title {
    text-align: left;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

.review-area .section-title h2 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 48px;
}

.review-area .section-title span {
    margin-bottom: 2px;
}

.review-area .section-title h2::after {
    display: none;
}

.rate {
    background-image: url("../../assets/images/rate-star.png");
    background-position: 0 -13px;
    background-repeat: repeat-x;
    height: 13px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    width: 95px;
    margin: 0 auto;
}

.rating {
    background-image: url("../../assets/images/rate-star.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    height: 13px;
}

.single-review {
    color: #fff;
    padding: 50px 48px;
    font-size: 16px;
    text-align: center;
    position: relative;
    background-color: #212a49;
}

.single-review::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 100%;
    right: 100%;
    opacity: 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.single-review:hover::before {
    opacity: 1;
    right: 0px;
    bottom: 0px;
    -webkit-transition: opacity .001s, right .125s linear .001s, bottom .125s linear .126s;
    transition: opacity .001s, right .125s linear .001s, bottom .125s linear .126s;
}

.single-review::after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: 100%;
    left: 100%;
    opacity: 0;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

.single-review:hover::after {
    -webkit-transition: opacity .001s linear .251s, left .125s linear .252s, top .125s linear .377s;
    transition: opacity .001s linear .251s, left .125s linear .252s, top .125s linear .377s;
    opacity: 1;
    left: 0px;
    top: 0px;
}

.single-review p {
    font-size: 400;
    line-height: 30px;
}

.single-review span {
    font-weight: 600;
    display: block;
    margin: 15px 0px 10px;
}

.owl-theme .owl-dots .owl-dot span {
    background-color: #D6D6D6;
    -webkit-transition: .5s;
    transition: .5s;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #ff3737;
    outline: 0;
}

.owl-theme .owl-dots .owl-dot {
    outline: 0;
}
.review-area.inner-wrapper .section-title span {
	color:#333;
}
.review-area.inner-wrapper .section-title h2 {
	color:#6f0ac8;
}
.review-area.inner-wrapper .single-review::before {
	border-top: 2px solid #bc7cf5;
	border-right: 2px solid #bc7cf5;
}
.review-area.inner-wrapper .single-review::after {
	border-bottom: 2px solid #bc7cf5;
	border-left: 2px solid #bc7cf5;
}
/*---------------------------
 Home About Section
---------------------------*/
.about-section {
	padding: 120px 0px 90px;
}
.about-section .section-title {
	text-align:left;
}
.about-section .section-title h2 {
	text-align:left;
	margin:0 0 20px;
	padding-bottom:15px;
}
.about-section .section-title h2 span {
	font-size:35px;	
	text-transform:none;
	color: #000;		
}
.about-section .section-title h2:after {
	left:0;
	transform:inherit;
	-webkit-transform:inherit;
	background:#ffa61b;
}
.about-section .section-title h3 span {
	font-size:22px;		
	text-transform:none;
}
.about-section .service-single {
	display: flex;
	margin-bottom: 31px;
	transition: .3s;
	font-size: 16px;
	line-height: 26px;
}
.about-section .service-single i {
	font-size: 35px;
	color: #ffa61b;
	align-items: center;
	flex: 0 0 96px;
	width: auto;
	height: auto;
	line-height: 1;
	flex: 0;
	margin:5px 15px 0 0;
}
.about-section .service-single + .service-single {
	margin-top: 25px;
}
.about-section  .service-single-brief {
	padding-left: 15px;
}
.about-section .service-single-brief h4 {
	font-size: 22px;
	margin-bottom: 10px;
	position: relative;
	display: inline-block;
	color: #212f36;
}
.about-section-img img {
	width: 100%;
	padding: 13px;
	background: #f9f9f9;
}

/*---------------------------
 Team Area 
---------------------------*/

.team-area {
    padding: 111px 0px 165px;
}

.team-area .section-title h2 {
    text-transform: uppercase;
    color: #333333;
}

.team-area .section-title span {
    color: #797e82;
}

.team-area .single-team {
    position: relative;
}

.team-area .single-team::before {
    position: absolute;
    content: "";
    background-color: #333333;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    -webkit-transition: .5s;
    transition: .5s;
}

.team-area .single-team:hover::before {
    visibility: visible;
    opacity: .4;
}

.team-area .single-team .social-links {
    position: absolute;
    top: 50%;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.team-area .single-team .social-links ul {
    padding: 0px;
    list-style: none;
    width: 100%;
    text-align: center;
}

.team-area .single-team .social-links ul li {
    display: inline-block;
    margin-right: 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-20px) rotate(-180deg);
    transform: translateX(-20px) rotate(-180deg);
    -webkit-transition: 1s;
    transition: 1s;
}

.team-area .single-team:hover .social-links ul li {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
}

.team-area .single-team .social-links ul li a {
    color: #fff;
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #6f0ac8;
    border: 1px solid #6f0ac8;
    line-height: 40px;
    font-size: 20px;
    -webkit-transition: .5s;
    transition: .5s;
}

.team-area .single-team .social-links ul li a:hover {
    background-color: #fff;
    color: #6f0ac8;
}

.team-area .single-team .img-wrapper {
    overflow: hidden;
}

.team-area .single-team img {
    width: 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: .5s;
    transition: .5s;
}

.team-area .single-team:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.team-area .single-team .txt {
    position: absolute;
    bottom: 0;
    z-index: 10;
    padding: 21px 0px 16px;
    background-color: #fff;
    width: 80%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    text-align: center;
    -webkit-box-shadow: 0px 24px 18px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 24px 18px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: .5s;
    transition: .5s;
}

.team-area .single-team:hover .txt {
    width: 100%;
    background-color: #6f0ac8;
    color: #fff;
    -webkit-box-shadow: 0px;
    box-shadow: 0px;
}

.team-area .single-team .txt h5 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #333333;
    margin: 0px;
    -webkit-transition: .5s;
    transition: .5s;
}

.team-area .single-team:hover .txt h5 {
    color: #fff;
}

.team-area .single-team .txt span {
    text-transform: uppercase;
    font-size: 14px;
}

/*---------------------------
 Quote Area
---------------------------*/

.quote-area {
    padding: 120px 0px;
    position: relative;
}
.quote-bg {
    background-image: url('../../assets/images/quote-bg.jpg');
	position: relative;
	overflow: hidden;
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: center;
}

.quote-area .section-title {
    text-align: left;
    color: #fff;
}

.quote-area .section-title span {
    opacity: .8;
	color: #333333;
}

.quote-area .section-title h2 {
	font-size: 36px;
	margin-bottom: 40px;
	color: #333333;
}

.quote-area .section-title h2::after {
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.quote-form {
    background-color: #fff;
    padding: 52px 50px 60px;
}

/*---------------------------
 Partner Area 
---------------------------*/

.partner-area .border-bottom {
    border-bottom: 2px solid #dbddde;
}

.single-partner-item {
    height: 198px;
    text-align: center;
}

.single-partner-item .outer-container {
    margin: 0 auto;
}


/*---------------------------
 Call to Action Area
---------------------------*/

.cta-area {
    padding: 80px 0px;
    position: relative;
}

.cta-area *:not(.cta-overlay) {
    position: relative;
    z-index: 1;
}

.cta-bg {
    background: #6f0ac8;
	position: relative;
	overflow: hidden;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	padding:50px 0;
}

a.cta-btn {
    background-color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #6f0ac8;
    text-decoration: none;
    padding: 12px 0px;
    display: block;
    opacity: .9;
    text-align: center;
    position: relative;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

a.cta-btn span {
    position: relative;
    z-index: 1;
}

a.cta-btn:hover {
    color: #212529;
}

a.cta-btn::after {
    background: #fff;
    content: '';
    position: absolute;
    height: 100%;
    left: -35%;
    top: 0;
    -webkit-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a.cta-btn:hover::after {
    height: 100%;
    width: 135%;
}
.cta-area h2 {
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0px;
}
.cta-area a.ad-btn {
	color:#fff;
	border:2px solid #fff;
}
.cta-area a.ad-btn:hover {
	background-color: #fff;
	color: #333;
}
/*---------------------------
 Blog Wrapper
---------------------------*/
.blog-wrapper.inner-wrapper {
	padding: 80px 0 120px;
}
.blog-wrapper {
	background: #f8f8f8;
	padding: 120px 0px;
}
.blog-wrapper .section-title h2 {
	color: #373737;
	margin-bottom: 20px;
}
.blog-wrapper .item {
	-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
	background-color: #fff;
	overflow: hidden;
	margin: 40px 0 0;
}
.blog-wrapper .item a {
	color: #2d2e2e;
}
.blog-wrapper .item .post-img {
	width: 100%;
	position: relative;
	float: left;
	height: 100%;
	overflow: hidden;
}
.blog-wrapper .imgio {
	position: relative;
	overflow: hidden;
}
.blog-wrapper .item .post-img .imgio img {
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.blog-wrapper .item .post-img .tags {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 7px 3px;
	background-color: #2347c4;
	color: #fff;
	font-size: 11px;
	border: 2px solid #5c76d2;
}
.blog-wrapper .item .post-img .tags a {
	padding: 0 10px;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	color: #fff;
}
.blog-wrapper .item .post-img .tags a:last-child {
	border:none;
}
.blog-wrapper .item .cont {
	padding: 30px;
	float: left;
}
.blog-wrapper .item .cont .date {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #ffa61b;
	margin-bottom: 10px;
}
.blog-wrapper .item .cont h6 {
	font-weight: 600;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1.3;
	margin-bottom: 15px;
}
.blog-wrapper .item .cont p {
	margin-bottom: 25px;
	line-height:24px;
}
.blog-wrapper .item .info {
	display: inline-block;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.blog-wrapper .item .info img {
	width: 40px;
	border-radius: 50%;
	margin-right: 10px;
}
.blog-wrapper .item .info span {
	color: #ffa61b;
}
.blog-wrapper .item .more {
	float: right;
	font-size: 11px;
	text-transform: capitalize;
	color: #777;
	margin-top: 5px;
	-webkit-transition: all .2s;
	transition: all .2s;
	position: relative;
}
.blog-wrapper .item .more:after {
  content: '';
  position: absolute;
  left: -12px;
  top: 8px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 8px solid #ffa61b;
  border-bottom: 5px solid transparent;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.blog-wrapper .item .more:hover {
  color: #ffa61b;
}
.blog-wrapper .item .more:hover::after {
  left: 0;
  opacity: 0;
}
.blog-wrapper .item .more:hover i {
  opacity: 1;
  -webkit-transform: translateX(0);
   transform: translateX(0);
}
.blog-wrapper .item .more i {
  font-size: 10px;
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
}
/** Blog Details Wrapper **/
.blog-details-wrapper {
	background:#fff;
}
.blog-details-wrapper .single-news {
	margin-bottom: 50px;
}
.blog-details-wrapper .single-news .part-img {
	overflow: hidden;
}
.blog-details-wrapper .single-news .part-img img {
	width: 100%;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: 10s;
	transition: 10s;
}
.blog-details-wrapper .single-news .part-text span.date-n-admin {
	font-size: 14px;
	color: #666666;
	display: inline-block;
	margin: 26px 0 18px;
}
.blog-details-wrapper .blog-details .part-text h2 {
	font-size: 28px;
	line-height: 40px;
	margin-top: -3px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #575757;
}
.blog-details-wrapper .blog-details .part-text p {
	color: #666666;
	line-height: 32px;
}
.blog-details-quote {
	padding: 42px 39px;
	border-left: 3px solid #ffa61b;
	font-style: italic;
	line-height: 30px;
	font-size: 18px;
	margin: 41px 0px 42px;
	background-color: rgba(110, 194, 91, 0.05);
	color: #333333;
}
.blog-share {
	margin-top: 50px;
}
.blog-share ul {
	padding-left: 0px;
}
.blog-share ul li {
	display: inline-block;
	margin-right: 15px;
}
.blog-share ul li a.facebook-share {
	background-color: #275baa;
}
.blog-share ul li a.twitter-share {
	background-color: #28c8f0;
}
.blog-share ul li a.pinterest-share {
	background-color: #d6061e;
}
.blog-share ul li a {
	display: block;
	width: 120px;
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 15px 0px;
	border-radius: 50px;
	font-size: 14px;
	text-transform: capitalize;
	text-decoration: none;
}
.blog-share ul li a:hover {
	opacity: .8;
}
.author-info {
	margin: 59px 0px 61px;
}
.author-info img {
	border-radius: 50%;
	width: 100%;
}
.author-info .name {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 10px;
	color: #1f415f;
}
.comment-lists h3::after {
	position: absolute;
	content: "";
	bottom: -11px;
	left: 0;
	height: 3px;
	width: 70px;
	background-color: #6f0ac8;
}
.comment-lists h3 {
	font-size: 20px;
	font-weight: 700;
	color: #283659;
	display: block;
	position: relative;
	margin-bottom: 51px;
	text-transform: uppercase;
}
.single-comment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 30px 25px;
	background-color: #f7f7f7;
	margin-bottom: 30px;
}
.single-comment-wrapper {
	margin-right: 20px;
}
.single-comment .person-name h5 {
	font-size: 18px;
	font-weight: 600;
	color: #283659;
}
.single-comment .person-info .date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 5px;
}
.single-comment .person-info .date small {
	font-size: 14px;
	color: #8b8b8b;
}
.single-comment .person-info .date a {
	font-weight: 500;
	font-style: italic;
	color: #283659;
	margin-top: -5px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	text-decoration: none;
}
.single-comment .person-info .comment {
	margin-top: 15px;
}
.single-comment .person-info .comment p {
	margin:0;
}
.single-comment:last-child {
	margin-bottom: 0px;
}
.reply-form-section {
	margin-top: 50px;
}
.reply-form-section h3 {
	position: relative;
	margin-bottom: 52px;
	font-size: 20px;
	font-weight: 700;
	color: #283659;
	text-transform: uppercase;
}
.reply-form-section h3::after {
	position: absolute;
	content: "";
	bottom: -12px;
	left: 0;
	height: 3px;
	width: 70px;
	background-color: #6f0ac8;
}
.form-element {
	margin-bottom: 20px;
}
.reply-form-section .form-element input, 
.reply-form-section .form-element textarea {
	border: 1px solid #e6e6e6;
}
.form-element input, .form-element select {
	width: 100%;
	height: 50px;
	padding-left: 20px;
}
.reply-form-section .form-element textarea {
	width: 100%;
	height: 150px;
	padding: 20px;
}
.reply-form-section .form-element button[type="submit"]::after, .reply-form-section .form-element button[type="submit"]::after {
	background: #f8f8f8;
}
/** Sidebar **/
.blog-details-wrapper .sidebar {
	padding-left: 40px;
}
.blog-details-wrapper .sidebar .widget {
	margin-bottom: 40px;
}
.blog-details-wrapper .sidebar .search-widget form {
	position: relative;
}
.blog-details-wrapper .sidebar .search-widget form input {
	width: 100%;
	border: 1px solid #e6e6e6;
	height: 60px;
	padding: 0 90px 0 30px;
}
.blog-details-wrapper .sidebar .search-widget form button {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 60px;
	background: transparent;
	border: none;
	outline: none;
	color: #283659;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.blog-details-wrapper .sidebar .post-widget h3 {
	color: #283659;
	font-size: 18px;
	font-weight: 700;
	margin-top: -5px;
	margin-bottom: 30px;
}
.blog-details-wrapper .sidebar .post-widget .single-post {
	display: flow-root;
	margin-bottom: 15px;
}
.blog-details-wrapper .sidebar .post-widget .single-post .part-img {
	height: 80px;
	width: 80px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
}
.blog-details-wrapper .sidebar .post-widget .single-post .part-img img {
	width: auto;
	height: 100%;
	max-width: none;
	background: rgba(110, 194, 91, 0.05);
	border-radius: 50%;	
}
.blog-details-wrapper .sidebar .post-widget .single-post .part-text {
	display: table;
}
.blog-details-wrapper .sidebar .post-widget .single-post .part-text a {
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	margin-bottom: 7px;
	color: #283659;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.blog-details-wrapper .sidebar .post-widget .single-post .part-text span.post-date {
	display: block;
	color: #8c8c8c;
	font-size: 14px;
}
.blog-details-wrapper .sidebar .category-widget h3 {
	color: #283659;
	font-size: 18px;
	font-weight: 700;
	margin-top: -5px;
	margin-bottom: 24px;
}
.category-widget.widget ul li::before {
	position: absolute;
	content: "\f105";
	font-family: "FontAwesome";
	font-weight: 600;
	left: 15px;
	top: 12px;
	color: #666666;
	-webkit-transition: .5s;
	transition: .5s;
}
.category-widget.widget ul {
	list-style:none;
}
.category-widget.widget ul li + li {
	margin-top: 2px;
}
.category-widget.widget ul li {
	position: relative;
	padding: 14px 20px 12px 30px;
	background: #f7f7fc;
}
.sidebar .category-widget ul li a {
	color: #0a0a0a;
	display: block;
	font-size: 16px;
	font-weight: 500;
}
/*---------------------------
 Breadcrumb
---------------------------*/
#breadcrumb {
	padding: 90px 0px 40px;
	position: relative;
	background-image: url('../../assets/images/img-2.jpg');
	background-size: cover;
	z-index: 1;
	text-align: center;
}
#breadcrumb:before{
	content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: -1;
}
.breadcrumb-item+.breadcrumb-item::before{
	color: #fff;
	opacity: 0.5;
}
#breadcrumb ol {
	padding:0;
}
#breadcrumb h2{
	color: #fff;
}
.breadcrumb-bg ol{
	margin-bottom: 0;
}
#breadcrumb li{
	display: inline-block;
}
#breadcrumb li a{
	color: #ffa61b;;
}
#breadcrumb li a:hover{
	color: #fff;
}
#breadcrumb li.active{
	color: #fff;
}

/*---------------------------
** Inner Wrapper
---------------------------*/
.inner-wrapper {
	padding:120px 0;
}

/*---------------------------
 FAQ Wrapper
---------------------------*/

.faq-wrapper .accordion-column {
	position: relative;
	z-index: 999;
	padding: 0 130px;
}
.faq-wrapper .image-column {
    position: absolute;
    float: right;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
}

.faq-wrapper .image-column:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: .10;
	content: "";
}
.faq-wrapper .image-column .image-box{
	position:relative;
	display: none;
}

.faq-wrapper .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
}
.faq-wrapper .accordion-column{
	position: relative;
	    z-index: 999;
}
.faq-wrapper .accordion-column .inner-column {
    position: relative;
    border-radius: 45px;
    -webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-left: 0;
	margin-top: 0;
	box-shadow: none;
	padding: 0 53px 0px 60px;	
}
.faq-wrapper .accordion-column .sec-title{
	margin-bottom: 35px;
}
.faq-wrapper .accordion-box{
	position: relative;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	list-style:none;
}
.accordion-box {
	position: relative;
}
.accordion-box .block {
	position: relative;
	padding-top: 0px;
	border-bottom: 1px solid #f2f2f2;
}
.accordion-box .block:last-child {
	margin-bottom: 0px;
	border-bottom: 1px solid transparent;
}
.accordion-box .block .acc-btn {
    position: relative;
    font-size: 20px;
    cursor: pointer;
    line-height: 1.2em;
    color: #222;
    font-weight: 500;
    padding: 20px 30px 20px 55px;
    transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    font-family: 'Montserrat', sans-serif;
}
.accordion-box .block .acc-btn.active {
    background: #ffffff;
}
.accordion-box .block .icon-outer {
	position: absolute;
	left: 0;
	top: 36px;
	font-size: 25px;
	color: #222222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.accordion-box .block .icon-outer .ti {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	font-size: 18px;
	color: #e38b00;
	line-height: 1em;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.accordion-box .block .icon-outer .icon_right {
	opacity: 1;
}
.accordion-box .block .icon-outer .icon_down {
	opacity: 0;
	color: #222 !important;
	font-family: "Font Awesome 5 Free"
	font-weight: 900;
}
.accordion-box .block .acc-btn.active .icon-outer .icon_down {
	opacity: 1;
}

.accordion-box .block .acc-btn.active .icon-outer .icon_right {
	opacity: 0;
}
.accordion-box .block .acc-btn.active-block .icon-outer .icon_down {
    opacity: 1;
}
.accordion-box .block .acc-btn.active .icon-outer {
	color: #ff4747;
}
.accordion-box .block .acc-content {
	position: relative;
	display: none;
	padding: 0 20px;
	padding-left: 55px;
    border-bottom: 1px solid #f2f2f2;
}
.accordion-box .block .acc-content .content-text {
	padding-bottom: 6px;
}
.accordion-box .block .acc-content.current {
	display: block;
	border-bottom: 1px solid transparent;
}
.accordion-box .block .content {
	position: relative;
	font-size: 16px;
	margin:0 0 20px;
}
.accordion-box .block .content .text {
	margin-bottom: 10px;
}

/*---------------------------
** Gallery Wrapper
---------------------------*/

.gallery-wrapper .case-item {
    margin-bottom: 30px;
}
.img-case {
	position: relative;
	overflow: hidden;
}
.gallery-wrapper .img-case img {
    display: block;
    margin-right: auto !important;
    margin-left: auto !important;
    width: 100% !important;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    
}
.gallery-wrapper .img-case:hover img {
    opacity: 0.9;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.case-item .img-case .overlay-case {
    position: absolute;
    left: 10px;
    bottom: 10px;
    right: 10px;
    top: 10px;
    z-index: 25;
    opacity: 0;
    display: block;
    background: rgba(51, 51, 51, 0.9);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
}
.case-item .img-case:hover .overlay-case {
     opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.case-item .img-case .overlay-case .inner-overlay {
    position: absolute;
    left: 0px;
    top: 30px;
    width: 100%;
    height: 100%;
    display: table;
    z-index: 1;
    padding: 10px 10px;
    vertical-align: middle;
    opacity: 0;
    transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
.case-item .img-case:hover .overlay-case .inner-overlay {
    opacity: 1;
    top: 0;
    transition-delay: 0.5s;
}
.case-item .img-case .overlay-case .inner-overlay .case-study-text {
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.case-study-text .tag-case {
    color: #ddd;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif
}
.case-study-text h5 {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.case-study-text .line-case {
    width: 50px;
    height: 3px;
    margin: 20px auto 25px;
    background: #3764eb;
}
.links-case div {
	display: inline-block;
}
.links-case div a {
    margin-right: 5px;
    margin-left: 5px;
    transition: .4s;
    width: 35px;
    height: 35px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #323232;
    border: 1px solid #f1f1f1;
    background: #fff;
    display: block;
}
.links-case div a:hover {
    border: 1px solid #3764eb;
    color: #FFF;
    background: #3764eb;
    
}
/*
====================================
 404 Wrapper
======================================
*/

.oops-wrapper .error-text {
	color: #030749;
	text-align: center;
	width:100%;
}
.oops-wrapper .error-text .error-code {
	font-size: 150px;
	line-height: 150px;
	font-weight: 800;
	margin-bottom: 25px;
	color: #ff922d;
}
.oops-wrapper .error-text h3.error-message {
	color: #4a4a4a;
	font-size: 24px;
	line-height: 24px;
	font-weight: 600;
	margin: 0 0 25px;
}
.oops-wrapper .error-text form {
	position: relative;
	max-width: 400px;
	margin: 0 auto;
}
.oops-wrapper .error-text form input {
	border: 1px solid #ddd;
	color: #444444;
	padding: 0 17px;
	height: 50px;
	line-height: 50px;
	width: 100%;
	border-radius: 5px;
	outline: none;
	margin-bottom: 30px;
}
.oops-wrapper .error-text form button {
	background: transparent;
	border: medium none;
	color: #666666;
	padding: 0 16px;
	height: 48px;
	line-height: 48px;
	position: absolute;
	right: 0px;
	top: 1px;
	z-index: 10;
	font-size: 20px;
	cursor: pointer;
	border-top-right-radius: 5px;
	outline: none;
	border-bottom-right-radius: 5px;
	transition: all 0.3s ease 0s;
}
/*---------------------------
** Contact Wrapper
---------------------------*/

.contact-us-wrapper .card {
	width: 100%;
	border-radius: 0;
	padding: 30px;
	margin-bottom: 2rem;
	border: 0;
	display: inline-block;
	box-shadow: 0px 0px 20px 10px rgba(62, 62, 101, 0.1);
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.contact-us-wrapper .form-control, .contact-us-wrapper select, .contact-us-wrapper select.form-control:not([size]):not([multiple]) {
	border-radius: 0;
	padding: 12px 25px;
	height: auto;
	font-size: 14px;
	outline: 0 !important;
	box-shadow: 0 0 0 0 !important;
	border: 0;
	border-bottom: 2px solid #eee;
	color: #1e243e;
}
.mapouter iframe {
	width: 100%;
	height: 400px;
	border: 0;
	outline: 0;
	overflow: hidden;
	margin:0 0 -10px;	
}

/*---------------------------
** Footer Area 
---------------------------*/

footer {
    background: url('../../assets/images/quote-bg.jpg') left top repeat;
    color: #fff;
}
.footer-top {
    padding: 80px 0px 40px;
}

footer .txt {
    opacity: .8;
    margin-top: 30px;
}

footer h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
	color:#fff;
}

footer ul.links {
    padding-left: 0px;
    list-style: none;
    margin-top: 27px;
}

footer ul.links li {
    margin-bottom: 2px;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: .3s;
    transition: .3s;
}

footer ul.links li:hover {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

footer ul.links a {
    position: relative;
    color: #fff;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: .8;
    text-transform: capitalize;
    padding-left: 12px;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
}

footer ul.links li:hover a {
    color: #b9b9b9;
}

footer ul.links a::before {
    content: "\f105";
    position: absolute;
    left: 0px;
	top:-5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #fff;
}

footer .contact-infos {
    margin-top: 30px;
}

footer .contact-infos .single-info .icon-wrapper {
	margin-right: 20px;
	vertical-align: top;
	margin-top: -20px;
}

footer .contact-infos .single-info i {
    color: #fff;
    font-size: 18px;
}

footer .contact-infos .single-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-bottom {
    border-top: 2px solid rgba(255, 255, 255, .2);
    padding: 12px 0px;
}

.footer-bottom p {
    color: #fff;
    text-align: center;
    opacity: .8;
	font-size:14px;
	margin:0;
}
/*
================================================
 Responsive CSS
================================================
*/
@media only screen and (max-width: 1199px) and (min-width: 992px) {

	/** Navigation CSS **/	
    .nav-area .menus li.dropdown {
        margin-right: 5px;
    }
    ul.search-cart {
        margin-left: 13px;
    }
    .appointment p {
        display: none;
    }
	/** Header Banner CSS **/	
    .hero-area .img-wrapper {
        display: none;
    }
    .hero-area .shape {
        width: 180px;
    }
	/** Add CSS **/	
 	.add  {
		padding: 30px;
	}	
 	.add h3 {
        font-size: 25px;		
	}   
    .ad {
        margin-top: 80px;
    }

    .ad h3 {
        font-size: 25px;
    }
	/** Services CSS **/	
    .single-service {
        padding: 40px 40px 37px 40px;
    }
    .single-service::after {
        border-top: 110px solid #ff3737;
        border-left: 110px solid transparent;
    }
    .single-service i {
        top: 5px;
        font-size: 40px;
    }
    .single-service:hover::after {
        border-top: 110px solid #fff;
    }
	/** Our Team CSS **/
    .team-area .single-team .social-links ul li a {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 16px;
    }
	/** Add CSS **/	
    .cta-area h2 {
        font-size: 25px;
    }

    a.cta-btn {
        font-size: 16px;
    }
    .single-service {
        padding: 35px 29px 32px 29px;
    }

}

@media only screen and (max-width: 991px) {
	/** Top CSS **/		
    .support-area {
        display: none;
    }
	/** Navigation CSS **/	
    .nav-area {
        position: static;
        -webkit-transform: none;
        transform: none;
    }
    .nav-area .main-menu {
        padding: 20px 0px 20px 0px;
        position: relative;
		background:none;
    }
	/** Header Banner CSS **/		
    .hero-area .shape {
        display: none;
    }
    .hero-area .hero-img {
        display: none;
    }
    .hero-txt {
        padding: 202px 0px 210px;
    }
	/** CTA CSS **/		
	.add  {
		padding: 30px;
	}
	.add h3 {
        font-size: 25px;		
	}
    .ad h3 {
        font-size: 25px;
        line-height: 40px;
    }
    .ad {
        padding: 30px 40px 40px;
        text-align: center;
        margin-top: 80px;
    }

    a.ad-btn {
        display: inline-block;
        padding: 10px 30px;
        margin-top: 20px;
    }
	/** Services CSS **/		
    .single-service {
        margin-bottom: 40px;
    }
    .single-statistic {
        margin-bottom: 52px;
    }
	.single-statistic.two:after {
		display:none;
	}
	/** Our Team CSS **/
    .team-area .single-team .social-links ul li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .team-area .single-team {
        margin-bottom: 90px;
    }

    .team-area div[class*="col-"]:nth-last-child(1) .single-team,
    .team-area div[class*="col-"]:nth-last-child(2) .single-team {
        margin-bottom: 0px;
    }
	/** CTA CSS **/		
    .cta-area {
        padding: 80px 0px;
        position: relative;
        text-align: center;
    }

    a.cta-btn {
        padding: 12px 40px;
        display: inline-block;
        margin-top: 20px;
    }
    .cta-area h2 {
        line-height: 45px;
    }
	
	/** Testimonials CSS **/
	.review-area .section-title h2 {
	margin-bottom: 20px;
	}	
	/** About Section CSS **/
	 .about-section {
		padding: 80px 0px 50px;
	}
	.about-section .section-title h2 {
		padding-bottom: 10px;
	}	
	.about-section .section-title h2 span {
		font-size: 25px;
	}	
	/** Inner Service Area CSS **/	
	.inner-wrapper.service-area {
		padding: 80px 0 120px;
	}	
	.inner-wrapper {
		padding: 80px 0px;
	}
	/** breadcrumb CSS **/		
	#breadcrumb {
		padding: 60px 0px;
	}
	/** Blog Wrapper CSS **/		
	.blog-wrapper.inner-wrapper {
		padding: 80px 0 40px;
	}
	.blog-share ul li {
		margin-right: 10px;
	}	
	.blog-share ul li a {
		width: 100px;
	}
	.author-info img {
		width: auto;
		margin: 0 auto;
		display: block;
	}
	.author-details {
		text-align: center;
		margin-top: 20px;
	}
	.blog-details-wrapper .sidebar {
	margin-top: 40px;
	padding-left: 0px;
	}	
	/** FAQ CSS **/		
	.faq-wrapper .accordion-column .inner-column {
		padding: 0;
	}
	.faq-wrapper .accordion-column {
		padding: 0 30px;
	}	
	/** Footer CSS **/		
    footer .txt {
        margin-bottom: 30px;
    }

    #mainMenu {
        display: none;
    }
	/** Mobile Menu CSS **/	
    #mobileMenu {
        display: inline-block;
        float: right;
        margin-left: 30px;
    }
    .slicknav_menu {
        background: transparent;
        padding: 0px;
    }
    .slicknav_btn {
        background-color: transparent;
        margin: 0px;
        padding: 0px;
        margin-top: -3px;
    }
    .slicknav_menu .slicknav_menutxt {
        display: none;
    }
    .slicknav_menu .slicknav_icon {
        float: none;
        margin: 0px;
    }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #000;
        width: 30px;
        height: 2px;
        margin-bottom: 8px;
    }
    .slicknav_menu .slicknav_icon-bar:last-child {
        margin-bottom: 0px;
    }
    .slicknav_nav {
        position: absolute;
        left: 0px;
        top: 89px;
        width: 100%;
        background-color: #183650;
        z-index: 10;
    }
    .slicknav_nav a {
        margin: 0px;
    }
    .slicknav_nav li {
        background-color: #333333;
    }
    .slicknav_nav ul.dropdown-lists li a {
        background-color: #373737;
    }
    .slicknav_nav li.dropdown > a {
        padding: 10px 30px;
    }
    .slicknav_nav li > a {
        padding: 10px 30px;
        border-bottom: 1px solid #0000001a;
    }
    .slicknav_nav ul {
        margin: 0px 30px;
    }
    a.slicknav_item.slicknav_row {
        border-bottom: 1px solid #0000001a;
    }
    .nav-area nav ul li.dropdown ul {
        position: relative;
        top: auto;
        left: 0px;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        width: auto;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
    }
    .nav-area nav ul li.dropdown:hover ul {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .nav-area nav ul li:first-child {
        margin-left: 0px;
    }
    .nav-area nav ul li.dropdown ul li a::before {
        display: none;
    }
    .nav-area nav ul li.dropdown ul li a::after {
        display: none;
    }
    .slicknav_nav .slicknav_row {
        margin: 0px;
        padding: 0px;
    }
    .nav-area nav ul li {
        display: block;
        margin: 0px;
    }
    .nav-area nav ul li a {
        padding: 0px;
    }
    .nav-area nav ul li.dropdown {
        margin-right: 0px;
    }
    .nav-area nav ul li:last-child {
        border-bottom: none;
    }
    .nav-area {
        position: static;
    }
    .logo-wrapper img {
        max-width: 200px;
        max-height: 50px;
    }
    .nav-area::before {
        display: none;
    }
    .nav-area {
        background-color: #fff;
        margin: 0px;
    }
    .nav-area nav ul li.dropdown ul li {
        background-color: #1f415f;
        text-align: left;
    }
    .nav-area nav ul li.dropdown ul li a {
        -webkit-transition: none;
        transition: none;
    }
    .nav-area .slicknav_nav a:hover {
        background-color: #ff3737;
        border-radius: 0px;
    }
    .nav-area nav ul li.dropdown ul li a:hover {
        color: #fff;
    }
    .slicknav_nav a:hover {
        background: none;
        color: #fff;
    }
    .nav-area::after {
        display: none;
    }
    .nav-area nav ul li a[role="menuitem"] {
        padding: 10px 30px;
    }
    .nav-area nav ul li.dropdown ul li.dropdown-submenus ul {
        width: 100%;
        left: 0px;
        top: auto;
        position: relative;
        visibility: visible;
        display: block;
        opacity: 1;
    }
    .nav-area nav ul li.dropdown ul li.dropdown-submenus a a {
        padding: 0px;
    }
    .nav-area nav ul li.dropdown ul li.dropdown-submenus {
        border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    }
    .nav-area nav ul li.dropdown ul li.dropdown-submenus:last-child {
        border-bottom: none;
    }
    .nav-area nav ul li.dropdown ul li a a {
        display: inline;
    }
    .nav-area nav ul li.dropdown ul li.dropdown-submenus a i {
        display: none;
    }
    ul.search-cart {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .nav-area nav ul li.dropdown ul li.active {
        background-color: none;
    }
    .nav-area nav ul li.dropdown ul li.active a {
        color: #fff;
    }
    .nav-area nav ul li.dropdown ul li.active {
        background-color: #1f415f;
    }
    .nav-area nav ul li.dropdown ul li.dropdown-submenus ul li:hover a {
        color: #fff;
    }
    .nav-area nav ul li.dropdown ul li.dropdown-submenus ul li.active a {
        color: #fff;
    }

 
}

@media only screen and (max-width: 767px) {
	/** Header Banner CSS **/	
    a.hero-btn {
        padding: 12px 42px;
        margin-top: 32px;
    }

    .hero-txt h1 {
        font-size: 59px;
    }

    .hero-txt {
        padding: 172px 0px 180px;
    }
	/** Header Banner CSS **/	
    .feature-area .single-feature img {
        max-width: none;
    }
	/** CTA CSS **/
     a.ad-btn {
        padding: 8px 26px;
    }    

    .form-element button[type="submit"], .form-element input[type="submit"] {
        padding: 9px 38px;
    }    
    
    a.cta-btn {
        padding: 10px 30px;
        font-size: 16px;
    }    
 	/** Footer CSS **/   
    footer ul.links {
        margin-top: 7px;
        margin-bottom: 29px;
    }

    footer .txt {
        margin-bottom: 30px;
    }

    footer .contact-infos {
        margin-top: 10px;
    }
	/** Navigation CSS **/
    .nav-tabs .nav-item {
        margin-bottom: 16px;
    }
    .nav-tabs .nav-item:last-child {
        margin-bottom: 0px;
    }
    .search-popup form.search-form {
        max-width: 414px;
    }
}

@media only screen and (max-width: 575px) {
	
	/** Statistics CSS **/	
    .statistics-area div[class*="col-"]:nth-last-child(2) .single-statistic {
        margin-bottom: 52px;
    }
    .single-statistic::after {
        display: none;
    }
	/** Our Team CSS **/	
    .team-area .single-team .social-links ul li a {
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 25px;
    }
    .team-area .single-team .social-links ul li {
        margin-right: 20px;
    }
    .team-area div[class*="col-"]:nth-last-child(2) .single-team {
        margin-bottom: 90px;
    }
	/** Heade Section CSS **/
    .header-section .info-area ul.socials {
        text-align: center;
    }
    .header-section .info-area ul.socials li:last-child {
        margin-right: 0px;
    }
	/** Navigation CSS **/
    .nav-tabs .nav-item {
        margin-bottom: 0px;
    }
        
}

@media only screen and (max-width: 560px) {
    .nav-tabs .nav-item {
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: 550px) {
	
	/** Header CSS **/	
    .hero-txt {
        padding: 162px 0px 170px;
    }
    .hero-txt h1 {
        font-size: 50px;
        line-height: 64px;
    }
    a.hero-btn {
        padding: 10px 36px;
        margin-top: 27px;
        font-size: 15px;
    }    
    .section-title h2 {
        font-size: 32px;
    }    
	/** CTA CSS **/	
    .cta-area h2 {
        font-size: 28px;
    }    
    a.ad-btn {
        font-size: 15px;
    } 
    
    .form-element button[type="submit"], .form-element input[type="submit"] {
        font-size: 15px;
    }
    
    a.cta-btn {
        font-size: 15px;
    }  
   
}

@media only screen and (max-width: 500px) {
	
	/** CTA CSS **/		
    .search-popup form.search-form {
        max-width: 320px;
    }

    a.cta-btn {
        padding: 9px 26px;
    }
    
    .form-element button[type="submit"], .form-element input[type="submit"] {
        padding: 9px 34px;
    } 
    
    a.ad-btn {
        padding: 6px 25px;
    }    
}

@media only screen and (max-width: 460px) {

	/** Header Banner CSS **/		
    .hero-txt h1 {
        font-size: 48px;
        line-height: 62px;
    }

    .section-title h2 {
        font-size: 32px;
    }
    
    a.hero-btn {
        padding: 9px 32px;
    }
 
}

@media only screen and (max-width: 430px) {
	/** Header Banner CSS **/		
    .hero-txt h1 {
        font-size: 45px;
        line-height: 62px;
    }
	/** CTA CSS **/	
    .cta-area h2 {
        font-size: 28px;
    }

}

@media only screen and (max-width: 414px) {
	/** CTA CSS **/	
    .ad h3 {
        font-size: 24px;
        line-height: 36px;
    }
	/** Header Banner CSS **/
    .hero-txt h1 {
        font-size: 42px;
        line-height: 62px;
    }

    .hero-txt {
        padding: 142px 0px 150px;
    }
    .section-title h2 {
        font-size: 30px;
    }
	/** CTA CSS **/	
    .cta-area h2 {
        font-size: 24px;
        line-height: 40px;
    }

        
}

@media only screen and (max-width: 395px) {
	/** Navigation CSS **/		
    .nav-tabs .nav-item:nth-last-child(2) {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 390px) {
	/** Header Banner CSS **/ 
   .hero-txt h1 {
        font-size: 40px;
        line-height: 55px;
    }
	/** Statistic CSS **/
    .single-statistic {
        margin-bottom: 42px;
    }

    .single-statistic h2 {
        font-size: 32px;
    }

    .single-statistic .icon-wrapper {
        margin-bottom: 9px;
    }

    .section-title h2 {
        font-size: 28px;
        line-height: 42px;
        padding-bottom: 23px;
    }
	/** Service CSS **/
    .single-service h3 {
        font-size: 22px;
    }

}

@media only screen and (max-width: 380px) {
	/** CTA CSS **/		
    .ad {
        padding: 30px 30px 40px;
    }
    .search-popup form.search-form {
        max-width: 280px;
    }
	/** Mobile Menu CSS **/	
    #mobileMenu {
        margin-left: 15px;
    }

    ul.search-cart {
        margin-left: 0px;
    }

    ul.search-cart li:first-child {
        margin-right: 15px;
    }

    ul.search-cart li:first-child::after {
        right: -10px;
    }

    .logo-wrapper img {
        max-width: 170px;
    }

    .slicknav_nav {
        top: 82px;
    }
}

@media only screen and (max-width: 360px) {
	/** Header Banner CSS **/		
    .hero-txt h1 {
        font-size: 38px;
        line-height: 48px;
    }
    .quote-form {
        background-color: rgba(0, 0, 0, .6);
        padding: 52px 40px 60px;
    }
}

@media only screen and (max-width: 350px) {
	
}

@media only screen and (max-width: 330px) {
	/** Header Banner CSS **/ 
    .quote-form {
        padding: 42px 30px 50px;
    }
    .hero-txt {
        padding: 132px 0px 140px;
    }
	/** Testimonials CSS **/ 
    .single-review {
        padding: 40px 40px 53px;
    }
}

@media only screen and (max-width: 320px) {

}