/*
Theme Name: WEBDINER-001
Theme URI: https://webdiner.com/design/WEBDINER-001
Author: WEBDINER
Author URI: https://webdiner.com/
Description: WEBDINER-001 description goes here
Version: 1.0
License: Copyright WEBDINER All Rights Reserved
Copyright 2016 This theme is property of WEBDINER.
*/

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;outline: none;}
html { height: 100%; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

header { width: 100%; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
a {
text-decoration: none;
transition: color .2s linear;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
}

a:hover {text-decoration: underline;}

body {float:left; width:100%;font-family: "Lato";}
h1, h2, h3, h4, h5, h6{}
ul,ol{padding:0;margin:0}

.text-right{text-align:right!important}
.mt100{margin-top:100px;}
.padd-off{padding:0!important;}
.marg-none{padding:0!important}
.mfp-close{display: none !important;}
.vc_custom_1450199212838 .wpb_content_element, .vc_custom_1450197473530 .wpb_content_element, .vc_custom_1450197870287 .wpb_content_element{margin-bottom: 0 !important}

.wpb_single_image .vc_figure{display: block !important;}
.vc_row{margin: 0 !important}
#mobile-view,#res-footer,.mob-logo,.mob-head-mian{display:none;}

/** posts **/
#content { width: 100%; position: relative; }
#main { display: block; width: auto; box-sizing: border-box; margin-right: 280px; -moz-box-sizing: border-box; padding: 0 12px; }

.post { display: block; margin-bottom: 25px; padding-top: 10px; padding-bottom: 15px; }
.post header { display; block; margin-bottom: 25px; }

.post p { margin-bottom: 20px; line-height: 1.7em; } 

.post header h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 2.4em !important; line-height: 1.4em; margin-bottom: 4px !important; color: #323232; }
.post header h2.bigger { font-size: 3.1em !important; }

.post h2 { display: block; font-family: Cambria, Georgia, serif; font-size: 2.4em; color: #434343; line-height: 1.4em; margin-bottom: 15px; }

.post h3 { font-size: 1.7em; color: #818181; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; padding: 6px 4px; background: #f5f5f5; margin-bottom: 15px; margin-top: 5px; }

.post h4 { display: block; font-size: 1.4em; text-transform: uppercase; color: #56b972; line-height: 1.5em; margin-bottom: 3px; font-weight: bold; letter-spacing: 0.15em; text-decoration: none; padding-left: 25px; border-left: 3px solid #56b972; }

.post .meta { font-size: 1.2em; line-height: 1.3em; }
.post .meta i { display: block; margin-bottom: 10px; font-style: normal; color: #666; }

.post blockquote { display: block; box-sizing: border-box; -moz-box-sizing: border-box; background: #fbf0de; padding: 9px 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 18px; }
.post blockquote p { font-style: italic; font-weight: normal; color: #797064; margin-bottom: 3px; font-size: 1.9em; }

.post .postcontent { margin-bottom: 25px; }

.post .more-link { display: block; font-size: 1.6em; font-weight: bold; margin-top: 15px; }
.post p .more-link { font-size: 1.0em; }

.postbrdr { border-bottom: 3px solid #ccc; }

.archiveshead h2 { font-size: 2.2em; color: #454545; font-weight: bold; line-height: 1.55em; }

#navbelow { display: block; width: 100%: padding: 0px; margin-top: -10px; margin-bottom: 15px; }

.nav-prev { float: left; display: block; }
.nav-next { float: right; display: block; }
 
.nav-prev a, .nav-next a { display: block; padding: 3px 5px; font-size: 1.3em; }
.nav-prev a:hover, .nav-next a:hover {  }


/** comments **/
#comments { display: block; margin-top: 15px; } 
.post #comments h3 { font-size: 1.7em; line-height: 1.45em; color: #818181; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; padding: 6px 10px; background: #f5f5f5; }

#comments #respond { margin-left: 0; }
#comments .commentlist .comment #respond { margin-left: 35px; font-size: 1.0em; } 
		/* for the threaded reply comment form styles */
		
#cancel-comment-reply { font-weight: bold; display: block; position: relative; }
#cancel-comment-reply-link { display: block; padding: 0px 4px; font-size: 0.8em; position: absolute; right: 0; top: -12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; } 
#cancel-comment-reply-link:hover { color: #fff; text-decoration: none; background: #5d9de5; }

.commentlist { list-style: none; }
.commentlist .comment { display: block; position: relative; margin-bottom: 28px; }

.commentlist .comment .comment-author { position: relative; }
.commentlist .comment .comment-author .avatar { display: inline-block; padding: 5px; background: #fafafa; border: 1px solid #ccc; margin-right: 15px; }

.commentlist .comment .comment-author .fn { font-weight: bold; font-size: 1.65em; line-height: 1.1em; font-style: normal; position: absolute; top: 2px; color: #535353; }
.commentlist .comment .comment-author .says { display: none; }

.commentlist .comment .comment-meta { position: absolute; top: 25px; margin-left: 60px; font-size: 1.2em; }

.commentlist .comment p { display: block; margin-top: 15px; padding-right: 10px; }

.commentlist .comment .comment-body .reply { font-size: 1.3em; }
.commentlist .comment .comment-body .reply a.comment-reply-link { display: inline-block; padding: 3px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; }

.comment-awaiting-moderation { font-size: 1.2em; color: #444; display: block; text-decoration: underline; text-align: center; margin-top: 4px; margin-bottom: -5px; }

.commentlist .comment ul.children { margin-left: 40px; padding-top: 15px; }

#commentform { display: block; width: 100%; margin-bottom: 0; margin-top: 6px; }
#commentform label { font-size: 1.2em; line-height: 1.6em; display: block; width: 100%; color: #575757; margin-bottom: 2px; font-weight: bold; }
#commentform label small { display: inline; size: 0.9em; font-style: italic; font-weight: normal; color: #7dafe6; }

#commentfields #commentfields { display: block; margin-bottom: 4px; }
#commentfields #commentfields .ibox { display: block; margin-bottom: 10px; width: 100%; }

#commentfields .basicinput { display: block; padding: 7px 6px; font-size: 1.5em; width: 90%; outline: none; border: 1px solid #dbdbdb; color: #487cb7; }

#commentfields textarea { display: block; padding: 5px 4px; font-size: 1.45em; width: 90%; height: 125px; outline: none; border: 1px solid #dbdbdb; color: #487cb7; }

#commentform #comment { display: block; margin-bottom: 8px; color: #565656; font-size: 1.4em; font-family: Arial, Tahoma, sans-serif; line-height: 1.5em; padding: 4px 7px; }

#commentform #submit, .button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	font-size: 1.45em;
	padding: 6px 24px;
	margin-bottom: 10px;
	text-decoration: none;
}

#commentform #submit:hover, .button:hover {
}

#commentform #submit:active, .button:active {
	position:relative;
	top:1px;
}

/** search **/
#s { padding: 3px 5px; color: #565656; border: 1px solid #bbb; outline: none; width: 66%; font-size: 1.2em; }


/** footer **/
footer { clear: both; text-align: center; font-style: normal; padding: 10px; font-size: 1.4em; color: #434343; padding-bottom: 80px; }

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* Mobile Smartphones ----------- */
@media only screen and (min-width : 0) and (max-width : 727px) {

}