
* {
margin:0;
padding:0;
box-sizing:border-box;
}

html {
background-color:#fff;
color:#555;
font-family:'Lato', 'Arial', sans-serif;
font-weight:300;
font-size:18px;
text-rendering:optimizeLegibility;
}

.clearfix { zoom:1; }

font-face {font-family: 'Imperial One';
@import "http://webfonts.ru/import/imperial.css";

}

@font-face {
    font-family: 'Certege';
   @import "http://webfonts.ru/import/certege.css";
}

@font-face {
	 font-family: 'Classica One';
	@import "http://webfonts.ru/import/classicaone.css";

}

@font-face {
font-family: 'Kobzar KS';
@import "http://webfonts.ru/import/kobzarks.css";
}
@font-face {
font-family: 'Classica Two';
@import "http://webfonts.ru/import/classicatwo.css";
}

.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.row {
max-width:1200px;
margin:0 auto;
}

header {
background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),  url(../img/mountains-trees-leaves-fall_1700_50.jpg);
background-size:cover;
background-position:center;
height:100vh;
}

.cover {
background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),  url(../img/mountains-trees-leaves-fall_1700_50.jpg);
background-size:cover;
background-position:center;

color:#fff;
}

.head-cover {
background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),  url(../img/lake60.jpg);
background-size:cover;
background-position:center;
color:#fff;
padding-bottom:20px;
}

.head-cover-without-image {
background:transporant;
color:#fff;
padding-bottom:20px;
}

.hero_text_box {
position:absolute;
width:1140px;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}

h1, h2, h3, h4.head-cover {
font-weight:300;
text-transform: uppercase;
}
   /* http://www.fonts2u.com/references/cyrillic-fonts.html */
h1 {
margin-top:15%;
margin-bottom:20px;
color:#fff;

font-size:350%;
letter-spacing:2px;
text-align:center;
font-weight:300;

font-family: 'Imperial One';
}

h2, h2.head-cover {
font-size:180%;
letter-spacing:2px;
text-align:center;
margin-bottom:30px;
letter-spacing:1px;
}

 h2:after {
display:block;
height:2px;
background-color:#e67e22;
width:100px;
margin:0 auto;
content: " ";
margin-top:30px;
}

h3, h4.head-cover {
margin-top:50px;
font-size:112%;
margin-bottom:15px;
}

h3.t30 {
margin-top:0px;
font-size:112%;
margin-bottom:15px;
}

h4.author-profile {
margin-top:10px;
font-size:112%;
margin-bottom:15px;
}

 h3:after {
display:block;
height:2px;
background-color:#e67e22;
width:100px;
margin:0 auto;
content: " ";
margin-top:10px;
}

h3.left {margin-left:60px;
}

 h3.left:after {
display:block;
height:2px;
background-color:#fff;
margin-left:0;
content: " ";
margin-top:10px;
}

.long-copy {
line-height:145%;
width:70%;
margin-left:15%;
}

.box {
border:1px solid #aaa;
}

.box-no-border {
border:0;
padding:0;
}

.box05 {
padding:15px;
padding-left:30px;
border:1px solid pink;
}

.box20-border {
padding:20px;
border:1px solid #aaa;
}

.box2010-border {
padding:10px 20px;
border:1px solid #aaa;
}

.box20-no-border {
padding:20px;
}

.box20-no-border-h {
padding:0 20px 0 20px;

}

.box20-no-border-v {
padding:20px  0 20px;

}

#send {border-radius:0;
margin-left:20px;
height:40px;
width:120px;
text-align:center;
padding:5px;
}

.box10-no-border {
padding:10px;
}

.box10-border {
padding:10px;
border:1px solid #aaa;
}

.box_red {
border:1px solid red;
}

.gray, #footer {
margin:0;
width:100%;
margin-left:auto;
margin-right:auto;
background-color:rgb(66,69,70);
}

#footer {padding-bottom:30px;
}

.icon-medium {font-size:200%;
vertical-align:bottom;
display:inline;
}

.box_cyan {
border:1px solid cyan;
}

.box_black {
border:1px solid black;
}

.box_white {
border:1px solid white;
}

.main-text .intro p {
font-size:90%;
line-height:145%;
color:#444;
}

.intro {
float:left;
margin:0;
padding:0 20px ;
}


.icon-big {
font-size:350%;
color:#e67e22;
display:block;
}

.icon-small {
display:inline-block;
width:30px;
text-align:center;
font-size:120%;
color:#e67e22;
/*secrets to align text and icon */
line-height:120%;
vertical-align:middle;
margin-top:-2px;
margin-right:10px;

}

.box-bottom {border-bottom:1px solid #ccc;
margin-right:4.0em;
}


.box-top {
border-top:1px solid #ccc;
margin-right:4.0em;
}

.contact-form {
width:50%;
margin:0 auto;
border: 1px solid #ccc;
border-radius:10px;
padding:20px;
}

.contact-form-full {width:70%;
margin:0 auto;
border: 1px solid #ccc;
border-radius:10px;
padding:20px;
}


a:link,
a:active,
a:visited {
color:#e67e22;
text-decoration:none;
padding-bottom:1px;
}

a:hover
{
color:#6699ff;
text-decoration:none;
padding-bottom:1px;
border-bottom:1px solid #e67e22;
}

a.poem-list:link,
a.poem-list:active,
a.poem-list:visited {
color:#333;
text-decoration:none;
padding-bottom:1px;
}

a.poem-list:hover
{
color:#6699ff;
text-decoration:none;
padding-bottom:1px;
border-bottom:1px solid #e67e22;
}

a.awhite:link,
a.awhite-list:active,
a.awhite-list:visited {
color:#e67e22;
text-decoration:none;
padding-bottom:1px;
}

a.awhite:hover
{
color:#fff;
text-decoration:none;
padding-bottom:1px;
border-bottom:1px solid #fff;
}

#===
a.thin:hover,
a.thin:active,
a.thin:visited,
a.thin:link, { 
color:#fff !important;
font-size:12px !important;
font-weight:300 !important;
}
#===
.btn:link,
.btn:visited {
display:inline-block;
padding:10px 30px;
font-weight:300;
text-decoration:none;
border-radius:200px;
transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.btn:hover,
.btn:active{
background-color:#cf6d17;
margin-bottom:10px;
}

.btn-full:link,
.btn-full:visited {
background-color:#e67e22;
border:1px solid #e67e22;
color:#fff;
margin-right:15px;
}


.btn-full:hover,
.btn-full:active{
background-color:#cf6d17;
border:1px solid #cf6d17;
color:#fff;
}

.btn-ghost:link,
.btn-ghost:visited {
border:1px solid #e67e22;
color:#e67e22;
}

.btn-ghost:hover,
.btn-ghost:active {
background-color:#cf6d17;
border:1px solid #cf6d17;
color:#fff;
}

.index-logo {
height:100px;
width:auto;
float:left;
margin-top:20px;
border-radius:25%;
}

.logo {
width:130px;
height:auto;
float:left;
margin-left:50px;
margin-top:20px;
border-radius:25%;
}

.author {height:150px;
width:auto;
float:left;
margin-top:5px;
border-radius:25%;
margin-bottom:20px;
}
.author img {height:150px;
width:auto;
}

.main-nav {
float:right;
list-style:none;
margin-top:55px;
}

.sub-nav {
float:left;
list-style:none;
margin-top:15px;
}

.bottom-nav {
display:block;
width:75%;
list-style:none;
position:relative;margin-left:auto;
margin-right:auto;
}

.bottom-nav li {display:inline-block;
margin-left:40px;
}

.profile-nav {
list-style:none;
margin-top:0px;
text-align:center;
}

.profile-nav li {
display:inline-block;
margin-left:40px;
}

.main-nav li {
display:inline-block;
margin-left:40px;

}

.sub-nav li {
display:inline-block;
margin-left:0;
}

.bottom-nav li a:link,
.bottom-nav li a:visited,
.profile-nav li a:link,
.profile-nav li a:visited,
.sub-nav li a:link,
.sub-nav li a:visited,
.main-nav li a:link,
.main-nav li a:visited {
padding:5px 0;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-size:90%;
border-bottom:2px solid transparent;
transition: border-bottom 0.2s;
}

.bottom-nav li a:hover,
.bottom-nav li a:active,
 .profile-nav li a:hover,
 .profile-nav li a:active,
.sub-nav li a:hover,
.sub-nav li a:active,
.main-nav li a:hover,
.main-nav li a:active
{
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-size:90%;
border-bottom: 2px solid #e67e22;
}

section {
padding:80px 0;

}

.section-features .long-copy {
margin-bottom:30px;

}

.btn-app img {
height:50px;
width:auto;
margin-right:10px;
}


.box img {
width:100%;
height:auto;
margin-bottom:15px;
}


.names {
position:relative;margin-top:2.0em;
font-size:110%;
}

.names:last-child {margin-bottom:50px;
}

.athormenu {
position:relative;margin-top:30px;text-align:center;
margin-left:auto;
margin-right:auto;
width:90%;
margin-bottom:30px;

}

.row100 {width:100%;
}

.row90 {
width:90%;
margin-left:40px;
}

.row80 {
width:80%;
padding:20px;
}

.row75 {
width:80%;
padding:20px;
margin-left:40px;
}

.row70 {
width:70%;
margin-left:40px;
}

.row60 {
width:60%;
margin-left:40px;
padding:20px;
padding-bottom:30px;
}

.row50 {
width:50%;
margin-left:30px;
padding:20px;
padding-bottom:30px;
}

.row40 {
width:40%;
margin-left:20px;
padding:20px;
}

.row30 {
width:30%;
margin-left:20px;

}

.row20 {
width:20%;
margin-left:20px;
}

.row15 {
width:15%;
margin-left:20px;

}

.row10 {
width:10%;
margin-left:20px;
}

.ad {position:relative;
width:450px;
height:350px;
border: 0px solid red;

}

.top-ad {
position:relative;
width:450px;
height:350px;
border: 0px solid red;
margin-top:50px;
}

.cnt {text-align:center;
}
.bio {padding:15px;
font-family:Arial, Helvetica;
}

ol {color:#444;
}

.text-to-left {text-align:left;
}

.text-to-right {
text-align:right;
}

.bottom20 {margin-bottom:20px;
}

.bottom10 {
margin-bottom:10px;
}

.bottom30 {
margin-bottom:30px;
}

.bottom-padding50 {padding-bottom:50px;
}

.white {border:1px solid #fff;
}

.btn:link,
.btn:visited,

input[type="reset"],
input[type="submit"]
{
display:inline-block;
margin-bottom:10px;
padding:10px 30px;
font-weight:300;
font-size:95%;
text-decoration:none;
border-radius:200px;
transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.btn:hover,
.btn:active,

input[type="reset"]:hover,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:active
{
background-color:#cf6d17;
margin-bottom:10px;

}

.btn-full:link,
.btn-full:visited,
input[type="reset"],
input[type="submit"]
{
background-color:#e67e22;
border:1px solid #e67e22;
color:#fff;
margin-right:15px;
margin-bottom:10px;
}

input[type="email"],
select,
textarea {
width:100%;
padding:7px;
border-radius:3px;
border: 1px solid #ccc;
}

input[type="password"],
input[type="text"]  {
width:19em;
height:2.5em;
padding:3px;
border-radius:3px;
border: 1px solid #ccc;
}

textarea {
height:100px;
}

input[type="checkbox"] {
margin:10px 5px 10px 0;
}
*:focus {
outline:none;
}

.poem {height:400px;
}

ul.table {
display:block;
width:100%;
list-style:none;
position:relative;margin-left:auto;
margin-right:auto;
}

