/*
Theme Name: Creative SEO
Tags: light, two-columns, fixed-width
Version: 3.0.7
Author: alaev.info
Author URI: http://cssmayo.com/freebies/free-wordpress-themes/creative-by-nature/
*/

html {background:#f0d5b8 url(images/body.jpg) repeat center -48px;}
body {background: url(images/bgb.jpg) no-repeat center 0;
    font-family: Arial,Verdana,Tahoma,sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    color: #40454b;}

a {color:#da6f21;text-decoration:none;cursor:pointer;}
a:hover {text-decoration:underline;}
a img {border:0;}

code {padding: 1px 3px; font-family: monospace; font-size: 13px; background-color: rgba(100,100,100,0.1);}

.main_service {width:286px; float:left; margin-top: 20px; padding: 0 0 10px 0; background: #edead7; border: 4px solid #d8d5c2; border-radius: 12px; box-shadow: 0 0 5px 0 #999;}
.main_service :hover {box-shadow: 0 0 20px 6px #888;}
.main_service_center {margin:0px 14px;box-shadow: 0 0 10px 2px #999;}
.main_service p {color:#261d15; padding: 5px 10px;}
.main_service big {text-align:center;font-size:130%;display:block;padding: 5px 10px;}

#shell {width:970px;margin:0 auto;}

#header {height:251px;position:relative;z-index:2;}

#logo {float:left;width:280px;height:110px;margin:20px 0 0 55px;font-family:Georgia,serif;font-style:italic;}
#logo h1, #logo p {color:#564d45;font-size:29px;font-weight:bold;line-height:27px;padding:0 0 15px 0;text-shadow:1px 1px 1px #eee;}
#logo .description {width:170px;line-height:15px;}

#logo_Soft {float:right;width:585px;margin-top:20px;padding:10px;
background:rgba(246, 244, 233, 0.9);border-radius:20px;box-shadow:0px 0px 0px 7px rgba(246, 244, 233, 0.4);}
.logo_CT, .logo_FT, .logo_CR  {float:left;width:180px;height:75px;}
.logo_CT {width:205px;margin-right:10px;}
.logo_FT {margin-right:10px;}
.CT_img, .FT_img, .CR_img {float:left;width:75px;height:75px;}
.CT_txt, .FT_txt, .CR_txt {float:right;width:95px;height:75px;font-size:14px;line-height:20px;font-weight:bold;}
.CT_txt {width:120px;}

.welcome {padding-top:0px;}
.welcome p {padding:4px 0;}

/*** nav menu in header ***/

.ct-nav-wrapper {position:relative;width:896px;padding:0 30px;margin:45px 7px 0 7px;line-height:31px;
background:rgba(246, 244, 233, 0.9);border-radius:20px;box-shadow:0px 0px 0px 7px rgba(246, 244, 233, 0.4);}

.ct-nav-top {float:left;clear:both;}
.ct-nav-top ul {float:left;display:block;font-size:20px;letter-spacing:-0.03em;}
.ct-nav-top ul li {display:inline;}
.ct-nav-top ul li a {white-space:nowrap;text-decoration:none;margin:0 10px 0 0;text-shadow:1px 1px 0px rgba(255,255,255, 0.5);}
.ct-nav-top ul li a:hover, .ct-nav-top ul li.active a {color:#666;text-shadow:1px 1px 2px rgba(255,255,255, 0.3);}

/*** search in header ***/

.ya-site-form {float:right;width:250px;}
.ya-site-form__search-input {padding:1px 2px !important;}
.ya-site-form__input-text,
.ya-site-form__submit {border-color:#ffcc99 !important; padding:3px 5px !important;}

#main {}
.leaves {position:absolute;top:251px;left:0;width:290px;height:52px;background:url(images/leaves.png);}

/* headings */

h1, h2, h3, h4, h5, h6 {font-weight:normal;letter-spacing: -0.03em;text-shadow:1px 1px 0px #fff;}
h1 {color:#da6f21;font-size:27px;line-height:34px;padding:15px 0 15px 0;}
h2 {color:#da6f21;font-size:25px;line-height:32px;padding:15px 0 10px 0;}
h3 {font-size:22px;line-height:29px;padding:10px 0 10px 0;}
h4, h5, h6 {font-size:20px;line-height:27px;padding:10px 0 10px 0;}

.warn {color:#665d55;font-style:italic;background:url(images/warn.png) 0 no-repeat;padding-left:70px;margin:10px;}

/* post */

.breadcrumbs {font-size:11px;}

.post {padding-bottom:20px;margin-bottom:20px;border-bottom:2px solid #d8d5c2;}

.post .pubdate {padding-bottom:10px;font-size: 13px;}
.post .postmeta {padding-top:10px;}
.entry {overflow:hidden;}
.post .entry p {padding:0 0 10px 0;}

.post .entry th {text-align:center;}
.post .entry table.brd {border-style:solid;border-color:#aaa;}
.post .entry table.brd th,
.post .entry table.brd td {padding:0 3px;border-style:solid;border-color:#bbb;}

.post .entry ul,
.post .entry ol {padding:0 0 10px 30px;}
.post .entry li {padding-bottom:8px;list-style-position: inside;}
.post .entry li:last-child {padding-bottom:0px;}
.post .entry ul li ul {padding:4px 0 0 30px;}
.post .entry ul li ul li {padding-bottom:4px;}

.post .entry blockquote {padding-left:35px;line-height:16px;font-style:italic;color:#666;background:url(images/quote.png) no-repeat 5px 10px;min-height:43px;}

.size-thumbnail, .size-medium, .size-large, .size-full {border:5px #ddd solid;border-radius:5px;}
.size-thumbnail:hover, .size-medium:hover, .size-large:hover, .size-full:hover {border-color:#ccc;}

.post img.aligncenter {display:block;position:relative;margin:5px auto;text-align:center;}
.post img.alignleft {float:left;margin:5px 10px 0 0;}
.post img.alignright {float:right;margin:5px 0 0 10px;}

/* collapse listing in post */

.collapse_a {margin:0 0 0 50px;padding:5px 10px;text-decoration:none;font-weight:bold;border:1px dashed #ca5f11;background-color:#eee;}
.collapse_div {display:none;padding:5px 5px 10px 15px;margin:0;background-color:#edead7;border:1px solid #d8d5c2;}

/* postovoi */

.postovoi-text {padding:10px 0;font-size:12px;line-height:14px;font-style:italic;}

/* after post */

.shares_area {float:left;height:27px;margin:-30px 0;}
.s_rate {float:left;width:94px;height:27px;margin:0 50px 0 0;}
.s_item {float:left;height:20px;width:100px;text-align:center;line-height:20px;margin:3px 10px 0 0;}
.shares_area_nopost {float:left;height:20px;margin:10px 0;}
.s_item_nopost {float:left;height:20px;margin:0 10px 0 0;}

.data-after-post {margin:15px 0 0 0;}
.post-subscr-label {float:left;width:450px;font-size:21px;line-height:25px;}
.post-subscr-form {float:left;border:0px solid #d8d5c2;}

/* related posts */

#related-after-post {padding:0 0 15px 0;}
#related-after-post div {font-size:21px;line-height:25px;padding:0 0 10px 0;}
#related-after-post li {padding-left:15px;}

/* Comments */

.commhead {color:#444;font-size:25px;line-height:35px;padding:0 0 10px 0;}
.commhead a {float:right;}

#respond {padding-top:15px;margin-top:10px;border-top:2px solid #d8d5c2;}

#respond .cancel-comment-reply {padding:0 0 1% 2%;}
#respond p {padding:0 0 1% 2%;}

#respond .user-field-left {float:left;width:47%;margin:0 1% 1% 2%;}
	#respond .user-field-left input {width:98%;padding:3px;border:1px solid #d8d5c2;}
	#respond .user-field-left label {width:98%;padding:1px 3px;border:1px solid #d8d5c2;display:block;background:#d8d5c2;}
	#respond .user-field-left label small {text-align:center;color:#000;}
#respond .user-field-right {float:right;width:46%;margin:0 1% 1% 1%;padding:2px 6px;border:0px dashed #d8d5c2;}
	#respond .user-field-right p {width:100%;font-size:11px;line-height:15px;padding:0;}
	#respond .user-field-right label {width:100%;font-size:12px;text-align:center;padding:0;display:block;color:#d00;}
#respond .comment-textarea textarea {width:96%;height:150px;margin:0 2% 1% 2%;}
#respond .comment-add-butt {float:left;width:47%;margin:0 1% 1% 2%;}
	#respond .comment-add-butt input {width:98%;text-align:center;padding:5px 3px;border:1px solid #d8d5c2;}

#comments {padding:20px 0 10px 0;border-top:2px solid #d8d5c2;}	/* общий блок комментов */

ol.commentlist {list-style-type:none;} /* глобал */
	li.comment {padding-top:10px;} /* верхний комм */
		div.comment-body {padding:10px 10px;background:#edead7;border:2px solid #d8d5c2;
						  border-radius:15px;} /* див комента */
			div.comment-author {float:left;width:50%;margin-bottom:10px;} /* имя колво комм */
            div.comment-author img {display: none;}
				cite.fn {font-weight:bold;padding:10px;text-decoration:underline;} /* имя */
				div.comment-body.bypostauthor cite.fn {color:#f00;} /* див комента автора поста */
			div.comment-meta {float:right;width:50%;margin-bottom:10px;text-align:right;font-size:14px;} /* дата редактировать */
			#comments p {padding:4px 0 4px;word-wrap:break-word;} /* текст комм */
			#comments div.reply {margin:5px 0 0 10px;} /* ответить */
			#comments div.reply span {color:#da6f21;cursor:pointer;text-decoration:underline;} /* ответить ссылка */
	ul.children {list-style-type:none;padding:0 0 0 20px;border-left:dashed 1px #d8d5c2;} /* дочерний комм */

/* Sidebar */

#sidebar {margin-top:30px;background:#edead7;
		  border:3px solid #d8d5c2; border-radius:12px; box-shadow:0 0 5px 0 #999;}

#sidebar ul {list-style-type:none;}						/* сам сайдбар */
#sidebar ul li a {color:#111;text-decoration:none;}
#sidebar ul li a:hover {text-decoration:underline;}

.widget {padding:0px 0 30px 0;}

.widgettitle {color:#564d45;font-size:22px;font-weight:bold;background:#d8d5c2;padding:10px 0 10px 15px;text-shadow:1px 1px 0px #eee;}

.widget_pages ul {padding:15px 20px 0 20px;font-size:15px;}
.widget_pages ul li {padding:0 0 5px 0;text-transform:uppercase;}
.widget_pages ul li ul {padding:0;}
.widget_pages ul li ul li {background:url(images/bul.png) 0 -9px no-repeat;line-height:19px;padding:0 0 2px 10px;margin-left:5px;text-transform:none;}

.widget_categories ul {padding:15px 20px 0 20px;font-size:18px;}
.widget_categories ul li {padding:0 0 5px 0;color:#999;}
.widget_categories ul li a {background:url(images/bul.png) 0 7px no-repeat;padding-left:10px;}
.widget_categories ul li ul {padding:5px 0 0 10px;}
.widget_categories ul li ul li a {background:url(images/bul.png) 0 -9px no-repeat;padding-left:10px;}

.widget_ratings-widget ul {padding:10px 10px 0 10px;font-size:14px;}
.widget_ratings-widget ul li {line-height:17px;padding:4px 0;}

.widget_archive select {margin:20px 50px 10px 50px;}
.screen-reader-text {display: none;}

/* Main sidebar */

.headlines {margin-top:20px;padding:10px 0;background:#edead7;
			border:2px solid #d8d5c2; border-radius:12px; box-shadow:0 0 5px 0 #999;}
.headlines ul {list-style-type:none;}
.headlines ul li {padding:5px 7px;}
.headlines p {text-align:justify;padding:5px 15px}

/* Footer */

#footer {font-size:20px;}
#footer ul {list-style-type:none;letter-spacing: -0.03em;line-height: 31px;}
#footer ul li {display:inline;}
#footer .box-cnt {padding-top:16px;padding-bottom:16px;}
.footer-nav a {text-decoration:none;margin-right:15px;}
.footer-nav a:hover {text-decoration:underline;}

#footer .right {font-size:14px;color:#777;line-height:16px;position:relative;white-space:nowrap;text-align:right;}
#footer .copyleft {float:left;margin-right:10px;}
.counter {float:left;margin-left:5px;}
.counter a {opacity:0.3;}
.counter a:hover {opacity:1;}

/* Basic */

* {padding:0;margin:0;outline:0;}

.side-left {float:left;width:590px;}
.side-right {float:right;width:260px;}
.side-eq {float:left;display:inline;width:276px;}
.side-center {margin:0 35px;}

.box {margin-bottom:20px;position:relative;width:100%;
	  background-color: #f6f4e9;
	  background-color: rgba(246, 244, 233, 0.9);
	  border-radius:12px;}
.box-cnt {padding:50px 30px 40px;}


.left {float:left;display:inline;}
.right {float:right;display:inline;}

.alignleft {float:left;margin:5px 10px 0 5px;}
.alignright {float:right;margin:5px 5px 0 10px;}
.aligncenter {text-align:center; margin-left:100px;}

.white {color:#fff;}
.nobrd {border:0 none !important;}
.nobrd th, .nobrd td {padding:0 3px;}
.hidden {display:none;}

.nav {white-space:nowrap;}
.gprofile {position:absolute;top:0px;right:0px;width:16px;height:16px;}

small {color:#da7600;font-size:10px;display:block;line-height:12px;}
hr {margin:15px 150px;border:2px solid #d8d5c2;}

input, textarea, select {font-family:Verdana,Arial,sans-serif;border:solid 1px #ffcc99;background:#fff9f3;color:#261d15;}
input, textarea {padding:6px 5px;}
textarea {overflow:auto;}
input#submit {cursor:pointer;}
input#subscribe {cursor:pointer;}

.fbfield, .fbbutt {float:left;padding:2px 5px;background:#ffe9a6;color:#0a67bf;} 
.fbfield {height:18px;width:140px;border:1px solid #fc7e82;}
.fbbutt {height:24px;width:70px;margin-left:5px;border:2px solid #fc7e82;cursor:pointer;}

div.partners_post {margin:35px 12px 15px 0;float:right;width:468px;height:60px;}

/* [Gallery] */

.gallery {padding-top:20px;}
.gallery-item {}
.gallery-icon {}
.gallery-caption {width:150px; padding:0 22px;}

/* Clearing */

.cl {font-size:0; line-height:0; height:0; display:block; clear:both;}

/* Page-navi */

.wp-pagenavi {font-size:25px;line-height:33px;letter-spacing: -0.05em;}
.wp-pagenavi span.pages {padding:2px 7px;}
.wp-pagenavi .page, .wp-pagenavi .extend {display:inline-block;text-align:center;width:35px;height:35px;padding: 2px 2px 0 0;}
.wp-pagenavi .current {color:#da6f21;border:2px solid #da6f21;border-radius:25px;}
.wp-pagenavi a:hover {text-decoration:overline;}

/* post-ratings */

.post-ratings {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.post-ratings .ratimg {float:left;height:27px;width:56px;margin-right:5px;}
.post-ratings .rattxt {float:left;height:21px;width:31px;margin:1px 0 0 0;padding:2px 0px 0px 0px;text-align:center;font-weight:normal;font-size:12px;background:#fff;border:1px solid #ccc; border-radius:3px;}
.post-ratings-loading {display:none;height:16px;text-align:left;}
.post-ratings-image {border:0px;}
.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {border:0px;padding:0px;margin:0px;}
.post-ratings-text {}
.post-ratings-comment-author {font-weight:normal;font-style:italic;}

/* social icons in sidebar */
.ct-link-list {clear:both;margin:0;padding:0;}
.ct-link-list a {line-height:35px;white-space:nowrap;padding:0px 20px 0px 40px;
background: transparent url(images/soc_1.png) no-repeat top left;
display:inline-block;margin-bottom:5px;min-width:120px;
opacity:0.8;
transition: opacity 0.3s ease-in-out;}
.ct-link-list a:hover{opacity:1;}
.ct-link-list a.ct-link-list-mail{background-position:0px 0px;}
.ct-link-list a.ct-link-list-rss{background-position:0px -35px;}
.ct-link-list a.ct-link-list-twitter{background-position:0px -70px;}
.ct-link-list a.ct-link-list-fb{background-position:0px -105px;}
.ct-link-list a.ct-link-list-gplus{background-position:0px -140px;}
.ct-link-list a:hover{text-decoration:none;}

/*** to top button ***/
#GoUpClickZone {width:100px;height:100%;background:#f6f4e9; opacity:0;filter:alpha(opacity=0);}
#GoUpWrapper {z-index:50;width:100px;height:100%;position:fixed;left:0;top:0;}
#GoUpButton {position:fixed; left:10px;top:10px; width:27px;height:27px; cursor:pointer;  
	opacity:0;filter:alpha(opacity=0); background:#261d15 url(https://alaev.info/wp-content/plugins/goupbutt/goUp.png) no-repeat;}
#GoUpClickZone p {position:fixed; left:37px;top:10px; width:63px;height:27px; line-height:25px; 
	color:#fff;font-weight:bold; background:#261d15; text-align:center;}

.b-top {z-index:1101;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:1101;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:white;background:#261d15 url(https://alaev.info/wp-content/plugins/goupbutt/b-j-top.png) no-repeat 50% 11px;border-radius:7px;}

/*** всплыващка с обучением ***/
.notification-bar {
    width: 99%;
    top: 0;
    z-index: 3;
	position: fixed;
} 
.notification-text {
    background-color: rgba(164, 139, 109, 0.9);
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 100%;
 	text-shadow: 1px 1px 0px #000;
    animation: initiate 350ms ease;
}
.notification-text a {
    color: #fff;
    text-decoration: underline;
}
.notification-text a:hover {
    text-decoration: none;
}
.notification-bar input {
    display: none;
}
.notification-bar label {
    cursor: pointer;
    color: #fff;
    position: absolute;
    z-index: 5;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.notification-bar label[for=hide] {
    right: 15px;
    top: 11px;
    width: 24px;
    height: 24px;
    background: url('../creative/images/close.png') no-repeat center center;
    animation: initiate 350ms ease;
}
.notification-bar label[for=show] {
    width: 45px;
    height: 50px;
    border-radius: 0px 0px 3px 3px;
    right: 10px;
    background: url('../creative/images/show.png') no-repeat center center;
    background-color: rgba(164, 139, 109, 0.9);
}
.notification-bar input[value=show]:checked ~ label[for=show],
.notification-bar input[value=hide]:checked ~ label[for=hide],
.notification-bar input[value=hide]:checked ~ .notification-text {
    transition: ease 350ms;
    transform: translateY(-100%);
}
.notification-bar input[value=hide]:checked ~ label[for=show],
.notification-bar input[value=show]:checked ~ label[for=hide],
.notification-bar input[value=show]:checked ~ .notification-text {
    transition: ease 350ms;
    transform: translateY(0%);
}
@keyframes initiate {  
    0% {transform:translateY(-100%);}  
    50% {transform:translateY(-50%);}  
    100% {transform:translateY(0%);}   
 }