/*
Theme Name: drvaldez
Author: EEWS (Eastern-European Web Solutions)
Version: 1.0
Text Domain: drvaldez
*/

body, html {
	margin: 0 !important;
	padding: 0 !important;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #403F3F;
}

h1, h2, h3 {
	font-family: 'Open Sans', sans-serif;
	color: #3d3d3d;
}

.notvisible{
	visibility: none;
}

.modal-backdrop.in {
	opacity: 0.2 !important;
}

p {
	margin-bottom: 2em;
}

a, a:visited {
	text-decoration: none;
	color: #3498db;
}

a:hover {
	text-decoration: underline;
	color: #3498db;
}

.content a, .sidebargallery a {
	color: #403F3F;
	text-decoration: underline;
}

.content a:hover, .sidebargallery a:hover {
	color: #403F3F;
	text-decoration: none;
}

.alignleft {
	float: left;
	margin: 0.5em 1em 1em 0px;
}

.alignright {
	float: right;
	margin: 0.5em 0px 1em 1em;
}

.topheader {
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 1px solid #DDDDDD;
	margin-top: 20px;
}

.container-fluid {
	padding-left: 50px;
	padding-right: 50px;
}

.topcontact li {
	display: inline-block;
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #DDDDDD;
	color: #797979;
	font-size: 12px;
	font-weight: bold;
}

.fa {
	font-size: 16px;
}

.fa-facebook:hover, .topsociallist a:hover .fa-facebook:hover {
	color: #3B5998;
}
.fa-google-plus:hover, .topsociallist a:hover .fa-google-plus:hover {
	color: #dd4b39;
}

.fa-twitter:hover, .topsociallist a:hover .fa-twitter:hover {
	color: #4099FF;
}
.fa-foursquare:hover, .topsociallist a:hover .fa-foursquare:hover {
	color: #3498db;
}


.topsociallist li {
	display: inline-block;
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #DDDDDD;
	color: #797979;
	font-size: 12px;
	font-weight: bold;
}

.topsociallist a {
	color: #797979;
}

.topcontact li:last-child {
	border: none;
}

.topsociallist li:last-child {
	border: none;
	margin-right: 0px;
	padding-right: 0px;
}

.topsocial {
	float: right;
	margin: 0px;
	padding: 0px;
}

.whyvaldez div {
	background: #ffffff; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);	-webkit box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5); max-width: 650px;
}

.whyvaldez > div > img {
	padding: 10px;
}

@media only screen and (min-width : 768px){
/* Gallery modal */
	.main-top img {
		border: 10px solid #fff;
		box-shadow: 0px 0px 10px #222;
		margin: 10px;
		max-width: 45%;
		display: inline-block;
	}
/* End of Gallery modal */
/* Gallery patient list page */
	.case-thumbs img {
		max-width: 145px;
	}
/* End of Gallery patient list page */

/* Dropdown menu */
	.dropdown-menu {
		min-width: 265px;
	}

	.nav {
		display: inline-block;
		list-style-type: none;
		padding-left: 0px;
		padding-right: 0px;
		float: right;
	}

	.nav > li {
		display: inline-block !important;
		line-height: 20px;
		padding: 0px 0px 10px 0px;
		margin: 30px 0px 0px 0px;
	}

	.nav > li > a {
		display: block;
		border-radius: 3px;
		height: 32px;
		text-decoration: none;
		line-height: 32px;
		padding: 0 6px !important;
		font-family: 'Roboto Slab';
		font-weight: normal;
		color: #000000;
	}

	.nav > li:hover > a, .nav > li > a:hover {
		background-color: #2977ab !important;
		color: #FFFFFF;
		padding: 0 6px;
	}

	.navbar {
		margin-bottom: 0;	
	}
	
	ul.nav li:hover ul {
		display: block;
	}

	ul.nav ul,
	ul.nav li:hover ul ul,
	ul.nav li:hover ul ul ul {
		position: absolute;
		display: none;
	}
	ul.nav li:hover ul,
	ul.nav ul li:hover ul,
	ul.nav ul ul li:hover ul {
		display:block;
		top:0px;
		left: 100%;
	}

	ul.nav li:hover ul {
		display:block;
		position:absolute;
		left:0;
		border-width: 5px;
		border-color: rgba(0, 0, 0, 0.4);
		border-style: solid;
		border-radius: 0px 0px 3px 3px;
		-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
		animation: uk-slide-top-fixed 0.2s ease-in-out;
		  margin-top: 0;
		  margin-left: 0;
		  margin-right: 0;
		background: rgba(0,0,0,0.8);
		color: #444;
		width: 220px;
		padding: 15px;
		top: 100%;
	}	

	ul.nav ul > li:last-child a,
	ul.nav ul.sub-menu li:only-child ul > li:last-child a { 
		background: transparent url('img/dropdown.png') left bottom no-repeat;
		border-bottom: none;
	}

	ul.nav ul > li:last-child a:hover,
	ul.nav ul.sub-menu li:only-child ul > li:last-child a:hover {
		background: transparent url('img/dropdown.png') -231px 0 no-repeat;
	}

	ul.nav ul li > a,
	ul.nav ul.sub-menu li:only-child li a {
		font-size: 14px;
		color: #3498db;
		background: transparent;
		padding-left: 10px;
		text-align: left;
		border-radius: 3px;
	}

	ul.nav li.current_page_item > a, ul.nav li.current-menu-ancestor > a, ul.nav li.active > a {
		background-color: #3498db;
		color: #fff;
	}

	.dropdown-menu li a:hover, .dropdown-menu > li:hover > a {
		color: #fdfafa !important;
		background: #297bb3 !important;
	}

	.caret  {
		display: none;
	}

	ul.nav li.current_page_item > a:after, ul.nav li.current-menu-ancestor > a:after, ul.nav li.active > a:after {
		content: "";
		position: absolute;
		bottom: -6px;
		left: 50%;
		width: 0px;
		height: 0px;
		margin-left: -5px;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 7px solid #3498db;
	}
	.dropdown-menu {
		border-width: 5px;
		border-color: rgba(0, 0, 0, 0.4);
		border-style: solid;
		border-radius: 0px 0px 3px 3px;
		-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
		animation: uk-slide-top-fixed 0.2s ease-in-out;
		  margin-top: 0;
		background: rgba(0,0,0,0.8);
		color: #444;
		width: 220px;
		padding: 15px;
	}
	
	.topcontact, .topsociallist, .langsel {
		display: inline-block;
		margin-bottom:20px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.langsel {
		margin-left: 250px;
	}

	.langsel li {
		display: inline;
	}

	.langsel li img {
		width: 22px;
	}

	.langbox {
		position: absolute;
		right: 15px;
		height: 25px;
	}
}

.header-bottom {
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
	-webkit box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
	position: relative;
	border: none;
	z-index: 999;
	padding-left: 50px;
	padding-right: 50px;
}

.logobox, .menu {
	margin: 0px;
	padding: 0px;
}

.footerlogo {
	float: left;
	height: 35px;
	clear: both;
	margin-top: 20px;
	margin-left: -8px;
}

.headerlogo {
	width: 300px;
	padding-top: 15px;
	float: left;
}

.logobox a:nth-child(2) > img {
	max-height: 50px;
	float: left;
	margin: 15px 0 0 10px;
}

.navbar .navbar-toggle .icon-bar {
	background-color: #000000 !important ;
}

.navbar-toggle {
	float: left;
}

.carousel-inner > .item > img {
	width: 100%;
}

.carousel-text {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFF;
	text-align: center;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}

img {
	box-sizing: border-box;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0px none;
}

img.thedoctor {
	margin-right: 20px;
	margin-top: 10px;
	z-index: 6;
	position: relative;
}

div.gallery_link {
	padding: 2em 3em 3em;
	color: #012339;
	margin-bottom: 2em;
}

.gallery_link p {
	margin-right: 240px;
}

.gallery_link h3 {
	font-size: 30px;
}

.gallery_link a {
	color: #FFFFFF;
	text-decoration: underline;
}

.gallery_link a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.gallery_link .btn {
	background-color: #3498db;
	color: #FFFFFF;
}

.testimonials-widget-testimonial .image {
	float: left;
	margin-bottom: 0.4em;
	margin-right: 0.4em;
}

.testimonials-widget-testimonial img {
	border-radius: 50%;
	height: 90px;
	width: 90px;
}

.testimonial img {
	border-radius: 50%;
	height: 150px;
	width: 150px;
	float: left;
	margin-right: 10px;
}

.testimonials-widget-testimonial blockquote::after {
	content: "...";
	content: close-quote;
}

.testimonials-widget-testimonial blockquote {
	border-left: none;
	padding: 0;
}

#aboutdoctor {
	background-color: #F5F5F5;
	padding-right: 50px;
	padding-left: 50px;
}

.ringy {
	position: absolute;
	top: 40px;
	right: 40%;
}

#popups {
	padding-bottom: 30px;
	padding-top: 30px;
}

#imageline {
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
	-webkit box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	position: relative;
	max-width: 1200px;
}

#imageline .row img {
	height: 205px;
	width: 205px;
}

#imageline .row > div {
	padding-right: 10px;
	padding-left: 0;
}

#imageline .row div:nth-child(1) img {
	padding-left:10px;
}

#imageline .row div:last-child img {
	padding-right:5px;
}


#anotherCarousel .row {
	overflow: hidden;
	display: inline-block;
}

#three-column {
	padding-bottom: 30px;
}

#three-column h1 {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 26px;
}

#three-column .contact  .btn-default{
	background-color: #a6a6a6;
	color: #FFFFFF;
	text-transform: uppercase;
	border-radius: 0px;
}

#three-column .contact textarea.wpcf7-textarea {
	height: 100px;
}

#three-column blockquote {
	font-size: inherit;
}

#tagline {
	text-align: center;
	background-color: #dadada;
}

#footer {
	/*background-image: url('images/denim.png');*/
	background-color: #212631;	
	padding-top: 30px;
	padding-bottom: 30px;
}

#footertwo {
	background-color: #121212;
	text-align: center;
	color: #999999;
	padding-top: 30px;
	padding-bottom: 30px;
}

#footertwo .credits {
	font-size: 12px;
	color: inherit;
	float: left;
	clear: left;
}

#footer .first .footermenu {
	float: left;
}

#footer .second .footermenu {
	float: left;
}

#footer a:hover {
	color: #62c0ff;
}

.footermenu {
	display: inline-block;
	list-style: none;
	float: left;
	margin-bottom: 20px;
}

.footermenu li {
	display: inline-block;
}

.footermenu a {
	color: inherit;
}

.footermenu {
	color: inherit;
}

.footermenu a:hover, .footermenu li:hover {
	color: #62c0ff;
	text-decoration: underline;
}

.footermenu > li:nth-child(n+2) {
	margin-left: 10px;
}

.footermenu > li:nth-child(n+2):before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	border-left: 1px solid #dddddd;
	height: 10px;
}

.footermenu > li:first-child a:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	color: inherit;
	padding-right: 5px;
	content: "\f015";
	display: inline-block;
	text-decoration: inherit;
}

a.su-icon  {
	margin:0 5px 10px 0;
}

.su-icon i {
	font-size:16px;line-height:16px;background:transparent;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border: 1px solid #999999;border-radius:3px;padding:7px;
}

a.su-icon:hover, a.su-icon i:hover {
	color:#999999;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#footer h4 {
	margin-top:30px;
	margin-bottom: 20px;
	line-height: 24px;
}

#map {
	height:220px;
}

#contact-map {
	height: 350px;
}	

.ftitle {
	border-bottom: 1px solid #DDDDDD;
	color: #FFFFFF;
	margin-top: 0px;
	font-size: 18px;
}

.ftitle .title-text {
	padding-bottom: 15px;
	display: inline-block;
	margin-bottom: -2px;
	border-bottom: 3px solid #3498DB;
}

div.first, div.second, .title-text {
	color: #ffffff;
}

.readmore {
	background-color: #a6a6a6;
	color: #FFFFFF;
	text-transform: uppercase;
	border-radius: 0px;
}

.sidebar {
	background-color: #dadada;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.sidebar h3 {
	padding-left: 20px;
	line-height: 28px;
	font-size: 28px;
	margin-top: 0;
}

.sidebartop {
	padding-top: 20px;
}

#sidelist {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

#sidelist li {
	border-bottom: 1px solid #FFFFFF;
}

ul#sidelist li:hover {
	background-color: #5C86B8;
	color: #FFFFFF;
}

ul#sidelist li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#sidelist li a {
	display: block;
	line-height: 40px;
	padding-left: 20px;
	color: #6f6b6c;
}

#sidelist li a:visited {
	color: #6f6b6c;
}

.sidebarmid {
	padding: 20px 10px 5px 10px;
	background-color: #6F6B6C;
	box-shadow: 0px 0px 10px #666;
}

.sidebargallery a img{
	width:90%;
	margin: 0 auto;
	display: inherit;
	border-bottom: 4px solid #c1b8af;
}

.sidebargallery a  img, .sidebargallery a{
	margin-left: 20px;
}

.sidebargallery p {
	padding-top: 5px;
	font-size: 0.8em;
	padding-left: 20px;
}

.sidebargallery {
	padding-top: 20px;
	padding-bottom: 10px;
}

.sidebargallery h3 {
	margin-bottom: 2rem;
}

.sidebargallery img:hover {
	border-color: #3498db;
}

#sidebar-form .wpcf7-validation-errors {
	color: #A94442;
	background-color: #F2DEDE;
	border-color: #EBCCD1;
	padding: 15px;
	border: 1px solid transparent;
	border-radius: 4px;
}

#sidebar-form .wpcf7-not-valid-tip {
	color: #A94442;
	background-color: #F2DEDE;
	border-color: #EBCCD1;
	border: 1px solid transparent;
	border-radius: 4px;
	margin-top: 10px;
}

.sidebarbtn, .sidebargallery {
	box-shadow: 0px 0px 10px #666;
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(135deg,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.sidebarbtn a {
	display: block;
	height: 86px;
	line-height: 86px;
	padding-left: 2.5rem;
	color: #646564;
	box-shadow: 0px 0px 1px #666;
	font-size: 26px;
}

.sidebarbtn a:hover {
	color: #5C86B8;
}

.sidebarbtn span {
	font-size: 50px;
	float: right;
	padding-right: 15%;
	padding-top: 15px;
}

.content {
	padding-top: 20px;
}

.content h3 {
	margin-bottom: 2.5rem;
	line-height: 1.2em;
}

.content h3 a {
	color: #403F3F;
	text-decoration: underline;
}

.content h3 a:hover {
	text-decoration: none;
}

#aboutdoctor li {
	list-style: decimal;
}

#aboutdoctor li p {
	margin-bottom: 1em;
	padding-left: 15px;
	font-weight: bold;
}

.whydoctor ol { font-style:italic; }
.whydoctor ol li { list-style-type: decimal; }
.whydoctor ol li p { padding:8px; font-style:normal; font-weight: bold; font-size:13px; border-left: 2px solid #000000; }
.whydoctor ol li p em { display:block; }

.content li {
	background: transparent url("images/bullet.png") no-repeat scroll 0px 6px;
	padding: 0px 0px 0px 1.4rem;
	margin-bottom: 2rem;
}
.content ul {
	list-style: outside none none;
}

.post-title {
	border-bottom: 3px solid #ebeaea;
	margin-bottom: 2.5rem;	
	position: relative;
}

.post:hover .post-title {
	border-color: #62c0ff;
	font-style: italic;
}

.post-title small {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	color: #fff;
	background: #62c0ff;
	font-size: .4em;
	padding: 0 .6em;
	line-height: 34px;
}

article.post p a:hover {
	text-decoration: none;
}

.post-title:hover small {
	display: inline;
}

.post-title a {
	text-decoration: none;
	color: #403f3f;
}

.feature-wrapper {
	position: relative;
	float: right;
	margin-left: 2em;
	min-width: 100px;
}

.content-promos .feature-wrapper {
	position: relative;
	margin: 0 auto;
	min-width: 100px;
	max-width: 80%;
	float: none;	
}

.content-news .feature-wrapper img {
	position: relative;
	right: 0;
	bottom: 0;
	height: 200px;
	width: auto;
}

.date {
	font-size: 14px;
	margin-top: -20px;
	margin-bottom: 2.0rem;
}

.meetthedoctor {
	height: 250px;
	float: left;
	padding-right: 15px;
}

ul {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

#case-list {
    width: 100%;
    max-width: 900px;
    padding-left: 0px;
    padding-right: 15px;
}
li.case {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin: 15px 0px 15px 5px;
    padding: 15px 20px 5px;
    list-style-type: none;
}

li.case h3 {
	font-size: 20px;
}

.case-list a {

}

li.case div {
	float: left;
}

li.case:hover {
	box-shadow: 0px 0px 10px #666;
}

li.case .photo-wrapper {
    list-style: outside none none;
	width: 50%;
	max-width: 300px;
}

.case-description {
    width: 50%;
    max-width: 600px;
    padding-left: 15px;
}

.case-description h3{
	margin: 0;
	padding: 0;
}

.case-thumbs {
	height: 150px;
	overflow: hidden;
}

.photo-wrapper .enlarge-link {
    clear: both;
    display: block;
    text-align: center;
    padding-top: 10px;
}

.enlarge-link {
	text-decoration: none;
}

.selectprocedure {
	width: 60%;
	margin: 0 auto;
}

p { quotes: '\201c' '\201d'; }
.content blockquote.testimonial > :first-child:before { content: open-quote; }
blockquote.testimonial > :last-child:after  { content: close-quote; }

#subheading {
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(135deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	height: 100px;
}

#subheading h1 {
	color: #ffffff;
	line-height: 50px;
	padding-left: 25px;
}

.galleryg {
	width: 50%;
	float: left;
	margin-bottom: 25px;
	padding-right: 2em;
}

.galleryg h2 {
    border-bottom: 3px solid #ECECEC;
    padding-bottom: 0.5em;
}

.galleryg li {
	line-height: 30px;
}

.feature_wrapper{position:relative;min-height:175px;z-index:100;margin-top:-45px}
.feature_item {
	min-height:123px;
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	text-align:center;
	display:block;
	text-decoration:none;
	background-color:#fff;
	margin:0;
	-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition:box-shadow 0.7ms ease-out, height 0.3s ease-out, margin 0.3s ease-out;
	-moz-transition:box-shadow 0.7ms ease-out, height 0.3s ease-out, margin 0.3s ease-out;
	-o-transition:box-shadow 0.7ms ease-out, height 0.3s ease-out, margin 0.3s ease-out;
	transition:box-shadow 0.7ms ease-out, height 0.3s ease-out, margin 0.3s ease-out;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.feature_image_wrapper {
	display:block;
	border-bottom-width:3px;
	border-bottom-style:solid;
	border-bottom-color: rgba(68, 68, 68, 0.7); 
	overflow:hidden;
	height:0;
	-webkit-transition:border 0.3s ease-out, height 0.3s ease-out;
	-moz-transition:border 0.3s ease-out, height 0.3s ease-out;
	-o-transition:border 0.3s ease-out, height 0.3s ease-out;
	transition:border 0.3s ease-out, height 0.3s ease-out;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.feature_image{display:block;min-width:100%;}.feature_item
.feature_icon_wrapper{margin:-37px 0 10px 0;display:block}.feature_item
.feature_icon{display:inline-block;width:64px;height:64px;line-height:64px;font-size:24px;border-width:3px;border-style:solid;background-color:#fff;-webkit-border-radius:999px;-moz-border-radius:999px;-ms-border-radius:999px;-o-border-radius:999px;border-radius:999px;-webkit-transition:height 0.3s ease-out;-moz-transition:height 0.3s ease-out;-o-transition:height 0.3s ease-out;transition:height 0.3s ease-out;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out}.feature_item
.feature_content{margin:0
0 0 0;display:block;color:#666;line-height:18px;padding:0
26px;overflow:hidden;height:0;-webkit-transition:height 0.3s ease-out;-moz-transition:height 0.3s ease-out;-o-transition:height 0.3s ease-out;transition:height 0.3s ease-out}.feature_item
.feature_text{color:#51585b;padding:20px
0 25px 0;display:inline-block;opacity:0;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.feature_item
.sc_button{display:inline-block;margin:0
0 0 0;padding-right:20px;padding-left:19px;line-height:19px;-webkit-transition:opacity 0.1s ease-out;-moz-transition:opacity 0.1s ease-out;-o-transition:opacity 0.1s ease-out;transition:opacity 0.1s ease-out}.feature_item
.feature_subtitle{display:block;color:#6b6b6b;margin:10px
0 2px 0;padding:0
26px}
.feature_item .feature_title {
	margin:5px;
	font-size:15px;
	line-height:20px;
	font-weight:700;
	color:#272727;
	display:block;
	padding:0 26px 25px 26px;
	-webkit-transition:color 0.2s linear;
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	transition:color 0.2s linear;
	font-family: 'Roboto Slab';
}
.feature_title > a:hover {
	text-decoration: underline;
}

.feature_wrapper:hover .feature_image_wrapper{height:150px}.feature_wrapper:hover
.feature_content{height:162px}
.feature_wrapper:hover .feature_item{
	-webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.24);
	-moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.24);
	box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.24);
}
.feature_wrapper:hover
.feature_text{opacity:1;-webkit-transition:opacity 0.3s ease-out;-webkit-transition-delay:0.2s;-moz-transition:opacity 0.3s ease-out 0.2s;-o-transition:opacity 0.3s ease-out 0.2s;transition:opacity 0.3s ease-out 0.2s}.feature_wrapper:hover .uk-button{opacity:1;-webkit-transition:opacity 0.3s ease-out, color 0.2s linear, background-color 0.2s linear;-webkit-transition-delay:0.2s, 0s, 0s;-moz-transition:opacity 0.3s ease-out 0.2s, color 0.2s linear, background-color 0.2s linear;-o-transition:opacity 0.3s ease-out 0.2s, color 0.2s linear, background-color 0.2s linear;transition:opacity 0.3s ease-out 0.2s, color 0.2s linear, background-color 0.2s linear}

.perfectionlogo {
	float: right; height: 70px; margin-top: -10px;
	background: #ffffff;
	border-radius: 3px;
	border: 3px solid #23527C;
}

.perfectioncontact {
	float: right;
	height: 100px;
	margin: -50px 0px 1em 1em;
}

@media only screen and (min-width: 768px) and (max-width: 959px){
	.feature_item .feature_text{padding:10px 0 15px 0}
	.feature_item .feature_title{padding:0 15px 25px 15px;}
}

@media screen and (min-width: 992px) {
/* Modal dialog */
	#myModal .modal-dialog {
		width: 1100px;
	}

	div.third {
		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: #5e7279;
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #5e7279;
		color: #ffffff;
		height: 275px;
	}
	div.link_body {
		background-image: url('/wp-content/themes/drvaldez/images/gallery-body.png');
		background-color: #EAF6FE;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: contain;
	}

	div.link_breast {
		background-image: url('/wp-content/themes/drvaldez/images/gallery-breast.jpg');
		background-color: #EAF6FE;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: contain;
	}

	div.link_face {
		background-image: url('/wp-content/themes/drvaldez/images/gallery-face.png');
		background-color: #EAF6FE;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: contain;
	}
}

article.gallerycontent {
	padding-top: 6em;
	padding-right: 0;
	max-width: 100%;
}

@media screen and (min-width: 1600px) {
	#aboutdoctor, #footer {
		padding-left: 20%;
		padding-right: 20%;
	}
	.ringy {
		right: 50%;
	}
}

@media screen and (min-width: 2200px) {
	.ringy {
		right: 40%;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
/* Gallery modal */
	.main-top img {
		border: 10px solid #fff;
		box-shadow: 0px 0px 10px #222;
		margin: 10px;
		max-width: 45%;
	}
	
/* Header */
.langbox {
    position: relative;
	float: right;
	top: 20px
}

.langsel {
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.langsel img {
	width: 30px;
}
/* End of Header */
	
/* End of Gallery modal */
/* Gallery patient list page */
	.case-thumbs img {
		max-width: 45%;
	}
/* End of Gallery patient list page */

	div.link_body {
		background-image: url('/wp-content/themes/drvaldez/images/gallery-body.png');
		background-color: #EAF6FE;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: contain;
	}

	div.link_breast {
		background-image: url('/wp-content/themes/drvaldez/images/gallery-breast.jpg');
		background-color: #EAF6FE;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: contain;
	}

	div.link_face {
		background-image: url('/wp-content/themes/drvaldez/images/gallery-face.png');
		background-color: #EAF6FE;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: contain;
	}	
	.logobox {
		text-align: center;
	}
	#footer > div {
		padding-bottom: 30px;
		border: none;
	}

	.col-centered {
		display: block;
	}

	#aboutdoctor {
		padding-right: 0;
		padding-left: 0;
	}

	.imageline .row img {
		width: 100%;
		height: auto;
		padding: 5px;
	}
	div.third {
		border: none;
		color: #ffffff;
		height: 275px;
	}
	
	.sidebar {
		float: left;
	}

	.sidebar h3 {
		line-height: 28px;
	}
	
	#subheading h1 {
		font-size: 30px;
		padding-left: 0;
		line-height: 30px;
	}
}

@media only screen and (max-width : 767px){
/* Gallery patient list page */
	.case-thumbs img {
		max-width: 45%;
	}
/* End of Gallery patient list page */
	.feature_wrapper{margin-bottom:25px;margin-top:0}
	.feature_item{position:relative}
	.feature_item .feature_content{height:auto}
	.feature_image_wrapper{height:auto}
	.feature_item .feature_text{opacity:1}
	.feature_wrapper .feature_image_wrapper img{border-radius:3px 3px 0 0 !important}
	.feature_wrapper:hover .feature_image_wrapper{height:auto}.feature_wrapper:hover
	.feature_content{height:auto}.feature_wrapper
	.feature_item{-webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.24);-moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.24);box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.24)}

	#popups .row-centered .col-centered {
		display: block;
	}
	div.third {
		border: none;
		color: #ffffff;
	}
/* Gallery modal */

	#myModal .modal-dialog {
		width: 90%;
		margin: 30px auto;
	}
	.main-top img {
		max-width: 100%;
	}
	
/* End of Gallery modal */

/* Header */
	.langbox {
		display: none;
	}

	.navmenu-fixed-left .langbox {
		display: block;
		position: relative;
		float: left;
		padding-left: 15px;
	}

	.navmenu-fixed-left .langbox .langsel {
		padding: 5px 0px;
	}

	.navmenu-fixed-left .langbox .langsel li {
		margin-right: 20px;
		display: inline;
	}

	.navmenu-fixed-left .langbox .langsel img {
		width: 32px;
		margin-right: 10px;
	}
/* End of Header */

/* Footer */
	.perfectionlogo {
		margin-top: 15px;
		position: relative;
		top: -30px;
	}	
	
	#footer {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.sidebar {
		float: left;
	}
	
	.sidebar h3 {
		line-height: 28px;
	}
	
	#subheading {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	#subheading h1 {
		font-size: 30px;
		padding-left: 0;
		line-height: 30px;
	}
	
	.link_body, .link_face, .link_breast {
		background-image: none;
		background-color: #EAF6FE;
	}	
	
	.gallery_link p {
		margin-right: 0;
	}
	
	.galleryg {
		width: 50%;
		margin-bottom: 25px;
		padding-right: 2em;
	}

	#imageline .row img, #imageline .row div:nth-child(1) img {
		height: auto;
		width: 100%;
		padding: 10px;
	}

	.topheader {
		display: none;
	}

	.nav {
		float: left;
		display: block;
		width:100%;
		position: relative;
	}

	.dropdown-menu {
	}

	.logobox {
		text-align: center;
	}

	.dropdown-menu > li > a {
		color: #ffffff;
	}

	.nav > li, .dropdown-menu > li {
		display: block;
		color: #ffffff;
		padding: 0;
		border-radius: 0;
		background:url('images/nav_bg.png');
		height:13px;
		padding: 0px 0 40px 0px;
		color:#808080;
	}

	#menu-item-41 > a { 
	background:url('images/procedures_32.png') no-repeat transparent;height:32px; padding: 10px 0 0 40px; text-shadow:1px 1px #000;
	background-position: 15px 10px;
	background-size: 18px 18px;
	}

		.caret  {
			display: none;
		}

	.navmenu-inverse .navmenu-nav > li > a, .navbar-inverse .navbar-offcanvas .navmenu-nav > li > a {
		color: #999;
	}

	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
	}

	.navmenu-inverse .navmenu-nav > li > a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:hover, .navmenu-inverse .navmenu-nav > li > a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:focus {
		color: #FFF;
		background-color: #5E5E5E;
	}

	#menu-primary-menu li.current_page_item > a, #menu-primary-menu li.current-menu-ancestor > a, #menu-primary-menu li.active > a {
		background-color: #5E5E5E;
	}

	#menu-primary-menu li.current_page_item > a, #menu-primary-menu li.current-menu-ancestor > a, #menu-primary-menu li.active > a {
	  background-color: #5e5e5e;
	  color: #fff;
	}

	.navmenu-inverse, .navbar-inverse .navbar-offcanvas {
		border-color: #080808;
		background-color: #1b1b1b !important;
	}

	.nav > li:hover > a {
		background-color: #5E5E5E;
	}

	#aboutdoctor {
		padding-right: 0;
		padding-left: 0;
	}

	.imageline .row img {
		width: 100%;
		height: auto;
		padding: 5px;
		padding: 5px;
	}

	#footer > div {
		padding-left: 0;
		padding-right: 0;
	}
	
	.third, .fourth {
		margin-top: 20px;
		border-left: none;
	}

}