/************ TABLE OF CONTENTS ***************
1. Fonts Area
2. Reset Area
3. Global Area
4. Top bar Area
5. Main Header Area
6. Footer Area
7. Main slider Area
8. ABOUT Area
9. TESTIMONIAL AREA CSS
10. SERVICE AREA Css
11. QUOTES AREA CSS
12. CLIENT AREA CSS
13. ABOUT PAGE AREA CSS
14. SERVICES PAGE AREA CSS
15. FRANCHISEE PAGE AREA CSS
16.GALLERY PAGE AREA CSS
17.CONTACT PAGE AREA CSS
**********************************************/

/*** 

====================================================================
				1.FONTSRESET
====================================================================

 ***/
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
 @import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');
 @import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900');
/*** 

====================================================================
				2.RESET
====================================================================

 ***/
* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}
/*** 

====================================================================
				3.GLOBAL SETTINGS CSS
====================================================================

 ***/
body {
	font-size: 15px;
	color: #777777;
	line-height: 1.8em;
	font-weight: 400;
	background: #ffffff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-font-smoothing: antialiased;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	text-decoration: none;
	cursor: pointer;
	color: #000;
}
.no-padding {
	padding: 0px !important;
}
.padding-right {
	padding-right: 0;
}
a:hover, a:focus, a:visited {
	text-decoration: none;
	outline: none;
	background-color: none;
}
h1, h2, h3, h4, h5, h6 {
	position: relative;
	font-weight: normal;
	margin: 0px;
	background: none;
	line-height: 1.6em;
	font-family: 'Open Sans', sans-serif;
}
p {
	position: relative;
	line-height: 1.8em;
	font-family: 'Open Sans', sans-serif;
}
ul, li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
img {
	display: inline-block;
	max-width: 100%;
}
a.btn {
	background: #333333;
	display: inline-block;
	padding: 7px 30px;
	color: #fff;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	border-radius: 0;
	border: 0;
}
a.btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: red;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
a.btn:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	color: #fff;
}
.btn.focus, .btn:focus, .btn:hover {
	color: #fff;
	text-decoration: none;
}
.section-title {
	text-align: left;
	color: #000;
}
.section-title h2 {
	margin-top: 0;
	line-height: 1;
	font-size: 28px;
	margin-bottom: 10px;
	font-family: 'Merriweather', serif;
	font-weight: 700;
	text-transform: uppercase;
}
.section-title h2 span {
	color: red;
}
/*
================================================
				4.TOP BAR CSS
================================================
*/


#topbar ul li i {
	font-size: 15px;
	margin-right: 6px;
	margin-top: 1px;
	-webkit-transition: all 0.8s; /* Safari 3.1 to 6.0 */
	transition: all 0.8s;
}
#topbar ul li, #topbar ul li a {
	color: #bdbdbd;
	font-size: 90%;
	line-height: 15px;
}
#topbar .topbar-block ul.social a {
	font-size: 14px;
}
section#topbar, section#top-bar {
	background-color: #252525;
}
#topbar ul li {
	border-right: 1px solid #565656;
	display: inline-block;
	padding: 13px 11px;
}
#topbar .topbar-block.left ul li:nth-child(2) a {
	font-size: 13px;
}
#topbar .topbar-block:last-child {
	padding-right: 10px;
}
#topbar ul li a i {
	color: #bdbdbd;
}
#topbar ul li:first-child {
	border-left: 1px solid #565656;
}
#topbar ul.social li {
	margin: 0 -2px;
	width: auto;
}
#topbar .topRight ul.social li {
	padding: 0;
}
#topbar .topRight ul.social li a {
	display: block;
	padding: 13px 11px;
	-webkit-transition: all 0.8s; /* Safari 3.1 to 6.0 */
	transition: all 0.8s;
}
#topbar .topRight ul.social li a i {
	margin-right: 0;
}
#topbar .topRight ul.social li:hover a i {
	color: #fff;
	-webkit-transition: all 0.8s; /* Safari 3.1 to 6.0 */
	transition: all 0.8s;
}
#topbar .topRight ul.social li:nth-child(1):hover a {
	display: inline-block;
	background: #3b5998;
	color: #fff;
	-webkit-transition: all 0.8s; /* Safari 3.1 to 6.0 */
	transition: all 0.8s;
}
#topbar .topRight ul.social li:nth-child(2):hover a {
	background: #55acee;
	color: #fff;
	-webkit-transition: all 0.8s; /* Safari 3.1 to 6.0 */
	transition: all 0.8s;
}
#topbar .topRight ul.social li:nth-child(3):hover a {
	background: #dd4b39;
	color: #fff;
	-webkit-transition: all 0.8s; /* Safari 3.1 to 6.0 */
	transition: all 0.8s;
}
#topbar .topRight ul.social li:nth-child(4):hover a {
	background: #cb2027;
	color: #fff;
	-webkit-transition: all 0.8s; /* Safari 3.1 to 6.0 */
	transition: all 0.8s;
}
#topbar .topRight ul.social li:nth-child(5):hover a {
	background: #007bb5;
	color: #fff;
	-webkit-transition: all 0.8s; /* Safari 3.1 to 6.0 */
	transition: all 0.8s;
}
/*
/*** 

====================================================================
				5.MAIN HEADER CSS
====================================================================

 ***/
.navbar {
	margin-bottom: 0;
	border-bottom: none;
}
.navbar-brand {
	color: #000;
	height: auto;
	float:none;
	display:inline-block; vertical-align:middle;
}
.ais_logo{ display:inline-block; vertical-align:middle; width:100px;}
.navbar-brand>img {
	display: block;
	height: 70px;
}
ul.nav.navbar-nav.navbar-right {
	margin-top: 15px;
}
.nav>li {
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	display: inline-block;
	float: none;
	font-size: 14px;
}
.nav>li>a {
	color: #000;
	padding: 10px 7px;
}
.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background: none;
	color: red;
}
.nav>li.active a {
	color: red;
}
.navbar-toggle .icon-bar {
	background: #fff;
}
.navbar-toggle {
	background-color: red;
}
/*================================================
				6.FOOTER AREA CSS
==================================================*/

.footer-top-area {
	background: #252525 none repeat scroll 0 0;
	color: #999;
	padding: 30px 0;
}
.single-footer {
	margin: 0
}
.single-footer img {
	margin-bottom: 15px;
}
.footer-social-icon {
	margin-top: 30px;
}
.footer-social {
	margin-top: 20px
}
.footer-social > li {
	display: inline-block;
}
.footer-social li a {
	background-color: #333333;
	border-radius: 50%;
	color: #777;
	display: block;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 40px;
}
.fb:hover {
	background: #4b6ea9 none repeat scroll 0 0;
	color: #fff;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
.twitter:hover {
	background: #65bbf2 none repeat scroll 0 0;
	color: #fff;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
.gp:hover {
	background: #dd4d41 none repeat scroll 0 0;
	color: #fff;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
.linkedin:hover {
	background: #0075b5 none repeat scroll 0 0;
	color: #fff;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
.single-footer > h3, .footer-social-icon > h3 {
	color: #eee;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 15px;
	text-transform: uppercase;
}
.footer-widget > li {
	border-bottom: 1px dashed #999;
}
.footer-widget > li:last-child {
	border-bottom: 0px dashed #999;
}
.footer-widget a {
	display: block;
	padding: 5px 0;
	text-transform: capitalize;
	color: #999;
}
.footer-widget a:hover {
	color: #fff;
	padding-left: 5px
}
.contact-details i {
	color: #fff;
	margin-right: 10px;
}
.contact-details {
	margin: 6px 0;
}
.insta-post {
	display: inline-block;
	height: 65px;
	margin: 2px;
	width: 65px;
	position: relative
}
.overlay-insta {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: rgba(23, 23, 23, 0.8) none repeat scroll 0 0;
	cursor: pointer;
	height: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	top: 0;
	-webkit-transform: perspective(500px) rotateY(-90deg);
	transform: perspective(500px) rotateY(-90deg);
	-webkit-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
	visibility: hidden;
	width: 100%;
}
.insta-post:hover .overlay-insta {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: perspective(500px) rotateY(0deg);
	transform: perspective(500px) rotateY(0deg);
	visibility: visible;
}
.footer-bottom-area {
	background: #000 none repeat scroll 0 0;
	color: #fff;
	padding: 10px 0;
}
.copyright-left {
	text-align: left;
	font-weight: 400
}
.copyright-left p {
	margin-bottom: 0;
}
.copyright-right {
	text-align: right;
	font-weight: 400
}
.copyright-right p i {
	color: #18ba60;
	margin: 0px 5px;
	font-weight: 600
}
.copyright-right p {
	text-transform: capitalize;
	margin-bottom: 0;
}
.copyright-right p span {
	color: #18ba60;
	font-weight: 700;
	margin: 0 5px;
	text-transform: capitalize;
}
.single-footer input[type="text"], .single-footer textarea {
	border: 0;
	border-radius: 0px;
	margin: 0 0 10px;
	font: 14px/20px helvetica, arial, sans-serif;
	line-height: 20px;
	padding: 7px 10px;
	width: 100%;
	background: transparent;
	border: 1px solid #999;
}
.single-footer textarea {
	height: 80px;
	resize: none
}
.single-footer input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	background-color: transparent;
	color: #999;
	box-shadow: none !important;
	border-radius: 0px;
	padding: 8px 20px;
	font-size: 15px;
	border: 1px solid #999;
}
/*** 

====================================================================
				7.MAIN SLIDER CSS
====================================================================

 ***/
.slide-img {
	position: relative;
}
.slide-img:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}
.slide-inner {
	position: absolute;
	top: 160px;
	left: 50%;
	right: 0;
	margin-left: -200px;
	color: #fff;
	padding: 30px;
	max-width: 400px;
	text-align: center;
}
.slide-inner h3 {
	font-size: 30px;
	font-family: 'Merriweather', serif;
}
.slide-inner p {
	font-family: 'Raleway', sans-serif;
	line-height: 24px;
	font-size: 18px;
	margin: 10px 0 20px;
}
/*========================================
				8.ABOUT CSS
==========================================*/
#home-about {
	margin: 50px 0;
}
.home-about-text .btn {
	background: transparent;
	border: 1px solid #000;
	margin-top: 20px;
	color: #000;
}
.home-about-text .btn:hover {
	border-color: red;
	color: #fff;
}
/*================================================
				9.TESTIMONIAL AREA CSS
==================================================*/

#testimonialSec {
	background: #fbfbfb;
	background-size: 100% 100%;
	text-align: center;
	padding-top: 3%;
	padding-bottom: 3%;
	color: #fff;
}
.testimonialSec h3 strong {
	color: #f7921d;
}
.testimonialSec h3 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 25px 0;
	color: #7a7b7b;
}
.testimonialTextBox {
	position: relative;
	padding: 10px;
	margin-right: 10px;
}
.testimonialTextBox:after {
	content: "";
	display: inline-block;
	height: 15px;
	width: 15px;
	border-left: 4px solid #000;
	border-top: 4px solid #000;
	position: absolute;
	left: 0px;
	top: 0px;
}
.testimonialTextBox:before {
	content: "";
	display: inline-block;
	height: 15px;
	width: 15px;
	border-right: 4px solid #000;
	border-bottom: 4px solid #000;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.testimonialTextBox p {
	text-align: justify;
	color: #434343;
}
#testimonialSec .img-circle {
	border: 1px solid #ff9607;
	height: 100px;
	width: 100px;
}
.textBox {
	position: relative;
	margin-bottom: 25px;
	color: #000;
	float: right;
	width: 75%;
	text-align: left;
}
.textBox span {
	color: #000;
	font-weight: bold;
	font-size: 12px;
}
.textBox h4 {
	color: #ff9607;
	font-size: 17px;
}
.imgBoxSec {
	float: left;
}
.testimonial-content {
	text-align: right;
}
.owl-dots {
	display: none !important;
}
.testimonial-content img {
	margin: auto auto 10px;
	display: block;
}
.testimonial-content b {
	display: block;
	font-weight: bold;
	color: #ff9607;
	font-size: 13px;
}
.testimonial-content span {
	display: block
}
#testimonialSec .owl-nav, #sync .owl-nav {
	display: none;
}
/*================================================
				10 .SERVICE AREA Css
==================================================*/
#service-area {
	background: #F5F5F4 url(../images/1.jpg) no-repeat fixed;
	padding: 50px 0;
	background-size: cover;
	position: relative;
}
#service-area .section-title h2 {
	color: #fff;
	position: relative;
	z-index: 1;
}
section#service-area:after {
	content: "";
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 0;
	left: 0;
}
#service-area a.btn {
	position: relative;
	z-index: 1;
	background: #000;
}
.service-content {
	margin-top: 30px;
	position: relative;
	z-index: 1;
	text-align: center;
}
.service-content span {
	padding-top: 10px;
	font-size: 30px;
	color: #fff;
}
.service-text > h3 a {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 10px;
	text-transform: capitalize;
}
.service-text > h3 > a:hover {
	color: red
}
.service-text p {
	color: #fff;
}
/*================================================
				11. QUOTES AREA CSS
==================================================*/

.quotes-area {
	background: red;
	color: #fff;
	padding: 25px 0;
}
.quotes-left > h2 {
	font-size: 28px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 1.1;
	font-family: 'Raleway', sans-serif;
}
.quotes-left > p {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: capitalize;
	margin: 0;
}
.quotes-right {
	text-align: right;
}
.quotes-right a {
	background: #fff none repeat scroll 0 0;
	color: #303030;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 15px 25px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 4px
}
/*================================================
			12. CLIENT AREA CSS
==================================================*/

.client-area {
	margin: 50px 0;
}
.client-area .owl-carousel .owl-item img {
	display: block;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	max-width: 140px;
	margin: auto;
}
.client-area .owl-carousel .owl-item:hover img {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: none;
	opacity: 1;
}
#breadcrumbs {
	background: rgba(0, 0, 0, 0) url("../images/breadcromb.jpg") no-repeat fixed 0 0 / cover;
	padding: 50px 0;
}
#breadcrumbs .page-header {
	margin: 0;
	color: #fff;
	font-size: 30px;
	font-family: 'Merriweather', serif;
	padding: 0;
	border-bottom: 0;
}
.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 4px;
	color: #fff;
	text-align: right;
}
ol.breadcrumb a {
	color: #fff;
}
.about-content {
	margin: 50px 0 0;
}
.abouttext h2 {
	color: #000;
	margin-top: 0;
	line-height: 1;
	margin-bottom: 10px;
}
/*================================================
			13. ABOUT PAGE AREA CSS
==================================================*/
.tabSecBox {
	background: #f5f5f5;
	margin-top: 50px;
	padding: 50px 0;
}
.whiteBG {
	background: #fff;
	border: 1px solid #eaeaea;
}
.noPadding {
	padding: 0;
}
.tabSecBox ul {
	background: #fff;
	text-align: center;
	border-right: 1px solid #eaeaea;
}
.tabSecBox ul li {
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
}
.tabSecBox ul li a {
	padding: 25px 10px;
	display: block;
	border-bottom: 1px solid #ccc;
}
.tabSecBox ul li.active a {
	border-bottom: 1px solid red;
	color: red;
}
.tabSecBox ul li a p {
	margin-bottom: 0;
}
.iconimg1 {
	width: 40px;
	display: block;
	text-align: center;
	margin: auto;
}
.iconimg2 {
	width: 40px;
	display: none;
	text-align: center;
	margin: auto;
}
.tabSecBox ul li.active a .iconimg2 {
	display: block;
}
.tabSecBox ul li.active a .iconimg1 {
	display: none;
}
.tabSecBox ul li:hover a {
	border-bottom: 1px solid red;
	color: red;
}
.tabSecBox .tab-content h4 {
	font-size: 24px;
	margin: 15px 0 0;
	color: #000;
	font-family: 'Raleway', sans-serif;
}
.tabSecBox .tab-content p {
	font-size: 14px;
	letter-spacing: 0.8px;
	word-spacing: 1px;
	margin-bottom: 20px
}
/*================================================
			14. SERVICES PAGE AREA CSS
==================================================*/
#serviceSec {
	margin-top: 50px;
}
#serviceSec .panel {
	border: 1px solid #f1f1f1;
	padding: 15px 15px;
	border-radius: 0;
	-webkit-box-shadow: 0px 3px 6px 1px rgba(0,0,0,.05);
	box-shadow: 0px 3px 6px 1px rgba(0,0,0,.05);
	transition: ease-in-out 0.6s;
	cursor: pointer;
}
#serviceSec .text-primary {
	color: #909090;
	transition: ease-in-out 0.6s;
}
.serviceBox h4 {
	color: #000;
	font-size: 18px;
	letter-spacing: 0.5px;
	word-spacing: 1px;
	margin-bottom: 10px;
}
.serviceBox p {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.5px;
	word-spacing: 1px;
	text-align: justify;
	margin-top: 15px;
}
.serviceBox img {
	min-height: 250px;
}
/*================================================
			15.FRANCHISEE PAGE AREA CSS
==================================================*/
#franchiseeText {
	margin: 50px 0;
}
#franchiseeText h4 {
	font-size: 20px;
	color: red;
	padding: 10px 0px;
}
#franchiseeText p {
	font-size: 14px;
	color: #000;
	line-height: 15px;
	letter-spacing: 0.8px;
	word-spacing: 1px;
}
#franchiseeText .modal-content {
	background-color: rgba(0,0,0,0.8);
	height: 100%;
}
#franchiseeText .modal-body {
	position: absolute;
	padding: 15px;
	top: 20%;
	left: 0;
	right: 0;
	margin: auto;
	width: 47%;
	margin-top: -48px;
}
#franchiseeText .navbar-form {
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 0;
	margin-left: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-align: center;
}
#franchiseeText .navbar-form .form-control {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	background: #000;
	box-shadow: none;
	border-radius: 0;
	height: 50px;
	margin-bottom: 10px;
}
#franchiseeText .navbar-form textarea.form-control {
	height: 80px;
}
#franchiseeText .btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	height: 50px;
	border-radius: 0;
	width: 100%;
}
#franchiseeText .btn-default:hover {
	color: #000;
}
#franchiseeText .modal {
	background-clip: inherit;
	z-index: 99999;
	padding-right: 0 !important;
}
#franchiseeText .modal-dialog {
	width: 100%;
	margin: 0;
	border-radius: 0;
	height: 100%;
}
#franchiseeText button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	color: #fff;
	opacity: 1;
	font-weight: normal;
	padding: 20px;
	font-size: 40px;
}
/*================================================
			16.GALLERY PAGE AREA CSS
==================================================*/
#gallery_img {
	margin: 50px 0;
}
#gallery_img {
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	column-count: 3;
	column-gap: 10px;
}
#gallery_img img {
	width: 100%;
	margin-bottom: 10px;
}
/*================================================
			17.CONTACT PAGE AREA CSS
==================================================*/
#contact_detail {
	margin: 50px 0;
}
section#contact_detail h3 {
	font-size: 26px;
	color: #000;
	margin-bottom: 30px;
}
section#contact_detail form .form-control:focus {
	border-color: #000000;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: none;
}
section#contact_detail form label {
	font-weight: normal;
	color: #000;
}
section#contact_detail form .form-control {
	border-radius: 0;
	box-shadow: none;
	height: 40px;
}
section#contact_detail form textarea.form-control {
	height: auto;
}
section#contact_detail form .btn.btn-primary {
	background: #000;
	border: 1px solid #000;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	border-radius: 0;
}
section#contact_detail form .btn.btn-primary:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: red;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
section#contact_detail form .btn.btn-primary:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	color: #fff;
}
.copyright-right{ text-align:right;}
.copyright-right a{ text-decoration:underline; color:#fff;}


.tankyouTextBox{
	background: #F5F5F4 url(../images/franchise.png) no-repeat fixed center;
	padding: 70px 0;
	background-size: cover;
	position: relative;
	text-align:center;
	color: #fff;
}
.tankyouTextBox h2 {
	color: #fff;
	position: relative;
	z-index: 1;
}
.tankyouTextBox p {
	color: #fff;
	position: relative;
	z-index: 1;
	font-size:16px;
}
.tankyouTextBox:after {
	content: "";
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
}.owl-carousel .owl-item {
    float: none !important;
    display: inline-block;
    vertical-align: middle;
}
/*================================================
			18.BRANCHES PAGE AREA CSS
==================================================*/
.branchesText{ margin:50px 0;}
.quick_block .inner {
  padding: 30px;
      min-height: 275px;
	  font-family: 'Raleway', sans-serif;
}
.quick_block .inner .heading {
  text-transform: uppercase;
  color: #fff;
}
.quick_block .inner .heading h5 {
  margin: 0;
  font-size: 14px;
  line-height: 1;
}
.quick_block .inner .heading h3 {
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 1;
}
.quick_block .inner p {
  margin-bottom: 25px;
  line-height: 24px;
  font-size: 15px;
  color: #d2f0ff;
  font-weight: 300;
}
.quick_block .inner a {
  color: #fff;
  display: inline-block;
}
.quick_block .inner a:after {
  width: 100%;
  height: 1px;
  background: #fff;
  content: '';
  display: block;
  margin: 5px 0 0;
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.quick_block .inner:hover a:after {
  width: 0;
}
.quick_block.emmergency .inner {
  background: url(../images/2.png) no-repeat scroll right bottom #43b9f6;
}
.quick_block.branches .inner {
  background: url(../images/2.png) no-repeat scroll right bottom #6686ff;
}
.quick_block.branches .inner p {
  color: #cfd9fe;
}
.quick_block.bill_payments .inner {
  background: url(../images/2.png) no-repeat scroll right bottom #9878ff;
}
.quick_block.bill_payments .inner p {
  color: #dacfff;
}