/* ---------------------------------------------
Table of contents
------------------------------------------------

01. typography
02. header
03. banner-static
04. section
05. services
06. contact
07. footer
08. utilities
09. buttons
10. fun factors
11. shortcodes
12. responsive

--------------------------------------------- */
/* ---------------------------------------------
typography
--------------------------------------------- */
body {
	font-family: Manrope, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	overflow-x: hidden;
}

a,
button {
	-webkit-transition: all .3s;
	transition: all .3s;

	outline: none;
}

a:hover,
a:focus,
a button:hover,
button:hover,
button:focus,
button button:hover {
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;

	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Roboto Condensed", serif;
	color: #414141;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.3;
}

p {
	color: #555;
}

.light-txt h1,
.light-txt h2,
.light-txt h3,
.light-txt h4,
.light-txt h5,
.light-txt h6,
.light-txt p,
.light-txt span,
.light-txt .sub-title,
.light-txt div {
	color: #fff !important;
}


@media (min-width: 1200px) {
    .container {
        width: 100%;
		max-width:1290px;
    }	
}


/* ---------------------------------------------
header
--------------------------------------------- */
.navbar-white {
	background: #fff;
	box-shadow: 0 0px 16px 0 rgba(50, 50, 50, 0.68);
	border: none;
	margin-bottom: 0;
	height: auto;
}

.navbar-brand {
	padding: 8px 15px;
	height: auto;
}

.navbar-brand img {
	vertical-align: top;
}

.navbar .navbar-nav li a {
	font-size: 16px;
	font-weight: 600;
	position: relative;
	margin: 13px 15px 12px 15px;
	padding-right: 0;
	padding-left: 0;
	color: #12141d;
}

.navbar .navbar-nav li a:before {
	position: absolute;
	bottom: -12px;
	left: 50%;
	width: 0;
	height: 4px;
	content: ' ';
	-webkit-transition: 300ms ease-in-out;
	transition: 300ms ease-in-out;
	opacity: 0;
	background: #fc4848;
}

.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li a:focus {
	color: #fc4848;
	background: transparent;
}

.navbar .navbar-nav li a:hover:before,
.navbar .navbar-nav li a:focus:before {
	left: 0;

	width: 100%;

	opacity: 1;
}


.navbar-nav>.dropdown:hover>a {
	color: #fc4848;
	background: transparent;
}

.navbar-nav>.dropdown:hover>a:before {
	left: 0;
	width: 100%;
	opacity: 1;
}



.navbar .navbar-nav li.clicktocall a:before {
	display: none;
}

.navbar .navbar-nav li.clicktocall a {
	font-size: 20px;
	font-weight: 800;
}

.dropdown-menu .dropdown-item {
	display: block;
	margin: 0px !important;
	font-size: 14px !important;
	border: none;
	padding: 8px 15px !important;
}

.dropdown-menu .dropdown-item:before{
	display:none;
}

.dropdown-toggle .fa-angle-down{font-size:14px; display:inline-block; vertical-align:middle; margin-left: 3px;}

/* ---------------------------------------------
banner
--------------------------------------------- */
.hero {
	position: relative;
	display: flex;
	width: 100%;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	margin-top: 75px;
	height: calc(100vh - 75px);
}

.hero .hero-content {
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
	text-align: center;
}

.hero .hero-content .hero-title {
	font-family: Druk, Impact, sans-serif !important;
	font-size: 80px;
	font-weight: 400;
	margin-top: 0;
	text-transform: uppercase;
}

.hero .hero-content h3{
	font-family: Manrope, Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: rgba(255,255,255,0.9) !important;
}

.integration-wrapper{
	margin-bottom: 35px;
}

.five-cols{
	display: flex;
	flex-wrap: wrap;
}

.five-cols .col {
    width: calc(100%/5);
    padding: 0 15px;
}

.clogo {
    background: #fff;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .05);
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    justify-content: center;

	transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out, -webkit-transform .3s ease-out;
    transition-delay: .1s;

}

.clogo:hover{
	transform: translate(0, -4px);
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .25);
	
}


.hero .hero-content .btn {
	margin: 25px 5px 0 5px;
}

.full-height {
	height: 100vh;
}

.hero-inner{height: calc(50vh - 75px);}

[data-overlay] {
	position: relative;
}

[data-overlay] .container {
	position: relative;
	z-index: 100;
}

[data-overlay]:before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	content: '';

	background: #000;
}

[data-overlay='1']:before {
	opacity: .1;
}

[data-overlay='2']:before {
	opacity: .2;
}

[data-overlay='3']:before {
	opacity: .3;
}

[data-overlay='4']:before {
	opacity: .4;
}

[data-overlay='5']:before {
	opacity: .4;
}

[data-overlay='6']:before {
	opacity: .15;
}

[data-overlay='7']:before {
	opacity: .7;
}

[data-overlay='8']:before {
	opacity: .8;
}

[data-overlay='9']:before {
	opacity: .9;
}

[data-overlay='10']:before {
	opacity: 1;
}

[data-overlay='0']:before {
	opacity: 0;
}

/* ---------------------------------------------
section
--------------------------------------------- */
.myblock {
	width: 49%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.main-content {
	position: relative;
	z-index: 100;

	background: #fff;
}

.section-wrapper {
	margin-top: -60px;
	padding-top: 60px;
}

.section-space {
	padding: 40px 0;
}

section p {
	line-height: 28px;
	margin-bottom: 20px;
}

section p:last-child {
	margin-bottom: 0px;
}

.section-gray {
	background: #f8f8f8;
}

/* section title */
.section-title {
	display: block;

	margin-bottom: 40px;
}

.section-title .title {
	font-family: "Roboto Condensed", serif;
	font-size: 36px;
	font-weight: 800;
	line-height: 46px;

	display: inline-block;

	margin-top: 0;
	margin-bottom: 0;

	letter-spacing: 2px;

	color: #12141d;
}

.section-title .sub-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	margin-top: 20px;
	color: #333;
}

.text-center .separator {
	position: relative;
}

.text-center .separator:after {
	position: absolute;
	bottom: -15px;
	left: 50%;

	width: 40px;
	height: 1px;
	margin-left: -20px;

	content: '';

	background: #757575;
}

.text-center .separator:before {
	position: absolute;
	bottom: -12px;
	left: 50%;

	width: 50px;
	height: 1px;
	margin-left: -25px;

	content: '';

	background: #757575;
}

.light-txt .separator:after,
.light-txt .separator:before {
	content: '';

	background: #fff;
}

.separator {
	position: relative;
}

.separator:before {
	position: absolute;
	bottom: -15px;
	left: 0;

	width: 40px;
	height: 1px;
	margin-left: 0;

	content: '';

	background: #757575;
}

.separator:after {
	position: absolute;
	bottom: -12px;
	left: 0;

	width: 50px;
	height: 1px;
	margin-left: 0;

	content: '';

	background: #757575;
}

.para-title {
	font-family: "Roboto Condensed", serif;
	font-size: 4rem;
	font-weight: 700;
	line-height: normal;

	margin-bottom: 20px;
}


/* parallax */
.parallax {
	position: relative;

	background: no-repeat center center scroll;
	background-attachment: fixed;
	background-size: cover;
}


/* ---------------------------------------------
services
--------------------------------------------- */
.gray-bg {
	background: #f8f8f8;
}

.feature-wrapper {
	text-align: center;
}

.feature-wrapper .col-md-4 {
	display: inline-block;
	float: none;

	width: 33%;
	padding: 0 20px;

	vertical-align: top;
}

.feature-list-Mn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.feature-list {
	margin-bottom: 40px;
	padding: 25px;
	-webkit-transition: box-shadow .3s ease-out, opacity .2s ease-out, -webkit-transform .3s ease-out;
	transition: box-shadow .3s ease-out, opacity .2s ease-out, -webkit-transform .3s ease-out;
	transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
	transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out, -webkit-transform .3s ease-out;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .05);
}

.feature-list:hover {
	z-index: 999;

	-webkit-transform: translate(0, -4px);
	-ms-transform: translate(0, -4px);
	transform: translate(0, -4px);

	opacity: 1 !important;
	box-shadow: rgba(45, 45, 45, .05) 0 2px 2px, rgba(49, 49, 49, .05) 0 4px 4px, rgba(42, 42, 42, .05) 0 8px 8px, rgba(32, 32, 32, .05) 0 16px 16px, rgba(49, 49, 49, .05) 0 32px 32px, rgba(35, 35, 35, .05) 0 64px 64px;
}

.feature-list-img {
	display: inline-block;
	text-align: center;
}

.feature-list-img img {
	width: 100%;
	height: auto;
}


.feature-title {
	font-size: 22px;
	font-weight: 600;
	margin: 20px 0 15px 0;
	text-transform: uppercase;
}

.feature-info {
	font-size: 16px;
	line-height: 28px;

	color: #555;
}

.services-list {
	margin-bottom: 40px;
}

.services-list .services-icon {
	float: left;
	margin-bottom: 35px;
	padding-right: 3rem;
	width: 100%;
	max-width: 80px;
}

.services-list .services-icon i {
	font-size: 42px;

	position: relative;
	top: 0;
}

.services-list .services-desk {
	display: inherit;
	overflow: hidden;
}

.services-list .services-title {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 22px;
}

.services-list .services-info {
	line-height: 28px;
	color: #555;
}

.clicktocall-mob {
	display: none;
}


/* ---------------------------------------------
contact
--------------------------------------------- */


.contact-wrapper p {
	font-size: 14px;
}


.signup {
	background: #fff;
	border-radius: 12px;
	width: 100%;
	padding: 25px 30px 30px 30px;
	text-align: left;
}

.signup .control-label {
	font-size: 16px;
	font-weight: 400;
}

.signup .form-control {
	height: 42px;
	box-shadow: none;
}

.asterisk {
	color: #fc4848;
}

.signup .submit-btn-wrap {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.signup #mc_embed_signup_scroll {
	display: flex;
	flex-wrap: wrap;
}

.phone-txt a {
	color: #333;
	font-size: 16px;
	font-weight: 500;
}

.phone-txt a:hover {
	color: #fc4848;
}

#mc_embed_signup.signup div.mce_inline_error {
	background-color: transparent;
	padding: 0;
	color: #fc4848;
	font-weight: 400;
	font-size: 14px;
}

#mc_embed_signup.signup input.mce_inline_error {
	border-color: #ccc;
}

#mc_embed_signup.signup #mce-success-response {
	font-size: 16px;
	font-weight: 500;
	color: #3c763d;
	margin-bottom: 15px;
	background-color: #ebf9e6;
	padding: 10px 13px;
	border: #c4d5be solid 1px;
	border-radius: 3px;
}

#mc_embed_signup.signup #mce-error-response {
	font-size: 16px;
	font-weight: 500;
	color: #a94442;
	margin-bottom: 15px;
	background-color: #f2dede;
	padding: 10px 13px;
	border: #ebccd1 solid 1px;
	border-radius: 3px;
}


/* ---------------------------------------------
footer
--------------------------------------------- */
.footer {
	color: #fff;
	background: #12141d;
}

.footer-wrap {
	padding: 40px 0;
}

.col-auto{padding:0 15px; width:100%; max-width:497.57px;}

.footer p {
	font-size: 13px;
	line-height:20px;
	margin-bottom: 20px;
	color: #fff;
	letter-spacing: 0.128px;
	font-style: normal;
	padding:0;
	text-align:left;
	font-weight: 400;
}

.footer p:last-child {
	margin-bottom: 0px;
}


.footer .short-links {margin-bottom:0;}

.footer .short-links li {
	margin-bottom: 12px;
	font-weight: 600;
	font-style: normal;
	line-height: 30.6px;	
	font-size: 18px;
	display:flex;
	color: #fff;
	
}

.footer .short-links li:last-child{margin-bottom:0;}

.footer .short-links li a {
	color: #fff;
}

.footer .short-links li a:hover {
	color: #fc4848;
}

.footer .short-links li a.footer-tel{font-size: 16px;}

.footer-title{margin-bottom:25px; margin-top: 10px;}

.footer-title h5 {
	font-weight: 700;
	font-size: 20px;
	margin-top: 0;
	color: #fff;
	font-style: normal;
	padding:0;
	text-align:left;
	text-transform:uppercase;
	line-height:23.2px;	
}

.footer-logo {
	float: left;
	margin: 0 15px 15px 0;
	max-width: 70px;
	height: auto;
}


.copyright-section {
	font-size: 13px;
	line-height: 22px;
	padding: 10px 0;
	background: #212324;
	letter-spacing: 0.128px;
}

.copyright-section a {
	color: #757575;
}

.copyright-section a:hover {
	color: #fc4848;
}

.list-style li{color:#555; font-size:16px; margin-bottom: 20px;}
.list-style li:last-child{margin-bottom: 0px;}


/* ---------------------------------------------
utilities
--------------------------------------------- */
.p-top-0 {
	padding-top: 0 !important;
}

.p-bot-0 {
	padding-bottom: 0 !important;
}

.p-right-80 {
	padding-right: 80px;
}

.p-tb-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.p-10 {
	padding: 10px;
}

.p-20 {
	padding: 20px;
}

.p-30 {
	padding: 30px;
}

.p-40 {
	padding: 40px;
}

.p-50 {
	padding: 50px;
}

.pad-less {
	padding: 0 !important;
}

.margin-less {
	margin: 0 !important;
}

.m-top-0 {
	margin-top: 0 !important;
}

.m-top-10 {
	margin-top: 10px !important;
}

.m-top-20 {
	margin-top: 20px !important;
}

.m-top-50 {
	margin-top: 50px !important;
}

.m-top-100 {
	margin-top: 100px !important;
}

.m-bot-0 {
	margin-bottom: 0 !important;
}

.m-bot-10 {
	margin-bottom: 10px !important;
}

.m-bot-20 {
	margin-bottom: 20px !important;
}

.m-bot-40 {
	margin-bottom: 40px !important;
}

.m-bot-50 {
	margin-bottom: 50px !important;
}

.m-bot-100 {
	margin-bottom: 100px !important;
}

.relative {
	position: relative;
}

.font-bold {
	font-weight: bold;
}

.font-normal {
	font-weight: normal;
}

.radius4 {
	border-radius: 4px;
}

.radius6 {
	border-radius: 6px;
}

.u-Rounded {
	border-radius: 50%;
}

.v-Center {
	position: absolute;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.btn-play {
	font-size: 28px;
	line-height: 65px;

	width: 65px;
	height: 65px;
	padding: 0;

	text-align: center;

	color: #fff;
	border: 0;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .4);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.btn-play i {
	position: relative;
	left: 3px;
}

.btn-play:hover,
.btn-play:focus {
	color: #fff;
	background: #ff4949;
}


.text-primary {
	color: #905fd3;
}

.text-danger {
	color: #ff4949;
}

.text-success {
	color: #6bbb30;
}

.text-warning {
	color: #fbb630;
}

.text-info {
	color: #34b5f1;
}

/* ---------------------------------------------
buttons
--------------------------------------------- */
.btn {
	font-size: 12px;
	font-weight: bold;

	padding: 12px 30px;

	text-transform: uppercase;

	border-radius: 5px;
}

.text-center .btn {
	margin: 15px;
}

.btn-link {
	font-size: 14px;

	position: relative;

	color: #000;
}

.btn-link:after {
	font-family: fontawesome;
	font-size: 14px;

	position: absolute;
	top: 0;
	right: -10px;

	content: '\f105';
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn-link:hover {
	text-decoration: none;

	color: #000;
}

.btn-link:hover:after {
	right: -15px;

	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn-primary-solid {
	color: #fff;
	border-color: #fc4848;
	background: #fc4848;
	outline: none !important;
	box-shadow: none !important;
}

.btn-primary-solid:hover,
.btn-primary-solid:focus {
	color: #fff;
	border-color: #fb1616;
	background: #fb1616;
}

.btn-dark-solid {
	color: #fff;
	border-color: #414141;
	background: #414141;
}

.btn-dark-solid:hover,
.btn-dark-solid:focus {
	color: #fff;
	border-color: #000;
	background: #000;
}

.btn-info-solid {
	color: #fff;
	border-color: #33b3ee;
	background: #33b3ee;
}

.btn-info-solid:hover,
.btn-info-solid:focus {
	color: #33b3ee;
	border-color: #33b3ee;
	background: #fff;
}

.btn-light-solid {
	color: #414141;
	border-color: #fff;
	background: #fff;
}

.btn-light-solid:hover,
.btn-light-solid:focus {
	color: #fff;
	border-color: #fff;
	background: transparent;
}

.btn-light-border {
	color: #fff;
	border-color: #fff;
}

.btn-light-border:hover,
.btn-light-border:focus {
	color: #414141;
	border-color: #fff;
	background: #fff;
}

.btn-gray-border {
	color: #414141;
	border-color: #e8e8e8;
}

.btn-gray-border:hover,
.btn-gray-border:focus {
	color: #414141;
	background: #e8e8e8;
}

.btn-sm {
	padding: 8px 20px;
}

/* ---------------------------------------------
fun factors
--------------------------------------------- */


#fun .section-space {
	padding-bottom: 10px !important;
}

.fun-separator {
	padding: 3rem;
	border-radius: 5px;
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
	border: #ddd solid 1px;
}

.fun-separator i {
	width: 48px;
	height: 48px;
	line-height: 48px;
	background: #def6ff;
	border-radius: 100%;
	font-size: 20px;
	color: #029ed7;
}

.fun-separator h2 {
	font-size: 70px;
	font-weight: 700;
}

.fun-separator .title {
	font-size: 18px;
}

/* ---------------------------------------------
shortcodes
--------------------------------------------- */
/* ---------------------------------------------

/* ---------------------------------------------
responsive
--------------------------------------------- */
@media (max-width: 1199px) {
	.footer-logo{margin-bottom:0;}
}


@media (max-width: 991px) {


	.navbar .navbar-nav li a:hover:before,
	.navbar .navbar-nav li a:focus:before {
		display: none;
	}

	.navbar-header {
		width: 100%;
		margin: 0 !important;
	}

	.navbar-toggle {
		display: block;
		margin: 9px 0 0 0;
		padding: 3px 0px;
		border: none;
		font-size: 24px;
	}

	.navbar-toggle.collapsed .fa-close {
		display: none;
	}

	.navbar-toggle .fa-close {
		display: inline-block;
		width: 24px;
	}

	.navbar-toggle .fa-bars {
		display: none;
	}

	.navbar-toggle.collapsed .fa-bars {
		display: inline-block;
		width: 24px;
	}


	.navbar {
		text-align: left;
		height: auto;
	}

	.navbar-brand {
		display: block;
		float: left;
		width: 132px;
		margin-left: 0 !important;
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-nav {
		width: 100%;
		margin: 7.5px 0;
	}

	.navbar-nav a {
		border-bottom: 1px solid #e8e8e8;
	}


	.navbar .navbar-collapse {
		margin-top: 0;
		max-height: 100%;
	}

	.navbar-right {
		display: inline-block;
		float: none !important;
		height: calc(100vh - 75px);
		overflow-y: auto !important;
		margin-right: 0;
		-webkit-overflow-scrolling: touch;
	}

	.nav>li {
		float: none !important;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-collapse.collapse.in {
		display: block !important;
	}

	.navbar .navbar-nav li a {
		margin: 0 10px;
	}
	
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.dropdown-toggle .fa-angle-down {
		transform: translateY(-50%);
		position: absolute;
		right: 0;
		top: 50%;
		margin-left: 0px;
	}

	.open .dropdown-toggle .fa-angle-down {
		transform: rotate(180deg);
		margin-top: -7px;
	}

	.hero .hero-content .hero-title {
		font-size: 50px;
	}

	.quotatoin-wrap {
		padding-right: 0;
	}

	.feature-wrapper .col-md-4 {
		width: 50%;
	}


	.contact-wrapper,
	.contact-wrapper .section-title {
		text-align: center;
	}


	.contact-wrapper .section-title {
		display: inline-block;
	}

	.contact-wrapper .section-title .separator:after {
		left: 50%;

		margin-left: -15px;
	}


	.hero,
	.parallax {
		background-attachment: scroll;
	}

	.hero {
		margin-top: 61px;
		height: calc(100vh - 61px);
	}
	
	.hero-inner	{
		height: calc(50vh - 61px);
	}

	.sm-center,
	.sm-center .text-right {
		text-align: center;
	}

	.sm-center .btn {
		margin-top: 0;
	}


	.navbar .navbar-nav li.dropdown a span {
		float: right;
	}

	.clicktocall-mob {
		float: right;
		margin-right: 20px;
		margin-top: 12px;
		display: block;
	}

	.clicktocall-mob a {
		font-size: 24px;
		color: #333;
	}

	.clicktocall {
		display: none !important;
	}

	.signup {
		margin-top: 40px;
	}


	.fun-separator h2 {
		font-size: 60px;
	}

	.contact-wrapper .section-title.text-left .separator:before {
		position: absolute;
		bottom: -12px;
		left: 50%;
		width: 50px;
		height: 1px;
		margin-left: -25px;
		content: '';
		background: #757575;
	}

	.contact-wrapper .section-title.text-left .separator:after {
		position: absolute;
		bottom: -15px;
		left: 50%;
		width: 40px;
		height: 1px;
		margin-left: -20px;
		content: '';
		background: #757575;
	}

	.footer-title {
		margin-top: 30px;
	}

	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		border-color: #e8e8e8;
	}

	.dropdown-menu a:before {
		display: none;

	}

	.copyright-section {
		text-align:center;
	}
	
	.col-auto{max-width:100%;}
	
	.footer p {font-size:14px;}
	.copyright-section{font-size:16px;}
	
	.five-cols .col{width: calc(100% / 3);}	

}


@media (max-width: 767px) {
	.signup #mc_embed_signup_scroll {
		display: inherit;
		flex-wrap: inherit;
	}


	.myblock {
		width: 100%;
	}


	.dropdown-menu a:before {
		display: none;

	}

	.section-space {
		padding: 30px 0;
	}

	.section-title {
		margin-bottom: 20px;
	}

	.services-list {
		margin-bottom: 30px;
	}

	.section-title .sub-title {
		margin-top: 10px;
	}

	.hero .hero-content .hero-title {
		font-size: 46px;
	}

	.section-title .title,
	.para-title {
		font-size: 30px;
		line-height: 36px;
	}


	.para-title {
		margin-bottom: 20px;
	}


	.feature-wrapper .col-md-4 {
		padding: 0 15px
	}

	.feature-list {
		margin-bottom: 30px;
	}


	#fun .col-md-4.col-sm-6 {
		width: 50%;
		float: left;
	}

	.fun-separator h2 {
		font-size: 50px;
	}

	.fun-separator .title {
		font-size: 16px;
	}


	
	section p{line-height: 26px; font-size:15px;}
	.services-list .services-info{line-height: 26px;}
	.feature-info,.section-title .sub-title {font-size: 15px; line-height: 26px;}
	.list-style{padding-left:20px;}
	.list-style li{font-size:15px; line-height: 26px;}
	.services-list .services-icon{max-width: 65px;}
	
	.footer .short-links li{font-size: 16px; line-height:27.2px; margin-bottom: 3px;}
	
	.footer-title{margin-bottom:10px;}
	.copyright-section{padding: 15px 0;}
	
	.footer-wrap {padding: 30px 0;}

}


@media (max-width: 567px) {

	.hero .hero-content .hero-title {
		font-size: 38px;
	}
	
	.hero .hero-content h3 {font-size:20px;}

	.feature-wrapper .col-md-4 {
		width: 100%;
	}

	.section-title .title,
	.para-title {
		font-size: 28px;
		line-height: 34px;
	}

	#fun .col-md-4.col-sm-6 {
		width: 100%;
		float: none;
	}

	.footer p {
		font-size: 14px;
	}
	
	.footer-logo{margin-bottom:0;}

	.five-cols .col{width: calc(100% / 2);}

}


.hero:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(/assets/img/overlay.png);

}


.btn-mod.btn-border-w {
	color: #fff;
	border: 2px solid rgba(255, 255, 255, .75);
}




@media (min-width: 991px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
	.navbar-right .dropdown-menu {
		right: auto;
		border: none;
		padding: 8px 0;

	}
	
}

.d-flex {
	display: flex !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

/* QuickBooks Info Page Styles */
.qb-info-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
  color: #333;
}

.qb-info-header {
  text-align: center;
  margin-bottom: 3rem;
}

.qb-info-header h1 {
  font-size: 2.5rem;
  color: #2d3748;
  margin-bottom: 1rem;
}

.qb-info-header .subtitle {
  font-size: 1.2rem;
  color: #4a5568;
  max-width: 600px;
  margin: 0 auto;
}



.qb-info-content h2 {
  font-size: 36px;
  font-weight: 800;
  line-height: 46px;
  color: #12141d;
  text-align: center;
}


.feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 32px;
  margin-top: 48px;
  
}

.feature-item {
  background-color: #f8fafc;
  padding: 24px;
  border-radius: 8px;
  transition: transform 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.feature-item:hover {
  transform: translateY(-5px);
}

.feature-icon {
  color: #0078d4;
  margin-bottom: 1rem;
}

.feature-item h3 {
  margin-bottom: 1rem;
  font-size: 22px;
  color: #414141;
  margin-top:0;
}

.feature-item p {  
  color: #555;
  margin-bottom: 0;
}

.qb-info-steps h2 {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 2rem;
  color: #2d3748;
}

.steps-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.step {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.step-number {
  background-color: #0078d4;
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  flex-shrink: 0;
}

.step-content h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #414141;
  margin-top:0;
  line-height:1;
}

.step-content p {
  margin: 0;
}

@media (max-width: 768px) {
  .qb-info-container {
    padding: 1rem;
  }
  
  .qb-info-header h1 {
    font-size: 2rem;
  }
  
  .feature-grid {
    grid-template-columns: 1fr;
  }
  
  .step {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .cta-buttons {
    flex-direction: column;
    align-items: center;
  }
  
  .cta-buttons .button {
    width: 100%;
  }
}



.qb-info-section {
  margin-bottom: 4rem;
  background-color: #fff;
  border-radius: 8px;
  padding: 32px 0px;
  /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);*/
}


.cta-button {
  display: inline-block;
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  background-color: #ff5a5f;
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 5px;
  width: fit-content;
  text-decoration: none;
  font-weight: 600;
  transition: background-color 0.3s ease;
}

.cta-button:hover {
  background-color: #e04e4e;
}


.qb-info-cta {
  text-align: center;
  background-color: #f0f9ff;
}

.qb-info-cta h2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #2d3748;
}

.qb-info-cta p {
  font-size: 1.1rem;
  color: #4a5568;
  margin-bottom: 2rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.cta-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

.qb-info-steps{
	padding: 32px;
    border: #ddd solid 1px;
}