body {font-family: 'Abel', sans-serif; font-size: 19px; line-height: 1; color: #373737; background: #f7f7f7;}
*, *:after, *:before {padding: 0; margin: 0; transition: .5s ease-in-out;}
p {line-height: 2em; margin-bottom: 20px; margin-top: 20px;}
ul {list-style: none;}
a {text-decoration: none; outline: none; color:#111;}
h1 {font-family: 'Abel', sans-serif; font-weight: normal; letter-spacing: 1px; font-size: 2.6em; text-align:center; color:#111; margin-bottom: 20px; margin-top: 20px;}
h3 {font-family: 'Abel', sans-serif; font-weight: normal; letter-spacing: 1px; font-size: 1.8em; color:#EF5A42;}
header:after, .container:after, footer:after, #subscribe:after {content: ""; display: block; clear: both;}
.container {margin: 0 auto; width: 100%; max-width: 960px; padding: 30px; background: #fff; border-radius: 5px;} 
header {width: 100%; background: white; box-shadow: 3px 3px 1px rgba(0,0,0,.05); padding: 0; margin-bottom: 30px; position: relative;}
img {max-width: 100%;}
.logo {display: block; float: left;}
.logo span {color: white; display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 15%; margin: 3px 0; text-align: center; text-shadow: 2px 2px 1px rgba(0,0,0,.4);  font-size: 18px;}
.logo span:nth-child(odd) {background: #EF5A42;}
.logo span:nth-child(even) {background: #F8B763;}
.sale-wrap {max-width: 100%; position: relative; width: 600px; height: 300px; padding: 30px 40px; margin: 50px auto 0; margin-bottom: 50px; background: #ffffff; box-shadow: 0 1px 2px rgba(0,0,0,0.07); box-sizing: border-box; overflow: hidden;}
.sale-wrap:before {content: ""; position: absolute; left: 0; top: 0; width: 760px; height: 760px; background: rgb(240,96,96); border-radius: 50%;}
.sale-inner {position: relative; height: 100%; background: linear-gradient(45deg, rgb(240,96,96), rgb(243,181,96)); box-shadow: 0 10px 45px rgba(240,96,96, 0.3), 0 -10px 45px rgba(240,96,96, 0.3);}
.sale-inner:before {content: ""; position: absolute; width: 100%; height: 100%; background: white; border-bottom-right-radius: 150px; box-shadow: 3px 3px 20px rgba(0,0,0,.06);}
.sale-text {position: absolute; top: 0; width: 100%; z-index: 5; padding: 40px 10px 0 40px; box-sizing: border-box;}
.sale-text h2 {margin: 0 0 10px; color: #111; font-size: 35px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase;}
.sale-text p {margin: 0; font-size: 26px; font-weight: bold; color: rgb(240,96,96);}
.sale-text p span {font-size: 20px; font-weight: normal;}
.button {display: inline-block; margin: 16px 0; padding: 15px 35px; text-decoration: none; color: rgb(240,96,96); font-size: 20px; border: 1px solid rgb(240,96,96);}
#menu {float: right; margin-right: 33px;}
#menu li {display: inline-block; margin-right: 30px;}
#menu a {color: #111; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; display: block; line-height: 50px;}
#menu a:hover {color: #EF5A42;}
#menu li:last-child  {margin-right: 0;}
footer {padding: 20px; margin-top: 30px; background: #3C3D41; color: white; text-align:center;}
.header-lang{position:relative; float: right; left:3px; top:5px; margin:0px;}
.header-lang-input{float:left; color:#111; line-height:25px; padding:0px 20px 0px 0px; position:relative; cursor:pointer; -webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;}
.header-lang-input > img{vertical-align:top; margin:5px 5px 0px 0px;}
.header-lang-inside{left:-10px; display:none; position:absolute; background-color:rgba(255, 255, 255, 0.9); padding:10px 10px; width:100%; border-radius: 5px;}
.header-lang-inside a{font-size:16px; white-space:nowrap;}
.header-lang-inside a:hover{color: #EF5A42;}
.header-lang-inside img{display:inline-block; vertical-align:middle; margin-right:8px;}
.header-lang-input::after{position:absolute; content:""; border-width:5px; border-style:solid; border-color:#111 transparent transparent; -moz-border-top-colors:none; -moz-border-right-colors:none; -moz-border-bottom-colors:none; -moz-border-left-colors:none; border-image:none; top:16px; right:10px;}
.header-lang-input:hover{color:#EF5A42;}
.header-lang-input:hover .header-lang-inside{display:block;}
.decor {position: relative; max-width: 400px; margin: 50px auto 0; background: white; border-radius: 30px;}
.form-left-decoration,
.form-right-decoration {content: ""; position: absolute; width: 50px; height: 20px; background: #f69a73; border-radius: 20px;}
.form-left-decoration {bottom: 60px; left: -30px;}
.form-right-decoration {top: 60px; right: -30px;}
.form-left-decoration:before,
.form-left-decoration:after,
.form-right-decoration:before,
.form-right-decoration:after {content: ""; position: absolute; width: 50px; height: 20px; border-radius: 30px; background: white;}
.form-left-decoration:before {top: -20px;}
.form-left-decoration:after {top: 20px; left: 10px;}
.form-right-decoration:before {top: -20px; right: 0;}
.form-right-decoration:after {top: 20px; right: 10px;}
.circle {position: absolute; bottom: 80px; left: -55px; width: 20px; height: 20px; border-radius: 50%; background: white;}
.form-inner {padding: 50px;}
.form-inner input,
.form-inner textarea {display: block; width: 100%; padding: 0 20px; margin-bottom: 10px; background: #E9EFF6; line-height: 40px; border-width: 0; border-radius: 20px;}
.form-inner input[type="submit"] {margin-top: 30px; background: #f69a73; border-bottom: 4px solid #d87d56; color: white; font-size: 18px;}
.form-inner textarea {resize: none;}
.form-inner h4 {margin: 15px; font-weight: 500; font-size: 34px; color: #707981;}
blockquote {margin: 0; background: #fff; padding: 40px; color: #373737; position: relative; font-family: 'Abel', sans-serif; text-align: center;}
blockquote:before, blockquote:after {font-size: 45px; color: #EF5A42; position: absolute; height: 2px; left: 40px; right: 40px; line-height: .5;
background: linear-gradient(to right, #EF5A42 45%, transparent 45%, transparent), linear-gradient(to right, transparent, transparent 55%, #EF5A42 55%); font-family: serif;}
blockquote:before {content: "\201C"; top: 30px;}
blockquote:after {content: "\201D"; bottom: 30px;}
blockquote p {font-size: 18px;}
.border {margin: 0 0 20px 20px; list-style: disc; line-height: 1.5em; color: #EF5A42;}
.right {float: right; margin: 1em 0 1em 1em;}
#menu.active {max-height: 123px;}
@media (max-width: 768px) {
header {padding: 10px 0;}
#menu {max-height: 0; background: white; float: none; position: absolute; overflow: hidden; top: 63px; right: 0; left: 0; margin: 0; padding: 0; z-index: 3;}
#menu li {display: block; padding-left: 15px; border-bottom: 1px solid #EBEBE3; margin-right: 0;}
.posts-list, aside {width: 100%; float: none;}
.widget-post-title {font-size: 1.5em;}}
@media (max-width: 480px) {
nav {text-align: center;}
.logo {float: none; margin-bottom: 15px;}
#menu {
top: 118px;}}