/*
Theme Name: Eightmedi Lite
Theme URI: https://8degreethemes.com/wordpress-themes/eightmedi-lite/
Author: 8Degree Themes
Author URI: https://8degreethemes.com/
Description: EightMedi Lite is free responsive medical WordPress theme ideal for creating websites for doctors, surgeons, medical personnels, health centres, hospitals, clinics, pharmacies etc. EightMedi Lite comes with a lot of awesome of features: Clean and elegant design, Full-width or Boxed layout, Beautifully designed homepage sections - Featured posts section, News/blog section, Appointment form section, Team section , Slider options, Sidebar options, Social icons, Google fonts, Header configuration, Advanced typography, etc. See Demo here : https://8degreethemes.com/demos/?theme=eightmedi-lite . Need Support : support@8degreethemes.com
Version: 2.1.6
Tested up to: 5.6
Requires PHP: 5.6
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: eightmedi-lite
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,grid-layout,flexible-header,custom-background,featured-image-header,footer-widgets,full-width-template,threaded-comments,theme-options,e-commerce,rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

EightMedi Lite is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	background-color: #fff;
	margin: 0;
	font-family: 'Roboto', sans-serif; 
	font-weight: 300;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

p{
	margin: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
	line-height: 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 0.8em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #fff;
	border-radius: 0;
	background: #5cbbcb;
	box-shadow: 0 0 0 0 #5cbbcb;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: inherit;
	padding: 10px 20px;
	text-shadow: none;
	margin-left: 6px;
	margin-top: 6px;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #0173ac;
	box-shadow: 0 0 0 5px #0173ac;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	box-shadow: 0 0 0 5px #0173ac;
	background: #0173ac;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #003871;
	text-decoration: none;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
}

a:visited {
	color: #003871;
}

a:hover,
a:focus,
a:active {color:gray !important;
	
}





/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after, 
.ed-container:before,
.ed-container:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after, 
.ed-container:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}
.widget.widget_recent_entries ul li {
	padding: 5px 0;
}
.widget.widget_recent_entries ul li a {
	padding: 0;
}
.widget .post-date {
	font-size: 13px;
	font-style: italic;
}
.tagcloud a {
	font-size: 16px !important;
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #eee;
	margin-bottom: 5px;
}
.tagcloud a:hover {
	border-color: #5bdafe;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 10px 0 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-item a::before {
	color: #fff;
	content: "\f00e";
	font-family: fontawesome;
	font-size: 2em;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	visibility: hidden;
	z-index: 1;
}
.gallery-item a:hover::before {
	opacity: 1;
	filter: alpha(opacity= 100);
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transition-delay: 0.25s;
	-webkit-transition-delay: 0.25s;
	visibility: visible;
}

.gallery-item a::after {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	visibility: hidden;
	width: 100%;
}
.gallery-item a:hover::after {
	opacity: 1;
	visibility: visible;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*---------------------------------------------------
GLOBAL CSS
----------------------------------------------------*/
.ed-container {
	margin: 0 auto;
	width: 1170px;
}
.btn-wrapper {
	margin-top: 20px;
}
a.btn {
	background: #5cbbcb;
	color: #fff;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	border: 1px solid transparent;
	box-shadow: 0 0 0 0 #5cbbcb;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
}
a.btn:hover {
	border: 1px solid #fff;
	box-shadow: 0 0 0 5px #5cbbcb;
}
h1.page-title, .sidebar .widget-title {
	margin-top: 0;
   font-family: "Roboco", Sans-serif;
    font-weight: bold;
    font-size: 38px;
    /* background: #c6ecff; */
    padding: 30px 15px;
    line-height: 20px;
    color: #003871;
    margin-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}
h1.page-title:after, .sidebar .widget-title:after {
	content: "";
	border-bottom: 15px solid #70c0e8;
	border-left: 15px solid transparent;
	position: absolute;
	bottom: 0;
	right: 0; 
}

.edit-link, .reply {
	display: block;
	margin: 10px;
}
.edit-link a, .reply a, .entry-footer .edit-link a, .entry-footer .reply a {
	background: #5cbbcb;
	color: #fff;
	padding: 5px 15px;
	border: 1px solid transparent;
	box-shadow: 0 0 0 0 #5cbbcb;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
}
.edit-link a:hover, .reply a:hover, .entry-footer .edit-link a:hover, .entry-footer .reply a:hover, .entry-footer span a.post-edit-link:hover {
	border-color: #fff;
	box-shadow: 0 0 0 5px #5cbbcb;
}
.entry-title {
	margin: 0;
	font-size: 20px;
}
.entry-title a:hover {
	color: #5cbbcb;
}
.entry-summary {
	margin-top: 5px;
}
.entry-footer span {
	margin-right: 15px;
	padding-right: 15px;
	position: relative;
}
.entry-footer span:after {
	content: "|";
	position: absolute;
	bottom: 0;
	right: 0;
}
.entry-footer span:last-child:after {
	content: "";
}
.entry-footer span a {
	color: #646464;
}
.entry-footer .cat-links a:hover, .entry-footer .comments-link a:hover {
	color: #5cbbcb;
}
.nav-links {
	margin: 20px 0;
}
.nav-links a {
	display: inline-block;
	background: #5cbbcb;
	color: #fff;
	font-size: 20px;
	position: relative;
}
.nav-links .nav-previous a {
	float: left;
	padding: 10px 25px 10px 35px;
}
.nav-links .nav-next a {
	padding: 10px 35px 10px 25px;
}
.nav-links a:hover {
	background: #0074af;
}
.nav-links .nav-previous a:before, .nav-links .nav-previous a:after {
	content: "\f104";
	font-family: fontawesome;
	position: absolute;
	top: 20%;
	left: 15px;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.nav-links .nav-previous a:hover:after {
	left: 5px;
	opacity: 0;
}
.nav-links .nav-next a:before, .nav-links .nav-next a:after {
	content: "\f105";
	font-family: fontawesome;
	position: absolute;
	top: 20%;
	right: 15px;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.nav-links .nav-next a:hover:after {
	right: 5px;
	opacity: 0;
}
.entry-meta {
	font-size: 13px;
	font-style: italic;
}
.entry-meta a:hover {
	color: #5cbbcb;
}
.widget_search .search-field {
	width: 98%;
}
#es-top::after {
	content: "\f0aa";
	font-family: fontawesome;
	font-size: 2.5em;
	color: #87e8ff;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
#es-top:hover:after {
	color: #0074ac;
}
#es-top {
	bottom: 0;
	position: fixed;
	cursor: pointer;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}

/*-----------------------------------------------------
COMMENT SECTION
------------------------------------------------------*/
.comment-respond {
	background: #eee;
	padding: 20px;
	margin-bottom: 50px;
}
.comment-reply-title, .comments-title {
	font-family: 'Roboto', sans-serif; font-weight: 600;
	font-size: 22px;
	margin-bottom: 0;
}
h2.comments-title {
	margin-bottom: 20px;
}
.logged-in-as a {
	color: #777;
	font-style: italic;
}
.logged-in-as a:hover {
	color: #5cbbcb;
}
ol.comment-list, ol.children {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
ol.children {
	margin-top: 30px;
	margin-left: 10px;
}
ol.comment-list li {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}
ol.comment-list li:last-child {
	border-bottom: none;
}
b.fn {
	vertical-align: top;
	margin-left: 5px;
}
b.fn a.url {
	vertical-align: top;
}
span.says {
	vertical-align: top;
}
.comment-meta:before, .comment-meta:after {
	content: "";
	display: table;
	clear: both;
}
.comment-author {
	display: inline-block;
	padding-right: 20px;
	width: 45%;
}
.comment-metadata {
	display: inline-block;
	text-align: right;
	width: 54%;
	vertical-align: top;
}
.comment-metadata a {
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
}
.comment-metadata a:hover {
	color: #5cbbcb;
}
.comment-metadata span.edit-link {
	display: inline-block;
}
.comment-metadata span.edit-link a:hover {
	color: #fff;
}
.comment-content p {
	margin-bottom: 10px;
}
p.comment-form-author, p.comment-form-email, p.comment-form-url {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	padding-right: 20px;
}
.both-sidebar p.comment-form-author, .both-sidebar p.comment-form-email, .both-sidebar p.comment-form-url {
	padding-right: 0;
	width: 100%;
}
p.comment-form-url {
	padding-right: 0;
}
p.comment-form-comment {
	padding-right: 3%;
}
p.comment-form-comment textarea {
	background: #fff;
}
.comment-respond form.comment-form input[type="text"], .comment-respond form.comment-form input[type="email"],
.comment-respond form.comment-form input[type="url"] {
	width: 100%;
}
.comment-respond form.comment-form label {
	display: block;
}
.comment-respond form.comment-form label span.required {
	color: red;
	font-size: 18px;
}
p.comment-awaiting-moderation {
	margin-bottom: 0;
	font-size: 14px;
	font-style: italic;
	margin-top: 10px;
	color: #5cbbcb;
}

/*----------------------------------------------------
TOP HEADER SECTION
----------------------------------------------------*/
.top-header {
	background: #5cbbcb;
	font-size: 14px;	
	position: fixed;
    z-index: 1000;width: 100%;
}
.ed-container-home {
	margin: 0 auto;
	width: 1270px;
}

.top-header .header-callto .callto-left, .top-header .header-callto .callto-right{
	display: inline-block;
	color: #fff;
}
.top-header .callto-left {
	padding: 10px;
}
.top-header .callto-left a {
	display: inline-block;
	padding-right: 5px;
	position: relative;
}
.top-header .callto-left a:first-child {
	padding-left: 0;
}
.top-header .callto-left a:hover {
	color: #6accfd;
}
.top-header .header-callto .callto-right{
	float: right;
}
.callto-right .cta a {
	color: #fff;
	display: inline-block;
	padding: 10px 5px;
}
.callto-right .cta a:hover {
	background: #1e7aa8;
}
.callto-right .header-social.social-links .social-icons a {
	background: #5cbbcb none repeat scroll 0 0;
	color: #fff !important;
	display: inline-block;
	padding: 10px;
	text-align: center;
	vertical-align: top;
	font-size:34px !important;
}
.callto-right .header-social.social-links .social-icons a:hover {
	background: #1e7aa8;
}
.cta, .header-social, .header-search{
	display: inline-block;
	vertical-align: middle;
}
.header-search{
	position: relative;
}

.header-search > .fa {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	line-height: 21px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: top;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.header-search > .fa:hover {
	background: #1e7aa8;
}
.header-search .search-form {
	background: #fff;
	z-index: 2;
	display: none;
	position: absolute;
	width: 400px;
	padding: 15px;
	right: 0;
	border: 1px solid #ccc;
	top: 103%;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: none;
}
.header-search .search-form label {
	display: inline-block;
	vertical-align: middle;
	width: 78%;
}
.header-search input.search-field {
	box-sizing: border-box;
	height: 40px;
	vertical-align: middle;
	width: 100%;
}
.header-search .search-submit {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: none;
	color: #5cbbcb;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	text-shadow: none;
	vertical-align: middle;
	width: 20%;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.header-search .search-submit:hover {
	background: #5cbbcb none repeat scroll 0 0;
	border-color: #5cbbcb;
	box-shadow: none;
	color: #fff;
}

/*-----------------------------------------------
BOTTOM HEADER SECTION
------------------------------------------------*/
header#masthead {
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 1px solid #f3f3f3;
}
.site-branding .site-logo {
	margin-right: 5px;
}
.site-branding h1.site-title {
	font-family: 'Roboto', sans-serif; 
	font-weight: 600;
	line-height: 28px;
}
.site-branding, nav.main-navigation{
	display: inline-block;
	vertical-align: middle;
}
.site-branding {
	width: 30%;
	padding-top: 15px;
	padding-bottom: 10px;
}
.site-branding .site-logo, .site-branding  .site-text{
	display: inline-block;
	vertical-align: middle;
}
h1.site-title, .site-description {
	margin: 0;
}
.site-branding p.site-description {
	font-size: 13px;
}

/*----------------------------------------------
MAIN NAVIGATION
-----------------------------------------------*/
nav#site-navigation {
	width: 69%;
	text-align: right;
}
button.menu-toggle {
	display: none;
}
.main-navigation ul, .main-navigation .nav-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.main-navigation .nav-menu li {
	display: inline-block;
	font-size: 20px;
	position: relative;
}
.main-navigation .nav-menu li a {
	display: inline-block;
	padding: 31px 15px;
	vertical-align: middle;
	font-weight: 800;
}
.main-navigation .nav-menu li:last-child a {
	padding-right: 0;
}
.main-navigation .nav-menu li.menu-item-has-children a {
	padding-right: 15px;
}
.main-navigation .nav-menu li:hover a, 
.main-navigation .nav-menu li.current-menu-item a, 
.main-navigation .nav-menu li.current_page_item a {
	color: #5cbbcb;
}
.main-navigation .nav-menu li.current-menu-item a, 
.main-navigation .nav-menu li.current_page_item a {
	font-family: 'Roboto', sans-serif; 
	line-height: 20px;
}
.main-navigation .nav-menu > li.menu-item-has-children:after {
	content: "\f0d7";
	font-family: fontawesome;
	position: absolute;
	right: 3px;
	top: 33px;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
	font-size: 12px;
}
.main-navigation .nav-menu > li.menu-item-has-children:hover:after,
.main-navigation .nav-menu > li.current-menu-item.menu-item-has-children:after, 
.main-navigation .nav-menu > li.current_page_item.menu-item-has-children:after {
	color: #5cbbcb;
}
.main-navigation .nav-menu > li.menu-item-has-children:before {
	content: "";
	border-bottom: 8px solid #5cbbcb;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	bottom: 0;
	z-index: 1;
	left: 20%;
	opacity: 0;
	visibility: visible;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.main-navigation .nav-menu > li.menu-item-has-children:hover:before {
	opacity: 1;
	filter: Alpha(opacity= 100);
	visibility: visible;
}
.main-navigation .nav-menu li .sub-menu, .main-navigation .nav-menu li .children {
	position: absolute;
	z-index: 9999;
	width: 200px;
	text-align: left;
	background: #5cbbcb;
	left: 0;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.main-navigation .nav-menu li:nth-last-child(2) .sub-menu, .main-navigation .nav-menu:nth-last-child(2) li .children,
.main-navigation .nav-menu li:last-child .sub-menu, .main-navigation .nav-menu:last-child li .children {
	left: inherit;
	right: 0;
}
.main-navigation .nav-menu li:hover > .sub-menu, .main-navigation .nav-menu li:hover > .children {
	opacity: 1;
	filter: Alpha(opacity= 100);
	visibility: visible;
}
.main-navigation .nav-menu li .sub-menu li, .main-navigation .nav-menu li .children li {
	display: block;
	padding: 0;
	line-height: 20px;
	font-size: 16px;
	font-weight: 400;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.main-navigation .nav-menu li .sub-menu li.menu-item-has-children:after, 
.main-navigation .nav-menu li .children li.menu-item-has-children:after {
	content: "\f0da";
	font-family: fontawesome;
	position: absolute;
	right: 10px;
	top: 11px;
	color: #fff;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.main-navigation .nav-menu li .sub-menu li:hover, 
.main-navigation .nav-menu li .children li:hover {
	background: #003871;
}
.main-navigation .nav-menu li.current-menu-item .sub-menu li a, 
.main-navigation .nav-menu li.current_page_item .sub-menu li a,
.main-navigation .nav-menu li.current-menu-item .children li a, 
.main-navigation .nav-menu li.current_page_item .children li a {
	font-family: 'Open Sans', sans-serif; 
	font-weight: 400;
}
.main-navigation .nav-menu .sub-menu li.current-menu-item a, 
.main-navigation .nav-menu .sub-menu li.current_page_item a,
.main-navigation .nav-menu .children li.current-menu-item a, 
.main-navigation .nav-menu .children li.current_page_item a{
	background: #1576a6;
}
.main-navigation .nav-menu li .sub-menu li a, 
.main-navigation .nav-menu li .children li a {
	padding: 10px;
	width: 100%;
	color: #fff;
	border-bottom: 1px solid #1576a6;
}
.main-navigation .nav-menu li .sub-menu li.menu-item-has-children a, 
.main-navigation .nav-menu li .children li.menu-item-has-children a {
	padding-right: 25px;
}
.main-navigation .nav-menu li .sub-menu li:last-child > a, 
.main-navigation .nav-menu li .children li:last-child > a {
	padding-bottom: 10px;
	border-bottom: none;
}
.main-navigation .nav-menu li:hover .sub-menu li a, 
.main-navigation .nav-menu li:hover .children li a {
	color: #fff;
}
.main-navigation .nav-menu li .sub-menu li .sub-menu, 
.main-navigation .nav-menu li .children li .children {
	left: 100%;
	top: 0;
}

/*----------------------------------------------
HOME SLIDER SECTION
-----------------------------------------------*/
#home-slider {
	position: relative;
}
.caption-wrapper {
	position: absolute;
	bottom: 100px;
	left: 0;
	right: 0;
	/*width: 53%;*/
}
.caption-wrapper .em-container {
	margin: 0 auto;
	width: 1170px;
}
.slider-caption {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	padding: 30px;
	width: 70%;
}
.bx-wrapper img {
	margin: 0 auto;
	display: inherit;
}
.slider-title {
	color: #fff;
	display: inline-block;
	font-family: "Open Sans",sans-serif;
	font-size: 35px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 15px;

}
.slider-caption h2 {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	margin: 0;
}
.caption-wrapper p {
	margin-bottom: 0;
	margin-top: 10px;
}
a.slider-btn {
	background: #5cbbcb none repeat scroll 0 0;
	border: 1px solid transparent;
	box-shadow: 0 0 0 0 #107eb5;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin: 6px 0 0 6px;
	padding: 10px 20px;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
}
a.slider-btn:hover {
	background: #107eb5;
	border-color: #fff;
	box-shadow: 0 0 0 5px #107eb5;
}
.home-slider-pointer {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	text-align: center;
	width: 50px;
	height: 50px;
	margin: 0 auto;
}
a.home-slider-pointer.cta-btn {
	width: 240px;
	background: #cc444d;
	line-height: 50px;
	bottom: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
	font-weight: 600;
}
a.home-slider-pointer.cta-btn:hover {
	background: #b2363f;
}
.home-slider-pointer .fa {
	font-size: 3em;
	color: #2b95cc;
	line-height: 20px;
	animation-name: scrolldown;
	-webkit-animation-name: scrolldown;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: Infinite;
	-webkit-animation-iteration-count: Infinite;
}
.home-slider-pointer .fa:hover {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}

@-webkit-keyframes scrolldown {
	25%{
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
	}
	50%{
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}
	75%{
		transform: translateY(15px);
		-webkit-transform: translateY(15px);
	}
	100%{
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
}

@keyframes scrolldown {
	25%{
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
	}
	50%{
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}
	75%{
		transform: translateY(15px);
		-webkit-transform: translateY(15px);
	}
	100%{
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
}

/*-------------------------- SLIDER CONTROL ----------------------*/	
.bx-wrapper {
	overflow: hidden;
	margin-bottom: 0;
}
.bx-wrapper .bx-controls-direction a {
	width: 50px;
	height: 100px;
	text-indent: 60px;
	overflow: hidden;
}
.bx-wrapper .bx-prev:before {
	content: "\f104";
	font-family: fontawesome;
	font-size: 2em;
	color: #fff;
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: -45px;
	line-height: 100px;
}
.bx-wrapper .bx-prev {
	background: rgba(0, 0, 0, 0.5);
	left: -100%;
}
.bx-wrapper:hover .bx-prev {
	left: 0;
}
.bx-wrapper .bx-next:after {
	content: "\f105";
	font-family: fontawesome;
	font-size: 2em;
	color: #fff;
	margin-right: 10px;
	position: absolute;
	top: 0;
	right: 7px;
	line-height: 100px;
}
.bx-wrapper .bx-next {
	background: rgba(0, 0, 0, 0.5);
	right: -100%;	
}
.bx-wrapper:hover .bx-next {
	right: 0;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
	background: rgba(0, 0, 0, 0.75);
}
.bx-wrapper .bx-pager {
	bottom: 10px;
	width: auto;
	right: 170px;
	z-index: 1;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2b95cc;
}

/*------------------------------------------
SLIDER BELOW SECTION
-------------------------------------------*/
#featured-content .ed-container-home {
	width: 100%;
}
.featured-block {
	float: left;
	width: 20%;
	background: #46bddf;
	vertical-align: top;
	text-align: center;
	color: #fff;
	padding: 15px;
	min-height: 280px;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.featured-block.featured-post-2, .featured-block.featured-post-4 {
	background: #4ea1c9; 
}
.featured-block.featured-post-3 {
	background: #fff;
	color: #626364;
}
.featured-block:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.featured-text{
	overflow: hidden;
}
.featured-block a{
	color: #fff;
}
.featured-block.featured-post-3 a {
	color: #626364;
	font-family: 'Roboto', sans-serif; font-weight: 600;
}
.featured-block a figure.featured-image:after {
	content: "";
	background: radial-gradient(rgba(0, 0, 0, 0.35), transparent 50%);
	background: -webkit-radial-gradient(rgba(0, 0, 0, 0.35), transparent 50%);
	background: -moz-radial-gradient(rgba(0, 0, 0, 0.35), transparent 50%);
	background: -ms-radial-gradient(rgba(0, 0, 0, 0.35), transparent 50%);
	background: -o-radial-gradient(rgba(0, 0, 0, 0.35), transparent 50%);
	position: absolute;
	width: 80px;
	height: 10px;
	bottom: 0px;
	left: 0;
	right: 0;
	border-radius: 100%;
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.featured-block:hover a figure.featured-image:after {
	opacity: 1;
	filter: Alpha(opacity= 100);
	visibility: visible;
}
.featured figure.featured-image {
	margin: 0px 0 5px 0;
	position: relative;
}
.featured-image img {
	position: relative;
	z-index: 1;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.featured-block a:hover img {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}
.featured .featured-single-title {
	font-size: 20px;
	font-weight: bold;
	line-height: 27px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.featured-block .featured-content{
	font-size: 13px;
	line-height: 18px;
	overflow: hidden;
}
.featured .featured-block p {
	margin-bottom: 10px;
}
.featured .featured-block table tr {
	height: 30px;
}
.featured-content table td:nth-of-type(odd) {
	text-align: left;
}
.featured-content table td:nth-of-type(even) {
	text-align: right;
}

/*---------------------------------------------
APPOINTMENT SECTION
----------------------------------------------*/
.appointment {
	margin-top: 50px;
}
.title {
	font-family: 'Roboto', sans-serif; 
	font-weight: 600;
	font-size: 30px;
	margin: 0;
	text-align: center;
	color: #646463;
	margin-bottom: 25px;
}
.home-description {
	color: #646463;
	line-height: 30px;
}
.appointment-desc.home-description {
	text-align: center;
	margin-bottom: 40px;
}
.custom-appointment-form {
	margin: 0 auto 0;
	width: 1170px;
	padding-top: 50px;
}
.appointment .custom-form-wrapper {
	box-shadow: none;
	margin-top: 0;
	min-height: 30rem;
}
.appointment .custom-form-wrapper > div{
	background: rgba(255,255,255,0.85);
	padding: 10px;
}
.custom-appointment-form.left .custom-form-wrapper > div {
	float: left;
}
.custom-appointment-form.center .custom-form-wrapper > div {
	float: none;
	margin: 0 auto;
}
.custom-appointment-form.right .custom-form-wrapper > div {
	float: right;
}
.appointment .custom-form-wrapper form input, .appointment .custom-form-wrapper form textarea {
	border-radius: 0;
	border-color: #dadada;
	color: #333;
	background: #fff;
	padding: 10px 20px;
}
.appointment .custom-form-wrapper form input[type='date'] {
	width: 100%;
	border: 1px solid #dadada;
	padding: 10px 20px;
}
.ufbl-default-template .ufbl-form-field-wrap {
	width: 48%;
	padding-right: 3%;
	display: inline-block;
	padding-bottom: 0;
	vertical-align: top;
}
.ufbl-default-template .ufbl-form-field-wrap:nth-of-type(even) {
	padding-right: 0;
}
.appointment .fullwidth {
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
	display: block;
}
.ufbl-default-template .ufbl-form-field-wrap.fullwidth .ufbl-form-field {
	text-align: center;
}
.appointment .ufbl-form-wrapper form input.ufbl-form-submit {
	background: #51b8f2 none repeat scroll 0 0;
	border: 1px solid transparent;
	box-shadow: 0 0 0 0 #5cbbcb;
	color: #fff;
	margin-bottom: 40px;
	margin-left: 0;
	margin-top: 40px;
	text-shadow: none;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
}
.appointment .ufbl-form-wrapper form input.ufbl-form-submit:hover {
	border-color: #fff;
	box-shadow: 0 0 0 5px #5cbbcb;
	background: #5cbbcb;
}

/*--------------------------------------------------------
ABOUT SECTION
---------------------------------------------------------*/
.about figure.about-img {
	margin: 0;
	float: left;
	width: 45%;
	overflow: hidden;
	line-height: 0;
	height: 500px;
}
.about.right figure.about-img {
	float: right;
}
.about .about-content {
	float: right;
	width: 55%;
	background: #5cbbcb;
	overflow: hidden;
	padding: 42px 90px 42px 50px;
	height: 500px;
}
.about.right .about-content {
	float: left;
}
.about h2.title.home-title {
	color: #fff;
	text-align: left;
}
.about .about-excerpt.home-description {
	color: #fff;
}
.about .btn {
	background: #fff;
	color: #5cbbcb;
	padding: 10px 20px;
	margin-left: 6px;
	border: 1px solid transparent;
	box-shadow: 0 0 0 0px #fff;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
}
.about .btn:hover {
	border-color: #5cbbcb;
	box-shadow: 0 0 0 5px #fff;
}

/*------------------------------------------------------
TEAM SECTION
-------------------------------------------------------*/
section.our-team-member {
	margin-top: 50px;
	padding-left: 20px;
	padding-right: 20px;

}
section.our-team-member .title {
	text-align: left;
}
section.our-team-member.fullwidth .title, section.our-team-member.fullwidth .home-description {
	text-align: center;
}
.team-text-wrap {
	float: left;
	width: 50%;
	padding-right: 3%;
}
.our-team-member.fullwidth .team-text-wrap {
	width: 100%;
	padding-right: 0;
	float: none;
	margin-bottom: 20px;
}
.our-team-member p {
	margin-bottom: 0;
}
.team-slider-wrap {
	float: right;
	width: 50%;
}
.our-team-member.fullwidth .team-slider-wrap {
	width: 100%;
	float: none;
}
.team-slider-wrap .bx-wrapper {
	overflow: visible;
}
.team-slider figure.team-image {
	border: 1px solid #ddd;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	overflow: hidden;
	padding: 5px;
	position: relative;
}
.team-slider .team-hover {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #5cbbcb;
	width: 100%;
	padding: 10px;
	color: #fff;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
.team-slider figure.team-image:hover .team-hover {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.team-hover-title {
	font-size: 18px;
	line-height: 20px;
}
.team-hover-text {
	font-size: 14px;
	font-style: italic;
	letter-spacing: 1px;
}
.our-team-member .bx-wrapper .bx-controls-direction a {
	height: 40px;
	width: 40px;
	top: inherit;
	bottom: 0;
	left: -20%;
}
.team-slider-wrap .bx-wrapper a.bx-prev {
	background: none;
}
.team-slider-wrap .bx-wrapper a.bx-next {
	left: -12%;
	right: inherit;
	background: none;
}
.our-team-member.fullwidth .team-slider-wrap .bx-wrapper a.bx-prev {
	left: -2%;
	right: inherit;
	background: none;
	top: 50%;
	border: 1px solid #5cbbcb;
}
.our-team-member.fullwidth .team-slider-wrap .bx-wrapper a.bx-next {
	left: inherit;
	right: -2%;
	background: none;
	top: 50%;
	border: 1px solid #5cbbcb;
}
.team-slider-wrap .bx-wrapper .bx-next:after, .team-slider-wrap .bx-wrapper .bx-prev:before {
	line-height: 40px;
	color: #5cbbcb;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.team-slider-wrap .bx-wrapper .bx-prev:before {
	left: -46px;
}
.team-slider-wrap .bx-wrapper .bx-next:after {
	right: 3px;
}
.our-team-member.fullwidth .team-slider-wrap .bx-wrapper .bx-prev:hover, 
.our-team-member.fullwidth .team-slider-wrap .bx-wrapper .bx-next:hover, 
.our-team-member.halfwidth .team-slider-wrap .bx-wrapper .bx-prev:hover, 
.our-team-member.halfwidth .team-slider-wrap .bx-wrapper .bx-next:hover {
	background: #5cbbcb;
}
.team-slider-wrap .bx-wrapper .bx-next:hover:after, .team-slider-wrap .bx-wrapper .bx-prev:hover:before {
	color: #fff;
}

/*----------------------------------------------
CALL TO ACTION SECTION
-----------------------------------------------*/
.call-to-action {
	margin-top: 50px;
	padding-top: 30px;
	background-color: #46bddf;
}
.call-to-action figure {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	width: 35%;
	line-height: 0;
}
.call-to-action .cta-content-wrap {
	display: inline-block;
	width: 64%;
	vertical-align: middle;
	padding: 0 0 40px 50px;
}
.call-to-action h2.title.home-title {
	color: #fff;
	text-align: left;
}
.call-to-action-desc.home-description {
	color: #fff;
}
.call-to-action .cta-link {
	margin-top: 25px;
	margin-left: 6px;
}
.call-to-action .cta-link a {
	background: #fff;
	color: #5cbbcb;
	font-size: 14px;
	font-weight: 400;
	padding: 10px 20px;
	display: inline-block;
	border: 1px solid transparent;
	box-shadow: 0 0 0 0px #fff;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
}
.call-to-action .cta-link a:hover{
	border: 1px solid #46bddf;
	box-shadow: 0 0 0 5px #fff;
}

/*---------------------------------------------------
LATEST NEWS SECTION
----------------------------------------------------*/
section.latest-news {
	margin-top: 50px;
	padding-left: 20px;
	padding-right: 20px;
}
.latest-news .home-description {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.latest-news .btn-wrapper {
	margin-bottom: 30px;
	text-align: center;
}
.latest-news .btn-wrapper a:hover {
	color: #fff;
}
.news-block {
	display: inline-block;
	width: 33%;
	vertical-align: top;
	padding: 0 15px;
}
.news-block figure.news-image {
	margin: 0 0 20px 0;
	position: relative;
}
.news-block figure.news-image img {
	filter: grayscale(60%);
	-webkit-filter: grayscale(60%);
	-moz-filter: grayscale(60%);
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.news-block figure.news-image:hover img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
}
.latest-news .news-date {
	background: #51b8f2 none repeat scroll 0 0;
	color: #fff;
	left: 0;
	line-height: 1;
	min-height: 68px;
	min-width: 68px;
	padding: 10px;
	position: absolute;
	text-align: center;
	top: 0;
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}
.latest-news .news-date span {
	display: block;
	font-size: 2.2em;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600;
}
.latest-news figure.news-image:hover .news-date {
	background: #1d92d4;
}
.latest-news .news-single-title {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600;
	margin-bottom: 5px;
}
.latest-news .news-single-title a {
	color: #646463;
}
.latest-news .news-single-title a:after {
	display: none;
}
.latest-news .news-single-title a:hover {
	color: #5cbbcb;
}
.latest-news .news-text {
	line-height: 25px;
	color: #646363;
	margin-bottom: 10px;
}
.latest-news a {
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600;
	position: relative;
}
.latest-news a.btn {
	font-weight: 400;
}
.latest-news a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #5cbbcb;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.latest-news a:hover {
	color: #5cbbcb;
}
.latest-news a:hover:after {
	opacity: 1;
	filter: Alpha(opacity= 100);
	visibility: visible;
	bottom: -2px;
}

/*-------------------------------------------------
SPONSERS SECTION
--------------------------------------------------*/
section.our-sponsers {
	margin-top: 50px;
}
.sponsers-block {
	float: none !important;
	display: inline-block;
	vertical-align: middle;
}
.our-sponsers .bx-wrapper .bx-controls-direction a {
	top: 30%;
}
.our-sponsers figure.sponsers-image {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.our-sponsers figure.sponsers-image:hover {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

/*--------------------------------------------------
CALL TO ACTION SMALL SECTION
---------------------------------------------------*/
section.call-to-action-small {
	margin-top: 50px;
	position: relative;
}
.call-to-action-small figure:before {
	background: #46bddf none repeat scroll 0 0;
	content: "";
	height: 70%;
	left: 0;
	position: absolute;
	top: 30%;
	width: 100%;
	z-index: -1;
}
.call-to-action-small figure {
	margin: 0;
	display: inline-block;
	width: 15%;
	vertical-align: middle;
	line-height: 0;
}
.content-wrap {
	display: inline-block;
	width: 84%;
	vertical-align: middle;
	margin-top: 40px;
}
.call-to-action-small h2.title.cta-small-title.home-title {
	display: inline-block;
	width: 79%;
	vertical-align: middle;
	margin-bottom: 0;
	color: #fff;
	line-height: 1.5;
	font-size: 35px;
	font-weight: 700;
}
.call-to-action-small .cta-link-small {
	display: inline-block;
	vertical-align: middle;
	width: 20%;
	text-align: center;
}
.call-to-action-small .cta-link-small a {
	background: #fff;
	color: #46bddf;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	border: 1px solid transparent;
	box-shadow: 0 0 0 0 #fff;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
}
.call-to-action-small .cta-link-small a:hover {
	border: 1px solid #46bddf;
	box-shadow: 0 0 0 5px #fff;
}

/*-----------------------------------------------
GOOGLE MAP SECTION
------------------------------------------------*/
#google-map {
	position: relative;
	line-height: 0;
}
#google-map iframe {
	width: 100%;
	height: 350px;
	border: none;
}
.google-section-wrap.em-container {
	position: absolute;
	top: 40px;
	right: 80px;
	background: rgba(255, 255, 255, 0.8);
	width: 30%;
	padding: 50px 25px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
#google-map .em-contact-address h3 {
	font-family: "Open Sans",sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 25px;
	margin-bottom: 10px;
	margin-top: 0;
}
#google-map .em-contact-address p {
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 0;
}

/*--------------------------------------------------
FOOTER SECTION
---------------------------------------------------*/
.footer-wrap {
	background: #003871 none repeat scroll 0 0;
}
.top-footer {
	padding: 90px 0;
}
.top-footer .widget{
	display: inline-block;
	vertical-align: top;
	width: 24.6%;
	margin-bottom: 0;
	color: #fff;
	padding: 0 15px;
}
.top-footer.columns-3 .widget{
	width: 32.8%;
}
.widget_recent_comments a {
	color: #fff;
}
.top-footer .widget-title {
	color: #fff;
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 22px;
	font-family: 'Roboto', sans-serif; 
	font-weight: 600;
	line-height: initial;
}
.top-footer p {
	margin-bottom: 0;
}
.widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget ul li a {
	display: inline-block;
	width: 100%;
	padding: 5px 0;
	line-height: 20px;
}
.widget ul li a:hover {
	color: #5cbbcb;
}
.main-footer{
	text-align: center;
	background: #003871 ;
	padding-top: 20px;
	padding-bottom: 20px;
}
.site-info {
	color: #fff;
	font-size: 14px;
}
.site-info a, .site-info .sep {
	color: #fff;
}
.site-info a:hover {
	color: #b3eeff;
}
.footer-social.social-links {
	margin-top: 10px;
}
.footer-social a {
	background-color: #fff;
	color: #003871;
	display: inline-block;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	position: relative;
	width: 40px;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
}
.footer-social a:after {
	content: "";
	border-top: 2px solid #005f7a;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
}
.footer-social a:hover {
	background: #b3eeff;
	color: #005f7a;
}
.footer-social a:hover:after {
	width: 100%;
}
.main-footer.layout-1 .ed-container-home {
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
}
.main-footer.layout-1 .site-info, .main-footer.layout-1 .footer-social {
	margin: 0;
}

/*---------------------------------------------
BOXED LAYOUT
----------------------------------------------*/
.boxed-layout {
	width: 1200px;
	margin: 0 auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.boxed-layout div#page {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.boxed-layout .main-navigation .nav-menu li a {
	padding-left: 10px;
	padding-right: 10px;
}
.boxed-layout .main-navigation .nav-menu > li.menu-item-has-children:after {
	right: 0;
}
.boxed-layout .about .about-excerpt.home-description {
	line-height: 20px;
}
.boxed-layout .team-text-wrap, .boxed-layout .team-slider-wrap {
	width: 47%;
}
h2.widget-map-title {
	line-height: 25px;
}

/*------------------------------------------------
LOGO CENTER
-------------------------------------------------*/
.center-align .site-branding {
	width: 100%;
	text-align: center;
	margin: 0 auto; 
	padding-bottom: 0;
}
.center-align nav#site-navigation {
	text-align: center;
	width: 100%;
}
.center-align .main-navigation .nav-menu li a {
	padding-top: 10px;
	padding-bottom: 10px; 
}
.center-align .main-navigation .nav-menu > li.menu-item-has-children::after {
	top: 30%;
}

/*----------------------------------------------
SIDEBAR LAYOUT
-----------------------------------------------*/
#primary.right-sidebar {
	width: 100%;
	padding-right: 3%;
	float: left;
}
#secondary-right {
	width: 25%;
	float: right;
}
#primary.left-sidebar {
	float: right;
	width: 75%;
	padding-left: 3%;
}
#secondary-left {
	width: 25%;
	float: left;
}
#primary.both-sidebar {
	width: 50%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
}

#primary, #secondary-left, #secondary-right {
	margin-top: 50px;
}
.no-margin #primary, .no-margin #secondary-left, .no-margin #secondary-right {
	margin-top: 0;
}

/*-----------------------------------------------
WIDGET LAYOUT
------------------------------------------------*/
.widget_recent_comments a {
	color: #70c0e8;
}
.widget_archive select {
	height: 30px;
	padding: 0 10px;
}
.widget.widget_categories ul li a {
	width: 90%;
	display: inline-block;
}

/*---------------------------------------------
ERROR 404 PAGE
----------------------------------------------*/
body.error404 {
	background: #fbf9fc;
}
.error-404-section {
	margin: 0 auto;
	padding: 0;
	background: url(css/images/error404.png) no-repeat center;
	width: 700px;
	height: 655px;
	position: relative;
} 
.error-404-contain-wrap {
	left: 27%;
	position: absolute;
	top: 32%;
	width: 50%;
}
h2.error-404-title {
	margin: 0;
	font-size: 90px;
	font-family: 'Open Sans', sans-serif; font-weight: 600;
	color: #5cbbcb;
	line-height: 1;
	font-style: italic;
}
h2.error-404-title span {
	display: block;
	font-size: 25px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif; font-weight: 400;
}
.error-404 p {
	margin-bottom: 0;
	color: #777;
	font-size: 16px;
}
.error-404 form.search-form {
	bottom: 35%;
	left: 27%;
	position: absolute;
}
.error-404 input.search-field {
	height: 40px;
	border-color: #e1e1e1;
	padding: 0 10px;
}
.error-404 input.search-submit {
	height: 41px;
	vertical-align: top;
	font-size: 16px;
	text-shadow: none;
	font-family: 'Open Sans', sans-serif; font-weight: 600;
	color: #fff;
	background: #5cbbcb;
	box-shadow: none;
	border: none;
	margin: 0;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.error-404 input.search-submit:hover {
	background: #0773a9;
}

/*-------------------------------------
SEARCH PAGE
-------------------------------------*/
.search.search-results article {
	border-bottom: 3px double #ddd;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.search.search-results .category-news header.entry-header, 
.search.search-results .category-news .entry-content {
	float: none;
	width: 100%;
	padding-left: 0;
}
.search-results article .entry-summary ul {
	margin: 20px 0;
	padding-left: 20px;
}
section.no-results.not-found {
	margin-bottom: 50px;
}
.search-no-results input.search-field {
	height: 50px;
	padding: 0 15px;
	width: 80%;
	border: 7px solid #eee;
	font-size: 18px;
}
.search-no-results .both-sidebar input.search-field {
	width: 69%;
}
.search-no-results input.search-submit {
	height: 64px;
	vertical-align: top;
	border: 7px solid #5cbbcb;
	background: #5cbbcb;
	box-shadow: none;
	text-shadow: none;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	width: 13%;
	margin-top: 0;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.search-no-results input.search-submit:hover {
	background: #0773a9;
	border-color: #0773a9;
}
/*--------------------------------------------
SEARCH RESULT PAGE
---------------------------------------------*/
.search.search-results article {
	border-bottom: 3px double #ddd;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.search.search-results .category-news header.entry-header, .search.search-results .category-news .entry-content {
	float: none;
	width: 100%;
	padding-left: 0;
}

/*-------------------------------------------
ARCHIVE DOCTOR PAGE
--------------------------------------------*/
.category-doctors article {
	display: inline-block;
	width: 31%;
	margin-right: 2%;
	margin-bottom: 40px;
	vertical-align: top;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.category-doctors article:nth-of-type(3n) {
	margin-right: 0;
}
.category-doctors article figure {
	margin: 0 0 20px 0;
	border: 1px solid #ddd;
	line-height: 0;
	position: relative;
	overflow: hidden;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.category-doctors article figure:before {
	content: "";
	border-bottom: 2px solid #5cbbcb;
	position: absolute;
	bottom: 0;
	right: 50%; 
	width: 100px;
	height: 100px;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.category-doctors article figure a:before {
	content: "";
	border-right: 2px solid #5cbbcb;
	position: absolute;
	right: 0;
	bottom: 50%;
	width: 100px;
	height: 100px;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.category-doctors article figure:after {
	content: "";
	border-top: 2px solid #5cbbcb;
	position: absolute;
	top: 0; 
	left: 50%;
	width: 100px;
	height: 100px;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.category-doctors article figure a:after {
	content: "";
	border-left: 2px solid #5cbbcb;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100px;
	height: 100px;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.category-doctors article:hover figure {
	border-color: transparent;
}
.category-doctors article:hover figure:before {
	right: 0;
	opacity: 1;
	filter: Alpha(opacity= 100);
	visibility: visible;
}
.category-doctors article:hover figure:after {
	left: 0;
	opacity: 1;
	filter: Alpha(opacity= 100);
	visibility: visible;
}
.category-doctors article:hover figure a:before {
	bottom: 0;
	opacity: 1;
	filter: Alpha(opacity= 100);
	visibility: visible;
}
.category-doctors article:hover figure a:after {
	top: 0;
	opacity: 1;
	filter: Alpha(opacity= 100);
	visibility: visible;
}
.category-doctors h1.entry-title {
	font-family: 'Roboto', sans-serif; font-weight: 600;
}
.category-doctors .entry-content {
	margin-top: 4px;
}
.category-doctors .entry-content p {
	margin-bottom: 5px;
}
.category-doctors footer.entry-footer {
	font-size: 13px;
}

/*------------------------------------------
CATEGORY NEWS PAGE
-------------------------------------------*/
.category-news article::before, .category-news article::after {
	clear: both;
	content: "";
	display: table;
}
.category-news article {
	border-bottom: 1px dashed #ddd;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.category-news figure {
	float: left;
	width: 30%;
	border: 5px solid #ddd;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
.category-news article:hover figure {
	border-color: #88d7ff;
}
.category-news header.entry-header, .category-news .entry-content, .category-news .entry-footer {
	float: right;
	width: 70%;
	padding-left: 3%;
}
.single .category-news header.entry-header, .single .category-news .entry-content, .single .category-news .entry-footer {
	float: none;
	width: 100%;
	padding-left: 0;
}
.category-news .entry-content {
	margin-bottom: 10px;
}
.category-news #primary.both-sidebar header.entry-header, .category-news #primary.both-sidebar .entry-content, 
.category-news #primary.both-sidebar figure {
	float: none;
	width: 100%;
	padding-left: 0%;
	margin-bottom: 15px;
}
.category-news .entry-content {
	margin-top: 10px;
}

/*------------------------------------------
CATEGORY FEATURE PAGE
-------------------------------------------*/
.category-featured article {
	float: left;
	width: 48%;
	padding: 20px;
	margin-bottom: 30px;
	background: #eee;
	margin-right: 3%;
}
.category-featured article:nth-of-type(even) {
	margin-right: 0;
}
.category-featured figure a{
	background: #5cbbcb;
	min-height: 200px;
	line-height: 0;
	text-align: center;
	margin-bottom: 15px;
	display: inline-block;
	width: 100%;
	border: 1px solid transparent;
	box-shadow: 0 0 0 0 #5cbbcb;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
}
.category-featured figure a:hover {
	border-color: #fff;
	box-shadow: 0 0 0 5px #5cbbcb;
}

/*------------------------------------
INNER CONTACT PAGE
-------------------------------------*/
.ufbl-form-wrapper.ufbl-default-template {
	box-shadow: none;
	padding: 0;
}
.wpcf7-form p {
	display: inline-block;
	width: 73%;
	padding-right: 20px;
	vertical-align: top;
}
.both-sidebar .wpcf7-form p {
	width: 100%;
	padding-right: 0;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
	width: 100%;
}
.wpcf7-form p.form-textarea {
	width: 100%;
}

/*--------------------------------------
SINGLE PAGE
---------------------------------------*/
.single figure {
	margin-bottom: 30px;
	text-align: center;
}
.single article.category-featured figure {
	background: #5cbbcb none repeat scroll 0 0;
	line-height: 200px;
	min-height: 200px;
}
.single .category-news .entry-content{
	float: none;
	width: 100%;
	padding-left: 0;
}
.single .category-news figure {
	float: none;
	width: 100%;
}
.menu-menu-1-container{
	display: none;
}
.em-contact-address {
	line-height: 1.5;
}

/** Woocommerce color */
.woocommerce ul.products li.product .price {
	color: #70c0e8;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #5cbbcb;
}






*{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h1{
  
  font-family: 'Roboto';
  font-weight: normal;
  color: #444;
  text-align: center;
  margin: 2rem 0;
}

.wrapper{
  width: 90%;
  margin: 0 auto;
  max-width: 80rem;
}

.cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.col{
  width: calc(25% - 2rem);
  margin: 1rem;
  cursor: pointer;
}

.container{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
}

.front,
.back{background: #cedce7;
  background-size: cover;
	background-position: center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	
		text-align: center;
	min-height: 220px;
	height: auto;
	border-radius: 10px;
	color: #fff;
	font-size: 1.5rem;
}

.back{
  background: -webkit-linear-gradient(45deg,  #cedce7 0%,#5EB1C3 100%);
  background: -o-linear-gradient(45deg,  #cedce7 0%,#5EB1C3 100%);
  background: linear-gradient(45deg,  #cedce7 0%,#5EB1C3 100%);
  
}



.front:after{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
   	
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
.container:hover .front,
.container:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 120%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0.4rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
	
}

.inner1{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0.8rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
	
	
}

.container .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.container:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.container:hover .inner {display:none}

.front .inner p{
  font-size: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

.front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
	
	
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.front .inner span{
  color: rgba(255,255,255,0.7);
  
  font-weight: 300;
}

@media screen and (max-width: 64rem){
  .col{
    width: calc(33.333333% - 2rem);
  }
}

@media screen and (max-width: 32rem){
  .col{
    width: calc(50% - 2rem);  margin-top: 2.8rem;
  }
}




/*мобильные вертуши*/

.col1{
  width: calc(25% - 2rem);
  margin: 0.5rem;
  cursor: pointer;
}


.front1,
.back{background: #cedce7;
  background-size: cover;
	background-position: center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	
		text-align: center;
	min-height: 220px;
	height: auto;
	border-radius: 10px;
	color: #fff;
	font-size: 1.2rem;
}

.back{
  background: -webkit-linear-gradient(45deg,  #cedce7 0%,#5EB1C3 100%);
  background: -o-linear-gradient(45deg,  #cedce7 0%,#5EB1C3 100%);
  background: linear-gradient(45deg,  #cedce7 0%,#5EB1C3 100%);
  
}



.front1:after{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
   	
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
.container:hover .front1,
.container:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 120%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0.4rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
	
}

.inner1{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0.8rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
	
	
}

.container .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}


.container .front1{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.container:hover .front1{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.container:hover .inner {display:none}

.front1 .inner p{
  font-size: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
}

.front1 .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
	
	
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.front1 .inner span{
  color: rgba(255,255,255,0.7);
  
  font-weight: 300;
}

@media screen and (max-width: 64rem){
  .col1{
    width: calc(33.333333% - 1rem);
  }
}

@media screen and (max-width: 32rem){
  .col1{
    width: calc(49% - 1rem);  margin-top: 4.1rem;
  }
}
/*конец мобильных вертушек






/*Time for the CSS*/
* {margin: 0; padding: 0;}


.slider{
	width: 280px; /*Same as width of the large image*/
	height:510px;
	position: relative;
	/*Instead of height we will use padding*/
	padding-top: 495px; /*That helps bring the labels down*/
	
	margin: 10px auto;
	
	/*Lets add a shadow*/
	
}


/*Last thing remaining is to add transitions*/
.slider>img{
	position: absolute;
	left: 0;right: 0; top: 0;
	transition: all 0.5s;
}

.slider input[name='slide_switch'] {
	display: none;
}

.slider label {
	/*Lets add some spacing for the thumbnails*/
	margin: 22px 0 18px 18px;
	border: 3px solid #999;
	
	float: left;
	cursor: pointer;
	transition: all 0.5s;
	
	/*Default style = low opacity*/
	opacity: 0.6;
}

.slider label img{
	display: block;
}

/*Time to add the click effects*/
.slider input[name='slide_switch']:checked+label {
	border-color: #666;
	opacity: 1;
}
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.slider input[name='slide_switch'] ~ img {
	opacity: 0;
	transform: scale(1.1);
}
/*That hides all main images at a 110% size
On click the images will be displayed at normal size to complete the effect
*/
.slider input[name='slide_switch']:checked+label+img {
	opacity: 1;
	transform: scale(1);
}
/*Clicking on any thumbnail now should activate the image related to it*/

/*We are done :)*/




.atuin-btn1 {
   
	width:200px;
   position: relative;
    text-decoration: none;
   left:0;right:0;
    font-size: 20px;
    line-height: 20px;
    padding: 12px 30px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    background: #003871;
    cursor: pointer;
    border: 2px solid white;
    outline: 1px solid;
    outline-color: #003871;
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); border-radius:10px;
}
.atuin-btn1:hover,
.atuin-btn1:active,
.atuin-btn1:focus {
    box-shadow: inset 0 0 20px #BFE2FF;
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
    color: #FFF;
	border-radius:10px;
}



.atuin-btntop {
   
	width:150px;
  
    text-decoration: none;
   left:0;right:0;
    font-size: 16px;
    line-height: 10px;
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    background: #003871;
    cursor: pointer;
    border: 2px solid white;
    outline: 1px solid;
    outline-color: #003871;
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); border-radius:10px;
}
.atuin-btntop:hover,
.atuin-btntop1:active,
.atuin-btntop:focus {
    box-shadow: inset 0 0 20px #BFE2FF;
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
    color: #FFF;
	border-radius:10px;
}




/*Контактная форма)*/
.leia-princess {
width: 100%;
/*ширина всего блока, для отдельного поля можно задать свою ширину в стилях ниже*/
margin-top: 0px;
border-radius: 10px;
text-align: center;	
}
.magistr-yoda {
padding: 10px 29px;
border-radius: 10px;
margin-top: 0px;
}
 
/*Стили для полей имя и почта*/ .magistr-yoda input {
height: 38px;
background-color: #f7f7f7;
border-radius: 10px;

width: 100%;
font-size: 16px;
line-height: 16px;
letter-spacing: .03em;
padding:10px;
}
 
/*Стили для текстового поля*/
.magistr-yoda textarea {

width: 100%;
height: 68px;
border-radius: 10px;
border-width: 1px;
border-style: solid;
border-color: #ddd;
background-color: #f7f7f7;  
font-size: 16px;
line-height: 16px;
letter-spacing: .03em;padding:10px;
}
 
/*стили для поля телефон*/
.magistr-yoda input[type=tel] {
height: 38px;
border-radius: 10px;
border-width: 1px;
    border-style: solid;
    border-color: #ddd;
color: #818181;
   
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: .03em;padding:10px;
}
 


.atuin-bt input[type=submit]{
    display: inline-flex !important;
	position: relative !important;
    text-decoration: none !important;
    font-size: 20px !important;
    line-height: 20px !important;
    padding: 10px 29px !important;
    color: #FFF !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    background: #003871 !important;
    cursor: pointer !important;
    border: 2px solid white !important;
    outline: 1px solid !important;
    outline-color: #003871 !important;
    outline-offset: 0px !important;
    text-shadow: none !important;
    transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1) !important; border-radius:10px !important;
	text-align:center !important;
}
.atuin-bt input[type=submit]:hover,
.atuin-bt input[type=submit]:active,
.atuin-bt input[type=submit]:focus {
    box-shadow: inset 0 0 20px #BFE2FF !important;
    outline-color: rgba(255, 255, 255, 0) !important;
    outline-offset: 15px !important;
    color: #FFF !important;
	border-radius:10px !important;
}

.atuin-btn {
    display: inline-flex !important;
    margin: 15px !important;
    text-decoration: none !important;
    left:0;right:0 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    padding: 12px 30px !important;
    color: #FFF !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    background: #003871 !important;
    cursor: pointer !important;
    border: 2px solid white !important;
    outline: 1px solid !important;
    outline-color: #003871 !important;
    outline-offset: 0px !important;
    text-shadow: none !important;
    transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1) !important; border-radius:10px !important;
}
.atuin-btn:hover,
.atuin-btn:active,
.atuin-btn:focus {
    box-shadow: inset 0 0 20px #BFE2FF;
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px !important;
    color: #FFF !important;
	border-radius:10px !important;
}


.days{ float:left;margin-left:10px;font-size:30px}
.tel{float:left;margin-left:180px;font-size:26px}

@media screen and (max-width: 32rem){
  .days{
    margin-left:30px;font-size:30px;clear:both;
  }
}

@media screen and (max-width: 32rem){
  .tel{
    margin-left:0px;font-size:16px;
  }
}

@media screen and (max-width: 32rem){
  .atuin-bt{
    font-size:12px;
  }
}
@media screen and (max-width: 32rem){
.atuin-bt input[type=submit]{
     padding: 10px 29px;margin-left:30px}}


.table_blur {
  background: #f5ffff;
  border-collapse: collapse;
  text-align: left;
}
.table_blur th {
  border-top: 1px solid #777777;	
  border-bottom: 1px solid #777777; 
  box-shadow: inset 0 1px 0 #999999, inset 0 -1px 0 #999999;
  background: linear-gradient(#9595b6, #5a567f);
  color: white;
  padding: 10px 15px;
  position: relative;
}
.table_blur th:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 25%;
  height: 25%;
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.08));
}
.table_blur tr:nth-child(odd) {
  background: #5cbbcb;
}
.table_blur th:first-child {
  border-left: 1px solid #777777;	
  border-bottom:  1px solid #777777;
  box-shadow: inset 1px 1px 0 #999999, inset 0 -1px 0 #999999;
}
.table_blur th:last-child {
  border-right: 1px solid #777777;
  border-bottom:  1px solid #777777;
  box-shadow: inset -1px 1px 0 #999999, inset 0 -1px 0 #999999;
}
.table_blur td {
  border: 1px solid #e3eef7;
  padding: 10px 15px;
  position: relative;
  transition: all 0.5s ease;
}
.table_blur tbody:hover td {
 
  text-shadow: 0 0 3px #a09f9d;
}
.table_blur tbody:hover tr:hover td {
  
  text-shadow: none;
}

.tlp-portfolio-detail-wrap .tlp-portfolio-image {
	flex: 0 0 0% !important;}

.tlp-portfolio-detail-wrap .portfolio-detail-desc h2 {display:none !important;}

.portfolio-feature-img img {display:none !important;}
.tlp-portfolio-detail-wrap ul.single-item-meta li{display:none !important;}

.entry-footer {display:none !important;}

.entry-content {display:none !important;}



@media (max-width: 768px){
.header-search {display:none}
.social-icons {display:none}
.cta,.days {display:none}
	.callto-left {font-size:12px !important;}
}

.qvesh {font:size:16px !important;
color:white !important;}

a .adet{font-size:16px !important;color:black !important;font-weight:800 !important}

a .Quix_615f59dd0023a_branding {display:none !important;}



/*------Эффект для рубрики-------*/

/* Общие стили */
*, *:after, *:before { 
	border-box; 
	box-sizing: border-box; 
}
.clearfix:before, .clearfix:after { 
	content: ''; 
	display: table; 
}
.clearfix:after { 
	clear: both; 
}
.hover-text-one {
	overflow: hidden;
	margin: 0px;
	width: 100%;height:400px;
	list-style: none;
	text-align: center; float:left;
}



.hover-text-one figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	background: #527c82;
	text-align: center;
	cursor: pointer;  border-radius: 15px 100px 15px 100px;
}
.hover-text-one figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}
.hover-text-one figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 22px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.hover-text-one figure figcaption::before,
.hover-text-one figure figcaption::after {
	pointer-events: none;
}
.hover-text-one figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hover-text-one figure h3 {
	word-spacing: -0.15em;
	font-weight: 300;
}
.hover-text-one figure h3 span {
	font-weight: 800;
}
.hover-text-one figure h3,
.hover-text-one figure p {
	margin: 0;line-height:85%;
}
.hover-text-one figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Эффект при наведении */
figure.effect-text-three {
	background: #003871;
}

figure h3 {color:white !important; }

figure.effect-text-three img {
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transform: scale(1.1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-text-three:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-text-three figcaption {
	text-align: left;
}
figure.effect-text-three h3 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}
figure.effect-text-three h3::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
color:white !important; 
}
figure.effect-text-three:hover h3::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-text-three p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);color:white !important; 
}
figure.effect-text-three:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


@media (max-width: 2600px) and (min-width: 980px) {
  .telmob {
    display:none;
  }
}
   
@media screen and (max-width: 980px) {
  .top-header {
     display:none;
  }
}

@media screen and (max-width: 1210px) {
    .ed-container, .ed-container-home, .custom-appointment-form, .caption-wrapper .em-container {
       
        position: fixed;
        z-index: 1000;
        height: 130px;
        background-color: white;
	}}

@media (max-width: 2600px) and (min-width: 980px) {
header#masthead {
	padding-top: 100px;}}