/*
Theme Name: Hope Medical Child
Author: Template_path
Version: 1.0.0
Author URI: http://themeforest.net/user/template_path
Theme URI: http://themeforest.net/user/template_path
Description: This is Medical and Health WordPress theme
License: ''
License URI: ''
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats
Text Domain: hopemedical
Template: hopemedical
*/




/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	/* color:#888888; */
    color:#0a0a0a;
	line-height:1.8em;
	font-weight:400;
	background:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#06557a;
}

.default-btn.style-two,
.default-btn:hover{
	/*background:#06557a;*/
	background:#9ecfbd;
	color:#ffffff !important;
	border-color:#06557a !important;	
}

.rightcolumn {
    float: left;
    width: 75%;
     padding-right: 30px;
    padding-left: 50px;
}
	.leftcolumn { 
float: left;
      width: 24%;
      padding-left: 45px;
    padding-top: 1px;
}



.column img {
  margin-top: 0px;
  vertical-align: middle;
}


a[href^=tel] {
 text-decoration:inherit;
 color: inherit;
 }


/* Create two unequal columns that floats next to each other */

/* Fake image */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

/* Add a card effect for articles */
.card_rightcolumn {
    background-color: white;
    padding: 20px;
    margin-top: 01px;
	
}
.card_leftcolumn {
   background-color:#06557a00;
    padding: 5px;
    margin-top: 5px;

}
.card_contact_form_right {
    background-color: white;
    padding: 20px;
    margin-top: 01px;
	display:none;
	
}
.card_contact_form_left {
   background-color:#06557a00;
    padding: 5px;
    margin-top: 5px;

}


innercontainer
.card_post_img {
object-fit: contain }


.normal-btn{
	position:relative;
	padding:9px 25px;
	line-height:24px;
	text-transform:uppercase;
/*background:#06557a;*/
	background:#9ecfbd;
	color:#ffffff !important;
	font-size:14px;
	border:2px solid #ffffff !important;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	border-radius:20px;
	-webkit-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	-moz-border-radius:20px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.normal-btn:hover{
/*background:#06557a;*/
	background:#9ecfbd;
	color:#ffffff !important;
	border-color:#1a1a1a !important;	
}

.border-thm{
/*background:#06557a;*/
	background:#9ecfbd;
}

.text-thm {
/*background:#06557a;*/
	background:#9ecfbd;
}
.bg-thm {
/*background:#06557a;*/
	background:#9ecfbd;
}
.thm-btn {
	background: #ffba15;
	border-radius: 30px;
	display: inline-block;
	color: #05254d;
	font-size: 12px;
	font-family: Raleway, sans-serif, 'Montserrat';
	text-transform: uppercase;
	font-weight: bold;
	padding: 12px 35px;
	border: 2px solid transparent;
	transition: all .3s ease;
}
.thm-btn:hover,
.thm-btn.inverse {
	background-color: #fff;
	border-color: #06557a;
/*background:#06557a;*/
	background:#9ecfbd;
}
.thm-btn:active,
.thm-btn:focus {
	background-color: #fff;
/*background:#06557a;*/
	background:#9ecfbd;
	color: #06557a;
}
.thm-btn.inverse:hover {
/*background:#06557a;*/
	background:#9ecfbd;
	border-color: #9ecfbd;
	color: #fff;
}

/* .overlay styles */
/*** 

====================================================================
	Main Header style
====================================================================

***/


.main-header .header-lower .outer-box{
	position:relative;
	padding:0px 20px 0px 0px;	
}

.main-header .header-top{
	position:relative;
	border-bottom:0px solid rgba(0,0,0,0.30);
	padding:1px 0px;
	background:#05254D;
}

.main-header .header-lower .logo{
	position:relative;
	float:left;
	padding-right:10px;
	/*background:#9ecfbd;*/
	background:#8cbad9;
	
}

.main-header .header-lower .logo:before{
	content:'';
	position:absolute;
	right:100%;
	top:0%;
	width:1000px;
	height:100%;
	/*background:#9ecfbd;*/
	background:#8cbad9;
}

.main-header .header-lower .logo:after{
	content:'';
	position:absolute;
	left:80%;
	top:0%;
	width:100px;
	height:100%;
	/*background:#9ecfbd;*/
	background:#8cbad9;
	transform:skewX(-25deg);
	-webkit-transform:skewX(-25deg);
	-ms-transform:skewX(-25deg);
	-o-transform:skewX(-25deg);
	-moz-transform:skewX(-25deg);	
}

.main-header .header-top .top-right{
	position:right;
	float:right;
	padding:0px 0px;
	padding-top: 2px
	
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	padding: 22px 1px;
    font-size: 12px;
	color:#06557a;
	line-height:40px;
	font-weight:700;
	text-transform:uppercase;
	opacity:1;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:160%;
	width:200px;
	padding:0px;
	border:1px solid #ffffff;
	z-index:100;
	background:#06557a;
	visibility:hidden;
	opacity:0;
	border-radius:0px 5px 5px 5px;
	-ms-border-radius:0px 5px 5px 5px;
	-webkit-border-radius:0px 5px 5px 5px;
	-moz-border-radius:0px 5px 5px 5px;
	-o-border-radius:0px 5px 5px 5px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul:before{
	content: "\f0d8";
	position:absolute;
	left:15px;
	top:-19px;
	padding-top:4px;
	display:block;
	width:100%;
	width:100%;
	height:20px;
	display:block;
	color:#06557a;
	line-height:20px;
	font-size:28px;
	z-index:5;	
}

.main-menu .navigation > li > ul > li  > ul{
	position:absolute;
	left:110%;
	top:-1px;
	width:180px;
	padding:0px;
	border:1px solid #ffffff;
	border-top-width:2px;
	z-index:100;
	background:#06557a;
	visibility:hidden;
	opacity:0;
	border-radius:0px 5px 5px 5px;
	-ms-border-radius:0px 5px 5px 5px;
	-webkit-border-radius:5px 0px 5px 5px;
	-moz-border-radius:0px 5px 5px 5px;
	-o-border-radius:0px 5px 5px 5px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.main-menu{
	
    position: absolute;
    float: right;
    padding: 3px 40px;
    margin-left: 40%;
	
	}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
	color:#05254D;
	opacity:1;
}

.main-menu .navigation{
	position:relative;
	float:right;
	margin:0px;

}

.appoinment-form-outer .radio-select input[type="radio"]:checked+label {
	color:#06557a;
}

.main-menu .navigation > li {
    position: relative;
    float: left;
    padding: 0px;
    margin-right: 30px;
    margin-top: 7px;
}

.main-menu .navigation > li:hover > ul {
    top: 85%;
    opacity: 1;
    visibility: visible;
}

/*Search Box*/
/*** 

====================================================================
	Main Slider style
====================================================================

***/

.tp-bullets.preview4 .bullet{
	background:#06557a !important;
	border-color:#202020 !important;
	margin:0px 5px;	
}

.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected{
	border-color:#06557a !important;	
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:30px;
	right:10px;
	width:40px;
	height:30px;
	color:#ffffff;
	background:#06557a;
	font-size:14px;
	line-height:38px;
	border:1px solid #06557a;
	text-align:center;
	z-index:100;
	cursor:pointer;
	border-radius:3px;
	display:none;	
}

.scroll-to-top:hover{
	background:#ffffff;
	color:#000000;
	border-color:#06557a !important;
}


/*** 

====================================================================
	Featured Three Column style
====================================================================

***/

.featured-three-column .column .overlay .left-curve{
	position:absolute;
	left:-10px;
	top:0px;
	width:10px;
	height:100%;
	opacity:0;
	background:#06557a;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.featured-three-column .column .overlay .right-curve{
	position:absolute;
	right:-10px;
	top:0px;
	width:10px;
	height:100%;
	opacity:0;
	/* background:#06557a; */
	background:#9ecfbd; 
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.featured-three-column .column:nth-child(even) .inner-box{
	background:#06557a;
		/*background:#9ecfbd;*/
	
	color:#ffffff;
}

.featured-three-column .column .normal-btn:hover{
	background:#ffffff !important;
	color:#06557a !important;
	border-color:#06557a !important;	
}
/***Added by Trevor for Homepage***/
.featured-three-column .column .overlay{
display: none !important;
margin:0px 5px;	
}

.featured-three-column .inner-box {
    background:#8cbad9;
	/*background:#9ecfbd;*/
    color: #43728e;
}

.normal-btn {
   background: #06427a;
}

.featured-three-column .column:nth-child(even) .inner-box {
   /*background:#06557a;*/
	/* background:#9ecfbd; */
    color: #ffffff;
}

/*** 

====================================================================
	Top Services style
====================================================================

***/

/* service tow */

.services-section .column .read-more:hover{
	color:#06557a;	
}

.top-services .column .icon {
    position: absolute;
    left: 0px;
    top: -10px;
    font-size: 72px;
    color: #ffba15;
    width: 80px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sec-title .line {
    position: relative;
    width: 40px;
    height: 6px;
    background: #ffba15;
    margin: 20px auto 0px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}


/*** 

====================================================================
	Fleet Gallery style
====================================================================

***/

/*** 

====================================================================
	Get Quote style
====================================================================

***/


/*** 

====================================================================
	Fact Counter Section
====================================================================

***/

.fact-counter{
	position:relative;
	padding:80px 0px 20px;
	color:#ffffff;
	background-color:#06557a;
}


/*** 

====================================================================
	Why Us Section
====================================================================

***/

.why-us-section .block:hover .number{
	color:#06557a;	
}

/***Added by Dennis for Homepage***/

.why-us-section .bg-image{
	position:absolute;
	right:0px;
	top:0px;
	width:80%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:0;
}

/***Added by Trevor for Homepage***/

.why-us-section .bg-grey {
    position: absolute;
    /* left: 90px; */
    top: 0px;
    width: 55%;
    height: 100%;
    background-color: #05254d;
    z-index: 1;
    /* transform: skewX(-14deg); */
    -webkit-transform: skewX(-14deg);
    -moz-transform: skewX(-14deg);
    -ms-transform: skewX(-14deg);
    -o-transform: skewX(-14deg);
}


.why-us-section {
    position: relative;
    padding: 10px 0px 0px 50px;
    color: #ffffff;
	background-color: #05254d;
}

.sec-title.style-two .line {
    background: #ffba15;
}

.sec-title h3{
color: #ffba15
}

.sec-title.style-two h3
{
color: #ffba15
}

.sec-title.style-two h2, .sec-title.style-two p{
color: #ffffff
}
/*** 

====================================================================
	Team Section style
====================================================================

***/


.team-section .column .read-more:hover{
	color:#06557a;
}
/* inner doctor page */
.bottom-border::before {
    background-color: #06557a;
    bottom: -2px;
    content: "";
    height: 2px;
    position: absolute;
    width: 50px;
}
.social-icons li,
.list-inline li {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
}
.social-icons.icon-thm a {
    background-color: #ffffff;
    color: #06557a;
    display: block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
}
ul.list.asterisk li::before {
    content: "";
    color: #06557a;
    font-family: fontawesome;
    font-size: 12px;
}
/*** 

====================================================================
	Parallax Section
====================================================================

***/

/* parallax two */

.page-title h1{
	position:relative;
	margin-bottom:10px;
	font-size:33px;
	text-transform:uppercase;
	font-weight:800;
	color:#ffffff;
	display:inline-block;
}

.page-title .go-down .curve:hover{
	border-bottom-color:#06557a;
	color:#ffffff;	
}

/*** 

====================================================================
	Default Two Column / Testimonials 
====================================================================

***/

/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
	border-top:3px solid #06557a;
	color:#dddddd;
}

.main-footer .go-up .curve{
	position:relative;
	display:inline-block;
	width:0px;
	top:0px;
	border:30px solid transparent;
	border-top:30px solid #06557a;
	cursor:pointer;	
}

.main-footer .footer-upper .links ul li:hover:before{
	color:#06557a;	
}

.main-footer .footer-upper .links ul li a:hover {
    color: #06557a;
}

.main-footer .social-links a:hover{
	border-color:#ffffff;
	background:#06557a;
	color:#ffffff;
}

.footer-upper .form-box button{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	color:#06557a;
	font-size:14px;
	text-align:center;
	background:none;
}

.footer-bottom .copyright .fa{
	color:#06557a;	
}

/*** 

====================================================================
	About Section
====================================================================

***/

.styled-list li:before {
	content:'\e0a6';
	font-family:'Flaticon';
    color: #06557a;
    font-size: 12px;
    left: 0;
    line-height: 18px;
    position: absolute;
    top: 3px;
}


/*** 

====================================================================
	Locations Section
====================================================================

***/

/*** 

====================================================================
	Sponsors Section
====================================================================

***/


/*** 

====================================================================
	Sidebar style
====================================================================

***/
.sidebar .links-widget ul li:hover:before{
	color:#06557a;
}

.sidebar .links-widget li a:hover{
	color:#06557a;
}

.sidebar .search-form input[type="search"]:focus,
.sidebar .search-form input[type="text"]:focus,
.footer-widget .search-form input:focus{
	border-color:#06557a;	
}

.sidebar .search-form button:hover,
.footer-widget .search-form button:hover{
	color:#06557a;	
}

.sidebar .popular-tags .tags a:hover{
	background:#06557a;
	color:#ffffff;	
}

.sidebar .recent-posts .post a,
.sidebar .recent-posts .post a:hover{
	color:#06557a;	
}

/*** 

====================================================================
	Blog Section Style
====================================================================

***/

.blog-section .image{
	position:relative;
	margin-bottom:10px;
	border:1px solid #06557a;
	overflow:hidden;	
}

.blog-section .post-title h2 a:hover{
	color:#06557a;	
}

.blog-section .post-info a:hover{
	color:#06557a;	
}
.blog-section .blog-post .read-more:hover{
	background:#06557a;
	border-color:#06557a;
	color:#ffffff;	
}

/*** 

====================================================================
	Pricing Section
====================================================================

***/

/* Pricing Style Two */

.pricing-style2 .pricing-table .pricing-title {
	background-color: #06557a;
}

/*** 

====================================================================
	Contact Us Section style
====================================================================

***/

.contact-section .form-box input[type="text"]:focus,
.contact-section .form-box input[type="email"]:focus,
.contact-section .form-box input[type="number"]:focus,
.contact-section .form-box input[type="tel"]:focus,
.contact-section .form-box input[type="password"]:focus,
.contact-section .form-box textarea:focus,
.contact-section .form-box select:focus{
	background:#ffffff;
	border-color:#06557a;
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-section .comments-area .reply-btn{
	position:relative;
	display:inline-block;
	padding:7px 25px 4px;
	min-width:100px;
	font-size:14px;
	background:#06557a;
	color:#ffffff;
	text-transform:capitalize;
	border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
}

/*** 

====================================================================
	Comment Form
====================================================================

 ***/
/**
* Shop Page Styles.
**/

.shop-page-content .single-shop-item .meta h4:hover a {
	color: #06557a;
}
.shop-page-content .single-shop-item a.add-to-cart {
    background: #06557a;
    text-transform: uppercase;
    display: inline-block;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    padding: 0 20px;
    font-size: 13px;
    margin-top: 25px;
    border-radius: 20px;
    overflow: hidden;
}
/**
* Product Details Page Styles.
**/

.product-details-box .add-to-cart {
    background: #06557a;
    text-transform: uppercase;
    display: inline-block;
    line-height: 45px;
    font-weight: 700;
    color: #fff;
    padding: 0 30px;
    font-size: 18px;
    margin-top: 25px;
    border-radius: 20px;
    overflow: hidden;
}
.product-details-tab-title ul li.active span {
    background: #fff;
    border: 1px solid #E6E6E6;
    border-top: 2px solid #06557a;
    border-bottom: 0;
    position: relative;
    top: 1px;
    z-index: 999;
}


/**
* Cart Page Styles
**/

.cart-page .table > tbody > tr > td.del-item {
    color: #06557a;
    font-size: 18px;
    font-weight: normal;
}

.cart-page .add-to-cart-wrap a {
    background: #06557a;
    text-transform: uppercase;
    display: inline-block;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    padding: 0 40px;
    border-radius: 20px;
    overflow: hidden;
}

.cart-page .cart-total-box .proceed-to-checkout a {
        background: #06557a;
    text-transform: uppercase;
    display: inline-block;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    padding: 0 40px;
    overflow: hidden;
    border-radius: 20px;
}
/**
* Checkout Page Styles.
**/


#checkout-content .return-customer a {
    color: #06557a;
}

#checkout-content .order-box ul li a span {
    color: #06557a;
}
#checkout-content .order-box ul li a.place-order {
    background: #06557a;
    text-transform: uppercase;
    display: inline-block;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    padding: 0 40px;
    margin-top: 30px;
}

/* department section */

.department {
	border-bottom: 3px solid #06557a;
	border-radius: 0 0 2px 2px;
	margin-bottom: 30px;
	min-height: 380px;
	overflow: hidden;
	position: relative;
}
.department .department-details .icon {
	color: #06557a;
	display: inline-block;
	font-size: 30px;
	position: relative;
	top: -15px;
}

/* calender */

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all,
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
	background-color: #06557a;
}
/*  shortcode style */
/* 27 Shortcode style */

/*** 

====================================================================
	Circular Graphs Section style
====================================================================

***/

.btn-theme-light:hover{
	background:#06557a;
	color:#ffffff !important;
	border-color:#06557a !important;	
}

.btn-theme-one{
	position:relative;
	padding:12px 25px;
	line-height:24px;
	text-transform:uppercase;
	background:#06557a;
	color:#ffffff !important;
	font-size:14px;
	border:1px solid #06557a !important;
	border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
}

.btn-theme-one:hover{
	background:#ffffff;
	color:#06557a !important;
	border-color:#06557a !important;	
}

.btn-theme-two{
	position:relative;
	padding:12px 25px;
	line-height:24px;
	text-transform:uppercase;
	background:#ffffff;
	color:#06557a !important;
	font-size:14px;
	border:1px solid #06557a !important;	
	border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
}

.btn-theme-two:hover{
	background:#06557a;
	color:#ffffff !important;
	border-color:#06557a !important;	
}

.btn-theme-seven:hover{
	background:#06557a;
	color:#ffffff !important;
	border-color:#ffffff !important;	
}

/*** 

====================================================================
	Progress Boxes style
====================================================================

***/

.progress-column.clr-blue .inner-box{
	border-top-color:#06557a;
}

.progress-column .inner-box .top-icon{
	position:absolute;
	right:25px;
	top:-16px;
	width:25px;
	height:25px;
	background:#ffffff;
	color:#ffffff;
	text-align:center;
	line-height:19px;
	border-radius:50%;
	border:3px solid #06557a;
	z-index:1;
}

.progress-column.clr-blue .inner-box .top-icon{
	border-color:#06557a;
	background:#06557a !important;
	transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
}



.progress-column.clr-blue h3{
	color:#06557a;
}

.progress-column .text{
	font-size:15px;
	text-align:justify;
}

/*** 

====================================================================
	Progress Levels Section
====================================================================

 ***/

.progress-levels .progress-box .bar .bar-fill{
	position:relative;
	width:0px;
	height:7px;
	background:#06557a;
	border-radius:3px;
}

.progress-levels .progress-box .percent{
	position:absolute;
	right:0px;
	width:50px;
	top:-10px;
	letter-spacing:1px;
	font-size:14px;
	color:#06557a;
}

.default-line-left{
	width:80px;
	height:3px;
	margin:10px 0px 20px;
	background:#06557a;	
}

.default-line-centered{
	width:80px;
	height:3px;
	margin:10px auto 10px;
	background:#06557a;	
}

/*** 

====================================================================
	Tabs Box Style
====================================================================

 ***/
 
.tabs-box .tab-buttons .tab-btn.active{
	background:#06557a;
	color:#ffffff;
}

/*** 

====================================================================
	Accordion Box Style
====================================================================

 ***/
 

.accordion-box .accordion .acc-btn .toggle-icon{
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	width:30px;
	height:30px;
	line-height:26px;
	text-align:center;
	border:2px solid #06557a;
	color:#06557a;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
}

.accordion-box .accordion .acc-btn.active{
	color:#06557a;	
}

/*** 

====================================================================
	Process Section
====================================================================

 ***/

.process-column .icon-outer{
	position:relative;
	max-width:140px;
	max-height:140px;
	margin:0 auto;
	border:3px solid #06557a;
	color:#d0d0d0;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.process-column:hover .icon-outer{
	background:#06557a;
	color:#ffffff;
	border-color:#06557a;	
}

.process-column .icon-outer .step-count{
	position:absolute;
	right:-20px;
	top:20px;
	width:40px;
	height:40px;
	display:block;
	line-height:40px;
	color:#ffffff;
	font-size:16px;
	background:#06557a;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.process-column:hover .icon-outer .step-count{
	background:#ffffff;
	color:#06557a;	
}

/*** 

====================================================================
	Alert Boxes style
====================================================================

***/

/* FAQ PAGE */
/*** 

====================================================================
	Accordions style
====================================================================

***/


.accordion-box .block .acc-btn{
	border: 1px solid #06557a;
	color:#1c1c1c;
	cursor:pointer;
	font-size:16px;
	padding: 12px;
	position:relative;
}


/*Accordion Style Two*/


/* Custom Code*/

.header-call-info{
font-family: "Montserrat";
text-align: right;
color: #ffffff; 
font-size: 13px;
display:inline-block;
}

.header-call-phonenumber{
font-weight: bold;
font-family: "Montserrat";
text-align: right;
color: #ffba15; 
font-size: 26.315px;
display:inline-block;
padding:1px;
}


.header-call-image{ 
background: url("../../uploads/2017/12/icon-callcenter.png") no-repeat;
background-size: 31px 28px;
width: 31px; /* Width of new image */
height: 20px; /* Height of new image */
display:inline-block;
padding-top:1px;
}

.header-rectangle_1 {
  color: #05254D; 

}


.header-rectangle_2 {
  color: #557AF5; 
 
}
.our-services-style-title{
  font-size: 32px;
  font-family: "Montserrat";
  color: rgb(255, 186, 21);
  font-weight: 600;
  line-height: 1.2;
  text-align: left;

}
.our-services-style-sub-title{
  font-size: 31.381px;
  font-family: "Montserrat";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}


.contact_girl_image_jpg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 3483px;
  height: 10267px;
  z-index: 232;
}
.Layer_12 {
  background-image: url("../../uploads/2018/01/contact-girl-image.jpg");
  position: absolute;
  left: 1079px;
  top: 5607px;
  width: 1049px;
  height: 893px;
  z-index: 231;
}

.featured-three-column .inner-box .content {
    position: relative;
    padding: 0px 10px 10px;
}
.img {
    vertical-align: middle;
    width: 100%;
}


/* Custom Trevor */

.img_caption {
    position: fixed;
    position: absolute;
    background-image: url("../hopemedical/images/50percent.png");
    padding: 6px;
    color: #fff;
    text-align: left;
    /* border-bottom-right-radius: 12px; */
    /* position: static; */
    bottom: 1px;
    left: 70%;
}

#box-container {
margin-top: 30px;
}

.row {
	margin-right: -55px;
    margin-left: -55px;
	
}

.row1 {
	margin-right: -55px;
    margin-left: -55px;
	margin-top: 125px;
}

.row4 {
	margin-right: -55px;
    margin-left: -55px;
	margin-top: 80px;
}
.ws_row{
	margin-top: 60px;
}

.featured-three-column.style-two {
    padding: 10px 0px 0px;
    margin-top: -90px;
}

body {
    /* padding: 20px; */
   background:#f2f8fa;
}

.main-footer .footer-upper{
	position:relative;
	padding:100px 0px 20px;
	background: #05254d;
}

.footer-bottom {
    position: relative;
    background: #041830;
    border-top: 1px solid #3a3a3a;
    padding: 25px 0px;
    font-size: 13px;
    text-align: center;
}

.main-footer .social-links a {
    position: relative;
    display: inline-block;
    margin: 0px 5px 3px 0px;
    width: 32px;
    height: 32px;
    line-height: 30px;
    color: #ffffff;
    border: 1px solid #999999;
    background: #041830;
    font-size: 13px;
    text-align: center;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}
.main-footer .contact-info .info-number {
    font-size: 18px;
    color: #ffba15;
}
FooterEmail {
    text-decoration: none;
    cursor: pointer;
    color: #ffba15;
}



.form_contact
{
	width:689px;
	margin-bottom:20px;
	margin-left: 10%;
}

.form_contact_1
{
	width:689px;
	margin-bottom:20px;
	
}

.form_contact h2
{
	font-size:20px;
}

.form_contact_top
{
	background:#ffffff url(images/bg_form_contact_top.png) no-repeat 0 0;
	width:689px;
	height:4px;
}

.form_contact_bottom
{
	background:#ffffff url(images/bg_form_contact_bottom.png) no-repeat 0 0;
	width:689px;
	height:4px;
}

.form_contact_middle
{
	background:#ffffff url(images/bg_form_contact_repeated.png) repeat-y 0 0;
	    /* width: 639px; */
	padding:20px 25px;
}

.bluetop
{
	background:#ffffff url(images/bg_form_contact_required_top.png) no-repeat 0 0;
}

.bluerepeated
{
	background:#ffffff url(images/bg_form_contact_required_repeated.png) repeat-y 0 0;
}

.bluebottom
{
	background:#ffffff url(images/bg_form_contact_required_bottom.png) no-repeat 0 0;
}

.form_main
{
	margin:20px 0 0 0;
}

.gap12
{
	clear:both;
	width:100%;
	height:12px;
}

.form_main label
{
	font-weight:bold;
	margin:0 0 6px 0;
	display:block;
	color:#000;
}

.form_main textarea
{
	width:96%;
	height:90px;
	padding:3px;
	border:1px solid #95bae3;
	position:relative;
}

.fcol2 select {
    border: 0 none;
    height: 37px;
    padding: 9px;
    position: relative;
    width: 272px;
}


#followupform input[type="text"]
{
width: 273px;
height: 37px;
padding: 3px 25px 3px 5px;
border: 0;
}


#followupform .fcoltiny input[type="text"] {
width: 80px;
height: 38px;
padding: 3px;
border: 0;
}




.fcol2
{
	width:291px;
	position:relative;
}

.fcol2 input[type="text"]
{
	width:261px;
	height:31px;
	padding:3px 25px 3px 10px;
	border:0;
	font-size:14px;
	font-family:'belgrano';
}

.fcol2 input[type="text"]:focus {
	background:url(images/bg_form_contact_blue.png) no-repeat 0 0;
	/*border:1px solid blue;*/
}

#f_dob_month:focus, #f_dob_day:focus, #f_dob_year:focus {
	background:url(images/bg_form_contact_blue_small.png) no-repeat 0 0;
}

.fcoltiny
{
	width:80px;
	margin-right:17px;
}

.fcoltiny input[type="text"]
{
	width:74px;
	height:31px;
	padding:3px;
	border:0;
}

.fblue
{
	background:url(images/bg_form_contact_blue.png) no-repeat 0 0;
}

.fgreen
{
	background:url(images/bg_form_contact_green.png) no-repeat 0 0;
	width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;

    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}

.fred
{
	background:url(images/bg_form_contact_red.png) no-repeat 0 0;
}

.txtred
{
	color:#E6292C;
}

.fnormal
{
	background:url(images/bg_form_contact_normal.png) no-repeat 0 0;
}

.fntiny
{
	background:url(images/bg_form_contact_normal_tiny.png) no-repeat 0 0;
}

.fcolfull
{
	width:639px;
	position:relative;
}


.btn_submit
{
	text-indent:-10000px;
	background:#ffffff url(https://www.thewatershed.com/wp-content/themes/hopemedical-child/images/btn_submit.png) no-repeat 0 0;
	width:306px;
	height:42px;
	margin-top:7px;
	display:block;
}

.btn_submit_small
{
	text-indent:-10000px;
	background:#ffffff url(https://www.thewatershed.com/wp-content/themes/hopemedical-child/images/btn_submit_small.png) no-repeat 0 0;
	width:167px;
	height:42px;
	margin-top:7px;
	display:block;
}


.btn_contact
{
	background:transparent url(images/btn_contact_left.png) no-repeat 0 0;
    display: block;
  
    font: normal 12px arial, sans-serif;
    
    padding-left: 18px; /* sliding doors padding */
    text-decoration: none;;
}
.btn_contact:hover
{
	 background-position: bottom left;
	     outline: none; /* hide dotted outline in Firefox */
}

.btn_contact span
{
		background:transparent url(images/btn_contact_a.png) no-repeat top right;
    display: block;
  
    font: normal 12px arial, sans-serif;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;;
}
.btn_contact:hover span
{
	 background-position: bottom right;
	     outline: none; /* hide dotted outline in Firefox */
}

.btn_contact span abbr
{
    background: transparent url(images/btn_contact.png) repeat-x;
    display: block;
   line-height: 39px;
padding: 5px 0 8px 4px;
	  color: #fff !important;
	font-size:20px;
	font-family: 'belgrano';
}

.btn_contact:hover span abbr
{
	 background-position: bottom left;
	 padding: 5px 0 8px 4px;
	 
}

.tooltips
{
	height:45px;
	z-index:9;
	display:none;
}

.tooltips_left
{
	background:url(images/bg_tooltips_left.png) no-repeat 0 0;
	width:26px;
	height:45px;
	float:left;
}

.tooltips_body
{
	line-height:35px;
	background:url(images/bg_tooltips.png) repeat-x 0 0;
	height:35px;
	padding:5px 0;
	float:left;
}

.tooltips_right
{
	background:url(images/bg_tooltips_right.png) no-repeat 0 0;
	width:11px;
	height:45px;
	float:left;
}


.field_error{display:none;}

.field_error span
{
	font-size:16px;
	color:#ffffff;
	line-height:16px;
	background:url(images/icon_error.png) no-repeat right 2px;
	padding:0 20px 0 0;
	float:left;
	display:block;
}





.get_help_contact ul#subGetHelp input[type="text"], .get_help_contact ul#subLovedOne #yourphonenumber {
    background: url("https://www.thewatershed.com/wp-content/themes/hopemedical-child/images/bg_field_get_help.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 16px;

    margin-bottom: 10px;
    padding: 8px;
    width: 286px;
}

.get_help_contact ul#subLovedOne input[type="text"] {
    background: url("images/bg_field_loved_one.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 28px;
    line-height: 28px;
    margin-bottom: 10px;
    padding: 2px 3px;
    width: 135px;
}

.btn_get_help_now
{
    background  : url("https://www.thewatershed.com/wp-content/themes/hopemedical-child/images/btn_get_help.png") no-repeat scroll 0 0 transparent;
    border      : 0 none;
    cursor      : pointer;
    display     : block;
    font-size   : 14px;
    font-weight : bold;
    height      : 36px;
    margin-bottom: 9px;
    padding-bottom: 6px;
    width       : 292px;
}



.twocol_main {
    padding-top: 15px !important;
}
.twocol_main {
    width: 689px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.thankyou {
    margin-bottom: 20px;
    margin-left: 50px;
}
.float_right {
    float: right;
}
.contact_info {
    background: url(../hopemedical/images/bg_cc_divider.png) no-repeat 0 0;
    padding: 7px 0 0 20px;
    height: 44px;
}
label{color:#000;float:none}legend{color:#555}.clear{clear:both;width:100%}.clear1{clear:both;width:100%;height:1px;display:block}.float_left{float:left}.float_right{float:right}.nodisplay{display:none!important}.nobg{background:none!important}.noborder{border-bottom:0!important;border-left:0!important;border-right:0!important;border-top:0!important}.nomargin{margin-bottom:0!important;margin-left:0!important;margin-right:0!important;margin-top:0!important}

/* testimonials */

.testimonials .title
{
	font-family: 'Belgrano';
	font-size:18px;
	line-height:18px;
	padding:0px 0px 6px 25px !important;
	margin-bottom:15px !important;
}

.testimonials .text-entry
{
	margin-bottom:30px;
}

.testimonials div.text-title
{
	font-size:15px !important;
	padding-bottom:6px !important;
}

.ul SubMenu{
	 color: #888888;
    font-size: 14px;
    font-weight: 500;
    padding-left: 20px;
    position: relative;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    width: 87%;
    display: inline-block;
}


.subpage-menu{ width: 100%; float: left; }
.subpage-menu ul{ width: 100%; float: left; padding: 0; margin: 0; list-style: none; }
.subpage-menu ul li{ width: 100%; float: left; padding: 0; margin: 0; }
.subpage-menu ul li a{ display: block; font-size: 18px; text-decoration: none; padding: 10px 20px; }
.subpage-menu ul li a:hover{ text-decoration: underline; }
.subpage-menu ul ul li a{ font-size: 15px; padding: 10px 20px 10px 40px; }
.subpage-menu ul ul ul li a{ font-size: 13px; padding: 10px 20px 10px 60px; }



#mod_email {
background-image: url("https://www.thewatershed.com/wp-content/themes/hopemedical-child/images/lp2_contact_bkgd.jpg");

background-image:none;
background-color:#a2c450;
border:1px solid #63892a;
border-radius:10px;

background-size:100% 100%;
background-repeat: no-repeat;
height: 360px;
margin: 0 auto;
position: relative;
width: 280px;
}

#mod_title
{
	color: #303030;
	display: block;
	font-family: Belgrano,'Patua One',Belgrano,georgia;
	font-size: 30px;
	font-weight: 400;
	position: relative;
	top: 16px;
	/* left: 26px; */
	/* width: 900px; */
	left:0px;
	padding-left: 33px;
}




#mod_email input[type=text],
#subGetHelp li {
	width:100%;
	display:block;
	float:left;
}

.get_help_contact ul#subGetHelp input[type="text"], .get_help_contact ul#subLovedOne #yourphonenumber {
width: 100%;
}

div.get_help_contact {
left: 18px;
position: absolute;
top: 95px;
width: 266px;
}

.get_help_contact ul li ul#subGetHelp {
left: 0px;
position: absolute;
top: 52px;
width: 260px;
}

.btn_get_help_now {
background: url("images/button.png") no-repeat scroll 0 0 transparent;
border: 0 none;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: bold;
height: 42px;
margin-bottom: 9px;
padding-bottom: 6px;
width: 230px;
text-transform: uppercase;
text-indent: -1000px;
background-size:100% auto;
}


.get_help_contact ul li ul#subLovedOne {
left: 0px;
position: absolute;
top: 56px;
width: 230px;
}

#subLovedOne input[type=text],
#subLovedOne li
{
	width:100% !important;
	display:block !important;
	float:left !important;
}

#subLovedOne input[type=text]
{
	
}

.get_help_contact ul#subLovedOne input[type="text"],
.get_help_contact ul#subLovedOne #yourphonenumber,
.get_help_contact ul#subGetHelp input[type="text"],
.get_help_contact ul#subGetHelp #yourphonenumber {
background-image:none;
	background-color:#fff;
	border-radius:5px;
	border:1px solid #000;
height: 28px;
line-height: 28px;
margin-bottom: 10px;
padding: 6px;
width: 230px;
}



#privacy-box
{
	width: 248px !important;
	margin-bottom:10px !important;
}

#privacy-box a
{
	position: relative;
	left: 61px;
}

div.get_help_contact {
    left: 18px;
    position: absolute;
    top: 95px;
    width: 266px;
}

.btn_for_myself {
    
	background: #2A6881;
     -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
     -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
     box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	
    color: #3A6600 !important;
    font-size: 13px;
    font-weight: bold;
    padding-top: 9px;
    text-align: center;
    width: 125px;
	height: 25px;
}

.btn_for_myself, .btn_loved_one {
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    text-indent: -9999px;
    text-transform: uppercase;
}
.get_help_contact ul li ul#subGetHelp {
    left: 0px;
    position: absolute;
    top: 52px;
    width: 260px;
}
.mod_title {
    color: #303030;
    display: block;
    font-family: Belgrano,'Patua One',Belgrano,georgia;
    font-size: 30px;
    font-weight: 400;
    position: relative;
    top: 16px;
    left: 45px;
    width: 900px;
}
.btn_for_myself, .btn_loved_one {
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    text-indent: -9999px;
    text-transform: uppercase;
}
.get_help_contact ul#subGetHelp input[type="text"], .get_help_contact ul#subGetHelp #yourphonenumber {
    background-image: none;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #000;
    height: 28px;
    line-height: 28px;
    margin-bottom: 10px;
    padding: 6px;
    width: 230px;
}

.get_help_contact ul li ul#subLovedOne {
    left: 0px;
    position: absolute;
    top: 56px;
    width: 230px;
}

.get_help_contact ul li ul#subLovedOne {
    visibility: hidden;
}
.btn_loved_one {
    background: #2A88AD;
     padding: 8px 20px 8px 20px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     color: #fff;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
     font: normal 30px 'Bitter', serif;
     -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
     -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
     box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
     border: 1px solid #257C9E;
     font-size: 15px;
}
span.callus {
    right: 30px;
    top: -16px;
    position: relative;
    font-size: 15px;
    /* font-family: Belgrano,'Patua One'; */
    left: 20px;
    top: -7px;
    color: blue;
}

.callus {
    float: left !important;
    display: block;
    margin: 40px 0px 20px 16px;
}


.rightcolumn_LP {
    float: left;
    width: 100%;
    padding-right: 30px;
    padding-left: 50px;
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	background:#06427A;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  SECTIONS - Dennis  */
.SmallTopTitle{
      font-family:Montserrat,semibold;
        font-weight: 800;
        font-size: 18.8px;
        color:grey;
        line-height:20px;
        text-align:center;
}
.TopTitle{
      font-family:Montserrat;
        font-weight: 900;
        font-size: 32.8px;
        color:#06427a;
        line-height:14px;
text-align:center;}

.TopTitleText{
      font-family:Montserrat;
        font-weight: 400;
        font-size: 18px;
        color:#06427a;
        line-height:36px;
text-align:center;}

.call_button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 19px;
    border: 1px solid #18364c;
    border-radius: 8px;
    background: #2d668e;
    background: -webkit-gradient(linear, left top, left bottom, from(#2d668e), to(#18364c));
    background: -moz-linear-gradient(top, #2d668e, #18364c);
    background: linear-gradient(to bottom, #2d668e, #18364c);
    text-shadow: #0e202d 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.call_button:hover,
.call_button:focus {
    border: 1px solid ##1c4059;
    background: #367aaa;
    background: -webkit-gradient(linear, left top, left bottom, from(#367aaa), to(#1d415b));
    background: -moz-linear-gradient(top, #367aaa, #1d415b);
    background: linear-gradient(to bottom, #367aaa, #1d415b);
    color: #ffffff;
    text-decoration: none;
}
.call_button:active {
    background: #18364c;
    background: -webkit-gradient(linear, left top, left bottom, from(#18364c), to(#18364c));
    background: -moz-linear-gradient(top, #18364c, #18364c);
    background: linear-gradient(to bottom, #18364c, #18364c);
}
.call_button:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -2px;
    background: url("data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaaycayaaadgdz34aaadgeleqvriizwvtwyuvrsgn/fodx1axrau2ozgodaiqe0bereukaxgxdiqpsakwbivpagxk+lceitunk4nsd1g00idmcy0adwokqsli0yzfqgkib1bc6u/zmxx8d355pt2wu3zzju5333poe/5uwidgzr/eyjwbtygogxwagjxx3kgc0wcy4blncnsr8mjmuqt053a+0cfphj0zckxdmcsaiwdwyoz7pknhzz84hfkcsebjywlmqp5t6owio/kyzpmgrpflcxrd4/2hjxuffk7wkes0gfpxx8zg2vevwgktmtz2hjs6o2vf1zrqk5wxpcewau0ntkqstawelwwhha6thwbrjlia35zutrmue1zary6bjwx2txg78ir3tmkusv9lqk/wo8dduleeaanpc1bmcrlmfo9z2bmzm5jvbb3rdhnvlzzihjzuadnqqqar/e2svioypc37ozpw0scwhg4zkaxaxuqfjfajmzr+s+dh8elcuk8/0rtieh/iyxiql8thc77lydecphaxfglm+pbn69xyos298b4idm4gblmfhtsadou3lrp3wtlmbm523e5fpshfvnu/2bgnwnakkiscfgmjfkmewnjtdwl2dzqvymjfaqtjmhhjeorsvxw8z4zf95jw12cgz6dxcqfgd7sjteeg5yppqvkd1tfyto+++43fpzwelq1gcgdu0glhaja0nx0dbft0zzyufv7eqzcib34+lsvs+refiejiyngrql+vx6tnt2p0/5yip6djexosjlz387u5q08t6urlwkj2xulbmpsbwdzxhtazlhtzo+ycrqanonwyqsffxwj/pwcjakel3q0k4whw8zjvprus0wwiescsqem+zw7vil/62jx/qkem19eyio7w6ncmewwmym7o7dgismkbmnxw+vearxjqgfu0bxsntihnwxn4uock9lzdj3zru+edirx4cofkkivlgjgs1iuatmb0uv5l4koia6bwi4yistlrcw+acdvub1w/qobzao9i5numbcbhiambyxogsivvv6+3mdmsgzvjgs6ryhyhtqtmwrgsjmvqvjxwvytw8lgomxyapmvqpboncuywgedwcer34aorbuptfqweymwr9/nhksmg7innz/urjwgjlue/dos2wye/aidvdcnsnqb/caryb/q6o/vafcvznbycct9khm2js+/bkavoyvb2f0aaaaasuvork5cyii=") no-repeat left center transparent;
    background-size: 100% 100%;
}
.chat_button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 19px;
    border: 1px solid #18364c;
    border-radius: 8px;
    background: #2d668e;
    background: -webkit-gradient(linear, left top, left bottom, from(#2d668e), to(#18364c));
    background: -moz-linear-gradient(top, #2d668e, #18364c);
    background: linear-gradient(to bottom, #2d668e, #18364c);
    text-shadow: #0e202d 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
	margin-left:200px;
}
.chat_button:hover,
.chat_button:focus {
    border: 1px solid ##1c4059;
    background: #367aaa;
    background: -webkit-gradient(linear, left top, left bottom, from(#367aaa), to(#1d415b));
    background: -moz-linear-gradient(top, #367aaa, #1d415b);
    background: linear-gradient(to bottom, #367aaa, #1d415b);
    color: #ffffff;
    text-decoration: none;
}
.chat_button:active {
    background: #18364c;
    background: -webkit-gradient(linear, left top, left bottom, from(#18364c), to(#18364c));
    background: -moz-linear-gradient(top, #18364c, #18364c);
    background: linear-gradient(to bottom, #18364c, #18364c);
}
.chat_button:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -2px;
     background: url("data:image/png;base64,ivborw0kggoaaaansuheugaaabgaaaaycayaaadgdz34aaadvkleqvriizwvwu9cvrtgf999m0xnkgkgwesj2ianfcynxbkxtrcmlqbpckajqx8a7kyjriwl00h1yyyburamjcz1ymxjwl0q0yskitzcaqsieioxdqjyfqe4zmw7lt6bnzmig57kjd87995z7/3od88ru9jq5smq1we2idhu0au0h8mrwc1gdmgybuf87+ed42jh4femdwhvaiclxsrhrgkrazgvgc+a4zhe7swag5z9cga5whngq0lpzedhlcomknwqxgasaypfrhh0/zd6ophuw/a3gu8kpym45f1l2cjfvrvgskt86uw8ote+myzwrdexk5wrvbnsauh1bgy0pupob0rrmizjjb5s5llc3ed+5haykcw8hrzyos/n3qvgi4pczn+sldyzfflr0pdg5wdb6gh+dcciv5nhg8yvrhntjkv2r1x1bszwmi6o9huvklcl+1xsf2u+jjyzpv/iu8q9ry3lf30yu78zdxetym9mlyrecyeuowlmqsindjalgohpi+aemdx8yk4m9lrxsckffx7glbkddmxaukwck3ao+rpa8vxwyukrnbthz4m+rlbkfpmfykc/exynnfkebkzr0pcigkqi2ao3ncrob0yvoqrcj5xbv+lqmng2pxkl0syyuj3pzdvznxficw37k+x/wncza5qreiyh6jxvqwv84gysdhd2bjh/49l8emxa8jkf0ncv6txstbhmoqe1ntphnqmpnn3ssx9/zfleeks3yyuyscj4ostbfpyhw4xinvlcbvmiz8/zh1svlmpzevrfscavg0xhxnzsnsrzjidml3hudgenofqm7jhglkopbjjh1znzfvlj9t+raohektdms0gufauucblzqcysuabqxyl6lnw3y/w5jfwaj8w34/rceh9/p4ss9cf6csng3ydjvxd69t+fdqkobycla1e8wftscjcxfgmzkokyyxgc54lc+gzc/has8cx7ekl0smbafnwkji9dqcp2ohsy/uauoz7zmxsucps8397may92k8sxudg+xck6w4vvywgpc5udsaychentxnqayscalmwx5b4igzyjrr6bvnpjlg95ld9y54orpwtb43vvtiqu+8bgqbtfwtz3n6nmdjuzxygzssmx8ijp+as3wfe9ll4x+cvkmd9goelunbjbrqjeunslzx32kvdr9t5qwhbkerdabppkrt/upcaog5rs6pl0icq54fs56duo0+3/np1ko/vvnplpapqbe0anccacxgbukhhdgr9bek/3ur3j/anrktzqipk+qaaaaabjru5erkjggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}

.IconStyle{
    color:gray; 
    font-size: 22px; 
    vertical-align:middle;
}

    .SubTitleStyle{
        vertical-align: middle;
        font-family:PT Sans;
        font-weight: 700;
        padding-left:5px;
        font-size: 22px;
        color:grey;
        line-height:1.5em;
    }
        
        .ColorLightBlue{color:#5398c7;}
        .ColorRed{color:red;}
        .ColorOrange{color:orange;}
        .ColorGrey{color:#515050;}
        .ColorDarkBlue{color:#06427a;}