.banner:before, .banner:after,
.upper-header:before, .upper-header:after,
.form-inner:before, .form-inner:after,
.gallery-container:before, .gallery-container:after,
.blog-box:before, .blog-box:after,
.title-box-inner:before, .title-box-inner:after,
.recent-work-img:before, .recent-work-img:after,
.post-bottom:before, .post-bottom:after,
.blogs-container:before, .blogs-container:after {
	display: table;
	content: '';
}
.banner:after,
.upper-header:after,
.form-inner:after,
.gallery-container:after,
.blog-box:after,
.title-box-inner:after,
.recent-work-img:after,
.post-bottom:after,
.blogs-container:after {
	clear: both;
}


/*** list-style ***/
.services-name,
.blog-info,
.brand-carousel,
.work-timing ul,
.social-media ul,
.gallery-options,
.bottom-links,
.facility-list ul,
.recent-work-img,
.archives ul,
.post-meta,
.comments-list,
.comments-list ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


/** carousel controls ***/
.caro-prev,
.caro-next {
	width: 36px;
	height: 36px;
	line-height: 32px;
	text-align: center;
	color: #777777;
	border: 2px solid #e8e8e8;
	border-radius: 50%;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
}
.caro-prev:before {
	content: "\f104";
	font-family: fontawesome;
	font-size: 18px;
}
.caro-next:before {
	content: "\f105";
	font-family: fontawesome;
	font-size: 18px;
}
.caro-prev:hover,
.caro-next:hover {
	border-color: #efe305;
	color: #efe305;
}

.owl-pagination {
	text-align: center;
}
.owl-page {
	width: 20px;
	height: 4px;
	margin: 0px 6px;
	background-color: #d0d0d0;
	display: inline-block;
}
.owl-page.active {
	background-color: #efe305;
}


#comments_form input::-moz-placeholder {  
   color:#fff;  
}
#comments_form textarea::-moz-placeholder {  
   color:#fff;  
}

.clear {
	clear:both;
}
section {
	position:relative;
}

.bg-light-gray {
	background-color: #f8f8f8;
}
.bg-gray-gradient {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 70%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 70%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 70%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 70%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 70%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}
.section-heading {
	width: 80%;
	padding-top: 60px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.bg-map h2{
    color: #fff;
}
.green h3{
    color: #fff;
}
.section-heading h2 {
    padding-bottom: 15px;
    margin-bottom: 40;
    position: relative;
}
    .section-heading h2::before, .Service_heading h4::before {
        width: 50px;
        height: 5px;
        margin-left: -25px;
        border-top: 1px solid #efe305;
        border-bottom: 1px solid #efe305;
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0px;
    }
.section-detail {
	padding-bottom: 0px;
	box-shadow: none;
    background: #fff;
}
.content-wrap {
	padding-top: 50px;
	padding-bottom: 50px;
}
.no-padding-top {
	padding-top: 0;
}
.no-padding-bottom {
	padding-bottom: 0;
}

.section-banner {
	background-repeat: no-repeat;
	background-size: cover;
	height:150px;
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    list-style: none;
    padding-left: 0;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.nav.navbar-nav .dropdown-content li a {
    padding: 10px;
}

.dropdown-content li a:hover {
    color: #fff !important;
    background: #000854;
    cursor: pointer;
}
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content li {
    color: #000 !important;
    padding: 0px;
    border-bottom: 1px solid #000;
}
.navbar-toggle{background: transparent;}
.netbg{background:#ffffff; padding-top:20px; padding-bottom:20px; border-bottom:#FFF solid 1px;}
.navbg2{background:none; border:none; border-radius:0; width:100%;  height: 270px; margin-bottom:20px;  overflow-y: scroll;  overflow-x: hidden; 

 }
.navbg3{background:none; border:none; border-radius:0; width:100%;  height: 400px; margin-bottom:20px; overflow-y: scroll;  overflow-x: hidden; }


.nav-list li{border-bottom:#d4d4d4 dashed 1px; font-size:16px; color:#353535;}
.nav-list li a{color:#000;  padding-top:4px; padding-bottom:4px; line-height:19px; font-size: 0.9em; }
.nav-list li a:hover{color:#000066;}

  #menu-bottom{background:#fdeded; position:relative;}
  #menu-bottom .matter{color:#3b4e1f; font-family: 'Exo 2', sans-serif; font-size:13px; font-weight:600;  text-transform: uppercase; padding-left:10px;}
  .call-now-responsive {
  /*background:#ffd400;*/
  display:block;
  position: fixed;
  right: 0px;
  left:0px;
  bottom: 0px;
  padding-bottom:0px;
  z-index: 9999999;
  border-bottom: solid 1px #fff;
  background-position:bottom; position:fixed;

}

.call-now-responsive a {
    background-color: #8919bb;
  font-size:19px;
    border-radius:10px 10px 0px 0px;
    color:#ffffff;
  text-transform: uppercase;
    font-weight: 700;
    padding: 10px 18px 5px 18px;
    z-index: 10;
    border: solid 4px #fff;
    margin-right: 5px;
    line-height: 34px;
}
.call-now-responsive img {
  padding-top:0px;
    }

.bottom-call{background:#FF0004; text-align:center; background-position:bottom; position:fixed; bottom:0px;   z-index:9; width:100%; display:block; border-top: solid 1px #d2d2d2;}
.bottom-call h1{font-size:24px; color:#fff900; font-weight:900;  display:inline-block; }
.bottom-call a{color:#FFFFFF; padding:0px 0px;}
#to-top{
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	padding: 15px;
	color: #fff;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1999;
	border-radius: 3px;
}

/*** top-bar ***/
.bg-color {
	/*background-position:center;
	background-image:url(../images/top-bar.png);*/
	background-color: #8919bb;
}
.top-bar {
    background: rgb(0,85,129);
    background: linear-gradient(284deg, rgba(0,85,129,1) 0%, rgba(0,8,84,1) 50%);
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    font-family: montserrat-bold;
    text-transform: uppercase;
}
.top-bar,
.top-bar a {
	color:#fff;
}
.top-bar i {
	font-size: 1.5em;
	position: relative;
	top: 2px;
}
    .top-bar i:first-child {
        margin-right: 12px;
        color: #fff;
    }
.top-bar i:last-child {
	margin-left:12px;
}
.left-bar,
.right-bar {
	margin-bottom: 10px;
	text-align: center;	
}
h3.heading-subtitle {
    color: #fff;
}
.login {
    border: 1px solid #fff;
    border-radius: 5px;
    margin-top: 20px;
    box-shadow: 0 0 10px #fff;
    background: #fff;
}
.login a {
    color: #000 !important;
    padding: 10px 30px !important;
}
/*** uppper-header ***/
.upper-header {
	/*padding: 20px 0px;*/
	text-align: center;
	font-size:12px;
}
.logo {
	margin-bottom: 10px;
}
.timing {
	margin-bottom: 10px;
	font-size:12px;
}
.timing,
.contact-strip h5 {
	font-size:15px;
	font-family: montserrat-bold;
}
.contact-strip h5 {
	margin-bottom: 5px;
}
.phone-no {
	font-size:12px;
}
.phone-no span {
	font-size:20px;
	font-family:montserrat-bold;
	line-height: 1;
}
.bg-img {
	/*background-image:url(../images/header-img.png);
	background-position:center;*/
	background-color: #ffd400;
}
.navbar {
    background-color: transparent !important;
}

/*** navbar ***/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    cursor: pointer !important;
}
.navbar {
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgba(0, 0, 0, 0.96);
	border-bottom: 3px solid #efe305;
	z-index:999;
}
.nav li {
    color: #fff;
	font-size:13px; 
}
.nav.navbar-nav a {
	padding: 12px 15px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
}
.navbar {
	position:absolute;
	right: 0;
}
.pull-right .button {
    display: block;
    padding: 20px 26px;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
#navbar .nav > li.active > a {
	color: #fff;
	background-color: transparent;
}
#navbar .nav > li > a {
    font-weight: bold;
}
.rel {
	position:relative;
}
.button i {
	background-color: #ededed;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
	font-size: 19px;
	color:#2a2a2a;
	background: linear-gradient(136deg, #fff 50%, #ededed 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.logo h1{
    font-size: 5rem;
    color: #067b55;
    text-shadow: 2px 2px #f2db47;
}
.h_img {
    width: 68%;
}
/*************** Home Page one **************/
.tab-section .img-thumbnail {
    display: block;
    max-width: 50%;
    margin: 0 auto;
}
    /*** Banner styling ***/
.body_div {
    background: url("../../wattick/images/backgrounds.png");
    padding-bottom: 0rem;
    background-repeat: no-repeat;
}
.h1_heading {
    padding: 115px 0px 75px 0px;
    padding-bottom: 5rem;
    top: 9rem;
}
.h1_heading h1 {
    color: #067b55;
    font-size: 9rem;
    text-shadow: 2px 2px #f2db47;
}
.h1_heading p {
        color: #fff;
    font-size: 20px;
}
.h1_heading hr {
    margin-top: 0;
    margin-bottom: 20px;
    border: 0;
    border-top: 7px solid #f2db47;
}
.home-banner {
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;	
}
.home-banner .item {
	position: relative;
}
.sliderimg {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;	
	position: absolute;
	top: 0;
	left: 0;
}
.banner-container {
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	z-index: 100;
}
.home-banner > img {
	width: 100%;
	display: block;
}

.banner { 
	position: relative;
	font-family:montserrat-regular;
    color: #ffffff;
}
.banner-content-arrow {
	max-width: 90%;
	padding-left: 15px;
	background-color: rgba(0, 0, 0, 0.2);
    float: right;
    position: relative;
    top: 0;
    right: 0;
}
.banner-inner-1 {
	padding-left: 15px;
	background-color: rgba(0, 0, 0, 0.5);
	position: relative;
}
.banner-inner-2 {
	padding-left: 15px;
    padding: 40px 60px 40px 30px;
	background-color: rgba(0, 0, 0, 0.1);
	position: relative;
}
.home-banner h1 {
	margin-bottom: 10px;
	color: #fff;
	font-size: 28px;
	line-height: 1;
    text-shadow: 0px 5px 5px rgba(0,0,0,0.75);
}
.home-banner h2 {
	margin-bottom: 10px;
	color: #fff;
	font-size: 20px;
	line-height: 1;
    text-shadow: 0px 5px 5px rgba(0,0,0,0.75);
}
.home-banner h4 {
	font-size: 14px;
	color: #fff;
	text-shadow: 0px 5px 5px rgba(0,0,0,0.75);
}
.home-banner .btn {
	margin-right: 5px;
	margin-bottom: 5px;
}


    /*** appointment section ***/
    .top-section {
    padding-top: 10px;
}

	.appointment {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    background: 0;
}

.appointment > h3 {
	margin-bottom: 10px;
	font-size:14px;
}
.appoint-form .form-section {
   
}
.form-section > label {
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    left: 25px;
    top: 8px;
	z-index:10;
}
.form-inner {
	margin-left: -10px;
	margin-right: -10px;
}
.form-inner .form-control,
.form-inner textarea.form-control {
    min-height: 55px;
    padding-top: 28px;
    border: 2px solid #f0f0f0;
	border-radius:0;
    box-shadow: none;
    font-size: 11px;
    text-transform: uppercase;
}
.form-inner textarea.form-control {
	min-height: 55px;
	height: 55px;
}
.form-inner .select-box {
	margin-bottom: 0;
	border: 2px solid #f0f0f0;
}
.form-inner .select-box:before {
	background-color: transparent;
}
.form-inner .select-box:after {
	border-top-color: #efe305;
}
.form-inner .select-box select.form-control {
	min-height: 51px;
	border: 0px;
}
.form-inner .form-control:-ms-input-placeholder {
  color: #dcdcdc;
}
.form-inner .form-control::-moz-placeholder {
	color: #dcdcdc;
}
.form-inner .form-control::-webkit-input-placeholder {
  color: #dcdcdc;
}
.form-inner.dropdown {
	border: 2px solid #eee;
	border-radius:0;
    box-shadow: none;
    color: #eee;
    min-height: 50px;
    padding-top: 30px;
    width: auto
}

.appointment .send-appointment input[type="submit"] {
	
}



/*** service boxes ***/
.bg-white{
    background: #fff;
}
.section-heading p {
    font-size: 15px;
}
.service-box {
	margin-bottom: 30px;
	overflow: hidden;
}
.service-1 {
	margin-right: 65px;
	position:relative;
}
.service-img {
	position: relative;
}
.service-img img {
	width: 100%;
}
.service-name {
	margin-right: -65px;
    position: absolute;
    bottom: -125px;
 	left: 65px;
    right: 0;
	transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
}
.service-icon {
	width: 65px;
    position: absolute;
    right: 0;
    top: -64px;
}
.service-icon a {
	padding: 15px 9px;
	display: block;
	background-color:#3985b7;
	text-align: center;
}
.service-icon i {
	font-size:34px;
	color:#fff;
	display: block;
}
.service-name > h5 {
    padding: 20px;
    color: #fff;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    background: -webkit-linear-gradient(80deg, #3985b7 50%, #01175e 50%);
    background: -o-linear-gradient(80deg, #3985b7 50%, #01175e 50%);
    background: linear-gradient(170deg, #3985b7 50%, #01175e 50%);
}
.service-detail {
    background: none repeat scroll 0 0 #f8f8f8;
    padding: 0 16px;
	text-align:center;
}
.service-detail p {
	font-family:lato-regular;
	font-size:14px;
	padding-top:20px;
	
}
.service-detail a {
	font-family:montserrat-bold;
	font-size:12px;
	color:#8919bb;
	
}
.service-detail i {
	padding-left:15px;
	padding-bottom:22px;
}
.service-1:hover .service-name {
	bottom:0px;
}



/*** tabs section ***/

.tab-section .tab {
	border-bottom: 2px solid #efe305;
}
.tab li {
	list-style:none;
	font-family:montserrat-regular;
	font-size:14px;
	height:63px;
	position:relative;
	background-color:#f8f8f8;
	margin-bottom:1px;
}
.nav.nav-stacked > li > a {
	padding: 0;
	color:#000;
	line-height: 64px;
	font-size:14px;
	text-transform: uppercase;
	font-family:montserrat-regular;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-x: hidden;
}
.tab li a:hover,
.nav.nav-stacked > li.active > a,
.nav.nav-stacked > li.active > a:focus {
	 color:#FFF;
	 background-color:#f2db47;
	 outline: 0;
}
.tab li span.curve {
	padding: 0px 15px 0px 20px;
	margin-right: 22px;
    font-size: 30px;
	display: block;
	float: left;
	background-color: #eaecf2;
	position: relative;	
}
#office hr{
	border-top: 3px inset #01175e;
}
.tab li span.curve:after {
	width: 0;
	height: 0;
	content: '';
	border-color: #eaecf2 transparent #eaecf2 #eaecf2;
	border-style: solid;
	border-width: 32px 12px;
	font-size: 0;
	line-height: 4;
	position: absolute;
	top: 0;
	right: -12px;
}
.tab li:hover .curve,
.nav.nav-stacked > li.active > a:focus .curve,
.nav.nav-stacked li a[aria-expanded="true"] .curve {
	background-color: #01175e;
}
.tab li:hover .curve:after,
.nav.nav-stacked > li.active > a:focus .curve:after,
.nav.nav-stacked li a[aria-expanded="true"] .curve:after {
	border-color: #01175e transparent #01175e #01175e;
}


/*** tab-section ****/
.tab-section > .row {
	margin-left: 0;
	margin-right: 0;
}
.tab-section > .row > [class^="col-"] {
	padding-left: 0;
	padding-right: 0;
}
.tab-section .tab-content {
	margin-top: -2px;
    background-color: #fbfbfb;
    border-top: 2px solid #efe305;
}
.tab-section .tab-pane {
	padding: 30px 40px;
}
.tab-section .tab-pane h4 {
	text-transform: uppercase;
}
.tab-section .tab-pane p {
	font-size: 18px;
	margin-bottom:40px;
    color: #000;
}

ul.services-name {
	margin-bottom: 30px;
	font-size:15px;
}
.services-name li {
	padding-bottom:30px;
}
.services-name li i {
    font-size: 26px;
    margin-right: 17px;
	clear:both;
	float:left;
}
.offer-img {
	display: none;
}
section.section.bg-gray-gradient {
    
}
/*** gallery section ****/


.bg-gallery {
	background-color:#f8f8f8;
}
.gallery-hovered {
    position: relative;
	text-align:center;
}
.gallery-img {
	position: relative;
}
.gallery-img > img {
	width: 100%;
	display: block;
}
.image-hover {
    width: 100%;
    height: 100%;
    background-color: rgba(64, 78, 160, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}
.gallery:hover .image-hover {
    opacity: 1;
    visibility: visible;
}
.gallery-search,
.gallery-link {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	line-height: 38px;
    font-size: 18px;
	text-align: center;
	display: block;
	border:1px solid #fff;
    border-radius: 50%;
    color: #fff;
    z-index: 10;
    position: absolute;
    top: 50%;
	left:50%;
	background-color:rgba(0,0,0,0.2);
    opacity: 0;
    transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s, background-color 0.4s ease;
    -moz-transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s, background-color 0.4s ease;
    -webkit-transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s, background-color 0.4s ease;
    -ms-transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s, background-color 0.4s ease;
}
header {
    margin-top: 20px;
}
.logo {
    width: 25%;
}
.gallery-search:hover,
.gallery-link:hover {
	color: #fff;
	background-color:#8919bb;
}
.gallery-search:after {
	font-family: 'FontAwesome';
	content: "\f002";
}
.gallery-link:after {
	font-family: 'FontAwesome';
	content: "\f0c1";
}
.gallery-link {
	margin-left: -50px;
	transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-webkit-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
}
.gallery-search {
	margin-right: -50px;
	transform: translateY(40px);
	-moz-transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-ms-transform: translateY(40px);
}
.gallery:hover .gallery-search,
.gallery:hover .gallery-link {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.gallery-search img,
.image-hover img {
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}

.working-name {
    padding: 16px 20px;
    margin-bottom: -1px;
    border: 1px solid #d6d6d6;
	text-transform:uppercase;
	text-align:center;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;	
}
.gallery:hover .working-name {
	background-color:#8919bb;	
	color:#fff;
}
.working-name h5 {
	margin-bottom: 5px;
	font-size: 16px;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.working-name p {
	margin-bottom: 0;
	font-size:12px;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.gallery:hover .working-name h5 {
 color: #fff;
}


/*** testimonial section ***/
.bg-map {
	background:#f8f6e7;
}
.bg-map .section-heading{
	background: #01175e;
	border-radius: 0 0 50px 50px;
	padding: 10rem 4rem;
	margin-bottom: 20px;
}
.map-img img {
    padding: 15rem 0;
    max-width: 167%;
}
.bg-map-content {
    background: #ccc;
    padding: 3rem 0;
    margin: 3rem 0;
} 

.p0{
	padding: 0;
}
.cP {
    background: #fff;
    margin: 20px;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px -27px 76px -18px rgba(0,0,0,0.75);
    height: 30vh;
}
.cP li{
	list-style: none;
}
.bg-map .section-detail{
	box-shadow: none;
}
.section-map {
	width: 100%;
	height: 250px;
	margin-top: -77px;
}

/***main-timeline***/
.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline{
    width: 50%;
    margin: 0 0 20px;
    float: left;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline-content{
    color: #fff;
    padding: 20px 75px 0 0;
    display: block;
    position: relative;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-content:before{
    content: '';
    background-color: var(--main-color);
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(255,255,255,0.5) inset;
    position: absolute;
    left: 20px;
    top: 0;
    right: 0;
    bottom: 20px;
    z-index: -1;
}
.main-timeline .timeline-icon{
    font-size: 35px;
    font-weight: 600;
    position: absolute;
    bottom: 25px;
    right: 12px;
}
.main-timeline .timeline-year{
    font-size: 30px;
    font-weight: 200;
    line-height: 28px;
    text-shadow: 2px 2px rgba(255,255,255,0.3);
    position: absolute;
    top: 10px;
    right: 12px;
}
.main-timeline .timeline-year span{ display: block; }
.main-timeline .title{
    font-size: 19px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 30px 35px;
}
.main-timeline .description {
    color: #000;
    background-color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 15px;
    margin: 0;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5),0 0 0 15px #fff;
}
.main-timeline .timeline:nth-child(even){
    float: right; 
    margin: 0 0 20px 10px;
}
.main-timeline .timeline:nth-child(even) .timeline-content{ padding: 20px 0 0 75px; }
.main-timeline .timeline:nth-child(even) .timeline-content:before{
    left: 0;
    right: 20px;
}
.main-timeline .timeline:nth-child(even) .timeline-icon{
    left: 12px;
    right: auto;
}
.main-timeline .timeline:nth-child(even) .timeline-year{
    left: 12px;
    right: auto;
}
.main-timeline .timeline:nth-child(even) .title{ margin-left: 10px; }
.main-timeline .yellow:nth-child(2){ --main-color: #f2db47; }
.main-timeline .green:nth-child(1){ --main-color: #01175e; }

.main-timeline .yellow:nth-child(4){ --main-color: #f2db47; }
.main-timeline .green:nth-child(3){ --main-color: #01175e; }

.main-timeline .yellow:nth-child(6){ --main-color: #f2db47; }
.main-timeline .green:nth-child(5){ --main-color: #01175e; }
@media screen and (max-width:767px){
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even){
        width: 100%;
        margin: 0 0 30px;
    }
}
@media screen and (max-width:576px){
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content{
        padding: 20px 0 75px;
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(even) .timeline-content:before{
        left: 0;
        right: 0;
        bottom: 0;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        left: auto;
        right: 15px;
        bottom: 5px;
    }
    .main-timeline .timeline-year,
    .main-timeline .timeline:nth-child(even) .timeline-year{
        right: auto;
        left: 15px;
        bottom: 17px;
        top: auto;
    }
    .main-timeline .timeline-year span{ display: inline-block; }
    .main-timeline .title,
    .main-timeline .timeline:nth-child(even) .title{
        margin-left: 15px;
    }
}

/*** stats section ***/
.bg-counter {
	background-color:#f2db47;
	margin-top:50px;
}
.state-section {
    padding-top: 50px;
	padding-bottom:20px;
}
.bg-counter p {
    text-align: justify;
    font-size: 18px;
    color: #01175e;
}
.hrl{
    border-right: 1px dashed #000;
}
.washes-done {
    padding-top: 45px;
    margin-bottom: 40px;
    color: #232323;
    text-align: center;
    position: relative;
    background-image: url(../images/stat-counter.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.washes-done i {
    font-size: 45px;
}
.stat-count {
	font-family:montserrat-regular;
	font-size:30px;
	display: block;
}
.washes-done h5 {
	font-size:13px;
	color:#000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}


footer {
    background: url("../../wattick/images/backgrounds.png");
}
    footer p, footer h5, footer li a, footer li {
        color: #fff;
    }
    footer .lower-footer p{
        color: #01175e;
    }
.bg-footer {
	padding-top: 10px;
    font-family: lato-medium;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	color:#fff;
}
    .bg-footer h4,
    .bg-footer h5,
    .bg-footer a {
        color: #fff;
    }
    .bg-footer a {
        color: #fff;
    }

.subscribe-form {
	margin-bottom: 30px;
	position: relative;
}
.subscribe-form input[type='text'] {
    background-color: #111111;
    border: medium none;
    font-family: montserrat-regular;
    font-size: 12px;
    height: 40px;
    width: 100%;
	padding: 14px 20px;
}
.subscribe-form input[type='submit'] {
	height: 100%;
	background-color:#8919bb;
	font-family:montserrat-bold;
	font-size:12px;
	color:#000;
	padding:9px 20px;
	border: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.area {
	margin-top: 46px;
	padding-bottom: 28px;
	border-bottom:1px solid #323232;
}
.phone i,
.location i {
    float: left;
    font-size: 64px;
	color:#000;
	padding-right:14px;
}
.phone h5,
.location h5 {
	margin-bottom: 0px;
	font-size: 10px;
}

.social-media {
    margin-top: 32px;
}
.social-media li {
	display: inline-block;
}
.social-media li i {
	background-color: #505050;
	border-radius: 50%;
	color: #fff;
	height: 35px;
	line-height: 35px;
	margin-right: 6px;
	margin-top: -7px;
	text-align: center;
	text-decoration: none;
	width: 35px;
	font-size: 13px;
	display: block;
}
.work-timing span {
	float:right;
}
.work-timing li a {
    color: #fff;
    font-family: lato-medium;
    font-size: 13px;
    text-decoration: none;
}
#comments_form {
    padding: 0 15px;
}
#comments_form input {
    border-bottom: medium none;
}
.contact-us button {
    margin-top: 18px;
}
.bg-lowerfooter {
	background-color:#efe305;
}
.lower-footer {
	font-family:lato-regular;
	font-size:12px;
	color:#000;
	padding-top:20px;
	text-transform: uppercase;
}
.copy-right,
.bottom-links {
	text-align: center;
}
.bottom-links li {
	margin-bottom: 20px;
	display: inline-block;
}
.bottom-links li a {
	color:#000;
    padding-left: 8px;
    padding-right: 8px;
	text-decoration:none;
}
.bottom-links li + li:before {
	content: '|';
}

.team-box {
	text-align: center;
}
.team-member {
	position:relative;
	overflow:hidden;
	margin-bottom: 30px;
	display: inline-block;
}
.member-img > img {
	width: 100%;
}

.half-circle {
    width: 50px;
    height: 25px;
    line-height: 25px;
    background-color: #8919bb;
 	border-radius: 50px 50px 0px 0px;
    position: absolute;
    right: 0;
    top: -27px;
}
.half-circle-2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #8919bb #8919bb -moz-use-text-color;
	border-image:
      linear-gradient(angle, #8919bb, blue) 1 100%;
	 -moz-border-image:
      -moz-linear-gradient(180deg, black, rgba(0, 0, 0, 0)) 1 100%;  

    
	border-style: solid solid none;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-width: 10px 10px 0;
    box-sizing: border-box;
    height: 75px;
    position: absolute;
    right: 0;
    top: -28px;
    width: 150px;
}


.spinner {
    animation: rotate 1s linear infinite;
    background: cyan;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    position: relative;
}

.spinner:before,
.spinner:after {
    content: '';
    position: absolute;
}

.spinner:before {
    border-radius: 50%;
    background:
        linear-gradient(0deg,   hsla(0, 0%, 100%, 1  ) 0%, hsla(0, 0%, 100%, 0.9) 100%)   0%   0%,
        linear-gradient(90deg,  hsla(0, 0%, 100%, 0.9)  0%, hsla(0, 0%, 100%, 0.6) 100%) 100%   0%,
        linear-gradient(180deg, hsla(0, 0%, 100%, 0.6)  0%, hsla(0, 0%, 100%, 0.3) 100%) 100% 100%,
        linear-gradient(360deg, hsla(0, 0%, 100%, 0.3)  0%, hsla(0, 0%, 100%, 0  ) 100%)   0% 100%
    ;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
}

.spinner:after {
    background: white;
    border-radius: 50%;
    top: 3%;
    bottom: 3%;
    left: 3%;
    right: 3%;
}


.half-circle-222 {
    border-width: 3px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 0, 0 100%, from(#8919bb), to(blue)) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;    
    -o-border-image:
      -o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, #8919bb, blue) 1 100%;
}


.widgets {
    margin-top: 37px;
	margin-bottom:47px;
}
.about {
    margin-top: 20px;
}
.about img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.work-timing h5 {
	font-size:18px;
}
.contact-us h5 {
	margin-bottom: 30px;
	font-size:18px;
}
.work-timing li {
    line-height: 30px;
}




/*************** Home Page Two **************/

.home-banner-2 .banner-container {
	padding-top: 40px;
	padding-bottom: 40px;
}

/*** appointment form ***/

.home-2-banner-content {
	margin-bottom: 40px;
}
.appointment-form-block {
    position: relative;
}
.form-heading {
	padding: 15px;
	background-color: #8919bb;
	font-family:montserrat-bold;
	font-size:13px;
	text-align:center;
	position: relative;
}
.form-heading h3 {
    margin-bottom: 0;
	font-size:20px;
	color:#fff;
	text-align:center;
}

.appoint-form-2 {
    padding: 30px 45px;
	background-color: rgba(0, 0, 0, 0.6);
	position: relative;
}
.appoint-form-2 .form-control,
.appoint-form-2 .select-box {
	font-size:12px;
	color: #fff;
	text-transform: uppercase;
	border: 2px solid #f0f0f0;
	background-color: rgba(0, 0, 0, 0.1);
}
.appoint-form-2 .select-box select {
	color: #fff;
}
.appoint-form-2 .select-box select option {
	background-color: #fff;
	color: #777;
}
.appoint-form-2 .select-box,
.appoint-form-2 .select-box:before {
	background-color: transparent;
}
.appoint-form-2 input[type="submit"].btn {
	margin-left: -66px;
	position: absolute;
	left: 50%;
	bottom: -20px;
}

.text-right-md .btn {
	margin-bottom: 3px;
}

/*** services blocks 2 ***/

.service-list {
	padding-top:60px;
}
.service-img > .service-detail {
	width: 100%;
	height: 100%;
    padding: 0px 30px 80px 30px;
	text-align:center;
	color:#fff;
	opacity: 0;
	visibility: hidden;

	background: rgb(63,81,181);
	background: -moz-linear-gradient(top,  rgba(63,81,181,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,81,181,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(63,81,181,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(63,81,181,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(63,81,181,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(63,81,181,1) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe305', endColorstr='#000000',GradientType=0 );

    position: absolute;
	top:0;
	left: 0;
	transition: all 0.4s ease 0s;
}
.service-box:hover .service-img > .service-detail {
	padding: 80px 30px;
	visibility: visible;
	opacity: 1;
}
.service-img > .service-detail a {
	color: #fff;
}
.service-name-2 {
	color: #fff;
	background-color: #efe305;
	position: relative;
}
.service-name-2 h5 {
	margin-bottom: 0;
	color: #fff;
}
.service-name-2 h5 a {
	padding: 20px 100px 20px 30px;	
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.service-name-2 .iconic {
	padding: 12px 20px;
	font-size: 36px;
	line-height: 1;
	display: inline-block;
	background-color: #8919bb;
	position: absolute;
	right: 0;
	top: 0;
}
.service-name-2 .iconic:before,
.service-name-2 .iconic:after {
	width: 0;
	height: 0;
	content: "";
	border-right: 15px solid #8919bb;
	border-bottom: 31px solid transparent;
	border-top: 31px solid transparent;
	position: absolute;
	left: -15px;
	top: 0px;
}
.service-name-2 .iconic:before {
	border-bottom: 34px solid transparent;
	border-top: 34px solid transparent;
	border-right: 17px solid #fff;
	left: -17px;
	top: -2px;
}

/*** pricing box ***/

.pricing-box {
	margin-bottom: 40px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
}
.price {
	padding: 20px 20px;
	text-align: center;
	background:#efe305;
}
.price > h1 {
    display: inline-block;
    font-size: 90px;
    line-height: 1em;
	color:#fff;
    font-family: montserrat-regular;
    position: relative;
}
.price > h1 sup {
    font-size: 0.4em;
}
.price > h1 sub {
	font-size: 0.15em;
}

.plan-name {
	margin: -16px 0px;
	text-align: center;
}
.plan-name span {
	padding: 6px 30px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 20px;
	position:relative;
	background-color: #8919bb;
	display: inline-block;

    font-family: montserrat-bold;
    font-size: 12px;
	color:#fff;
}

.plan-name span::before {
	width: 0px;
	height: 0;
	content: "";
	display: block;
	border-color: #8919bb #8919bb #8919bb transparent;
	border-style: solid;
	border-width: 16px;

	position: absolute;
	top: 0px;
	left: -24px;
}
.plan-name span::after {
    height: 0;
    width: 0;
    content: "";
    display: block;
    border-color: #8919bb transparent #8919bb #8919bb;
    border-style: solid;
    border-width: 16px;

    position: absolute;
    top: 0px;
    right: -24px;
}
.facility-list {
	padding-top:30px;
	padding-bottom: 30px;
	text-align:center;
}
.facility-list ul {
	margin-bottom: 30px;
}
.facility-list ul li span {
	font-size:12px;
}
.facility-list ul li {
	padding: 10px 15px;
}
.facility-list ul li:nth-child(even) {
    background: #f8f8f8;
}

.form-dropdown .select2-selection.select2-selection--single {
    background-color: transparent;
    border-color: #8d8e8d;
}
.form-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
	 color: #fff;
    font-family: lato-bold;
    font-size: 12px;
    line-height: 18px;
	padding: 8px 17px;
	float:left;
}
.form-dropdown .select2-container .select2-selection--single {
	height:37px;
}
.form-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
	  border-color: #fff transparent transparent;
	  margin-left: -9px;
      margin-top: -1px;
}

.brand-bg {
	background-color:#f8f8f8;
}
.brand-bg .partners {
    margin-top: 60px;
}


/***************************** gallery-page ************************/

.title-box {
    margin-top: -38px;
    z-index: 1;
    background: #fff;
  	position:relative;
}
.title-box:before {
	content:"";
    position:absolute; 
    z-index:-1;
	display: block;
    top:10px;
    bottom:12px;
    left:0;
    right:0;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
    box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.title-box:after {
	display: block;
	content: '';
	border-bottom: 1px solid #d8d8d8;
	position: absolute;
	bottom: 0px;
	left: 30px;
	right: 30px;
}
.title-box-inner {
	padding: 40px 40px;
	background-color: #fff;
	position: relative;
}
.page-title {
	font-family:montserrat-regular;
	font-size:22px;
}
ul.gallery-options {
	margin-bottom: 50px;
    text-align: center;
}
.gallery-options li {
	display:inline-block;
	padding: 0px 50px;
	list-style:none;
}
.gallery-options li a {
	font-family:montserrat-regular;
	font-size:15px;
	color:#000;
	text-decoration:none;
	
}
.gallery-options li:hover a::after {
	border-bottom:2px solid #8919bb;
	
}
.gallery-options li a::after {
	width:56px;
    content: " ";
    display: block;
    height: 7px;
}
.content-wrap > .gallery-container {
	margin-bottom:50px;
}


/***************************** Mega Menu Page ************************/
.mega-menu ul {
	padding: 0px;
	margin: 0;
	list-style: none;
}
.mega-menu h5 {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f2f2f2;
}
.dropdown-menu li a {
    padding: 10px !important;
}
.dropdown.menu-full {
    position: static;
}
.dropdown-menu.mega-menu {
    width: 100%;
	padding: 25px 15px 10px 15px;
	left: 0;
	right: 0;
}
.menu-list > li {
    padding: 6px 0;
}
.menu-list li a {
	font-family:lato-regular;
	font-size:14px;
	color:#000;
	padding:0px !important;
}
.menu-list li a:hover {
	text-decoration:none;
	color:#8919bb;
}
.mega-menu-img img {
    width: 100%;
}



/***************************** blog-page ************************/

.comments {
    background-color: #efefef;
     padding: 8px 75px 8px 28px;
	float:left;
}
.comments span {
	font-family:lato-regular;
	font-size:13px;
	margin-right:40px;
}
.comments i {
	color:#f23534;
	margin-right:10px;
	font-size:18px;
}


/*** widgets
----------------------------------------------- ****/

.widget {
	margin-bottom: 40px;
}
.widget-title {
	padding-bottom: 10px;
	font-family:montserrat-regular;
	font-size:15px;
	text-transform: uppercase;
	border-bottom:1px solid #0049af;
	display: inline-block;
}

/*** blog-search ***/
.blog-search {
	padding: 12px 25px;
	margin-right: 15px;
	background-color:#0049af;
	position:relative;
}
.blog-search::before {
	width: 0;
	height: 0;
	content: "";
	border-bottom: 25px solid transparent;
	border-left: 15px solid #0049af;
	border-top: 25px solid transparent;
	position: absolute;
	right: -15px;
	top: 0px;
}
.blog-search::after {
	font-family: 'FontAwesome';
	content: "\f002";
	color: #8c8c8c;
	font-size: 16px;
	pointer-events: none;
	position: absolute;
	right: 38px;
	top: 12px;
}

.blog-search input[type="text"] {
    width: 100%;
    height: 26px;
    line-height: 12px;
	padding: 6px 20px;
	font-size:10px;
	text-transform: uppercase;
	border: 0px;
    border-radius: 20px;
}
.blog-search input::-moz-placeholder {  
	color:#777777  
}
.blog-search textarea::-moz-placeholder {  
	color:#777777
}
.blog-search input[type="submit"] {
	width: 30px;
	height: 26px;
	border: 0px;
	background-color: transparent;
	font-size: 0;
	line-height: 0;
	color: transparent;
	position: absolute;
	right: 26px;
	top: 12px;
}


/*** blog-socialmedia ***/

.widget-social-icons a {
    font-size: 16px;
	margin-right:24px;
	color:#888888;
	display: inline-block;
}	
.widget-social-icons a:hover {
	color:#0049af;
}

/*** widget-recent-work ***/

ul.recent-work-img {
	margin-left: -6px;
}
.recent-work-img > li {
	width:33.333%;
	padding-left: 6px;
	float: left;
}
.recent-work-img .recent-img {
	position:relative;
	margin-bottom:8px;
}
.recent-work-img .recent-img img {
	width: 100%;
	display: block;
}
.work-hover {
	text-align: center;
	opacity:0;
    background:rgba(236,98,104,0.85);
    position: absolute;
    left: 5px;
	top:5px;
	right: 5px;
	bottom: 5px;
	
	transform: scale(0,0);

	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
.recent-img:hover .work-hover {
	opacity:1;
	transform: scale(1,1);
}
.work-hover a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.work-hover a .fa {
	width: 24px;
	height: 28px;
	margin-left: -12px;
	margin-top: -14px;
	text-align: center;
	display: inline-block;
	text-align: center;
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
}


/*** archives widget ***/

.archives li + li {
	padding-top:20px;
}
	
.archives li a {
	font-size:12px;
}
.archives li a span {
	padding-left:20px;	
	font-size:13px;
	color: #777;
	display: inline-block;
	transition: color 0.4s ease;
}
.archives li a:hover span {
	color: #8919bb;
}

.post-area {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.post-area .post-img {
	padding-right: 20px;
	display: table-cell;
	vertical-align: top;
}
.post-area .post-img img {
	width: 58px;
}
.post-area .post-text {
	width: 100%;
	display: table-cell;
	vertical-align: top;
	font-size: 10px;
}
.post-area .post-text h5 {
	margin-bottom: 8px;
	font-size: 11px;
	font-family: lato-regular;
	text-transform: uppercase;
}


/*************************** Book Page ***************************/

.book-form {
	margin-bottom: 60px;
}

#book_form .form-group {
    padding: 6px 0;
}
.form-group .input i {
    font-size: 14px;
	color:#ececec;
	 left: 25px;
    position: absolute;
    top: 10px;
}
.form-group .input .form-control {
	padding-left:36px;
}


.select-box {
	margin-bottom:16px;
	border:1px solid #ececec;
	background-color:#ffffff;
	position:relative;
	z-index:1;
}
.select-box:before,
.select-box:after {
	content:'';
	display:block;
	z-index:2;
	pointer-events:none;
	position:absolute;
	top:0px;
}
.select-box:before {
	width:36px; 
	height:100%;
	top:0px;
	right:0px;
	background-color: #0049af;
}
.select-box:after {
	width: 0;
	height: 0;
	border-top: 5px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top:16px;
	right:13px;
}
.form-group .select-box {
	margin-bottom: 0;
}
.select-box select {
	width: 100%;
	height: 36px;
	padding: 6px 12px;
	margin-bottom:0px;
	color:#333;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:0px;
	outline:0px;
	cursor:pointer;
	background:none;
}
.select-box select option {
	padding: 6px 15px;
	border-bottom: 1px solid #f1f1f1;
}



#book_form .form-dropdown .select2-container .select2-selection--single {
	width: 100%;
    height: 36px;
	border:1px solid #ececec;
	color:#d3d3d3;
}
#book_form .form-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
	color:#d3d3d3;
	font-family:lato-regular;
	font-size:12px;
	 padding: 8px 10px;
}
#book_form .form-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent;
    margin-left: -9px;
    margin-top: -1px;
}
#book_form .form-dropdown .select2-selection--single .select2-selection__arrow {
    background-color: #0049af;
    color: #efe305;
    height: 35px;
    position: absolute;
    right: 37%;
    top: 0;
    width: 35px;
}
#book_form .form-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 55%;
    position: absolute;
    top: 44%;
   
}


/*************************** e-coupons page ***************************/

.e-coupon-1 {
	width: 100%;	
	border: 1px dashed #222222;
	padding: 22px 20px;
	margin-bottom:33px;
	display: table;
	position:relative;
}
.e-coupon-1:before {
	font-family: 'FontAwesome';
	content: '\f0c4';
	font-size: 20px;
	color: #555555;
	line-height: 1;
	position: absolute;
	top: -13px;	
	left: 20px;
}
.e-coupon-img {
	margin-bottom: 20px;
}
.e-coupon-img img {
	width: 100%;
}
.e-coupon-text h4 {
    text-transform: uppercase;
}
.e-coupon-text .btn {
	border-style: dashed;
	color: #0049af;
}
.e-coupon-text .btn:hover,
.e-coupon-text .btn:focus,
.e-coupon-text .btn:active {
	color: #fff;
}
.verification span {
	font-family:lato-semibold;
	font-size:14px;
	text-transform: capitalize;
}
.verification a {
	color:#0049af;
	font-family:lato-semibold;
	font-size:14px;
	padding-right:12px;
}
.verification i {
    font-size: 16px;
	color:#0049af;
	padding-right:12px;
}
.shared-by {
    padding-left: 12px;
}


/*************************** FAQ's- page ***************************/	

.question1 i {
    float: left;
    font-size: 11px;
	color:#0049af;
	padding-right:10px;
}
.question1 {
	position:relative;
	overflow:hidden;
}
.question1 h4 {
	font-family:montserrat-regular;
	font-size:13px;
	color:#0049af;
	float:left;
	margin:0px;
	
}
.click-active p {
	font-family:lato-regular;
	font-size:14px;
	position:absolute;
	top:40px;
}
.plus-click i {
	font-size:18px;
	color:#c3c3c3;
	float:right;
}
.question1 {
    border: 1px solid #dddddd;
    padding: 13px;
}
.panel-heading {
	position:relative;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
.panel-heading .panel-title a[aria-expanded="true"] {
	background-color:#0049af;
	color:#fff;
}
.panel-heading .panel-title a::after {	
    content: "\f056";
	font-family: 'FontAwesome';
	font-size: 18px;
    position: absolute;
    right: 20px;
    top: 9px;
}
.panel-title a[aria-expanded="false"]::after {
	content: "\f055";
	color:#c2c2c2;
}

.panel-title {
	font-family:montserrat-regular;
	font-size:13px;
	color:#0049af;
	text-transform:uppercase;
}
.panel-title i {
	margin-right:10px;
	font-size: 1em;
}
.panel-default > .panel-heading {
	background-color:#fff;
}
.panel-body {
	font-family:lato-regular;
	font-size:14px;
	padding: 20px 25px;
}
#accordion .panel-default {
    box-shadow: none;
    border-radius: 0px;
}
.panel-title a {
    padding: 15px 20px;
    text-decoration: none;
    text-transform: capitalize;
    display: block;
}
.panel-heading:hover {
	background-color:#0049af;
	
}
.panel-heading:hover .panel-title {
	color:#fff;
}
.panel-heading:hover .panel-title a::after {
	color:#fff;
}
.panel-group .panel {
    margin-bottom: 10px;
}

/***************************** contact-page ************************/
.contact-bg-color {
	background-color:#f5f5f5;
}
.contact-main {
    padding-top: 80px;
	padding-bottom:80px;
}


.working-hours h4 {
	font-family:montserrat-bold;
	font-size:15px;
}
.address-info h4 {
	font-family:montserrat-bold;
	font-size:15px;
}
.contact-info h4 {
	font-family:montserrat-bold;
	font-size:15px;
}
.working-hours {
	border-bottom:1px solid #dddddd;
	margin-top:38px;
	padding-bottom:20px;
}
.address-info {
	border-bottom:1px solid #dddddd;
	padding-bottom:20px;
	margin-top:20px;
}
.contact-info {
	margin-top:20px;
}
.working-hours span {
	font-family:lato-medium;
	font-size:15px;
	padding-left:39px;
}
.address-info span {
	font-family:lato-medium;
	font-size:15px;
	padding-left:39px;
}
.contact-info span {
	font-family:lato-medium;
	font-size:15px;
	padding-left:39px
}
.reach-us h3 {
	font-size:20px;
}
.working-hours i {
	font-size:22px;
	float:left;
	padding-right:20px
}
.address-info i {
	font-size:22px;
	float:left;
	padding-right:20px;
}
.contact-info i {
	font-size:22px;
	float:left;
	padding-right:20px;
}
#maincontact_form i {
    font-size: 15px;
	color:#aaaaaa;
	position:absolute;
	left:26px;
	top:10px;
}
#maincontact_form .form-control {
	color:#777777;
	padding-left:36px;
}
#maincontact_form textarea.form-control {
	height:150px;
}
.mail-us h3 {
	font-size:20px;
}
.main-contact-form {
    margin-top: 34px;
}



/***************************** Blog Single Post Page ************************/

.blog-single-post {
	padding:7px;
	margin-bottom: 30px;
	border:1px solid #ececec;
}
.post-image {
	margin-bottom: 10px;
}
.post-image > img {
	width: 100%;
}
.post-meta-bar {
	padding:14px 15px 9px 15px;
}
.post-meta-bar-abs {
	background-color:#f9fafc;
	border-bottom:1px solid #f0f0f0;
	display: none;
}
.post-meta li {
    display: inline-block;
	margin-right:40px;
	margin-bottom:5px;
	font-size:13px;
	color:#bcbdbd;
	text-transform:none;
}
.post-meta li a {
	color: inherit;
}
.post-meta li a:hover {
	color: #0049af;
}
.post-meta li i {
    color: #fd7c7d;
    font-size: 14px;
	padding-right:14px;
	
}
.blog-detail {
    padding: 20px 16px;
}
.blog-detail  h4 {
	font-family:montserrat-regular;
	font-size:16px;
	text-transform: uppercase;
}
.blog-quote {
	background-color:#0049af;
	color:#fff;
	margin-top:46px;
	margin-bottom:42px;
	position:relative;
	padding:50px 35px 30px 65px;
}
.blog-quote p {
	font-size:14px;
}
.blog-quote::before {
	content: "\f10d";
	font-family: 'FontAwesome';
	float:left;
	font-size:50px;
	color:#195ab4;
	position:absolute;
	top:0;
	left:18px;
}

.blog-author-text p {
	font-size:13px;
}
.blog-author-text span {
	font-size:13px;
	font-family:lato-regular;
	color:#8919bb;
	padding-left:9px;
	padding-right:12px;
}
.post-bottom .social-media {
	margin-top: 0;
}

/*** author-post ***/
.author-post {
	border:1px solid #ececec;
	padding:30px 20px;
	margin-bottom: 45px;
}
.author {
	width:60px;
	padding-right: 20px;
	display: table-cell;
	vertical-align: top;
}
.author img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-top: 5px;
}
.author-review {
	width: 100%;
	display: table-cell;
	vertical-align: top;
}
.author-review p:last-child {
	margin-bottom: 0;
}

/*** blog-comment ***/

.blog-single-comments h3 {
	font-family:montserrat-regular;
	font-size:22px;
}

.blog-comment {
    position: relative;
	margin-bottom:20px;
}
.person-img {
	width: 40px;
    position: absolute;
	top: 0;
	left: 0;
}
.person-img img {
	width: 100%;
}
.comment-post {
	padding: 15px 20px;
	margin-left:60px;
	border:1px solid #ececec;
	position: relative;
}
.comment-upper {
	margin-bottom: 20px;
}
.comment-upper h4 {
	font-family:montserrat-regular;
	font-size:13px;
	margin:0px;
}
.comment-upper span {
	font-family:lato-medium;
	font-size:13px;
}
.reply-button {
	color:#8919bb;
	font-size:12px;
}

ul.comments-list {
	margin-bottom: 50px;
}
.comments-list li ul {
	margin-left: 30px;
}

.leave-comment {
	margin-bottom: 80px;
}
#commenting_form i {
	color:#969595;
	font-size: 15px;
    left: 14px;
    position: absolute;
    top: 10px;
}
.leave-comment .input {
    position: relative;
	color:#969595;
}
.leave-comment .form-control {
	color:#969595;
}
.leave-comment textarea.form-control {
	height: 80px;
}

#respond h3 {
    padding: 0;
}
.leave-comment h3 {
    font-family: montserrat-regular;
    font-size: 22px;
}



/***************************** 404 Page ************************/

.error-image {
	display: none;
}
.error-text {
	padding-top:60px;
	padding-bottom: 80px;
	font-size:16px;
}
.error-text h1 {
	margin-bottom: 10px;
	line-height: 1;
}
.error-text h3 {
	margin-bottom: 10px;
	font-family:lato-heavy;
	font-size:20px;
	line-height: 1.1;
}
.error-text .btn-default {
	padding: 12px 26px;
	color: #fff;
	background: -webkit-linear-gradient(80deg, #37479f 50%, #efe305 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -o-linear-gradient(80deg, #37479f 50%, #efe305 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: linear-gradient(170deg, #37479f 50%, #efe305 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.error-text .btn-default:hover,
.error-text .btn-default:focus,
.error-text .btn-default:active {
	background: -webkit-linear-gradient(80deg, #37479f 50%, #efe305 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -o-linear-gradient(80deg, #37479f 50%, #efe305 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: linear-gradient(170deg, #37479f 50%, #efe305 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.navbar-toggle .icon-bar {
	background-color: #fff;
}






.btn-primary {
    background-color: #efe305;
}
.text-secondary {
	color: #000;
}
.btn-secondary {
    background-color: #8919bb;
}
/**login page css**/

.form-bg {
    background: url(../images/login-background-img.jpg);
    padding: 3rem 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    width:100vw;
}
.form-container {
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: -1px -2px 33px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px -2px 33px -1px rgba(0, 0, 0, 0.75);
    box-shadow: -1px -2px 33px -1px rgba(0,0,0,0.75);
    font-size: 0;
    border-radius: 20px;
}
.form-bg label {
    font-size: 16px;
    font-weight: 600 !important;
margin-top: 2rem;
}
.right-content h1  {
    margin: 0;
}
.right-content h1 img {
    width: 30%;
    margin: 0;
}
    .form-container .left-content {
       // background: url(../images/login-img.png);
       // height: 630px;
        background-repeat: no-repeat;
    }
        .form-container .left-content .h_img, .form-container .left-content .h_img img{
            width: 100%;
        }
.form-container .left-content .title{
    color: #01175e;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 55px;
}
.form-container .left-content .sub-title{
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    text-transform: capitalize;
    margin: 0;
}
    .form-container .right-content {
        text-align: left;
        width: 100%;
        padding: 30px 50px;
        display: inline-block;
        
    }
label {
    font-size: 18px;
}
.form-container .right-content .form-title {
    color: #888;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    padding: 0 0 2px;
    margin: 0 0 30px;
    border-bottom: 2px solid #01175e;
}
.form-container .right-content .form-horizontal {
    color: #999;
    font-size: 14px;
    text-align: left;
    margin: 0 0 15px;
}
.form-container .form-horizontal .form-group{ margin: 0 0 20px; }
.form-container .form-horizontal .form-group:nth-of-type(2){ margin-bottom: 35px; }
.form-container .form-horizontal .form-group label{ font-weight: 500; }
.form-container .form-horizontal .form-control {
    color: #888;
    background: #f9f9f9;
    font-weight: 400;
    letter-spacing: 1px;
    height: 40px;
    padding: 6px 12px;
    border-radius: 5px;
    border: none;
    -webkit-box-shadow: -1px -2px 33px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px -2px 33px -9px rgba(0,0,0,0.75);
    box-shadow: -1px -2px 33px -9px rgba(0,0,0,0.75);
}
.form-container .form-horizontal .form-control:focus{ box-shadow: 0 0 5px #01175e; }
.form-container .form-horizontal .signin {
    color: #fff;
    background: linear-gradient(to right, #3A86B8, #01175e);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    width: 100%;
    padding: 9px 11px;
    margin: 0 0 20px;
    border-radius: 50px;
    transition: all 0.3s ease 0s;
}
.form-container .form-horizontal .btn:hover,
.form-container .form-horizontal .btn:focus{
    box-shadow: 0 0 10px #01175e;
    outline: none;
}
.form-container .form-horizontal .remember-me{
    width: calc(100% - 105px);
    display: inline-block;
}
.form-container .form-horizontal .remember-me .check-label{
    color: #999;
    font-size: 12px;
    font-weight: 400;
    vertical-align: top;
    display: inline-block;
}
.form-container .form-horizontal .remember-me .checkbox{
    height: 17px;
    width: 17px;
    min-height: auto;
    margin: 0 1px 0 0;
    border: 2px solid #01175e;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: all 0.3s ease 0s;
}
.form-container .form-horizontal .remember-me .checkbox:before{
    content: '';
    height: 5px;
    width: 10px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    left: 2px;
    top: 2.5px;
    transition: all 0.3s ease;
}
.form-container .form-horizontal .remember-me .checkbox:checked{ background-color: #01175e; }
.form-container .form-horizontal .remember-me .checkbox:checked:before{ opacity: 1; }
.form-container .form-horizontal .remember-me .checkbox:not(:checked):before{ opacity: 0; }
.form-container .form-horizontal .remember-me .checkbox:focus{ outline: none; }
.form-container .form-horizontal .forgot{
    color: #999;
    font-size: 12px;
    text-align: right;
    width: 100px;
    vertical-align: top;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
.form-container .form-horizontal .forgot:hover{ text-decoration: underline; }
.form-container .right-content .separator{
    color: #999;
    font-size: 15px;
    text-align: center;
    margin: 0 0 15px;
    display: block;
}
.form-container .right-content .social-links{
    text-align: center;
    padding: 0;
    margin: 0 0 25px;
    list-style: none;
}
.form-container .right-content .social-links li{
    margin: 0 2px 5px;
    display: inline-block;
}
.form-container .right-content .social-links li a{
    color: #fff;
    background-color: #F16262;
    font-size: 12px;
    padding: 9px 12px;
    border-radius: 5px;
    display: block;
    transition: all 0.3s ease 0s;
}
.form-container .right-content .social-links li:nth-child(2) a{ background-color: #3B5897; }
.form-container .right-content .social-links li a i{ margin-right: 10px; }
.form-container .right-content .social-links li a:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.5); }
.form-container .right-content .signup-link{
    color: #999;
    font-size: 13px;
}
.form-container .right-content .signup-link a{
    color: #F16262;
    transition: all 0.3s ease 0s;
}
.form-container .right-content .signup-link a:hover{ text-decoration: underline; }
@media only screen and (max-width:767px){
    .form-container .left-content,
    .form-container .right-content{
        width: 100%;
        padding: 30px;
    }
    .form-container .left-content .title{ margin: 0 0 20px; }
    .form-container .left-content .sub-title{ font-size: 40px; }
}
.c1 {
    position: absolute;
    width: 19%;
    top: -15px;
    left: 25rem;
    animation: zoom-in-zoom-out 3s ease infinite;
}
.c2 {
    position: absolute;
    width: 20%;
    top: 43rem;
    left: -25px;
    animation: zoom-in-zoom-out 4s ease infinite;
}
.c3 {
    position: absolute;
    width: 11%;
    top: 54rem;
    right: 17rem;
    animation: zoom-in-zoom-out 5s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

/*----services--accordion----*/

.WT_services {
    background-image: url(../../Images/service-bgimg.jpg);
    padding: 3rem 0;
    /* opacity: 0.4; */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.Service_heading {
    padding-bottom: 6rem;
}
.left_wtservice h6 {
    text-align: center;
    color: #fff;
    font-size: 2rem;
    text-decoration: overline;
}
.Service_heading h4 {
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 3rem;
}
.Service_heading p {
    text-align: center;
    color: #fff;
}
.accordion .panel {
    border: none;
    border-radius: 0;
    margin-bottom: 10px;
}

.accordion .panel-heading {
    padding: 0;
    border-radius: 0;
}

.accordion .panel-title a {
    display: block;
    padding: 5px;
    background: #09ab2c;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    border: none;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
    position: relative;
}

.accordion .panel-body {
    padding: 15px 0 15px 60px;
}

    .accordion .panel-body p {
        padding: 15px 20px;
        margin-bottom: 0;
        background: #ccc;
        font-size: 14px;
        color: #000;
        line-height: 28px;
        border: 4px double #000;
        box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
        position: relative;
    }

        .accordion .panel-body p:before {
            content: "";
            display: block;
            width: 5px;
            height: 50%;
            position: absolute;
            border-left: 5px dotted #09ab2c;
            top: 0;
            left: -40px;
        }

        .accordion .panel-body p:after {
            content: "\f061";
            font-family: "FontAwesome";
            font-weight: 900;
            font-size: 20px;
            color: #09ab2c;
            position: absolute;
            bottom: 40%;
            left: -35px;
        }

.about_heading h4 {
    position: relative;
    text-align: left;
    color: #000;
    font-size:5rem;
}
.about_heading h4::before {
    width: 50px;
    height: 5px;
    margin-left: -25px;
    border-top: 1px solid #efe305;
    border-bottom: 1px solid #efe305;
    content: "";
    display: block;
    position: absolute;
    left: 10%;
    bottom: 0px;
}
.ab_btn {
    color: #000854;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin: 0 7px;
    padding: 8px 15px;
    border: 2px solid #000854;
    border-radius: 0;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

    .ab_btn:hover {
        color: #000854;
        border: 2px solid #000854;
    }

    .ab_btn:before,
    .ab_btn:after {
        content: "";
        width: 16px;
        height: 16px;
        border-style: solid;
        border-width: 2px 0 0 2px;
        border-color: #000854;
        position: absolute;
        top: -6px;
        left: -6px;
        transition: all 0.3s ease-in-out;
    }

    .ab_btn:after {
        border-width: 0 2px 2px 0;
        top: auto;
        bottom: -6px;
        left: auto;
        right: -6px;
    }

    .ab_btn:hover:before,
    .ab_btn:hover:after {
        width: calc(100% + 12px);
        height: calc(100% + 12px);
        border-color: #000854;
        transform: rotateY(180deg);
    }

@media only screen and (max-width: 767px) {
    .ab_btn {
        margin-bottom: 30px;
    }
}
section.about_section {
    padding: 15rem 0 6rem 0;
    border-bottom: 1px solid #ccc;
}
.dir_img {
    background: #ccc;
    padding: 2rem;
    position: relative;
}
.about_content {
    position: absolute;
    background: #fff;
    left: -20rem;
    top: 12rem;
    padding: 20px;
    border: 3px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 26px rgba(0,0,0,0.5);
}
.about_content p{
    color: #000;
}
    .about_content h5{
        margin: 0;
    }
    .about_content h6 span {
        color: #069623;
    }
.about_div {
    padding: 0rem 0 24rem 0;
}
.about_div .about_content {
    width: 100%;
}
    .text-white{
    color: #fff !important;
}
.aboutS_Section ul li {
    padding-bottom: 15px;
    color: #000;
    list-style: none;
}
.aboutS_Section {
    padding: 5rem 30px;
    width: 70%;
    margin: 6rem auto;
    display: block;
    box-shadow: 0 0 26px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.about_content p {
    line-height: 2;
    text-align: justify;
    color: #000;
    font-size: 16px;
}
.aboutT_Section {
    background-image: url('../images/about-bg.jpg');
    background-attachment: fixed;
    padding: 8rem 0;
    background-size: cover;

}
.ATLeft_div, .ATRight_div {
    background: #fff;
    padding: 2rem;
    box-shadow: 0 0 26px rgba(0, 0, 0, 0.5);
}
    .ATLeft_div h5, .ATRight_div h5{
        font-size: 25px;
    }
    .ATLeft_div ul li, .ATRight_div ul li {
        list-style: none;
        line-height: 2;
        color: #000;
    }
    .ATLeft_div ul li .fa, .ATRight_div ul li .fa{
        font-size: 25px;
        color: yellow;
    }
.AboutBottomText {
    padding: 3rem 0 1rem 0;
    text-align: center;
    font-size: 20px;
}
.AboutBottomText h5 {
    font-size: 22px;
    text-decoration: underline;
}