/*  
Theme Name: THE OMFS
Theme URI: http://www.theomfs.com
Version: 1.0
Description: Dr. Mohammad Esmaeelinejad Personal Website's Theme
Author: Abolfazl Esmailinejad
Author URI: http://www.esmailinejad.ir
*/

/* CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, 
time, mark, audio, video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

/* --------------------------------------- */
/*	General
/* --------------------------------------- */

div.pp_default .pp_description {
	font-weight: normal !important;
	font-size: 13px;
}
.image-gallery a img {
	border-radius: 5px;
}
.popup .overlay {
	border-radius: 5px;
}

.not-active {
   pointer-events: none;
   cursor: default;
   opacity: 0.6;
}
p { line-height:1.5; }
input { outline:0; }
.clear { clear:both; }
body { font-family:'Open Sans'; }
.base {
	width:980px;
	height:auto;
	margin:auto;
}

/* --------------------------------------- */
/*	Header
/* --------------------------------------- */

.header {
	width:100%;
	height:106px;		
}
.logo {
	height:106px;
	width:390px;
	background:url(images/logo.png) no-repeat;
	float:left;
}
.header-right {
	margin-top:30px;
	float:right;
}
.tel {
	float:right;
	width:150px;
	color: #626768;
	font-size:14px;
	border-radius:20px;
	border: 1px solid #dfdfdf;
	background:url(images/tel_icon.png) no-repeat left;
	padding: 10px 20px 10px 10px;
	text-align:right;
}
.social-icons {
	float:right;
}
.social-icons ul li {
	float:right;
	list-style:none;
	padding:10px 12px 10px 12px;
	border-radius:50%;
	border: 1px solid #dfdfdf;
	margin-right:10px;
	transition:all 0.3s ease 0s;
	cursor:pointer;
}
.social-icons ul li:hover {
	background:#FFC;
}

/* --------------------------------------- */
/*	Navbar
/* --------------------------------------- */
.navbar {
	width:100%;
	height:41px;
	background:url(images/menu_bg.png) repeat-x;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.menu {
	float:left;
	height:41px;
}
ul#li-menu {
	height:41px;
}
ul#li-menu li:first-child {
	border-top-left-radius:5px;
}
ul#li-menu li {
	list-style:none;
	float:left;
	position:relative;
	border-right: 1px solid #54aec2;
	height:41px;
}
ul#li-menu li a {
	text-decoration:none;
	color: #fff;
	font-size:13px;
	padding: 12px 24px 15px 24px;
	display:block;
}
ul#li-menu li a:hover {
	
}
ul#li-menu li:hover {
	background: #377f8f;
}
ul#li-menu ul {
	/*visibility:hidden;*/
	display: none;
	width:180px;
	position:absolute;
	background:#377f8f;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding: 10px 20px 5px 20px;
}
ul#li-menu ul li {
	float:none;
	border:none;
}
ul#li-menu ul li a {
	/* display:inline-block; */
	border:none;
	color: #fff;
	border-radius:5px;
	padding: 5px 10px 7px 10px;
}
ul#li-menu ul li a:hover {
	background:#2c6774;
	border-top:1px solid #1c4f5d;
	border-left:1px solid #1c4f5d;
	border-bottom:1px solid #4c9eae;
	border-right: 1px solid #4c9eae;
}
ul#li-menu li ul li ul {
    position: absolute;
    left: 110%;
    top:0;
	display:none;
}
ul#li-menu li:hover>ul {
	z-index:999;
}
/*ul#li-menu li:hover>ul {
	visibility:visible;
	z-index:9;
}*/
.search {
	height:25px;
	width:215px;
	float:right;
	background:#377f8f;
	border-radius:5px;
	border-top:1px solid #236779;
	border-left:1px solid #236779;
	border-bottom:1px solid #57b4c5;
	border-right: 1px solid #57b4c5;
	margin: 8px 20px;
}
.search input[type="text"] {
	background:#377f8f;
	border:none;
	height:22px;
	width:170px;
	color: #c4e2e9;
	font-family:'Open Sans',Tahoma;
	padding-left:10px;
}
.search input[type="submit"] {
	background:url(images/search_btn.png) no-repeat;
	width:16px;
	height:16px;
	border:none;
}

/* --------------------------------------- */
/*	Slider
/* --------------------------------------- */

.slider {
	width:100%;
	height:443px;
	position:relative;
}
.slider img {
	width:980px;
	height:443px;
	position:absolute;
	top:0;
	left:0;
}
.tab-panel {
	width:100%;
	height:77px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background:#f76a38;
	color: #fff;
	padding-bottom:10px;
}
.tab-panel ul li {
	width:165px;
	height:37px;
	border-right:1px solid #fd7b4d;
	list-style:none;
	float:left;
	padding: 20px 15px 30px 15px;
	cursor:pointer;
	color: #fff;
	font-size:15px;
}
.tab-panel ul li:first-child {
	border-bottom-left-radius:5px;
}
.tab-panel ul li:last-child {
	border:none;
	border-bottom-right-radius:5px;
}
.tab-panel ul li:hover {
	background:#ec490d;
}
.tab-panel ul li p {
	font-size:12px;
}

/* --------------------------------------- */
/*	Circle Services
/* --------------------------------------- */

.services {
	width:100%;
	height:auto;
	padding-top:30px;
	border-bottom:1px solid #e6e6e6;
}
p.subtitle {
	color: #819093;
	font-size:15px;
}
h2.title {
	color: #3e96a9;
	font-size:25px;
	margin-bottom:10px;
}
.service-box {
	margin: 20px auto;
	height:204px;
	width:846px;
}
.service-item {
	width:200px;
	height:200px;
	border-radius:50%;
	position:relative;
	border: 2px solid #c6c6c6;
	float:left;
}
.service-thumb {
	width:200px;
	height:200px;
	position:absolute;
	border-radius:50%;
}
.service-thumb img {
	width:200px;
	height:200px;
	border-radius:50%;
}
	div.service-txt {
		background: rgba(0,0,0,0.8);
		display: table;
		height: 200px;
		left: 0;
		position: absolute;
		bottom: 0px;
		width: 200px;
		opacity: 0;
		cursor:help;
		transition: opacity 500ms;
		border-radius:50%;
	}
	div.service-txt div {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		border-radius:50%;
	}
	div.service-txt div p {
		color: #ccc;
		font-size:12px;
	}
	div.service-txt:hover {
		opacity:1;
	}


.main {
	width:100%;
	height: auto;
	margin-top:50px;
}

/* --------------------------------------- */
/*	Sidebar
/* --------------------------------------- */

.sidebar {
	width:308px;
	height:auto;
	float:right;
	margin-left:30px;
}
.sidebar-widget {
	width:100%;
	height:auto;
	margin-bottom:20px;
}
h3.swidget-title {
	color: #757f83;
	font-size:20px;
	margin-bottom:10px;
	margin-left:5px;
}
.swidget-body {
	padding:0 20px 0 20px;
	border:1px solid #ccc;
	border-radius:5px;
}
.swidget-body li {
	list-style:none;
	padding:15px 0 15px 0;
	border-bottom:1px solid #ccc;
}
.swidget-body li:last-child {
	border:none;
}
.swidget-body li a {
	text-decoration:none;
	color:#555;
	font-size:13px;
}
.swidget-body li a:hover {
	color: #48a2b6;
}
.reserve {
	width:100%;
	height:453px;
	background:#e6e6e6;
	border-radius:5px;
}
.reserve-header {
	border-radius:5px;
	background:url(images/appointment.png) no-repeat;
	width:100%;
	height:123px;
	position:relative;
}

.reserve-header .appointment {
	position:absolute;
	top: 20px;
	left:25px;
	color: #fff;
	font-size:20px;
}
.reserve-header .reserve-tel {
	position:absolute;
	top: 60px;
	left:70px;
	color: #fff;
	font-size:20px;
}
.reserve-header .or {
	position:absolute;
	bottom:10px;
	left: 143.5px;
	color: #fff;
}
.reserve-form {
	width:240px;
	height:285px;
	margin:auto;
}
input[type="text"].txinput,
input[type="tel"].teinput,
input[type="email"].einput {
	width:200px;
	height:32px;
	border:none;
	border-radius:5px;
	background:#fff;
	color: #808080;
	box-shadow:1px 1px 1px #ccc;
	font-family:'Open Sans';
	padding:0 20px 0 20px;
	margin-top:18px;
}
.reserve-form select.month {
	border:none;
	border-radius:5px;
	background:#fff;
	color: #808080;
	box-shadow:1px 1px 1px #ccc;
	font-family:'Open Sans';
	padding:5px 10px 10px 10px;
	margin-top:18px;
	margin-right:40px;
	height:35px;
	width:115px;
}
.reserve-form select.date {
	border:none;
	border-radius:5px;
	background:#fff;
	color: #808080;
	box-shadow:1px 1px 1px #ccc;
	font-family:'Open Sans';
	padding:5px 10px 10px 10px;
	margin-top:18px;
	height:35px;
	width:80px;
}
.reserve-form select.select-center {
	border:none;
	border-radius:5px;
	background:#fff;
	color: #808080;
	box-shadow:1px 1px 1px #ccc;
	font-family:'Open Sans';
	padding:5px 10px 10px 10px;
	margin-top:18px;
	height:35px;
	width:200px;
}
input[type="submit"].submit {
	width:84px;
	height:33px;
	color: #fff;
	font-family:'Open Sans';
	background:#f56531;
	border-radius:5px;
	border:none;
	margin-top:18px;
	cursor:pointer;
	transition:all 0.3s ease 0s;
}
.reserve-form input[type="submit"]:hover {
	background:#4199ac;
}
.button {
	padding: 5px 10px 5px 10px;
	color :#fff !important;
	background:#f56531;
	border-radius:5px;
	text-decoration:none;
	font-size:13px;
	transition:all 0.3s ease 0s;
}
.button:hover {
	background:#4199ac;
}
.newsletter {
	width:100%;
	height:auto;
	margin-top:30px;
}
.newsletter .email-box {
	width:268px;
	height:auto;
	padding:20px;
	border-radius:5px;
	background:#e6e6e6;
	margin-top:20px;
	color: #819093;
	font-size:13px;
}

/* --------------------------------------- */
/*	Home Content
/* --------------------------------------- */

.content {
	width:642px;
	height:auto;
	float:right;
}
.team {
	height:auto;
	width:100%;
	padding-bottom:40px;
	border-bottom:1px solid #e6e6e6;
}
.doctor-list {
	margin-top:40px;
}
.doctor-list li {
	float:left;
	list-style:none;
	width:200px;
	margin-right:21px;
}
.doctor-list li:last-child {
	margin:0;
}
.doctor-list h3 a {
	color: #586467;
	text-decoration:none;
	font-size:13px;
}
.doctor-list h3 a:hover {
	color:#56aec0;	
}
.doctor-list img {
	width:196px;
	height:160px;
	border:2px solid #e6e6e6;
	border-radius:5px;
	margin:10px 0 10px 0;
}
.doctor-list p {
	color:#808080;
	text-align:left;
	font-size:13px;
}
.more-link {
	display: none;
}
.more {
	margin-top:30px;
}
.patinets {
	width:100%;
	height:auto;
	margin-top:30px;
}
.last-comment {
	width:100%;
	height:auto;
	margin-top:20px;
}
.patient-thumb {
	width:90px;
	height:90px;
	float:left;
	border-radius:50%;
	border: 2px solid #e6e6e6;	
}
.patient-thumb img {
	width:90px;
	height:90px;
	border-radius:50%;
}
.patient-comment {
	float:left;
	width:530px;
	height:auto;
	color: #808080;
	font-size:14px;
	margin-left:10px;
	padding-top:5px;
}
.patient-comment a {
	text-decoration:none;
	color: #f35f2a;
}
.patient-comment a:hover {
	color:#56adc0;
}
.quote {
	color: #808080;
	font-style:italic;
	font-size:14px;
}
.tt-slider {
	margin-top:30px;
	width:100%;
	height:64px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background:url(images/bird.png) no-repeat left #4ba5b8;
}

/* --------------------------------------- */
/*	Footer
/* --------------------------------------- */

.footer {
	width:100%;
	height:auto;
	background:#2b2e2f;
	padding-bottom:30px;
}
.footer-widget {
	color: #808080;
	font-size: 13px;
	width:224px;
	height:auto;
	float:left;
	margin-right:26px;
}
.footer-widget ul,
.footer-widget ol {
	margin-left: 10px;
}
.footer-widget h2 {
	color: #e6e6e6;
	font-size:23px;
	margin: 30px 0 30px 0;
}
.footer-widget li {
	list-style:disc;
	line-height:2;
}
.footer-widget a {
	color: #cdcdcd;
	text-decoration:none;
}
.footer-widget a:hover {
	color:#48a2b6;
}
.copyright {
	width:100%;
	height:47px;
	background:#1c1e1f;
	color: #808080;
	font-size:13px;
}
.copyright a {
	color:#cdcdcd;
	text-decoration:none;
}
.copyright a:hover {
	color:#48a2b6;
}

/* --------------------------------------- */
/*	Blog Page
/* --------------------------------------- */

.post-box {
	width:100%;
	height:auto;
	padding-bottom: 20px;
	margin-bottom:40px;
	border-bottom:1px solid #ccc;
}
.post-head {
	width:100%;
	height:auto;
	margin-bottom:20px;
	border-bottom:1px solid #e9e9e9;
}
h2.post-title {
	color: #757f83;
	font-size:20px;
	margin-bottom:20px;
}
.post-info li {
	float:left;
	list-style:none;
	padding-left:20px;
	margin-right:20px;
	color: #757f83;
	font-size:13px;
	margin-bottom:10px;
}
.post-info li a {
	text-decoration:none;
	color:#757f83;
}
.post-info li a:hover {
	color: #f4642f;
}
#author-icon {
	background:url(images/author.png) no-repeat left;
}
#date-icon {
	background:url(images/date.png) no-repeat left;
}
#cat-icon {
	background:url(images/cat.png) no-repeat left;
}
#tag-icon {
	background:url(images/tag.png) no-repeat left;
}
.post-img {
	width:638px;
	height:223px;
	border:2px solid #e6e6e6;
	border-radius:5px;
	position:relative;
}
.post-img img {
	width:638px;
	height:223px;
}
.cm-img {
	position:absolute;
	top:0;
	right:0;
	height:auto;
	padding:10px 20px 10px 20px;
	background:rgba(118,118,120,0.7);
	color:#FFF;
	font-size:13px;
}
.cm-img img {
	width:14px;
	height:14px;
}
.cm-img a {
	text-decoration:none;
	color: #fff;
}
.cm-img a:hover {
	color: #FFFF99;
}
.post-txt {
	font-size:13px;
	color:#333;
	margin-top:10px;
}
.post-txt p { 
	font-size:13px;
	color:#333;
}
.post-txt a {
	color:#4aa4b8;
	text-decoration:none;
}
.post-txt a:hover {
	color:#f56734;
}
.post-txt ol,
.post-txt ul {
	margin-left: 20px;
}
.post-txt {
	line-height: 1.5;
}
.section-title {
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
}
.section-title h2 {
	color:#757f83 ;
	font-size:23px;
}
.section-title h2 a {
	text-decoration:none;
	color: #757f83;
}
.section-title h2 a:hover {
	color:#3e96a9;
}

/* --------------------------------------- */
/*	Comments
/* --------------------------------------- */
.comment-reply-title a { text-decoration: none; color: #3e96a9; }
.comment-reply-title a:hover { color: #f4642f; }
.comment-edit-link { text-decoration: none; color: #3e96a9; font-size: 13px; }
.comment-edit-link:hover { color: #f4642f; }
#comments {}
#comments #comments-title{ font-weight: bold; }
#comments #reply-title { margin-bottom: 15px; font-weight: bold;  }
#comments .commentlist { margin: 20px 0 0; padding: 0 0 30px; overflow: hidden; }
#comments .comment { border:none; border-bottom: 1px dotted #dedede; list-style: none; margin:30px 0 0; padding:10px 0;  }
#comments .comment:first-child {  }
#comments .comment > article { margin: 0; overflow: hidden; }
#comments .comment .avatar { background: #fff; float: left; margin:0px 10px 10px 0; position: relative; z-index: 1; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px;}
#comments .comment .comment-body, 
#comments .comment .comment-meta { float: right; margin:0; width: 560px; }
#comments .comment .comment-body p{ margin-bottom:10px; font-size: 14px; color: #757f83; }
#comments .comment .comment-meta { margin-bottom: 0; }
#comments .comment .author { font-size:13px; }
#comments .comment .author, 
#comments .comment .author a { margin: 0; }
#comments .comment .author cite { font-style: normal; font-size: 13px; }
#comments .comment .author cite a { text-decoration: none; color: #3e96a9; }
#comments .comment .author cite a:hover { color: #f4642f; }
#comments .comment .author .comment-reply-link { font-size: 11px; text-decoration: none; color: #3e96a9 ; }
#comments .comment .author .comment-reply-link:hover { color: #f4642f; }
#comments .comment .date, 
#comments .comment .date a, 
#comments .comment .date time { color: #b0b3b6; font-style: italic; margin: 1px 0 5px; text-decoration: none; } 
#comments .comment .date a:hover time { color: #f56734; }
#comments .commentlist .children { margin: 0; padding: 0 0 0 85px; position: relative; }
#comments .commentlist .children .comment { border-bottom:none; }
#comments .comment .children .comment:first-child {  }
#comments .commentlist .children .depth-2 .comment-body, 
#comments .commentlist .children .depth-2 .comment-meta { width: 475px; }
#comments .commentlist .children .depth-3 .comment-body, 
#comments .commentlist .children .depth-3 .comment-meta { width: 395px; }
#comments .commentlist .children .depth-4 .comment-body, 
#comments .commentlist .children .depth-4 .comment-meta { width: 315px; }
#comments .commentlist .children .depth-5 .comment-body, 
#comments .commentlist .children .depth-5 .comment-meta { width: 235px; }
.cm-awaiting { font-size: 13px; font-style: italic; color: #757f83; } 


/* --------------------------------------- */
/*	Comment Form
/* --------------------------------------- */
p.logged-in-as { font-size: 13px; margin-bottom: 10px; }
.logged-in-as a { text-decoration: none; color: #3e96a9 }
.logged-in-as a:hover { color: #f4642f }
p.comment-notes { font-size:13px; margin-bottom: 10px; }
#respond { margin-top:30px; }
#respond #reply-title small{ font-weight:normal; font-size: 13px; font-weight: normal; display:inline-block; margin-left:10px; }
#commentform label{ font-weight:bold;}
#commentform span.required{ color:#f56734;}
#commentform textarea,
#commentform input[type=text]{ display:block; margin:5px 0 0; border:1px solid #dedede;  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow:none; padding: 5px 10px 5px 10px; }
#commentform input[type=text]{ width:50%;}
#commentform textarea { width:85%; padding:8px; color:#808080; font: 13px 'Open Sans', Arial, Helvetica, "Trebuchet MS", sans-serif; line-height: 21px; }
#commentform p.form-allowed-tags{ font-size:12px; }
#commentform input[type="submit"]{
		margin: 0px 0px 0px 0px; 
		vertical-align: bottom; 
		display: inline-block; 
		font-size: 13px; 
		color: #fff;
		height: 33px; 
		line-height: 33px; 
		padding: 0px 15px;
		border: none;
		cursor: pointer; 
		text-shadow: 1px 1px 0px #ae421b;
		background-color: #f56734;
		white-space: nowrap;	
		text-decoration: none;
		text-align: center;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */
		background-image:         linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); 
		border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 
}
#commentform input[type="submit"]:hover,
#commentform input[type="submit"]:focus,
#commentform input[type="submit"]:active{ 
		color: #fff; 
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,.1))); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Chrome 10+, Saf5.1+ */
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* FF3.6 */
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* IE10 */
		background-image:      -o-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Opera 11.10+ */
		background-image:         linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1));
}

.wpcf7-submit {
background-color: #f56734;
background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0));
border: medium none;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 13px;
height: 33px;
line-height: 33px;
margin: 0;
padding: 0 15px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0 #ae421b;
vertical-align: bottom;
white-space: nowrap;
}
.wpcf7-submit:hover {
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    color: #fff;
}