/*
Theme Name: cleanwptheme
Theme URI: http://eho200.ru
Author: Konshin Sergey
Author URI: http://konshinsergey.com
Description: Тема разработана в www.eho200.ru специально для Ларисы Плотницкой
Version: 1.0
*/

/* =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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

p, ul, ol { font-size:1em; }

blockquote, q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}


/* Typographics 
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { clear: both; margin:1em 0 .5em 0; line-height:1.2em; font-weight:300; font-family: "Roboto"; }
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body { font-family: 'PT Sans', arial, sans-serif; background:#fff; color:#111111; margin:0; padding:0; }

p { line-height: 1.4em; margin-bottom:1.25em; }

a:link, a:visited { color:#008ace; }
a:hover { color:#c00000; }


ul { margin-left:2em; list-style: disc; }
ol { margin-left:2em; list-style-type: decimal; }
li { margin-bottom:1em; line-height:1.2em; }

i { font-style: italic; }
b { font-weight: bold; }

h1 { font-size:2em;   font-weight: 900; }
h2 { font-size:1.8em; font-weight: 600; }
h3 { font-size:1.6em; font-weight: 600; }
h4 { font-size:1.4em; font-weight: 600; }

table td { vertical-align:top; }


blockquote { width:70%; margin:2em 0 2em 0; padding:1em; border-left:2px solid #06707e; background:#f5f5f5; }
blockquote p { margin:0; font-style: italic; }


/* Layout 
-------------------------------------------------------------- */
.layout { margin:0 auto; min-width: 970px; max-width: 1200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 10px gray; -webkit-box-shadow: 0 0 10px gray; moz-box-shadow: 0 0 10px gray; }
.wrap { margin:0 auto; padding:0 20px; min-width: 970px; max-width: 1200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; height: 0; overflow: hidden; }

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

sup, sub { vertical-align: baseline; position:relative; line-height: 1; font-weight:normal; font-size: .7em; color:#ccc; }
sup {  bottom: 1.4ex; }
sub {  top: .5ex; }





.button { color:#fff; margin:1em 0; cursor:pointer; display:block; font-weight: bold; border:1px solid #dfaa33; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow:0 2px 1px #666; font-size:1em; width: 150px;}

.button { background: #feda73;
background: -moz-linear-gradient(top, #feda73 0%, #f5b832 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feda73), color-stop(100%,#f5b832));
background: -webkit-linear-gradient(top, #feda73 0%,#f5b832 100%);
background: -o-linear-gradient(top, #feda73 0%,#f5b832 100%);
background: -ms-linear-gradient(top, #feda73 0%,#f5b832 100%);
background: linear-gradient(to bottom, #feda73 0%,#f5b832 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda73', endColorstr='#f5b832',GradientType=0 );}
.button:hover { background:#e0750d; border:1px solid #e09533; text-shadow:none; }
a:link.button, a:visited.button { color:#fff; padding:10px 25px 12px; text-decoration: none; text-align: center; }



.yellownote { background:#f7f8ee; padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



/* Navigation 
-------------------------------------------------------------- */
nav { }
nav ul { margin:0; list-style: none; }
nav ul li { margin:0 0 .2em 0;}
nav a:link, nav a:visited { color:#dd6e2f; font-weight: bold; }
nav a:hover { color:#c00; }

.current-menu-item a { text-decoration: none; }

/* Design 
-------------------------------------------------------------- */
body { background:#eff1e6; }

.layout { background:#ffffff url('i/bgheadergradient.jpg') 0 0 repeat-x; }

header { padding:15px 0; border-top:8px solid #494f4d; }

.wrapper .wrap p { max-width:600px;}

.logo { position: relative; }
.logo p { position:absolute; border-top:2px solid #dd6e2f; margin:30px 0 0 85px; color:#54636a; line-height:1.2; font-style: italic; }


.phone { color:#4c5150; font-family: "Roboto"; font-size:1.4em; }
.phone img { vertical-align: top; }
.phone p { margin-left:28px; font-size:.6em; font-family: "PT Sans"; }
.phone a { text-decoration: none; color:#4c5150; font-family: "Roboto"; }
.phone p a:link, .phone p a:visited { color:#505e67; text-decoration:underline; font-weight: bold; }
.phone p a:hover { color:#c00; }


.searchinput { }
.searchinput input { width:90%; }



/* Элементы формы
--------------------------------
*/

input { padding:5px 15px; border:1px solid #dddbdb; font-style: italic; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; }
input[type="submit"] { font-style: normal; }

.orderservice input { width:50%; height:40px;}


/* Главная страница 
-------------------------------------------------------------- */
.sec_mainpage { }

.main_services { padding:20px; background:#fff; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.main_services td { padding-right:15px; }
.main_services a:link, .main_services a:visited { color:#008ace; font-weight: bold; }
.main_services a:hover { color:#c00; }
.main_services p { margin:1em 0 0 0; font-size:.8em; }



.titleblock { position:relative; padding:20px 0 0; ; }
.titleblock.main { background-color: #ffffff; display: flex;}
.titleblock p { position:absolute; font-weight:bold; }
.titleblock h1 { 
    color: #252424;
    margin: 35px 0 15px 0px;
    font-size: 29px;
    font-family: "Roboto";
    line-height: 1;
}
.titleblock h1 span {
	text-transform: uppercase;
	font-size: 48px;
}
.titleblock .leftside  { float:left; width:75%; }
.titleblock .rightside { float:left; width:25%; position:relative; }
.titleblock .rightside img { position:relative; bottom:8px; }

.newsblock { border-top:3px solid #dd6e2f; }

.freshpost { width:90%; line-height:1.2; font-family: "Roboto"; }
.freshpost ul { margin:0; list-style: none; }
.freshpost li { margin-bottom:.8em; font-size:1.4em; font-weight:bold;}
.freshpost li p { margin:0; padding:0; }
.freshpost a { color:#008ace; border-bottom:1px solid #d8e8ed; text-decoration: none; }
.freshpost a:hover { border-bottom:1px solid #035d7b; }
.freshpost .postdate { color:#999; font-weight: normal; font-size:.6em; }


.bannerblock { margin-top:2em; }
.bannerblock p { margin:0; color:#18191b; font-style: italic; }
.bannerblock a { font-weight:bold; }
.bannerblock li { margin-bottom:.5em;}

.eventfresh { background:#ffffff; margin-bottom:50px; vertical-align:top; padding:5px 15px 15px; border:1px solid #eee; width:400px;  display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 15px #eee; -moz-box-shadow: 0 0 15px #eee; -webkit-box-shadow: 0 0 15px #eee; text-align:center; }
.eventdate { margin-top:1em; width:40%; float:left; font-weight:bold; font-size:.8em; text-align: left;}
.eventtype { margin-top:1em; width:50%; float:right; font-size:.8em;}
.eventname { margin:.5em 0; font-weight: bold; text-align: left;}
.event_live       { background:#e84148; color:#ffffff; font-weight:bold; text-align: center; padding:3px 5px;}
.event_webinar    { background:#00b4e4; color:#ffffff; font-weight:bold; text-align: center; padding:3px 5px;}
.event_mastergrou { background:#87bf04; color:#ffffff; font-weight:bold; text-align: center; padding:3px 5px;}
.eventfresh .eventbuybox { height:50px; }
.eventfresh .eventbuybox a { margin: 0 auto; }

.newsblock h3 { letter-spacing:1px; text-transform:uppercase; font-size:1em; }
.newsblock h3 a { color:#111; }
.newsblock ul.category { margin:0; list-style:none; }
.newsblock ul.category li { margin:0 0 .5em 0; }
.newsblock ul.category a { color:#505e67; }
.newsblock ul.category a:hover { color:#000; }




.freshvideoblock { margin-top:50px; padding:30px 50px; height:385px; background:#f7f8ee; color:#505e67; border-top:2px solid #505e67; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.freshvideoblock h2 { margin:0 0 1em; }
.freshvideoblock h2 a { color:#505e67; }

.freshvideoblock .item { position:relative; margin-right:25px; width:30%; display:inline-block; vertical-align: top; }
.freshvideoblock .item img { width:100%; height:200px;  }
.freshvideoblock .item p { width:90%; margin:1em 0 0; text-align: center; }
.freshvideoblock .item a { color:#505e67; font-weight: bold; }
.freshvideoblock .item .playcontrol { cursor:pointer; position:absolute; width:100%; height:150px; top:0; background:url(i/ico_videotour.png) center 50px no-repeat; }




.testimonialsblock { border-top:2px solid #505e67; padding:20px 0 0; margin:70px 0 0px; }
.testimonialsblock .item { width:19%; display:inline-block; vertical-align: top; }


.testimonialsblock .item p { margin:1em 0 0 0; font-style: italic; }
.testimonialsblock .item img { border:1px solid #ccc; padding:1px; }
.testimonialsblock .item img:hover { cursor:pointer; }

/* Content
-------------------------------------------------------------- */
.contentarea { width:90%; }
.contentarea .icons { margin:15px 0; text-align: right; }
.contentarea .icons img { width:30px; margin-left:15px; }

.contentarea h1 { margin-top:0; }

.contentarea ul, .contentarea ol { margin-left:2em; }

.contentarea .navigationblock { margin:50px 0 0; }
.contentarea .navigationblock table { border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.contentarea .navigationblock table td { padding:0; }
.contentarea .navigationblock p strong {  }

.contentarea table { width:100%; margin-bottom:3em; border:1px solid #ccc; font-size:.9em; box-shadow: 1px 3px 25px #aaa; -moz-box-shadow: 1px 3px 25px #aaa; -webkit-box-shadow: 1px 3px 25px #aaa; }
.contentarea table td { padding:5px 10px; line-height:1.4em; }
.contentarea table th { vertical-align:middle; padding:15px 10px; font-weight: bold; border-bottom:1px solid #ccc; }
.contentarea tr:nth-child(even) { background-color: #f9f9f9; }

.contentarea tr:nth-child(odd) { background-color: white; }

.contentarea img { border:1px solid #ccc; padding:2px; margin:1em 1em 1em 0; box-shadow: 1px 3px 25px #aaa; -moz-box-shadow: 1px 3px 25px #aaa; -webkit-box-shadow: 1px 3px 25px #aaa; }

.contentarea iframe { border:1px solid #ccc; padding:2px; margin:1em 1em 1em 0; box-shadow: 1px 3px 25px #aaa; -moz-box-shadow: 1px 3px 25px #aaa; -webkit-box-shadow: 1px 3px 25px #aaa; }

.contentarea .navigation { margin:50px 0 0;}
.contentarea .navigation h3 { font-size:1em; }
.contentarea .navigation .nav-previous { float:left; width:50%; }
.contentarea .navigation .nav-next { float:left; width:50%; }

.arhive { }
.arhive .contentarea ul { margin:0; list-style:none; }
.arhive .datecat { color:#999; }



.yarpp-related { display:block; padding:30px 20px; border:1px solid #ccc; }
.yarpp-related h3 { margin-bottom:1em; text-transform: none !important;}
.yarpp-related-none { border:none; }

.socialbuttons { margin-top:15px; }
.sbutton { margin-right:3px; padding:3px 15px 5px; width:150px; height:24px; background:#111; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
a.sbutton { color:#fff; text-decoration: none; }

.sbutton.email      { background:#0a88ff; }
.sbutton.facebook   { background:#306199; }
.sbutton.vk         { background:#587a9f; }
.sbutton.twitter    { background:#26c4f1; }
.sbutton.googleplus { background:#e93f2e; }
.sbutton.linkedin   { background:#007bb6; }
.sbutton.telegram   { background:#54A9EB; }


/* Products
-------------------------------------------------------------- */
.sec_products { }
.sec_products .item { margin-bottom:50px; width:90%; padding:30px; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 15px #eee; -moz-box-shadow: 0 0 15px #eee; -webkit-box-shadow: 0 0 15px #eee; }

.sec_products .item img { margin-right:30px; margin-bottom:30px; width:50%; float:left; }
.sec_products .item .type { float:left; width:45%; margin:0 0 1em; text-align:right; font-weight:bold; }
.sec_products .item .catname { float:left; width:50%; margin:0 0 1em; padding-left:15px; font-weight:bold; }
.sec_products .item .name { margin:0 0 1em; font-size:1.6em; font-weight:bold; font-family: "Roboto"; }

.sec_products .item .cost { width:300px; padding-top:25px; margin:0 auto 1em; text-align:center; font-size:1.4em; font-weight:bold; font-family: "Roboto Condensed"; }

.sec_products .item .memo {  }

.sec_products .item .button { width:150px; margin:1em auto; }




/* Events
-------------------------------------------------------------- */
.sec_eventpage { }

.eventitem { vertical-align:top; margin:0 20px 50px 0; padding:25px; border:1px solid #ccc; width:22%;  display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 15px #eee; -moz-box-shadow: 0 0 15px #eee; -webkit-box-shadow: 0 0 15px #eee; }
.eventitem .eventdate { width:40%; }
.eventitem .eventtype { width:50%; }
.eventitem .eventname { margin:1em 0; }
.eventitembox { height:200px; overflow: hidden; }
.eventbuybox { height:80px; }
.eventbuybox p { line-height:1.2em; font-size:.8em; }




/* Services
-------------------------------------------------------------- */
.sec_services { }
.sec_services .item { margin-bottom:50px; width:90%; padding:30px; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 15px #eee; -moz-box-shadow: 0 0 15px #eee; -webkit-box-shadow: 0 0 15px #eee; }

.sec_services .item .name { margin:0 0 1em; font-size:1.6em; font-weight:bold; font-family: "Roboto"; }
.sec_services .item .cost p { margin:0; }
.sec_services .item .cost b { font-weight:bold; font-family: "Roboto Condensed"; }

.sec_services .item .memo {  margin-bottom:2em; }
.sec_services .item .more {  margin-bottom:1em; }
.sec_services .item .button { width:300px; margin:1em auto; }

/* Video
-------------------------------------------------------------- */
.sec_videopage { }

.sec_videopage .item { position:relative; margin-bottom:50px; width:25%; display:inline-block; vertical-align: top; }
.sec_videopage .item img { width:80%; height:150px; }

.sec_videopage .item p { width:80%; margin:0em 0 0; }
.sec_videopage .item a { color:#111; }
.sec_videopage .item p.date { margin-top:.5em; color:#ccc; font-size:.8em; }

.sec_videopage .item .playcontrol { cursor:pointer; position:absolute; width:80%; height:150px; top:0; background:url(i/ico_videotour.png) center 30px no-repeat; }



/* Sidebar
-------------------------------------------------------------- */
.sidebararea { }

.widget-area { }
.widget-area ul { margin:0; list-style: square; }
.widget-area h3 { font-size:1em; }


/* secret */
.sec_secret {  }
.sec_secret h5 { font-size:1.2em; font-weight: bold; }

.sec_secret table { width:100%; margin-bottom:3em; border:1px solid #ccc; font-size:1em; box-shadow: 1px 3px 25px #aaa; -moz-box-shadow: 1px 3px 25px #aaa; -webkit-box-shadow: 1px 3px 25px #aaa; }
.sec_secret table td { padding:5px 10px; line-height:1.4em; border-right:1px dotted #ddd; }
.sec_secret table th { vertical-align:middle; padding:15px 10px; font-weight: bold; border-bottom:1px solid #ccc; }
.sec_secret tr:nth-child(even) { background-color: #f9f9f9; }

.sec_secret tr:nth-child(odd) { background-color: white; }

/* footer 
-------------------------------------------------------------- */
footer { background:#494f4d; color:#fff; margin-top:50px; padding:20px 0; }
footer p { margin:0 0 1em; }
footer h5 { color:#fff; margin:0 0 .5em 0; text-transform: uppercase; font-weight:bold; }
footer a:link, footer a:visited { color:#fff; }
footer a:hover { font-weight: bold; }
footer ul { margin-left:0; list-style: none; }



/* Модальное окно */
.modalbg { position:fixed; opacity:1; display:none; background: rgba(0, 0, 0, 0.45); z-index: 98; top:0; left:0; width:100%; height:100%; }

.modalframe { position:fixed; top:0; left:50%; margin:10em -350px; display:none; width:700px; height:300px; background:#ecf5fa; padding:30px; z-index:35628; box-shadow:0px 0px 15px #999; -moz-box-shadow:0px 0px 15px #999; -webkit-box-shadow:0px 0px 15px #999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.modalframe .close { position: absolute; padding:15px; top:0; right:0; font-weight: bolder; background:#c00; color:#fff; cursor:pointer; }

.modalframe h1 { margin:0 0 .5em;}

.forma_predzakaza div {
display:inline-block; width:45%;vertical-align:top;
}

.forma_predzakaza span.wpcf7-not-valid-tip {
	font-size: 0.7rem
}
.forma_predzakaza div.wpcf7-response-output {
 margin: 0.5em;
font-size: 0.7rem
}


/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/
.comment-form-comment label {
	width:100%;
display:block;
}
#vk-comments-widget, .fb-comments {
margin-bottom: 50px;
}
#comments {
    clear: both;
}
#comments .submit {
    color: #fff;
    margin: 1em 0;
    cursor: pointer;
    display: block;
    font-weight: bold;
    border: 1px solid #dfaa33;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 0 2px 1px #666;
    font-size: 1em;
background: #feda73;
    background: -moz-linear-gradient(top, #feda73 0%, #f5b832 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feda73), color-stop(100%,#f5b832));
    background: -webkit-linear-gradient(top, #feda73 0%,#f5b832 100%);
    background: -o-linear-gradient(top, #feda73 0%,#f5b832 100%);
    background: -ms-linear-gradient(top, #feda73 0%,#f5b832 100%);
    background: linear-gradient(to bottom, #feda73 0%,#f5b832 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda73', endColorstr='#f5b832',GradientType=0 );
}
.contentarea > #comments {
    padding: 2em 0 0.5em;
}
.comments-title {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
    list-style: none;
    margin: 0;
    padding: 0;
}
.comment-list li:before {
    display: none;
}
.comment-body {
    margin-left: 65px;
}
.comment-author {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0.4em;
    position: relative;
    z-index: 2;
}
.comment-author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px;
}
.comment-author .says {
    display: none;
}
.comment-meta {
    margin-bottom: 1.5em;
}
.comment-metadata {
    color: #767676;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
}
.comment-metadata a {
    color: #767676;
}
.comment-metadata a.comment-edit-link {
    color: #222;
    margin-left: 1em;
}
.comment-body {
    color: #333;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 4em;
}
.comment-reply-link {
    font-weight: 800;
    position: relative;
}
.comment-reply-link .icon {
    color: #222;
    left: -2em;
    height: 1em;
    position: absolute;
    top: 0;
    width: 1em;
}
.children .comment-author .avatar {
    height: 30px;
    left: -45px;
    width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
    border: 1px solid #333;
    padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
    color: #767676;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
}
.comments-pagination {
    margin: 2em 0 3em;
}
.form-submit {
    text-align: right;
}
.g-recaptcha {
	display: table;
}
.wp-block-embed__wrapper iframe {
	max-width: 600px;
	max-height: 400px;
}