@charset "UTF-8";
 :root {
font-size: 1rem;
} @media (min-width: 400px) and (max-width: 800px) {
:root {
font-size: calc(1rem + (1.125 - 1) * ((100vw - 400px) / (800 - 400)));
}
}
@media (min-width: 800px) {
:root {
font-size: 1.125rem;
}
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
margin: 0.67em 0;
font-size: 2em;
}  hr {
overflow: visible; box-sizing: content-box; height: 0; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
text-decoration: underline; text-decoration: underline dotted; border-bottom: none; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
margin: 0; font-family: inherit; font-size: 100%; line-height: 1.15; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
display: table; box-sizing: border-box; max-width: 100%; padding: 0; white-space: normal; color: inherit; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
outline-offset: -2px; -webkit-appearance: textfield; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
font: inherit; -webkit-appearance: button; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
@font-face {
font-family: "Ubuntu";
src: local("Ubuntu Light"), local(Ubuntu-Light), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntulight.woff2) format("woff2"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntulight.woff) format("woff"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntulight.ttf) format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Ubuntu";
src: local("Ubuntu Light Italic"), local(Ubuntu-LightItalic), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntulightitalic.woff2) format("woff2"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntulightitalic.woff) format("woff"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntulightitalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Ubuntu";
src: local(Ubuntu), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntu.woff2) format("woff2"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntu.woff) format("woff"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntu.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Ubuntu";
src: local("Ubuntu Italic"), local(Ubuntu-Italic), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntuitalic.woff2) format("woff2"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntuitalic.woff) format("woff"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntuitalic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Ubuntu";
src: local("Ubuntu Medium"), local(Ubuntu-Medium), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntumedium.woff2) format("woff2"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntumedium.woff) format("woff"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntumedium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Ubuntu";
src: local("Ubuntu Medium Italic"), local(Ubuntu-MediumItalic), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntumediumitalic.woff2) format("woff2"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntumediumitalic.woff) format("woff"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntumediumitalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Ubuntu";
src: local("Ubuntu Bold"), local(Ubuntu-Bold), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntubold.woff2) format("woff2"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntubold.woff) format("woff"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntubold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Ubuntu";
src: local("Ubuntu Bold Italic"), local(Ubuntu-BoldItalic), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntubolditalic.woff2) format("woff2"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntubolditalic.woff) format("woff"), url(//www.coolnws.ru/wp-content/themes/coolnws/assets/fonts/ubuntubolditalic.ttf) format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
body {
color: #000;
background-color: #fff;
font-family: "Ubuntu", sans-serif; font-weight: 300;
line-height: 1.72;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
color: #c93434;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
img {
display: block;
width: 100%;
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Ubuntu", sans-serif;
margin-top: 0;
}
h1, .h1 {
font-size: 1.8125rem;
line-height: 1.6206896552;
margin-bottom: 0.8620689655em;
font-weight: 700;
}
@media (min-width: 960px) {
h1, .h1 {
font-size: 2.0555555556rem;
line-height: 1.5945945946;
margin-bottom: 0.8378378378em;
}
}
h2, .h2 {
font-size: 1.4375rem;
line-height: 1.6956521739;
margin-bottom: 0.652173913em;
font-weight: 700;
}
@media (min-width: 960px) {
h2, .h2 {
font-size: 1.6111111111rem;
line-height: 1.6206896552;
margin-bottom: 0.6551724138em;
}
}
h3, .h3 {
font-size: 1.125rem;
line-height: 1.7222222222;
margin-bottom: 0.5em;
font-weight: 700;
}
@media (min-width: 960px) {
h3, .h3 {
font-size: 1.2777777778rem;
line-height: 1.6956521739;
margin-bottom: 0.5217391304em;
}
}
h4, .h4 {
font-size: 0.875rem;
line-height: 1.7857142857;
margin-bottom: 0.4285714286em;
font-weight: 700;
}
@media (min-width: 960px) {
h4, .h4 {
font-size: 1rem;
line-height: 1.7222222222;
margin-bottom: 0.3888888889em;
}
}
h5, .h5 {
font-size: 0.6875rem;
line-height: 1.9090909091;
margin-bottom: 0.3636363636em;
font-weight: 700;
}
@media (min-width: 960px) {
h5, .h5 {
font-size: 0.7777777778rem;
line-height: 1.7857142857;
margin-bottom: 0.2857142857em;
}
}
h6, .h6 {
font-size: 0.6875rem;
line-height: 1.9090909091;
margin-bottom: 0.3636363636em;
font-weight: 700;
}
@media (min-width: 960px) {
h6, .h6 {
font-size: 0.7777777778rem;
line-height: 1.7857142857;
margin-bottom: 0.2222222222em;
}
}
p, dl {
margin-top: 0;
margin-bottom: 0.5625em;
}
@media (min-width: 960px) {
p, dl {
margin-bottom: 0.6666666667em;
}
}
p:last-child, dl:last-child {
margin-bottom: 0;
}
b,
strong {
font-weight: 700;
}
.entry-content a {
border-bottom: 1px dashed #c93434;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
color: #c93434;
line-height: 1;
}
.entry-content a:hover {
color: #7c7c7c;
border-bottom-width: 0;
}
@media (min-width: 960px) {
.entry-content .tooltip {
border-bottom: 1px dashed #c93434;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
color: #c93434;
line-height: 1;
}
.entry-content .tooltip:hover {
color: #7c7c7c;
border-bottom-width: 0;
}
}
.entry-content img,
.entry-content video,
.entry-content object {
max-width: 100%;
height: auto !important;
}
.entry-content img.left,
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
margin: 0.3em 1.571em 0.5em 0;
display: block;
float: left;
width: inherit;
}
.entry-content img.right,
.entry-content img.alignright,
.entry-content .alignright {
margin: 0.3em 0 0.5em 1.571em;
display: block;
float: right;
width: inherit;
}
.entry-content img.center,
.entry-content img.aligncenter,
.entry-content .aligncenter {
margin: 0.3em auto 0.5em;
display: block;
width: inherit;
}
.entry-content img.aligncenter,
.entry-content img.alignnone {
margin-top: 1em;
margin-bottom: 1em;
display: block;
clear: both;
width: inherit;
}
.entry-content blockquote {
border-left: 3px solid #000;
margin: 20px 0 20px 50px;
padding: 15px 0 5px 18px;
background: #F7F7F7;
}
.entry-content .wp-caption, .entry-content .wp-caption-text {
text-align: center;
font-size: 0.825rem;
padding: 0.125em 0;
}
.nowrap {
white-space: nowrap;
}
.bg-pattern {
background: url(//www.coolnws.ru/wp-content/themes/coolnws/assets/img/background-pattern.jpg);
}
.border-top {
box-sizing: border-box;
border-top: 5px solid #c93434;
}
.border-bottom {
box-sizing: border-box;
border-bottom: 5px solid #c93434;
}
.border-all {
box-shadow: 0 0 0 1px #c93434;
}
.border-all-dark {
box-shadow: 0 0 0 1px #1a1a1a;
}
.font-secondary {
font-family: "Ubuntu", sans-serif;
letter-spacing: -1px;
text-transform: uppercase;
font-weight: 700;
}
.border-dashed-color {
border: 1px dashed #c93434;
}
.border-dashed-dark {
border: 1px dashed #1a1a1a;
}
.border-dashed-light {
border: 1px dashed #fff;
}
.line-height-one {
line-height: 1.2;
}
.card-title {
font-weight: 400;
line-height: 1.2;
}
.card-title-bold {
font-weight: 700;
line-height: 1.2;
}
.card-title-light {
font-weight: 300;
line-height: 1.2;
}
h2.uk-card-title {
font-weight: 300;
}
h3.uk-card-title {
font-weight: 300;
}
h4.uk-card-title {
font-weight: 300;
}
h5.uk-card-title {
font-weight: 300;
}
h6.uk-card-title {
font-weight: 300;
}
.uk-button-third {
background-color: #f8f8f8;
color: #1a1a1a;
border: 1px solid transparent;
}
.uk-button-fourth {
background-color: #1a1a1a;
color: #fff;
border: 1px solid transparent;
}
.uk-overlay-primary {
background: rgba(34, 34, 34, 0.4);
}
.text-light {
color: #fff;
}
.text-color {
color: #c93434;
}
.text-dark {
color: #1a1a1a;
}
.divider:after {
content: " ";
display: block;
bottom: 0;
width: 100%;
height: 2px;
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, #c93434), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #c93434 50%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #c93434 50%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #c93434 50%, rgba(0, 0, 0, 0) 100%);
}
.gradient-overlay {
background: #3c0909;
background: -moz-linear-gradient(-45deg, #3c0909 0%, #c93434 100%);
background: -webkit-linear-gradient(-45deg, #3c0909 0%, #c93434 100%);
background: linear-gradient(135deg, #3c0909 0%, #c93434 100%);
opacity: 0.8;
}
article h2 {
font-size: 1.4375rem;
}
article h2 a {
border-bottom: 1px dashed #1a1a1a;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
color: #1a1a1a;
line-height: 1;
}
article h2 a:hover {
color: #c93434;
border-bottom-width: 0;
}
article .ingridients .content {
font-size: 0.75rem;
}
article .ingridients .content span:before {
content: "•";
display: inline-block;
margin: 0 5px;
}
article .ingridients .content span:first-child:before {
display: none;
}
article .article-date {
text-transform: none;
background-color: #868686;
font-size: 0.75rem;
}
article .desc {
padding-bottom: 20px;
padding-top: 0;
}
header.header-bg {
background: url(//www.coolnws.ru/wp-content/themes/coolnws/assets/img/background-pattern.jpg?1434556550);
}
header {
position: relative;
z-index: 2;
}
header .logo {
background-position: 0 -352px;
height: 80px;
width: 190px;
position: absolute;
top: 50%;
left: 10px;
margin-top: -40px;
}
header .menu {
text-align: center;
text-transform: uppercase;
color: #ffffff;
font-weight: 300;
position: relative;
margin: 0;
padding: 0;
font-size: 0.875rem;
}
header .menu > li {
display: inline-block;
margin-right: -4px;
}
header .menu > li > a {
display: inline-block;
padding: 14px 12px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
color: #fff;
}
header .menu > li > a:hover,
header .menu > li.current_page_item > a,
header .menu > li.current-page-ancestor > a {
background: #fff;
color: #c93434;
}
header .menu li:hover ul.sub-menu {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
header .menu li.scool-menu > .sub-menu li {
flex: 0 0 25%;
border-radius: 5px;
}
header .menu li.scool-menu > .sub-menu li:nth-child(1), header .menu li.scool-menu > .sub-menu li:nth-child(2) {
display: inline-block;
vertical-align: middle;
max-width: 47%;
flex: 0 0 50%;
box-shadow: 0 0 0 1px #c93434;
border-radius: 5px;
margin-bottom: 1em;
}
header .menu li.scool-menu > .sub-menu li:nth-child(1) a, header .menu li.scool-menu > .sub-menu li:nth-child(2) a {
font-size: 0.875rem;
}
header .menu li.scool-menu > .sub-menu li:nth-child(2) {
margin-left: 1.5%;
}
header .menu li.scool-menu > .sub-menu li:nth-child(1) {
margin-right: 1.5%;
}
header .menu li.scool-menu > .sub-menu li a {
font-size: 0.75rem;
}
header .menu ul.sub-menu {
display: none;
position: absolute;
top: 55px;
left: 0;
right: 0;
text-transform: none;
box-sizing: border-box;
background: #fff;
border-bottom: 1px solid #c93434;
border-left: 1px solid #c93434;
border-right: 1px solid #c93434;
color: #c93434; -webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
list-style: none none;
padding: 1em;
margin: 0 auto;
}
header .menu ul.sub-menu li {
position: relative;
}
header .menu ul.sub-menu li:hover {
background: #c93434;
border-radius: 5px;
}
header .menu ul.sub-menu li a {
display: inline-block;
padding: 0.6em 1.2em;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 0.75rem;
}
header .menu ul.sub-menu li a:hover {
color: #fff;
background: #c93434;
border-radius: 5px;
}
header .menu ul li ul {
position: absolute;
top: 0;
left: 100%;
}
.site-info {
text-align: center;
}
.site-info .site-logo, .site-info a {
color: #000;
font-weight: 400;
font-size: 2.3125rem;
line-height: 37px;
margin-bottom: 0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
@media (min-width: 960px) {
.site-info .site-logo, .site-info a {
font-size: 2.6111111111rem;
}
}
.site-info .site-logo:hover, .site-info a:hover {
color: #c93434;
}
.site-info .site-logo:hover span, .site-info a:hover span {
color: #000;
}
.site-info .site-description {
color: #000;
font-size: 0.875rem;
}
@media (min-width: 960px) {
.site-info .site-description {
font-size: 1rem;
}
}
.site-info a span,
.site-info .site-logo span {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #c93434;
} .header-menu {
background: #c93434;
}
.header-menu .content-menu {
display: none;
}
@media (min-width: 1200px) {
.header-menu .content-menu {
display: block;
}
}
.header-menu .open-menu {
display: block;
color: #fff;
}
@media (min-width: 1200px) {
.header-menu .open-menu {
display: none;
}
}
#sticky_header .uk-search-default .uk-search-input,
header .search,
header .uk-search-input {
background: #fff;
border: 1px solid #c93434;
height: 32px;
line-height: 30px;
position: relative;
padding: 0 25px 0 7px;
}
#sticky_header .uk-search-default .uk-search-input,
header .uk-search-default .uk-search-input {
background: #fff;
border: 1px solid #c93434;
}
#sticky_header .uk-search-default .uk-search-input:focus,
header .uk-search-default .uk-search-input:focus {
background: #fff;
}
#sticky_header .uk-search-icon,
header .uk-search .uk-search-icon {
color: #c93434;
z-index: 1;
}
header .uk-navbar-toggle:hover,
header .uk-navbar-toggle:focus,
header .uk-navbar-toggle {
color: #fff;
}
header .uk-navbar-nav > li > a, header .uk-navbar-item, header .uk-navbar-toggle {
min-height: 60px;
font-family: "Ubuntu", sans-serif;
}
header .uk-search-navbar .uk-search-input {
height: 50px;
background: rgba(0, 0, 0, 0.2);
font-size: 1.2rem;
padding: 0 1em;
}
.svg-icon {
display: inline-block;
width: 15px;
height: 15px;
text-align: center;
vertical-align: baseline;
stroke-width: 0;
stroke: currentColor;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin: 4px;
}
header .socials {
display: flex;
align-items: center;
justify-content: flex-start;
}
header .socials a {
margin-right: 5px;
width: 25px;
height: 25px;
text-align: center;
vertical-align: middle;
background: #ffffff;
box-shadow: 0 0 0 1px #c93434;
padding: 2px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0.95;
}
header .socials a:hover {
background: #c93434;
}
header .socials a:hover .svg-icon {
fill: #ffffff;
}
header .socials a .svg-icon {
fill: #c93434;
}
header .socials a .svg-icon:hover {
fill: #ffffff;
opacity: 1;
transform: scale(1.1);
}
#mob-menu {
background-color: #c93434;
color: #fff;
}
#offcanvas-push .uk-offcanvas-bar {
display: flex;
flex-direction: column;
}
#offcanvas-push .uk-nav-primary > li > a {
font-size: 1.25rem;
line-height: 1.5;
color: #999;
}
#offcanvas-push .social-mobile-wrapper {
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
margin-top: auto;
}
#offcanvas-push .svg-icon {
width: 20px;
height: 20px;
}
#offcanvas-push .socials a {
display: inline-block;
text-align: center;
vertical-align: middle;
background: transparent;
box-shadow: none;
padding: 2px;
opacity: 0.95;
}
#offcanvas-push .socials a .svg-icon {
fill: #ffffff;
opacity: 0.7;
}
footer {
background: #1a1a1a;
color: #fff;
font-size: 0.825rem;
text-align: center;
}
@media (min-width: 640px) {
footer {
text-align: left;
}
}
footer .logo-footer {
max-width: 200px;
margin: auto;
}
footer .copyright {
font-size: 0.675rem;
padding: 15px 0;
border-top: 1px solid #7c7c7c;
color: #a9a7a7;
}
footer .warn {
color: #a9a7a7;
padding-top: 12px;
}
.btn-to-top {
background: #c93434;
border-radius: 50%;
width: 2em;
height: 2em;
text-align: center;
vertical-align: middle;
line-height: 1.7em;
z-index: 10000000;
}
.btn-to-top:hover, .btn-to-top:focus {
background: #7c7c7c;
}
.uk-totop {
color: #fff;
}
.uk-totop:hover, .uk-totop:focus {
color: #fff;
}
.about .quote {
font-style: italic;
font-size: 1.3125rem;
position: relative;
}
.about .quote .icon-quote {
color: rgba(8, 8, 8, 0.1);
line-height: 1;
position: absolute;
top: -1em;
left: -2em;
}
.order .main-title {
font-family: "Ubuntu", sans-serif;
letter-spacing: -1px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
font-size: 2.3125rem;
}
@media (min-width: 960px) {
.order .main-title {
font-size: 2.6111111111rem;
}
}
.order .uk-tooltip {
max-width: 200px;
padding: 10px;
background: #fff;
border-radius: 2px;
color: #a9a7a7;
font-size: 0.875rem;
}
.order .oplata {
font-size: 0.875rem;
color: #a9a7a7;
}
@media (min-width: 960px) {
.step1 .action {
margin-left: 2em;
}
}
@media (min-width: 960px) {
.step1 .action.first:before {
content: "";
width: 100%;
height: 40px;
background-repeat: no-repeat;
left: -3em;
top: 10%;
position: absolute;
background-image: url(//www.coolnws.ru/wp-content/themes/coolnws/assets/img/order-icon-number.png);
}
}
@media (min-width: 960px) {
.step1 .action.second:before {
content: "";
width: 100%;
height: 40px;
background-repeat: no-repeat;
left: -3em;
top: 10%;
position: absolute;
background-image: url(//www.coolnws.ru/wp-content/themes/coolnws/assets/img/order-icon-filling.png);
}
}
@media (min-width: 960px) {
.step1 .action.third:before {
content: "";
width: 100%;
height: 40px;
background-repeat: no-repeat;
left: -1em;
top: 10%;
position: absolute;
background-image: url(//www.coolnws.ru/wp-content/themes/coolnws/assets/img/order-icon-date.png);
}
}
.delivery > ymaps {
width: 100% !important;
}
.delivery .note {
font-family: "Ubuntu", sans-serif;
letter-spacing: -1px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
font-size: 0.75rem;
}
@media (min-width: 960px) {
.delivery .note {
font-size: 0.8888888889rem;
}
}
.composition .composition-item {
font-size: 0.7777777778rem;
}
.price.h1 {
margin: 0;
line-height: 1;
}
.sku {
font-size: 0.875rem;
}
.portfolio .menu-item {
padding: 0.675em 0.675em 0.675em 0;
margin-bottom: 0.5em;
position: relative;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.portfolio .menu-item:after {
content: " ";
display: block;
position: absolute;
left: 100%;
top: 0;
width: 0;
height: 0;
border-left: 0 solid transparent;
border-top: 23px solid transparent;
border-bottom: 24px solid transparent;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.portfolio .menu-item.active, .portfolio .menu-item:hover {
padding-left: 0.675em;
background: #c93434;
color: #fff;
}
.portfolio .menu-item.active:after,
.portfolio .menu-item:hover:after {
border-left: 10px solid #c93434;
}
.event-data {
min-width: 5em;
opacity: 0.95;
}
.image-include {
height: 135px;
}
.image-include img {
width: auto;
margin: 0 auto;
}
.course .desc {
padding-bottom: 20px;
padding-top: 0;
}
.single-curses a.link-events,
.single-events a.link-events {
border-bottom: 1px dashed #1a1a1a;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
color: #1a1a1a;
line-height: 1;
}
.single-curses a.link-events:hover,
.single-events a.link-events:hover {
color: #c93434;
border-bottom-width: 0;
}
@media (max-width: 959.98px) {
.single-curses h1, .single-curses .h1,
.single-events h1,
.single-events .h1 {
font-size: 1.4375rem;
margin-bottom: 0;
}
.single-curses h2, .single-curses .h2,
.single-events h2,
.single-events .h2 {
font-size: 1.1875rem;
margin-bottom: 0;
}
.single-curses h3, .single-curses .h3,
.single-events h3,
.single-events .h3 {
font-size: 0.875rem;
margin-bottom: 0;
}
}
.single-curses svg,
.single-events svg {
max-width: 20px;
}
.program-course-event ul {
margin: 0;
padding: 0;
list-style: none;
}
.program-course-event ul li {
padding: 0.5em 0;
border-bottom: 1px solid #f5dcdc;
}
.program-course-event ul li:last-child {
border: none;
}
.post-ratings {
display: flex;
}
.post-ratings .img-vote,
.post-ratings .num,
.post-ratings .votes {
margin-right: 0.25em;
font-size: 0.875rem;
}
.content.recipe-rating {
display: flex;
}
.content.recipe-rating .img-vote {
display: flex;
}
.content.recipe-rating .img-vote,
.content.recipe-rating .num,
.content.recipe-rating .votes {
margin-right: 0.25em;
font-size: 0.875rem;
}
.img-vote img,
.post-ratings img,
.post-ratings-loading img,
.post-ratings-image img {
max-width: 7px;
display: inline-block;
margin-right: 3px;
}
.recipe-options .scale {
display: inline-block;
vertical-align: middle;
width: 110px;
height: 10px;
background: #b12929;
}
.recipe-options .scale .active {
height: 10px;
background: #17aa4f;
}
.archive article h2 {
font-size: 1.4375rem;
}
.archive article h2 a {
border-bottom: 1px dashed #1a1a1a;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
color: #1a1a1a;
line-height: 1;
}
.archive article h2 a:hover {
color: #c93434;
border-bottom-width: 0;
}
.archive article .ingridients .content {
font-size: 0.75rem;
}
.archive article .ingridients .content span:before {
content: "•";
display: inline-block;
margin: 0 5px;
}
.archive article .ingridients .content span:first-child:before {
display: none;
}
.archive article .article-date {
text-transform: none;
background-color: #868686;
font-size: 0.75rem;
}
.single-recipe .recipecat a {
color: #fff;
}
.single-recipe .recipe-step-number {
color: #fff;
font-size: 1.4375rem;
font-weight: 700;
width: 40px;
height: 40px;
background: rgba(0, 0, 0, 0.7);
line-height: 40px;
border-radius: 5px;
text-align: center;
}
.single-recipe .cost {
background: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 0.75em;
border-radius: 5px;
line-height: 1;
}
.not-found .big {
font-size: 7rem;
line-height: 1;
margin: 0;
}
.not-found .small {
letter-spacing: 2px;
line-height: 1;
font-size: 2rem;
}
.hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #fff;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
}
.hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#top-slider {
position: relative; border-bottom: 5px solid #c93434;
} #top-slider .content-wrapper {
position: absolute;
left: 0;
right: 0;
top: 45%;   text-align: center;
color: #fff;
width: 100%;
}
#top-slider .owl-item {
height: 100%;
overflow: hidden;
} #top-slider img {
width: 100%;
height: auto;
}
#top-slider .header {
text-shadow: 0 2px 2px rgba(42, 39, 37, 0.75);
font-size: 4.8em;
font-family: "Ubuntu", sans-serif;
letter-spacing: -1px;
text-transform: uppercase;
font-weight: 700;
}
#top-slider .subheader {
text-shadow: 0 2px 2px rgba(42, 39, 37, 0.75);
font-size: 1.25em;
position: relative;
margin-top: 50px;
display: inline-block;
}
#top-slider .subheader:before,
#top-slider .subheader:after {
content: " ";
display: block;
position: absolute;
width: 50px;
height: 1px;
background: #fff;
top: 50%;
}
#top-slider .subheader:before {
right: 100%;
margin-right: 45px;
}
#top-slider .subheader:after {
left: 100%;
margin-left: 45px;
}
#top-slider .owl-prev,
#top-slider .owl-next {
position: absolute;
top: 50%;
margin-top: -96.5px;
opacity: 0.7;
-moz-transition: all, ease-out 0.2s;
-o-transition: all, ease-out 0.2s;
-webkit-transition: all, ease-out 0.2s;
transition: all, ease-out 0.2s;
}
#top-slider .owl-prev:hover,
#top-slider .owl-next:hover {
opacity: 1;
}
#top-slider .owl-prev {
background-position: 0 -2491px;
height: 193px;
width: 97px;
left: 10px;
}
#top-slider .owl-next {
background-position: 0 -2736px;
height: 194px;
width: 98px;
right: 10px;
}
#top-slider .owl-dots,
#top-slider .owl-pagination {
position: absolute;
bottom: 14px;
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 8px 2px;
background: rgba(37, 37, 37, 0.5);
}
#top-slider .owl-dot,
#top-slider .owl-page {
display: inline-block;
margin: 0 4px;
background-position: 0 -2710px;
height: 26px;
width: 26px;
}
#top-slider .owl-dot.active,
#top-slider .owl-page.active {
background-position: 0 -2684px;
height: 26px;
width: 26px;
}
.breadcrumbs {
margin: 13px 0;
}
.breadcrumbs span {
display: inline-block;
font-size: 12px;
color: #c93434;
}
.breadcrumbs span:before {
content: "•";
display: inline-block;
margin: 0 5px;
}
.breadcrumbs span:first-child:before {
display: none;
}
.breadcrumbs a {
border-bottom: 1px solid;
}
.single-curses .breadcrumbs,
.single-events .breadcrumbs {
margin: 0.25em 0;
opacity: 0.9;
}
@media (min-width: 640px) {
.single-curses .breadcrumbs,
.single-events .breadcrumbs {
margin: 0 0 3em;
}
}
.single-curses .breadcrumbs span,
.single-events .breadcrumbs span {
display: inline-block;
font-size: 12px;
color: #fff;
}
.single-curses .breadcrumbs span:before,
.single-events .breadcrumbs span:before {
content: "•";
display: inline-block;
margin: 0 5px;
}
.single-curses .breadcrumbs span:first-child:before,
.single-events .breadcrumbs span:first-child:before {
display: none;
}
.single-curses .breadcrumbs a,
.single-events .breadcrumbs a {
color: #fff;
border-bottom: 1px solid;
}
#popular-recipes {
margin: 30px 0;
}
#popular-recipes .recipes {
*zoom: 1;
}
#popular-recipes .recipes:after {
content: " ";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
#popular-recipes .photo {
position: relative;
}
#popular-recipes img {
max-width: 100%;
height: auto;
}
#popular-recipes .name {
font-size: 1.125em;
line-height: 1.3;
margin-top: 5px;
}
#sticky_header {
box-shadow: 0 1px 5px #4A4A4A;
opacity: 1;
font-weight: 400;
max-height: 60px;
}
#sticky_header .site-info {
text-align: left;
}
#sticky_header .site-info .site-logo, #sticky_header .site-info a {
color: #000;
font-size: 1.125rem;
line-height: 21px;
margin-bottom: 0;
}
#sticky_header .site-description {
color: #000;
font-size: 0.5625rem;
}
#sticky_header .uk-navbar-nav > li > a, #sticky_header .uk-navbar-item, #sticky_header .uk-navbar-toggle {
min-height: 60px;
}
#sticky_header .menu {
margin: 0;
}
#sticky_header .menu > li {
display: inline-block;
padding: 15px 0;
box-sizing: border-box;
}
#sticky_header .menu > li > a {
display: inline-block;
padding: 0 12px;
font-size: 0.875rem;
border: 1px solid transparent;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#sticky_header .menu > li:hover .sub-menu {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
#sticky_header .menu > li > a:hover,
#sticky_header .menu > li.current_page_item > a,
#sticky_header .menu > li.current-page-ancestor > a {
border-color: #c93434;
}
#sticky_header .sub-menu {
display: none;
position: absolute;
top: 60px;
left: 0;
right: 0;
background: url(//www.coolnws.ru/wp-content/themes/coolnws/assets/img/background-pattern.jpg?1434556550);
font-size: 0.6875rem;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-moz-box-shadow: 0 0 0 1px #c93434;
-webkit-box-shadow: 0 0 0 1px #c93434;
box-shadow: 0 0 0 1px #c93434;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
list-style: none none;
padding: 1em;
box-sizing: border-box;
}
#sticky_header .sub-menu li {
margin-left: 10px;
}
#sticky_header .sub-menu a {
display: inline-block;
white-space: nowrap;
border-bottom: 1px solid transparent;
margin-bottom: 15px;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
padding: 3px 15px;
}
#sticky_header .sub-menu li:hover a {
box-shadow: 0 0 0 1px #c93434;
}
#sticky_header .right {
position: absolute;
right: 10px;
top: 10px;
}
.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
transform: translateY(-200%);
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.fixed {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
.logged-in .sticky {
top: 32px;
}
.header-sticky {
position: fixed;
top: 0;
left: 0; z-index: 1000;
height: 60px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(-10%);
-moz-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
background: #c93434;
padding: 10px;
opacity: 1;
}
.header-is-sticky {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
.additional-menu li a {
border-bottom: 1px dashed #1a1a1a;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
color: #1a1a1a;
line-height: 1;
margin-right: 1.5em;
}
.additional-menu li a:hover {
color: #c93434;
border-bottom-width: 0;
}
@media (min-width: 960px) {
.additional-menu li a {
margin-left: 1.5em;
}
}
.additional-menu li:last-of-type a {
margin-right: 0;
}
.items-catalog-pagination li a {
width: 40px;
height: 40px;
border: 1px solid #979797;
box-sizing: border-box;
border-radius: 3px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #979797;
font-size: 1.5rem;
}
.item-catalog-title {
font-size: 2rem;
}
.slider-content .slide-title {
font-family: "Ubuntu", sans-serif;
letter-spacing: -1px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
color: #ffffff;
font-size: 1.4375rem;
line-height: 1.2;
}
@media (min-width: 960px) {
.slider-content .slide-title {
font-size: 2.0555555556rem;
}
}
.slider-content .slide-subtitle {
color: #ffffff;
line-height: 1.2;
}
.front-page-slider { }
.front-page-slider .slide-content {
text-shadow: 0 1px 5px #000;
}
.front-page-slider .slide-title {
color: #ffffff;
font-size: 1.125rem;
letter-spacing: 1px;
}
@media (min-width: 640px) {
.front-page-slider .slide-title {
font-size: 3.3333333333rem;
}
}
.front-page-slider .slide-subtitle {
color: #ffffff;
font-size: 0.875rem;
}
@media (min-width: 640px) {
.front-page-slider .slide-subtitle {
font-size: 1.3333333333rem;
}
}
.disclaimer {
font-size: 0.75rem;
}
.navigation {
text-align: center;
font-size: 1rem;
}
.navigation h2 {
display: none;
}
.navigation .nav-links {
display: flex;
justify-content: center;
align-items: center;
}
.navigation .nav-links .page-numbers {
width: 2.5em;
height: 2.5em;
border-radius: 50%;
text-align: center;
vertical-align: middle;
line-height: 2.5em;
background-color: #f8f8f8;
margin: 0 0.5em;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.navigation .nav-links .page-numbers:hover {
background-color: #c93434;
color: #fff;
}
.navigation .nav-links .page-numbers.current {
background-color: #c93434;
color: #fff;
}
#support {
border-top: 1px solid #bababa;
border-bottom: 1px solid #bababa;
}
#support .green {
background: #04b100;
color: #fff;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#support .green:hover {
background: #05e400;
}
#support .logo-support {
max-width: 200px;
margin: auto;
}
.comments-title {
font-size: 1.3em;
font-weight: 700;
margin: 15px 0 20px;
}
.comment-list {
list-style: none;
margin: 0 -10px;
padding: 0;
}
.comment-list .comment-box {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 10px;
}
.comment-list .bypostauthor .comment-box {
background: #f3f5f7;
}
.comment-list .children {
list-style: none;
margin: 5px 0 0;
padding: 0 0 0 15px;
}
@media (min-width: 640px) {
.comment-list .children {
padding-left: 65px;
}
}
.comment-list .comment-header {
position: relative;
padding-left: 65px;
}
.comment-list .comment-avatar {
position: absolute;
top: 0;
left: 0;
}
.comment-list .comment-meta {
margin-bottom: 10px;
}
.comment-list .comment-author {
font-style: normal;
font-weight: 700;
color: #333;
}
.comment-list .comment-author.comment-reply-link,
.comment-list .comment-author.root-pseudo-link,
.comment-list .comment-author.spanlink {
border-bottom: 1px solid #ccc;
}
.comment-list .comment-author-post {
margin-left: 4px;
font-size: 0.8em;
}
.comment-list .comment-time {
color: #999;
margin-left: 20px;
font-size: 0.8em;
opacity: 0.6;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.comment-list .comment-body {
padding-left: 65px;
}
.comment-list .comment-text {
word-wrap: break-word;
font-size: 0.95em;
line-height: 1.35;
}
.comment-list .comment-footer {
line-height: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (min-width: 640px) {
.comment-list .comment-footer {
opacity: 0;
filter: "alpha(opacity=0)";
}
}
.comment-reply-link {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 0.85em;
}
.comment-reply-link:hover {
cursor: pointer;
} .comment-box:hover .comment-time {
opacity: 1;
cursor: pointer;
filter: "alpha(opacity=100)";
}
.comment-box:hover .comment-footer {
opacity: 1;
filter: "alpha(opacity=100)";
}